/********************** basics elements **********************/ body { font-family: Arial; font-size: 12px; background: url(/image/site/top-bg.gif) repeat-x #FFF; min-width: 1000px; width:100%; } h1 { font-size: 22px; margin: 0px 0px 10px 0px; line-height:110% !important;} h2 { font-size: 16px; margin: 25px 0px 5px 0px; font-weight: bold; } h3 { font-size: 14px; margin: 15px 0px 0px 0px; font-weight: bold; color: #D1423A; } h4 { font-size: 12px; margin: 10px 0; font-weight: bold; } a { color: #003E9C; } a:hover { text-decoration: none; } dl { padding-top: 8px; } dt { background-color: #E2E2EE; display: inline; padding: 2px 10px 2px 5px; font-size: 12px; font-weight: bold; } dl.with_image dt { background-color: #FEE0E0; color: #E91D26; } dd { margin: 5px 0px 20px 5px; } dl a { color: #000; text-decoration: none; } dl a:hover { text-decoration: underline; } p { padding: 8px 0px 4px 0px; } select { font-size: 11px; } #content ul, #content ol { margin: 5px 0px; } #content ul li { list-style-type: disc; margin-left: 20px; } #content ol li { list-style-type: decimal; margin-left: 30px; } img { border: 1px solid #E2E2E2; } img.left, .img-with-descr.left { margin: 8px 10px 5px 0px; } img.right, .img-with-descr.right { margin: 8px 0px 5px 10px; } /********************** helpers **********************/ .clear { float: none; clear: both; } .clear-wrapper { width: 100%; overflow: hidden; } .left { float: left; display: inline; } .right { float: right; display: inline; } .input, .textarea { border: 1px solid #C7C7C7; font-size: 11px; padding: 2px 3px; } .submit { background-color: #3D3A93; color: #FFF; border: none; padding: 2px 5px; cursor: pointer; } .submit:hover { background-color: #D1423A; } .error { border: 1px solid #D54940; } label.error { color: #D54940; font-size: 11px; border: none; } p.error { font-weight: bold; color: #D54940; border: none; } .img-with-descr { text-align: center; font-size: 10px; background-color: #E2E2E2; border: 1px solid #E2E2E2; width: 240px; } .img-with-descr img { border: none; } .img-with-descr p { padding: 4px 0px; } h2.bg { margin: 20px 0px 0px; color: #FFF; font-size: 14px; font-weight: normal; text-align: center; padding: 3px 10px; background-color: #D51C22; float: left; } a.xls { background: url(/image/site/file-xls.gif) left center no-repeat; padding: 2px 0px 2px 20px; } a.doc { background: url(/image/site/file-doc.gif) left center no-repeat; padding: 2px 0px 2px 20px; } a.pdf { background: url(/image/site/file-pdf.png) left center no-repeat; padding: 2px 0px 2px 20px; } #price-note span { color: #D1423A; font-size: 140%; font-weight: bold; } /********************** header **********************/ #header { height: 160px; padding-left: 260px; position: relative; background: url(/image/site/header-bg.gif) right top no-repeat; } #logo { position: absolute; top: 0px; left: 0; display: block; width: 240px; height: 290px; background: url(/image/site/logo.gif) center top no-repeat; } #logo2 { position: absolute; top: 100px; left: 0; display: block; width: 240px; height: 80px; background: url(/image/site/logo2.gif) center top no-repeat; } #logo3{ position: absolute; top: 180px; left: 0; display: block; width: 240px; height: 100px; background: url(/image/site/logo3.gif) center top no-repeat; } #site-navigation { background-color: #3D3A93; float: left; width: 100%; } #site-navigation li { float: left; } #site-navigation li a { color: #FFF; text-decoration: none; display: block; padding: 3px 14px; } #site-navigation li a:hover, #site-navigation li.current a { background-color: #D1423A; } #site-navigation ul { position: absolute; background-color: #3D3A93; visibility: hidden; z-index: 10; } #site-navigation li:hover ul, #site-navigation li.hover ul { visibility: visible; } #site-navigation ul li { float: none; display: inline; } #site-navigation li.current ul a { background-color: #3D3A93; } #site-navigation li ul a:hover, #site-navigation ul li.current a { background-color: #D1423A; } #slogan { text-decoration: none; font-size: 16px; width: 30%; display: block; position: absolute; top: 50px; left: 273px; } #manager { position: absolute; width: 115px; padding: 3px 0 0 40px; top: 50px; right: 370px; font-size: 11px; } #manager img { position: absolute; left: 0; top: 0; } #manager a { font-size: 12px; font-weight: bold; } #helper, #cart-summary { position: absolute; top: 50px; background-position: center; background-repeat: no-repeat; font-size: 11px; } #helper { width: 155px; right: 195px; background-image: url(/image/site/helper-bg.gif); z-index: 9; } #helper .auth { display: block; color: #000; text-decoration: none; padding: 0 10px 0 45px; line-height: 33px; outline: none; } #helper .popup { display: none; position: absolute; top: 28px; left: 0; width: 135px; background-color: #EBF1F8; padding: 10px; } * html #helper .popup { left: -1px; } #helper ul { margin-bottom: 10px; list-style: disc; padding-left: 15px; } #helper ul li { padding: 2px 0; } #helper .input { width: 100px; display: block; } #helper .passwd { float: left; margin-top: 3px; } #helper .button { float: left; margin: 3px 0 0 3px; } #helper .close { color: #D1423A; cursor: pointer; float: right; font-weight: bold; font-size: 14px; } #cart-summary { right: 20px; width: 100px; padding: 0 10px 0 45px; } div#cart-summary { background-image: url(/image/site/cart-bg-empty.gif?1); line-height: 33px; } a#cart-summary { display: block; background-image: url(/image/site/cart-bg.gif?1); height: 30px; padding-top: 3px; text-decoration: none; color: #000; } #types-navigation { float: left; margin-top: 88px; } #types-navigation li { float: left; padding: 0 5px; } #types-navigation a { font-size: 16px; color: #000; padding: 7px 12px; display: block; position: relative; white-space: nowrap; } * html #types-navigation a { width: 1%; height: 1%; } #types-navigation li.current a i, #types-navigation a:hover i { position: absolute; left: -3px; top: 0; width: 3px; height: 32px; background: url(/image/site/types-nav-l.gif) no-repeat; } #types-navigation li.current a b, #types-navigation a:hover b { position: absolute; right: -3px; top: 0; width: 3px; height: 32px; background: url(/image/site/types-nav-r.gif) no-repeat; } #types-navigation li.current a, #types-navigation a:hover { color: #FFF; background: url(/image/site/types-nav-bg.gif) bottom repeat-x #D54940; text-decoration: none; } #phone { float: right; display: inline; margin: 80px 20px 0px 0px; padding-left: 20px; font-size: 19px; color: #312E82; background: url(/image/site/i-phone.gif) left center no-repeat; white-space: nowrap; } #wrapper { } /********************** sidebar **********************/ #sidebar { position: absolute; left: 0; top: 310px; width: 240px; background-color: #E2E2E2;} #styles-navigation { } #styles-navigation a { border-bottom: 1px solid #FFF; line-height: 52px; height: 52px; display: block; background-repeat: no-repeat; background-position: left center; padding-left: 110px; color: #000; font-size: 15px; text-decoration: none; } #styles-navigation a:hover, #styles-navigation li.current a { color: #FFF; font-weight: bold; } #styles-navigation a.hrusstal:hover, #styles-navigation li.current a.hrusstal { background-color: #7588C3; } #styles-navigation a.modern:hover, #styles-navigation li.current a.modern { background-color: #C271AB; } #styles-navigation a.flora:hover, #styles-navigation li.current a.flora { background-color: #9CB801; } #styles-navigation a.classic:hover, #styles-navigation li.current a.classic { background-color: #C62B27; } #styles-navigation a.rotang:hover, #styles-navigation li.current a.rotang { background-color: #F18E00; } #styles-navigation a.kantri:hover, #styles-navigation li.current a.kantri { background-color: #E46518; } #styles-navigation a.hi-tech:hover, #styles-navigation li.current a.hi-tech { background-color: #646874; } #styles-navigation a.children:hover, #styles-navigation li.current a.children { background-color: #def66c; } #styles-navigation a.spots:hover, #styles-navigation li.current a.spots { background-color: #904d47; } #search { display: block; background-color: #CACACA; padding: 20px 10px 0px 30px; margin-bottom: 20px; height: 40px; } #search .input { width: 115px; margin: 0px 5px 0px 0px; } #search .button { margin: 0px; } #sidebar div.banner { text-align: center; margin-bottom: 40px; } /********************** content **********************/ #content { line-height: 140%; min-height: 1080px; margin-left: 240px; background-color: #FFF; padding: 0 20px 20px 20px; } * html #content { height: 1080px; } /* check ie7 */ /********************** footer **********************/ #footer { clear: both; background-color: #E2E2E2; } #footer .wrapper { float: left; width: 210px; padding: 10px 0 0 30px; } * html #footer .wrapper { width: 207px;} #copyright { color: #737373; font-size: 10px; } #copyright a { color: #737373; text-decoration: none; } #copyright a:hover { text-decoration: underline; } #counters { margin-top: 20px; } #brands { height: 100%; overflow: hidden; padding: 10px 0; background-color: #FFF; } #brands li { width: 33%; float: left; } #brands a { margin: 0 auto; display: block; height: 110px; width: 150px; background-position: center; background-repeat: no-repeat; } #mw { background-image: url(/image/site/brands/mw.gif); } #fd { background-image: url(/image/site/brands/fd.gif); } #chiaro { background-image: url(/image/site/brands/chiaro.gif); } /********************** main page **********************/ .main h2 { margin: 0px; color: #FFF; font-size: 14px; font-weight: normal; width: 115px; text-align: center; display: block; padding: 3px 0px; } .novelty, .shopfront { background-color: #D51C22; } #novelty, #shopfront { border: 1px solid #CCC; margin-bottom: 20px; width: 99%; border-collapse: separate; } #novelty td, #shopfront td { vertical-align: top; padding: 10px 0px; } #novelty .item, #shopfront .item { margin: 0px auto; float: none; display: block; height: auto; } #novelty .item .title, #shopfront .item .title { margin-bottom: 0; } #actions { display: block; background-repeat: repeat-x; background-position: left bottom; position: relative; height: 135px; margin-bottom: 35px; padding-left: 6px; overflow: hidden; } #actions .right-shadow { background: url(/image/site/actions-right-shadow.gif) right no-repeat; width: 6px; height: 135px; position: absolute; right: -1px; z-index: 2; } #actions .bg { background-repeat: no-repeat; background-position: left; width: 725px; height: 135px; position: absolute; left: 0px; cursor: pointer; z-index: 1; } #about { width: 47%; float: left; } #news { width: 47%; float: right; } #news dt { font-size: 11px; font-weight: normal; } #news dl.with_image dt { font-weight: bold; font-size: 12px; } #news p.more { float: left; margin-top: 20px; } /* tooltip */ #tooltip { position: absolute; z-index: 999; border: 1px solid #E2E2E2; padding: 20px 20px; width: 240px; background: url(/image/site/tooltip-bg.jpg) no-repeat center bottom #F1F4FB; line-height: 150%; font-size: 11px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } /********************** short description **********************/ .item { width: 200px; float: left; margin-left: 30px; height: 300px; display: inline; font-size: 11px; position: relative; } .item.high { height: 400px; } .item.small { height: 220px; } .item img { display: block; } .item div.summary { display: none; } .item .no-photo { border: 1px solid #E2E2E2; width: 150px; height: 150px; line-height: 150px; vertical-align: middle; color: #BBB; font-size: 14px; text-align: center; } .item a.forbidden { border: 1px solid #D1423A; width: 150px; height: 95px; padding-top: 55px; color: #BBB; text-align: center; display: block; text-decoration: none; } .item a.forbidden strong { color: #D1423A; font-size: 22px; display: block; margin: 0 auto; font-weight: bold; } .item a.forbidden small { display: block; margin: 30px auto 0; font-size: 11px; padding: 0 13px; color: #003E9C; line-height: 120%; } .item a.forbidden em { font-weight: bold; text-decoration: underline; } .item .price { font-size: 16px; font-weight: bold; margin-top: 10px; } .item .title { background-color: #E2E2E2; width: 150px; padding: 2px 0; margin: 10px 0; display: block; color: #000; text-decoration: none; text-align: center; font-size: 11px; } .item .title span { font-weight: bold; font-size: 12px; } .material, .lamp, .description, .height, .diameter, .price { background-repeat: no-repeat; background-position: left center; padding-left: 18px; font-size: 11px; } .material { background-image: url(/image/site/i-material.gif); background-position: left 2px; } .lamp { background-image: url(/image/site/i-lamp.gif); } .description { background-image: url(/image/site/i-description.gif); background-position: left 2px; } .height { background-image: url(/image/site/i-height.gif); } .diameter { background-image: url(/image/site/i-diameter.gif); } .price { color: #D1423A; padding-left: 0px; } .price a { text-decoration: none; color: #D1423A; font-size: 140%; } .price.in-action { background-image: url(/image/site/i-action.gif); padding-left: 50px; } .delim { color: #CCC; } .spin { position: relative; width: 70px; height: 23px; } .spin .input { width: 20px; text-align: right; display: block; padding: 2px 3px 1px; height: 15px; position: absolute; left: 0px; top: 1px; font-size: 12px; } .spin .button { position: absolute; left: 45px; top: 3px; display: block; width: 19px; height: 15px; background-repeat: no-repeat; cursor: pointer; } .spin .button.empty { background-image: url(/image/site/btn-add-to-cart-small.gif); } .spin .button.notempty { background-image: url(/image/site/btn-change-cart-small.gif); } .spin .up { width: 8px; height: 10px; background: url(/image/site/btn-up.gif) no-repeat #C7C7C7; display: block; position: absolute; left: 28px; top: 1px; font-size: 1px; } .spin .up.disabled { background-image: url(/image/site/btn-up-disabled.gif); cursor: default; } .spin .down { width: 8px; height: 10px; background: url(/image/site/btn-down.gif) bottom no-repeat #C7C7C7; display: block; position: absolute; left: 28px; top: 11px; font-size: 1px; } .spin .down.disabled { background-image: url(/image/site/btn-down-disabled.gif); cursor: default; } table.datatbl { border: 1px solid #CCC; margin: 10px 0px; } table.datatbl th, table.datatbl td { padding: 7px; border: 1px solid #CCC; } table.datatbl th { background-color: #E2E2E2; text-align: center; font-weight: bold; } td.r { text-align: right; } td.c { text-align: center; } table.form { width: 500px; } table.form th, table.form td { padding: 3px; vertical-align: top; } table.form th { text-align: right; width: 1%; white-space: nowrap; } table.form tr.wrap th { white-space: normal; } /********************** navigator **********************/ .navigator { margin: 10px 0; clear: left; float: left; } .navigator a, .navigator span, .navigator b { display: block; float: left; color: #000; text-decoration: none; padding: 4px 10px 3px; font-size: 14px; } .navigator b { background-color: #D04339; color: #FFF; } .navigator .more { background-color: #E2E2E2; } .navigator .prev { background: url(/image/site/navigator-prev.gif) left no-repeat; } .navigator .prev:hover { background-image: url(/image/site/navigator-prev-hover.gif); } .navigator .next { background: url(/image/site/navigator-next.gif) right no-repeat; } .navigator .next:hover { background-image: url(/image/site/navigator-next-hover.gif); } .navigator a { background-color: #E2E2E2!important; } .navigator a:hover { background-color: #CBCBCB!important; } .setup_perpage { white-space: nowrap; margin: 10px; float: left; display: inline; } .setup_perpage label { float: left; line-height: 23px; } .setup_perpage form { float: left; } .setup_perpage .input { width: 15px; text-align: right; margin: 1px 5px 0; float: left; display: inline; } .setup_perpage .image { margin: 0; float: left; } .filter { margin: 10px 0px; padding: 10px; background-color: #EEE; float: left; } .filter label { font-size: 11px; float: left; text-align: right; } .filter .input { float: left; width: 38px; margin: 0 4px; font-family: Tahoma; } .filter .image { margin-left: 8px; float: left; } .filter select { float: left; margin-left: 8px; font-family: Tahoma; } /********************** subscribe **********************/ .main #subscribe_form { float: right; } .main #subscribe_form p { font-size: 0.9em; } .main #subscribe_email { width: 200px; } #subscribe_email { margin: 1px 10px 0 0; } #subscribe_form_submit { margin: 0; } .white { color: #FFFFFF !important; }