@charset "utf-8"; /* CSS Document */ html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form {margin: 0px; padding: 0px;} html {height: 100%; font-size: 62.5%; } body {font: normal 13px Verdana, Geneva, sans-serif; color: #000000; display:table; height: 100%; margin: 0 auto; width: 100%; min-width: 1000px; position: relative; background: #fff url(../images/body-BG_spring.png) center top repeat-y; } .autumn { background: #fff url(../images/body-BG_autumn.png) center 0 repeat-y; } .summer { background: #fff url(../images/body-BG_summer.png) center 0 repeat-y; } .winter { background: #fff url(../images/body-BG_winter.png) center 0 repeat-y; } img {border: none;} a {cursor: pointer; text-decoration: underline; color: #5b1000; } a:hover {text-decoration: none;} p {padding-bottom: 15px;} p small {font-size: 1em;} h1, h2, h3, h4, h5, h6 {font: normal 18px 'Trebuchet MS', Arial, Helvetica, sans-serif; padding-bottom: 15px;} h1 {font-size: 24px;} h3 {font-size: 14px;} h4 {font-size: 13px;} h5 {font-size: 12px;} h6 {font-size: 11px;} input[type='submit'], input[type='button'] {cursor: pointer;} ul, ol { padding-left: 30px; } ul li {list-style: disc outside; } .set {height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; } .fl {float: left;} .fr {float: right;} .rel {position: relative;} .table {width: 100%; border-collapse: collapse; border: none;} .table td {vertical-align: top;} #header {display:table-header-group;} #header .cell {height: 1%;} #content {display:table-row;} #footer {display:table-row; height:1%;} .cell {display: table-cell;} .page {overflow: hidden;} .header {position: relative;} .footer { padding-bottom: 47px; } .copy { float: left; width: 200px; line-height: 20px; } .razrab { float: right; width: 120px; padding: 0 0 0 50px; background: url(../images/logo-razr.png) 0 6px no-repeat; line-height: 20px; } .footer-center { overflow: hidden; } .tel { font: 28px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #5b1000; float: left; padding: 0 20px 0 0; } .tel span { color: #cd9165; } .table-1 { /*width: 1000px; background: #fff; margin: 0 auto;*/ } .page, .header, .footer { width: 920px; margin: 0 auto; position: relative; } .page { padding: 040px; } .logo { float: left; width: 323px; padding-top: 24px; margin-bottom: 22px; } .logo a { display: block; height: 67px; background: url(../images/logo.png) 0 0 no-repeat; text-indent: -9999px; overflow: hidden; } .cart { width: 194px; float: right; margin-bottom: 13px; padding-top: 37px; font-size: 11px; } .cart ul { padding: 0; } .cart li { list-style: none; padding: 0 0 10px; vertical-align: middle; } .cart li span { display: inline-block; *display: inline; zoom:1; padding: 3px 5px; background: #cd9165; color: #ffffff; border: solid 1px #b37f58; } .cart li a { color: #000; } .slogan { overflow: hidden; padding: 54px 0 0 38px; font: normal 20px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #36ae0b; height: 55px; } .winter .slogan { color: #0073df; } .autumn .slogan { color: #ff7e1f; } .summer .slogan { color: #ffc000; } .bord-1 { float: none; clear: both; border-top: solid 2px #47c919; border-bottom: solid 2px #c9895a; margin-bottom: 29px; height: 1%; } .winter .bord-1 { border-top-color: #00a2ff; } .autumn .bord-1 { border-top-color: #ff7e1f; } .summer .bord-1 { border-top-color: #ffc000; } .m-1 { float: left; padding: 15px 0 19px; } .m-1 ul { padding: 0; } .m-1 li { display: inline; padding: 0 30px 0 0; list-style: none; } .search { float: right; padding-top: 13px; } .search input[type='text'] { width: 200px; height: 20px; padding: 0 5px; font: normal 12px Verdana, Geneva, sans-serif; color: #a3a3a3; border: solid 1px #dbdee5; border-top-color: #aaadb2; background: #fff; line-height: 20px; margin-right: 7px; } .search input[type='submit'] { width: 19px; height: 20px; border: none; background: url(../images/find.png) 0 0 no-repeat; } .autorise { float: right; padding: 17px 39px; font-size: 11px; } .autorise a { color: #0091e4; } .aut_link { text-decoration: none !important; border-bottom: dashed 1px #0091e4; display: inline-block; *display: inline; zoom:1; padding: 0 0 2px; } .aut_link:hover { border-color: #fff; } .serij { position: fixed; width: 100%; height: 100%; z-index: 100; left: 0; top: 0; background: url(../images/bg-1.png); display: none; } .autoriz-form { width: 325px; position: absolute; left: 50%; margin-left: -100px; top: 207px; font-size: 13px; padding: 45px 40px 11px; background: #fff url(../images/bg-3.png) right bottom no-repeat; } .autoriz-form form { } .autoriz-form ul { padding: 0; } .autoriz-form li { list-style: none; padding: 0 0 6px; overflow: hidden; float: none; } .autoriz-form li input[type='text'], .autoriz-form li input[type='password'] { width: 308px; height: 30px; padding: 0 5px; background: #fff; color: #000000; font: normal 12px Verdana, Geneva, sans-serif; line-height: 30px; border: solid 1px #aaadb2; } .autoriz-form li input[type='submit'] { width: 94px; height: 34px; float: left; border: none; background: url(../images/voyti.png) 0 0 no-repeat; margin-right: 49px; margin-top: 24px; } .autoriz-form li a { /*color: #4f008c*/; } .autoriz-form li ul { padding-top: 20px; } .autoriz-form .aut { color: #000000; border: none; font-size: 22px; padding-bottom: 10px; display: block; } .autoriz-form .aut .aut_link { } .close { width: 34px; height: 34px; background: url(../images/x.png) 0 0 no-repeat; position: absolute; right: 42px; top: 30px; cursor: pointer; } .content { width: 720px; float: right; } .nav { width: 160px; float: left; } .carousel { overflow: hidden; width: 100%; height: 150px; margin-bottom: 35px; } .carousel li { float: left; } .kartinki { overflow: hidden; } .kartinko-1 { width: 470px; height: 320px; float: left; margin-bottom: 20px; } .kartinko-2, .kartinko-3, .kartinko-4 { width: 240px; height: 100px; float: right; margin-bottom: 10px; } .kartinko-5 { width: 720px; height: 100px; margin-bottom: 35px; } .h201 { font-size: 22px; padding-bottom: 21px; } .front-news { width: 340px; float: left; margin-bottom: 35px; } .front-news-item { overflow: hidden; margin-bottom: 26px; } .front-news-item-data { font-size: 11px; color: #cd9165; padding-bottom: 5px; } .front-news-item-body { line-height: 20px; } .front-about { width: 340px; float: right; margin-bottom: 35px; } .front-about-body { line-height: 20px; } .front-about-body p { padding-bottom: 20px; } .m-2 { border-bottom: solid 1px #e4c4ac; margin-bottom: 25px; } .m-2 ul { padding: 0; font: bold 18px 'Trebuchet MS', Arial, Helvetica, sans-serif; } .m-2 ul ul { padding: 10px 0 0; font: normal 13px Verdana, Geneva, sans-serif; } .m-2 li { padding: 0 0 26px; list-style: none; } .m-2 li li { padding: 0 0 6px; } .m-2 li a { color: #5b1000; } .m-2 li li a { color: #1f7600; } .winter .m-2 li li a { color: #0073df; } .autumn .m-2 li li a { color: #e15f00; } .summer .m-2 li li a { color: #2da801; } .m-3 { border-bottom: solid 1px #e4c4ac; margin-bottom: 25px; padding-bottom: 12px; } .m-3 h3 { font-size: 18px; font-weight: bold; padding-bottom: 10px; } .m-3 ul { padding: 0; } .m-3 li { list-style: none; padding: 0 0 14px; } .m-3 li a { text-decoration: none !important; color: #1f7600; border-bottom: dashed 1px #1f7600; } .m-3 li a:hover { border-bottom: none; } .catalog-tovarov, .o-magazine, .skidki, .pomosh, .sortirovka { float: left; padding: 15px 10px 0 0; } .h301 { font: normal 16px Verdana, Geneva, sans-serif; padding-bottom: 20px; } .catalog-tovarov { width: 350px; margin-bottom: -10px; } .catalog-tovarov .m-2 { border: none; margin: 0; } .catalog-tovarov .m-2 > ul { width: 45%; float: left; padding-right: 5%; font-size: 14px; font-weight: normal; } .catalog-tovarov .m-2 ul ul { font-size: 11px; } .o-magazine { width: 170px; } .m-4 { } .m-4 ul { padding: 0; } .m-4 li { padding: 0 0 15px; list-style: none; } .skidki { width: 98px; } .pomosh { width: 134px; } .sortirovka { width: 116px; } .breadcrumb { font-size: 11px; line-height: 18px; font-weight: bold; margin-bottom: 27px; } .breadcrumb a { font-weight: normal; } .breadcrumb span { color: #cd9165; font-weight: normal; padding: 0 8px; } .sort { padding-bottom: 17px; line-height: 20px; } .sort a { text-decoration: none !important; border-bottom: dashed 1px #0091e4; color: #0091e4; margin-left: 22px; } .sort a:hover { border-color: transparent; } .filter { background: #f4e7de; padding: 4px 10px; margin-bottom: 30px; } .number_of_products { float: left; width: 170px; padding-top: 2px; } .number_of_products b { color: #713022; } .number_of_products_per_page { float: right; width: 230px; text-align: right; } .s-1 { width: 42px; height: 20px; background: #fff; border: solid 1px #acadb2; font: normal 13px Verdana, Geneva, sans-serif; color: #000000; line-height: 20px; } .p-n { text-align: center; padding: 0 230px 0 170px; vertical-align: middle; } .p-n a, .p-n span { margin: 0 4px 0 5px; } .p-n span { display: inline-block; *display: inline; zoom:1; padding: 0px 4px 1px; background: #cd9165; color: #fff; border: solid 1px #b37f58; position: relative; *bottom: -2px; } .tovari { position: relative; } .tovari ul { padding: 0; font-size: 0; line-height: 0; display:table; letter-spacing: -1px; } .tovari li { font-size: 13px; line-height: normal; letter-spacing: normal; display: inline-block; *display: inline; zoom:1; width: 158px; vertical-align: top; margin: 0 11px 27px; text-align: center; } .tovari li a { text-decoration: none !important; display: block; position: relative; } .img2-BG { width: 150px; height: 200px; padding: 2px 4px 6px 4px; background: url(../images/img-2-BG.png) 0 0 no-repeat; display: block; overflow: hidden; } .tovar-name { font: bold 18px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #39b40d; text-decoration: underline; padding-bottom: 4px; display: block; } .tovari li a:hover .tovar-name { text-decoration: none; } .tovar-opis { } .tovar-opis s { font-weight: bold; color: #cd9165; text-decoration: line-through; } .tovar-cena { } .tovar-cena big { font: bold 18px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #cd9165; } .tovari li a u { display: block; position: absolute; right: -9px; top: -6px; } .tovari li.tovar-novinka a u { background: url(../images/novinka.png) 0 0 no-repeat; width: 81px; height: 54px; top: 3px; right: -5px; } .tovari li.tovar-zakaz a u { background: url(../images/zakaz.png) 0 0 no-repeat; width: 76px; height: 69px; } .tovari li.tovar-skidka a u { background: url(../images/skidka.png) 0 0 no-repeat; width: 69px; height: 68px; top: -5px; right: -6px; } .h101 { font-size: 30px; font-weight: bold; } .h101 span { color: #c9895a; } .h101 small { font-size: 20px; font-weight: normal; } .product-detail-item { position: relative; border-bottom: solid 1px #e4c4ac; padding-bottom: 10px; margin-bottom: 8px; height: 1%; } .product-img { width: 470px; float: left; } .product-img-big { width: 456px; background: url(../images/img-4-BG.png) 0 0 repeat-y;/* overflow: hidden;*/ margin-bottom: 14px; } .product-img-big-T { background: url(../images/img-4-T.png) 0 0 no-repeat; } .product-img-big-B { background: url(../images/img-4-B.png) 0 100% no-repeat; padding: 2px 3px 5px; } .product-img-big-1 { width: 450px; } .product-img-small { overflow: hidden; } .product-img-small ul { padding: 0; } .product-img-small li { width: 100px; float: left; margin-bottom: 10px; list-style: none; } .img-3-BG { width: 80px; height: 100px; overflow: hidden; background: url(../images/img-3-BG.png) 0 0 no-repeat; padding: 1px 2px 5px 3px; } .img-3-BG a { display: block;width: 300px; margin-left: -110px; text-align: center; } .img-3-BG a img { height: 100px; } .product-descr { width: 250px; float: left; } .product-bord { margin-bottom: 30px; border-bottom: solid 1px #e4c4ac; line-height: 20px; } .product-bord p { padding-bottom: 20px; } .product-characteristics { padding-bottom: 20px; } .product-characteristics dt { float: left; width: 108px; } .product-characteristics dd { overflow: hidden; } .in_cart { margin-bottom: 18px; } .v-korz, .otlog { display: block; width: 124px; height: 34px; background: url(../images/v_korzinu.png) 0 0 no-repeat; float: left; margin-right: 8px; margin-left: -2px; } .otlog { background: url(../images/otlogit.png) 0 0 no-repeat; margin-right: -2px; } .soc-seti { margin-bottom: 45px; } .send-mail { position: relative; } .send { color: #0091e4; text-decoration: none !important; border-bottom: dashed 1px #0091e4; } .send:hover { border-color: transparent; } .popup-T { position: absolute; left: -27px; top: -21px; width: 304px; background: url(../images/popup-T.png) 0 0 no-repeat; z-index: 100; display: none; zoom:1; } .popup-B { background: url(../images/popup-B.png) 0 100% no-repeat; padding: 14px 0; zoom:1; } .popup-BG { background: url(../images/popup-BG.png) 0 0 repeat-y; padding: 0 7px; zoom:1; } .popup { background: #fff url(../images/bg-2.png) right bottom no-repeat; margin: -10px 0 -4px; float: left; width: 100%; } .popup-padd { padding: 17px 20px; } .popup dl { padding-top: 23px; } .popup dt, .zadat-vopros dt { padding-bottom: 7px; } .popup dd, .zadat-vopros dd { padding-bottom: 16px; } .popup dd input[type="text"], .popup dd textarea, .zadat-vopros dd input[type="text"], .zadat-vopros dd textarea { width: 238px; height: 20px; padding: 0 5px; border: solid 1px #dbdee3; border-top-color: #aaadb2; line-height: 20px; } .popup dd textarea, .zadat-vopros dd textarea { height: 110px; overflow: auto; } .zadat-vopros dd textarea { width: 490px; } .zadat-vopros em { color: #dc0000; } .zadat-vopros small { font-size: 11px; line-height: 20px; } .send-button { display: block; width: 124px; height: 34px; border: none; padding: 0; margin: 0 auto; background: url(../images/otpravit.png) 0 0 no-repeat; } .tab-1 { background: url(../images/tab-1-BG.png) 0 0 repeat-y; width: 552px; margin: 0 0 20px -10px; } .tab-1-T { background: url(../images/tab-1-T.png) 0 0 no-repeat; } .tab-1-B { background: url(../images/tab-1-B.png) 0 100% no-repeat; padding: 36px 25px 25px 30px; min-height: 400px; } .tabs { margin-bottom: 50px; padding: 0; font: bold 18px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #000000; clear: both; overflow: hidden; } .tabs li { list-style: none; float: left; } .tabs-1 { width: 288px; } .tabs-2 { overflow: hidden; } .tab-2 { background: url(../images/tab-2-BG.png) 0 0 repeat-y; width: 552px; margin: 0 -10px 20px 0; display: none; } .tab-2-T { background: url(../images/tab-2-T.png) 0 0 no-repeat; } .tab-2-B { background: url(../images/tab-2-B.png) 0 100% no-repeat; padding: 36px 32px 25px 20px; min-height: 400px; }