@CHARSET "UTF-8";

html, body { margin: 0; padding: 0; }
body { background: #3e3e3e; }

.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1; padding: 5px 5px 5px 10px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC; border: 1px solid #C6E528;}

#mother { width: 980px; position: relative; margin: 0 auto; background: white; }

#header { position: relative; width: 980px; height: 124px; overflow: hidden; background: transparent url(../images/bg-header.png) top no-repeat; }
#logo { display: block; position: absolute; width: 265px; height: 52px; top: 47px; left: 32px; }
#claim { display: block; position: absolute; top: 55px; left: 337px; }

#search-box { position: absolute; width: 160px; height: 64px; top: 34px; left: 620px; }
#search-box .caption { width: 153px; height: 19px; margin-left: 2px; padding-left: 5px; padding-bottom: 2px; overflow: hidden; text-transform: uppercase; background: url(../images/bg-search.png) left bottom no-repeat; }
#search-box .inner { text-align: right; }
#search-box input.inp-text { width: 152px; height: 20px; line-height: 20px; border: 1px solid #3e3e3e; #margin-top: -1px; padding: 1px 3px; font-size: 91.667%; text-align: center; }
#search-box input.inp-submit { width: 64px; #margin-top: -1px; _margin-top: 0; }

#cart-box { position: absolute; width: 160px; height: 80; top: 28px; left: 800px; }
#cart-box .caption { width: 153px; height: 19px; margin-left: 2px; padding-left: 5px; padding-top: 6px; padding-bottom: 2px; overflow: hidden; text-transform: uppercase; background: url(../images/bg-cart.png) left bottom no-repeat; }
#cart-box .info { position: relative; width: 143px; height: 24px; line-height: 24px; padding: 0 7px 0 10px; font-size: 91.667%; color: white; background: #3e3e3e; }
#cart-box .info .sum { font-weight: bold; float: right; font-family: Verdana, Arial, sans-serif; }
#cart-box a.button { position: absolute; right: 0; width: 67px; }

#footer { position: relative; width: 100%; height: 71px; padding-top: 85px; background: transparent url(../images/bg-footer.png) top no-repeat; }
#footer div { height: 66px; padding-right: 14px; padding-top: 5px; text-align: right; background: #3e3e3e; color: white; font-family: Verdana, Arial, sans-serif; font-size: 91.667%; }
#footer div a { color: white; text-decoration: none; }

#main {}
.row { display: block; position: relative; width: 100%; }
.row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.col{ position: relative; float: left; left: 100%; }
.col-main { width: 720px; margin-left: -730px; }
.col-main-left {width: 340px; margin-left: -710px; }
.col-main-right {width: 360px; margin-left: -360px; }
.col-side-left { width: 220px; margin-left: -960px; margin-top: -18px; }

.breadcrumb a { color: white; text-decoration: none; padding-right: 12px; margin-right: 4px; background: transparent url(../images/bg-bullet-3.png) right 50% no-repeat; }
.breadcrumb strong { font-weight: normal; }

.side-box { width: 220px; color: white; margin-bottom: 10px; }
.side-box h2 { margin: 0; margin-bottom: -6px; font-size: 116.667%; color: black; font-weight: normal; text-transform: uppercase; }
.side-box a { color: white; }
.side-box li { padding: 0; background: none; }
.side-box-top { height: 12px; background: transparent url(../images/bg-side-box-top-gray.png) no-repeat; font-size: 0; }
.side-box-bot { height: 16px; background: transparent url(../images/bg-side-box-bot-gray.png) 6px 0px no-repeat; font-size: 0; }
.side-box-mid { font-size: 91.667%; background: #3e3e3e; padding: 14px; padding-bottom: 2px; }
.side-box-mid p { }

.side-box.red h2 {color: #e2001a; }
.side-box.red .side-box-top { background: transparent url(../images/bg-side-box-top-red.png) no-repeat; }
.side-box.red .side-box-bot { height: 17px; background: transparent url(../images/bg-side-box-bot-red.png) 4px 0px no-repeat; }
.side-box.red .side-box-mid {background: #e2001a; }

.mainmenu .side-box-mid { padding: 14px 0 2px; }
#mainmenu { padding: 0 14px 12px; font-size: 109.091%;  background: transparent url(../images/bg-mainmenu.png) 0px -25px no-repeat; position: relative; }
#mainmenu a { display: block; text-decoration: none; }
#mainmenu li {  }
#mainmenu li a { height: 19px; padding: 3px 0; font-weight: bold; text-transform: uppercase; }
#mainmenu li a.active, #mainmenu li a:hover { color: #3e3e3e; background-color: white; }
#mainmenu li.expanded a { padding-bottom: 1px; }
#mainmenu li.expanded ul { padding-bottom: 0px; }
#mainmenu li.expanded ul li { margin-left: 17px; }
#mainmenu li.expanded ul li a { padding: 1px 0 1px 9px; text-transform: none; font-weight: normal; background: transparent url(../images/bg-bullet-1.png) no-repeat; background-position: left 8px; =background-position: left 7px; }
#mainmenu li.expanded ul li a.active, #mainmenu li.expanded ul li a:hover { background-color: white; background-image: url(../images/bg-bullet-1b.png); }
#mainmenu li.expanded ul li.expanded ul li { margin-left: 16px; }
#mainmenu li.expanded ul li.expanded ul li a { padding: 1px 0 1px 11px; color: #f6d5d9; background: transparent url(../images/bg-bullet-2.png) no-repeat; background-position: left 10px; =background-position: left 9px; }
#mainmenu li.expanded ul li.expanded ul li a.active, #mainmenu li.expanded ul li.expanded ul li a:hover { color: #3e3e3e; background-color: white; background-image: url(../images/bg-bullet-2b.png); }
.javascript-bg #mainmenu a.active, .javascript-bg #mainmenu a:hover, .javascript-bg #mainmenu li.expanded ul li a.active, .javascript-bg #mainmenu li.expanded ul li a:hover, .javascript-bg #mainmenu li.expanded ul li.expanded ul li a.active, .javascript-bg #mainmenu li.expanded ul li.expanded ul li a:hover { background-color: transparent; }
.side-box.red .side-box-mid.javascript-bg { background: #e2001a url(../images/bg-mainmenu.png) 0px -25px no-repeat; }

.motive-box { position: relative; width: 336px; height: 336px; margin-top: 10px; padding: 1px; border: 1px solid #3e3e3e; overflow: hidden; }
.motive-box ul { padding: 0; position: relative; }
.motive-box ul li { position: relative; padding: 0; background: none; overflow: hidden; }
.motive-box ul li .img-box { position: relative; width: 336px; height: 300px; overflow: hidden; }
.motive-box ul li .text-box { width: 336px; height: 49px; margin-top: -13px; position: relative; background: transparent url(../images/bg-motive.png) no-repeat; color: white; }
.motive-box ul li .text-box h3 { margin: 0; height: 49px; padding-right: 50px; cursor: pointer; }
.motive-box ul li .text-box h3 a { display: block; height: 36px; padding-top: 17px; padding-left: 8px; color: white; font-weight: normal; text-decoration: none; font-size: 91.667%; line-height: 1.3;}
.motive-box ul li .text-box h3 a .price { display: block; position: absolute; top: 13px; right: 0; width: 50px; height: 36px; line-height: 36px; text-align: center; font-size: 109.091%; cursor: pointer; }
.motive-box .paging-slide { position: absolute; z-index: 100; top: 1px; right: 1px; }
.motive-box .paging-slide a { display: block; float: left; width: 11px; height: 11px; line-height: 0; background: #3e3e3e; margin-left: 1px; text-indent: -2000px; }
.motive-box .paging-slide a.activeSlide { background: #e2001a; }

.signpost ul { position: relative; width: 360px; height: 540px; padding: 0; }
.signpost ul li { float: left; width: 156px; height: 156px; margin: 10px; padding: 1px; border: 1px solid #3e3e3e; background: none; _display: inline; }
.signpost ul li .img-box { width: 180px; height: 132px; margin: -12px -12px 0 -12px; }
.signpost ul li .text-box { width: 156px; height: 49px; position: relative; _position: static; margin-top: -13px; overflow: hidden; background: url(../images/bg-signpost.png) no-repeat;}
.signpost ul li .text-box h2 { margin: 0; font-weight: normal; font-size: 100%; }
.signpost ul li .text-box h2 a { display: table; =display: block; width: 156px; height: 36px; line-height: 1.3; padding-top: 13px; text-decoration: none; text-align: center; text-transform: uppercase; color: white; }
.signpost ul li .text-box h2 a .in { display: table-cell; vertical-align: middle; width: 156px; =display: block; =margin-top: expression( (((this.parentNode.clientHeight - this.clientHeight)/2)+7) > 0 ? (((this.parentNode.clientHeight - this.clientHeight)/2)+7) + 'px' : '0'); cursor: pointer; }

.news-box { position: relative; width: 340px; height: 160px; margin-top: 20px; overflow: hidden; }
.news-box h2 { margin: 0; padding: 0 0 0 11px; font-size: 100%; border-bottom: 1px solid #989898; }
.news-box ul { padding: 0; position: relative; }
.news-box ul li { padding: 0; position: relative; width: 340px; height: 141px; background: none; overflow: hidden; }
.news-box ul li .img-box { margin: 8px 8px 8px 19px; display: inline; position: relative; float: right; }
.news-box ul li .img-box img { overflow: hidden; }
.news-box ul li .text-box { font-size: 91.667%; padding: 3px 11px; }
.news-box .paging-slide { position: absolute; z-index: 100; left: 11px; bottom: 0px; }
.news-box .paging-slide a { display: block; float: left; width: 11px; height: 11px; line-height: 0; background: #3e3e3e; margin-left: 1px; text-indent: -2000px; }
.news-box .paging-slide a.activeSlide { background: #e2001a; }
.news-box .all-news { position: absolute; z-index: 100; right: 8px; bottom: -3px; }


.products { position: relative; }
.products ul { margin: 0; padding: 0; margin-top: 10px; width: 720px; position: relative; #margin-bottom: 24px; _margin-bottom: 10px;  }
.products ul li { width: 160px; height: 204px; margin: 8px 10px;  padding: 0; float: left; _display: inline; background: none; overflow: hidden; }
.products ul li .img-box { width: 156px; height: 156px; padding: 1px; border: 1px solid #9e9e9e; position: relative; }
.products ul li .img-box a { text-decoration: none; color: white; }
.products ul li .img-box .new { display: block; position: absolute; width: 15px; height: 66px; top: 1px; left: 1px; background: transparent url(../images/bg-new.png) no-repeat; text-indent: -2000px; cursor: pointer; overflow: hidden; }
.products ul li .img-box .price { display: block; position: absolute; width: 50px; height: 24px; line-height: 24px; bottom: 1px; right: 1px; padding-top: 12px; text-align: center; background: transparent url(../images/bg-price.png) no-repeat; cursor: pointer; }
.products ul li .text-box { padding: 0 7px; }
.products ul li .text-box h3 { margin: 6px 0 0 0; }
.products ul li .text-box h3 a { text-decoration: none; color: #3e3e3e; }

.paging { position: relative; margin: 15px 10px 10px 10px; font-size: 133.333%; }
.paging a { display: block; float: left; height: 18px; margin: 0 2px; line-height: 18px; color: #3e3e3e; text-decoration: none; }
.paging a.active { font-weight: bold; text-decoration: underline; }
.paging a.btn-first { width: 12px; margin-left: 0; margin-right: 4px; background: transparent url(../images/bg-paging-first.png) 0% 50% no-repeat; }
.paging a.btn-prev { width: 10px; margin-right: 4px; background: transparent url(../images/bg-paging-prev.png) 0% 50% no-repeat; }
.paging a.btn-next { width: 10px; margin-left: 4px; background: transparent url(../images/bg-paging-next.png) 0% 50% no-repeat; }
.paging a.btn-last { width: 12px; margin-left: 4px; background: transparent url(../images/bg-paging-last.png) 0% 50% no-repeat; }

.content { margin: 0 10px; }

.selector { position: relative; margin: 10px 10px 0; height: 20px; line-height: 20px; text-align: right; overflow: hidden; }
.selector select { font-size: 83.333%; padding: 2px; width: 142px; text-transform: uppercase; }
.selector input { margin-right: 8px; margin-bottom: 2px; =margin-bottom: 1px; width: 16px; height: 16px; vertical-align: bottom; }

.col-main-right.detail { width: 340px; padding: 10px;}

.detail h1 { margin: 0; font-size: 125%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #989898; position: relative; }
.detail p { padding: 0; }
.detail .row { padding-bottom: 16px; }
.detail .row.first { padding-top: 16px; padding-bottom: 12px; }
.detail .col-detail-left { width: 72px; margin-left: -340px; }
.detail .col-detail-right { width: 268px; margin-left: -268px; }
.detail .manufacturer { font-size: 91.667%; }
.detail .manufacturer h4 { margin: 0; font-weight: normal; font-size: 109.091%; }
.detail .more { text-decoration: none; background: white; padding-left: 2px; }
.detail .size { padding-bottom: 0; }
.detail .size div { padding-top: 8px; }
.detail .size div.size { position: relative; padding-top: 0px; /* height: 50px; */ height: 64px; overflow: hidden; }
.detail .size div.size ul { padding: 0; margin: 0; }
.detail .size div.size ul li { padding: 0; padding-top: 8px; padding-bottom: 7px; display: block; background: none; float: left; text-align: center; zoom: 1; position: relative; }
.detail .size div.size ul li label { padding: 8px 8px 7px 8px; cursor: pointer; }
.detail .size div.size ul li label.selected { padding-left: 10px; padding-right: 10px; color: white; background: transparent url(../images/bg-detail-size.png) 50% 50% repeat-x; }
.detail .size div.size ul li label.disabled { color: #9f9f9f; }
.detail .price { text-align: right; padding-bottom: 12px; padding-top: 2px; }
.detail .price span { margin-left: 12px; padding: 9px 7px 7px 8px; color: white; background: transparent url(../images/bg-detail-price.png) 50% top repeat-x; }
.detail .order { text-align: right; }
.detail .order input.inp-submit { width: 132px; height: 21px; line-height: 21px; padding-left: 25px; padding-bottom: 1px; background-position: 18px 8px; }

.detail-motive ul li .text-box { background: transparent url(../images/bg-motive2.png) no-repeat; }
.detail-motive ul li .text-box a { display: block; height: 36px; line-height: 36px; padding-top: 13px; padding-right: 16px; text-align: right; font-size: 91.667%; color: white; text-decoration: none; }

.questions { margin: 8px 10px 20px 19px; position: relative; overflow: hidden; }
.questions h3 { margin: 0; margin-bottom: 4px; margin-left: -2px; padding-left: 2px; border-bottom: 1px solid #989898; }
.questions ul { padding: 0; }
.questions ul li { padding-left: 15px; font-size: 91.667%; }
.questions ul li.q-in { background: transparent url(../images/bg-detail-question-in.png) 0px 5px no-repeat; }
.questions ul li.q-out { background: transparent url(../images/bg-detail-question-out.png) 0px 5px no-repeat; }
.questions ul li span { font-size: 83.333%; color: #9f9f9f; }
.questions a.button { position: absolute; right: 0; bottom: 0; width: 134px; padding-left: 29px; background: #9f9f9f url(../images/bg-bullet-3b.png) 18px 6px no-repeat; }
.questions .ask { width: 206px; padding: 4px 10px; background: #9f9f9f; }
.questions .ask label { font-size: 91.667%; color: white; text-transform: uppercase; }
.questions .ask label.error { color: #e2001a; }
.questions .ask label.error input.inp-text, .questions .ask label.error textarea { border: 1px solid #e2001a; }
.questions .ask input.inp-text, .questions .ask textarea { width: 200px; margin-top: 4px; padding: 2px; border: 1px solid white;  }
.questions .ask textarea { height: 54px; }
.questions .ask input.inp-submit { width: 76px; margin-top: 8px; padding-left: 22px; background-position: 18px 6px; }

.ui-effects-transfer { border: 3px dashed #3E3E3E; }


#cart-box-info-tooltip { width: 300px; min-height: 40px; _height: 40px; border: 2px solid #3e3e3e; background: white url(../images/ajax-loader.gif) 50% 50% no-repeat; }
#cart-box-info-tooltip h2 { margin: 0; text-align: center; background: #3e3e3e; color: white; }
#cart-box-info-tooltip p { text-align: center; background: white; padding: 8px 0; }
#cart-box-info-tooltip table { width: 300px; background: white; border-collapse: collapse; }
#cart-box-info-tooltip table td, #cart-box-info-tooltip table th { border: 1px solid #3e3e3e; padding: 0 4px; }
#cart-box-info-tooltip table th { background: #9F9F9F; color: white; }
#cart-box-info-tooltip table td.sum { border-top: 3px double #9F9F9F; font-weight: bold; }
#cart-box-info-tooltip table td.sum-first { border-left: 1px solid #3e3e3e; }
#cart-box-info-tooltip table td.sum-last { border-right: 1px solid #3e3e3e; }
#cart-box-info-tooltip table td.price { white-space: nowrap; }


h1.cart { background: url(../images/bg-cart-caption.png) 10px 50% no-repeat; padding-left: 51px; font-weight: normal; text-transform: uppercase; }
.cart-content { border-collapse: collapse; margin: 12px 0; }
.cart-content td { border: 1px solid white; background: #e9e9e9; padding: 8px 10px; }
.cart-content tr.even td { background: #dfdfdf; }
.cart-content td.first { padding-left: 14px; }
.cart-content td a { font-weight: bold; text-decoration: none; color: #3e3e3e; }
.cart-content th { border: 1px solid white; font-weight: normal; padding: 0 8px; }
.cart-content th.first { text-align: left; padding-left: 14px; }
.cart-content td.sum { border-top: 3px double white; font-weight: bold; border-left: 0 none; border-right: 0 none; }
.cart-content td.sum-first { border-left: 1px solid white; }
.cart-content td.sum-last { border-right: 1px solid white; }

.cart-content td.price { white-space: nowrap; }
.cart-content input.inp-text { text-align: center; width: 38px; height: 15px; line-height: 15px; padding: 1px; border: 0; margin: 0; }
.cart-content select { width: 229px; margin: 0px; padding: 1px; border: 0 none; }

.cart-controls { text-align: right; }
.cart-controls a { float: right; margin-top: 0; line-height: 18px; margin-left: 8px; }

h2.contact { font-weight: normal; text-transform: uppercase; }
.order-form { border-collapse: collapse; margin: 12px 0; }
.order-form td { border-top: 1px solid white; border-bottom: 1px solid white; background: #e9e9e9; padding: 8px 10px; }
.order-form th { text-align: left; font-weight: normal; padding: 2px 8px 2px 14px; background: #9f9f9f; color: white; }
.order-form tr.even td { background: #dfdfdf; }
.order-form td.first { padding-left: 14px; }
.order-form input.inp-text { text-align: left; width: 198px; height: 15px; line-height: 15px; padding: 1px 3px; border: 0; margin: 0; }
.order-form textarea { width: 198px; height: 58px; padding: 1px 3px; border: 0; margin: 0; }