/* Common Styles */
html {margin:0; padding:0; background: transparent;}
body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:center; }
#mainBgWrapper { margin: 0 auto; width: 968px; background:url('/images/main_bg.png') repeat-y center top; }
.main {position:relative; margin:0 auto; width: 950px; text-align:left; overflow:hidden;}
.leftItem {float:left}
.rightItem {float:right}
.imgBlock {float:left; padding-right:15px}
.clr {width:100%; clear:both; height:1px; overflow:hidden; padding:0; margin:0}
ul.list {list-style:none; margin:0}
img, div, h1, h2, h3, h4, h5, p, ul, dl, form {border:0; margin:0; padding:0}
input, label, select {vertical-align:middle}
a {text-decoration:underline}
.bg_img {display:none; _display:block; position:absolute; top:0; width:968px !important; height:100% !important;  left:-9px; z-index:-1}

/* Header */
.topBar {background:url('/images/header_bg.jpg') repeat-x 0 0; width:100%; float:left; padding-bottom: 10px; }
.header {position:relative; float:left; width:100%; height: 97px; background:url('/data/L3Nob3BzLzM1Ni9iaW5hcnlfcmVzb3VyY2VzLzI4MjU1') no-repeat 0 0;}
.header h1 {float:left; height:87px; padding:10px 0 0 40px;}
.header h1 a {float:left; _width: 500px; min-width: 250px; max-width:500px; height:75px; font: bold 30px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;}
.header h1 a, .header h1 a:hover {text-decoration: none;}
.header h1 a.invisibleText { width: 250px; font-size: 12px; opacity:0; filter:alpha(opacity=0); }
.header .rightItem {width:auto; position:relative; max-width: 300px; z-index:2}
.header .rightItem a {font-weight: bold;}
.header .rightItem .itemBlock { width:auto; padding-right:17px; max-width: 300px; }
.header .rightItem .itemBlock p {font-weight:bold; margin:0; padding:0; text-align:right; }
.header .bagItem {float:right}
.header .bagItem a {width:78px; height:80px; display:block; margin:0 auto}
.header .bagItem .active {background:url('/images/bag_empty.png') no-repeat 0 5px; width:78px; height:80px; overflow:hidden;}
.barBlockLink {display:block; position:absolute; top:0; left:0; width: 950px; height:97px; z-index:1; cursor:pointer;}

#one_prod .active {background-image:url('/images/bag_1.png')}
#two_prod .active  {background-image:url('/images/bag_2.png')}
#huge_prod .active {background-image:url('/images/bag_huge.png')}

/* Buttons */
.buttonPlace { float:left; padding-right:8px; width:auto; height:32px; position:relative}
.buttonPlaceRight {padding-right:40px;}

.buttonPlace a { display:block; float:left; padding: 8px 7px 0 47px; width:auto; min-width:50px; height:25px; font: bold 12px Arial, Helvetica, sans-serif; text-decoration:none; text-align: center; background-repeat: no-repeat; background-position: 0 0; white-space:nowrap; cursor:pointer;}
.buttonPlace a.arrowRightButton { padding: 8px 7px 0 15px;}
.buttonPlace a span {display: block; position:absolute; top:0; right:0; float:right; margin:0; width:8px; height:32px; background-repeat: no-repeat; background-position: 0 0; overflow:hidden;}
.buttonPlace a.arrowRightButton span {width:40px}
.buttonPlace a:hover, .buttonPlace a:hover span {background-position: 0 -88px;}

.addToBasketButton { background-image:url('/images/add.png')}
.arrowLeftButton { background-image:url('/images/arrow_left.png')}
.arrowRightButton { background-image:url('/images/button_l.png')}
.buttonPlace a span { background-image:url('/images/button_r.png')}
.buttonPlace a.arrowRightButton span { background-image:url('/images/arrow_right.png')}

.addToBasketButtonPlace {padding:0; float:right;}
.nextButton { padding:30px 0 10px 0; float:right;}
.prevButton { padding:30px 0 10px 0; float:left;}
.signInButton { position:absolute; left:320px; top:20px;}
.registerButton { position:absolute; left:320px; top:85px;}

/* Top Nav */
.topNav {width:100%; float:left; background:url('/images/topnav_bg.png') repeat-x 0 0; margin-top:-8px; padding-bottom:10px;}
.topNav ul { float:left; padding:8px 0 0 40px; overflow:hidden; }
.topNav li {float:left; overflow:hidden; }
.topNav li a {float:left; font-weight:bold; font-size:15px; line-height:100%; padding:12px 12px 13px 12px; margin-left:1px; text-decoration: none;}

/* Welcome */
.welcomeBlock {overflow:hidden; width:360px; margin-right:15px; }
.welcomeBlock .itemBlock {padding:9px; text-align: center; overflow:hidden; }
.welcomeBlock img { max-width: 334px; }
.welcomeText {width:550px; padding-left:15px; font-size: 1em; font-family: verdana, arial, helvetica, sans-serif;}
.welcomeText div {margin: 0 5px 15px 0; padding: 10px 15px 5px 15px;}
.welcomeText p {padding-bottom: 15px; line-height: 150%;}
.homeCategories {width:550px; float:left; padding-left:15px}
.homeCategories .itemBlock {float:right; width:252px; overflow: hidden; margin:0 5px 5px 0; border:9px solid;}
.homeCategories div.leftCol { clear: left; float: left !important; overflow: visible; }

.homeCategories a {text-decoration:none; cursor:pointer; display:block;}
.homeCategories a img {border:none}
.homeCategories h3 { padding-bottom:5px; overflow: hidden; font-size:18px; text-decoration:none; }
* html .homeCategories h3 {width:160px;}
* html .homeCategories .noImage h3 {width:100%;}

.homeCategories .thumbHolder { position:relative; text-align:center; float:left; margin:0 8px 0 0; width:80px; height:80px; overflow:hidden;}
.homeCategories .thumbHolder img { position: relative; }
.homeCategories .noImage .thumbHolder {width:1px; margin: 2px 0 0 -1px;}
.homeCategories .noImage .thumbHolder * {display:none}

/* Banner place */
.bannerPlace { overflow:hidden; text-align:center;}
.leftItem .bannerPlace {margin-left: 15px; width:545px}
.rightItem .bannerPlace {width:446px}
.bannerPlace * { margin:0 auto 10px auto;}

/* Category navigation */
.content {position:relative; float:left; width:100%}
.category_navigator {position:relative; width:420px; left:18px; border: 2px solid; border-left: 28px solid; padding:0; min-height:450px; height: auto !important; }
.category_navigator	#leftnav {margin-left:-28px; width:448px; overflow:hidden;}
* html .category_navigator	#leftnav {position:relative}
.category_navigator ul {list-style:none; width:403px; padding-top:10px}
.category_navigator ul ul {padding:0; margin-left: 0; }
.category_navigator li { padding:5px 0 5px 40px; }
.category_navigator li li { padding:3px 0 3px 15px; }
.category_navigator .folded {background:url('/images/nav_closed.gif') no-repeat 12px center;}
.category_navigator .unfolded {background:url('/images/nav_opened.gif') no-repeat 10px 14px;} 
.category_navigator .unfolded div { margin-left:-7px; padding-left:7px;}
* html .category_navigator .unfolded div {zoom:1}
.category_navigator li .folded {background-position: 0 center;}
.category_navigator li .unfolded {background-position: 0 10px;} 
.category_navigator .unfolded ul { display: block; }
.category_navigator .folded ul, .category_navigator .unfolded .folded ul { display: none;}
.category_navigator a {text-decoration: none;}
.category_navigator a:hover {text-decoration: underline;}
.category_navigator li a {font-weight:bold; font-size:15px; }
.category_navigator ul ul a {font-size:12px; }
.category_navigator a.selected {padding-right: 30px; background:url('/images/arrow.gif') no-repeat right center; }

/* Breadcrumbs */
.breadcrumbs { padding:0 0 10px 20px; position: relative; top: -5px; }
.breadcrumbs a {font-weight: bold; text-decoration: none;}
.breadcrumbs a:hover { text-decoration:underline; }
.breadcrumbs .caret { font-size: 14px; }

/* Product Detail */
h2.categoryName { padding:0 0 10px 35px; font-size: 27px;}
.prodDet .prodItem {display:none}
#active_product {display:block}
#active_category {display:block}
.prodDet {padding-left:18px; float:none}
.prodDet .itemBlock {width:430px; min-height:434px; border:10px solid; float:left; text-align:center; }
* html .prodDet .itemBlock {height:434px}
.prodDet .itemBlock img { margin: 0 auto; max-width:100%; max-height:430px;}

.prodInfo .price {float:left; background:url('/images/price_tag.png') no-repeat 0 0;  width:65px; padding:23px 10px 25px 25px; font-weight:bold; font-size: 14px; text-align:center; margin-top:12px}
.prodInfo .rightItem p {line-height:135%; padding:0 0 5px  0}
.prodInfo .prodDescrText { margin-bottom: 10px; }
.prodInfo h3 {padding:12px 5px 10px 0; font-size: 25px;}
.prodInfo #rootSubcategories li {font-weight:bold; padding-bottom: 4px; }

/* Checkout */
.stepDetail .deliveryInfo {float:left; margin: 10px 0 5px 0; width:100%; }
.stepDetail .paymentInfo {float:left; margin: 5px 0 30px 0; width:100%; }
.stepDetail .deliveryInfo h2, .stepDetail .paymentInfo h2 { font-size:18px; font-weight:normal; padding:10px 0; }
.stepDetail .deliveryInfo h2 a, .stepDetail .paymentInfo h2 a { font-size:13px; margin-left:15px; }
.stepDetail .deliveryInfo .deliveryAddress { margin: 5px 0 20px 0; padding: 5px 10px; }

.thankYou {margin-bottom: 40px;}

#closeBtn {position:absolute; display: none; left:440px; top:40px}
#closeBtn a {display: block; background: url('/images/close_btn.png') no-repeat 0 0;  width: 20px; height:20px; cursor:pointer; }
#closeBtn a:hover {background-position:right -17px}

/* Product attributes */
.prodAttr { float:right; margin:10px 0 0 5px; padding:0; width:40%;}
.prodAttr div {margin:3px 0; text-align: right; }
.prodAttr .addToBasket label { font-size: 15px; vertical-align: middle; line-height: 20px;}
.prodInfo .prodAttr .notSelected select {font-weight: bold;}
.errorMessage {display:none; width:100%; float:right; padding:5px 0; white-space:normal; }
.itemOptions { text-align: left; list-style: none}

/* Load in progress */ 
.loadingImageMessage { position: static; margin: 70px auto 0 auto; height: 220px; width: 220px; background: url('/images/loading_animated.gif') no-repeat 50% 50%; }
.loadingImageMessage p { padding-top: 180px; font-weight: bold; text-align: center; }

/* Order - add to bag */
.prodInfo form { float:right; font-weight: bold; white-space:nowrap;}
.prodInfo input { padding-right: 2px; width: 35px; text-align: center; font-weight: bold;}

/* Static pages */
.static { padding: 0 160px;}
.static img {max-width:100%;}
.static h1 {margin:0; padding:5px 0 15px 0;}
.static h2, .static h3, .static h4, .static h5, .static h6 { margin:0; padding:2px 0 8px 0; }
.static h1 {font-size: 30px;}
.static h2 {font-size: 20px;}
.static h3 {font-size: 18px;}
.static h4 {font-size: 16px;}
.static h5 {font-size: 14px;}
.static h6 {font-size: 14px;}
.static p {line-height:135%; padding-bottom: 15px;}
.static ul, .static ol {margin: 10px 0 10px 10px; padding: 0 0 0 15px;}
.static .imgPlace {text-align: center;}
.static .floatedLeft {float:left; padding:0 15px 0 0}
.static .floatedRight {float:right; padding:0 0 0 15px}

/* Product list */
.prodList {padding-right:16px; width:448px}
.prodList .itemBlock {height:192px; overflow:hidden; position:relative}
.prodList .productList {list-style:none; position:absolute}
.prodList .productList li {position:relative; text-align:center; float:left; margin:0 2px 2px 0; width:62px; height:62px; overflow:hidden; cursor:pointer}
.prodList .productList #active_tumb { width:62px; height: 62px; overflow:hidden; cursor:default; } 
.prodList .productList #active_tumb img, .prodList .productList #active_tumb img:hover { border: none; }
.prodList .productList img { position: relative; cursor:pointer; padding:0; }
.prodList .productList .active_thumb_border {display:none; position: absolute; top: 0; left: 0; border: none;}
.prodList .productList #active_tumb .active_thumb_border, .prodList .productList li:hover .active_thumb_border, .prodList .productList li.over .active_thumb_border {display:block; border:3px solid; width:56px; height:56px; }
.prodList .productList img:hover {border:none}
.prodList li.mos_r {position:absolute}
#js_preloader {position:absolute; top:210px; left:0; width:450px; background:url('/images/ajax-loader.gif') no-repeat center top; z-index:10; height:50px; display:none}

#empty_prod {width:448px; margin-top:1px; display: none;}

li.mos_I0 {left:192px; top:0}
li.mos_I1 {left:320px; top:64px}
li.mos_I2 {left:64px; top:64px}
li.mos_I3 {left:192px; top:128px}
li.mos_I4 {left:384px; top:0}
li.mos_I5 {left:0; top:0}
li.mos_I6 {left:384px; top:64px}
li.mos_I7 {left:0; top:128px}
li.mos_I8 {left:256px; top:0}
li.mos_I9 {left:128px; top:128px}
li.mos_I10 {left:128px; top:0}
li.mos_I11 {left:320px; top:128px}
li.mos_I12 {left:192px; top:64px}
li.mos_I13 {left:320px; top:0}
li.mos_I14 {left:64px; top:128px}
li.mos_I15 {left:64px; top:0}
li.mos_I16 {left:256px; top:128px}
li.mos_I17 {left:256px; top:64px}
li.mos_I18 {left:128px; top:64px}
li.mos_I19 {left:384px; top:64px}
li.mos_I20 {left:0; top:64px}

/* Grid box */
#gridBox { position:absolute; top:0; left:0; width:446px; height:190px; overflow:hidden;}
#gridBox div { position:absolute;}
.horisontalLines { left:0; height:62px; width:100%; border-top:2px solid; border-bottom:2px solid;}
.verticalLines { top:0; height:190px; width:62px; border-left:2px solid; border-right:2px solid;}
#horisontalLines_1 {top:62px}
#verticalLines_1 {left:62px}
#verticalLines_2 {left:190px}
#verticalLines_3 {left:318px}

/* Products Pager */
.pagerBlock {width:448px; position:relative; margin-top:1px}
.pagerList {width: 386px; position:relative; margin: -1px 0 0 64px; padding:0; list-style:none; font-size:12px; display:none;}
.pagerList .fixed {width: 62px; overflow:hidden; position: absolute; left: -64px; top: 0;}
.pagerList li {float:left; width:62px; margin:0 2px 2px 0; text-align:center}
.pagerList li a, .pagerList li strong {float:left; width:62px; padding:4px 0; font-weight: bold;}
.pagerList li a {text-decoration:none;}
.pagerList li a:hover {padding:4px 0; cursor:pointer; text-decoration:underline;}
.pagerList #active_page a {cursor:default; padding:4px 0}

/* Product Page */
.prodPic {padding-left:18px}
.prodPic .itemBlock {border:10px solid; float:left; text-align:center; width:430px;}
.prodPic .itemBlock img { max-height:428px; max-width:100%;}
* html .prodPic .itemBlock img {width:428px; height:auto;} /* IE6 fixing */

.prodDescription {width:448px; padding-right:16px}
.prodDescription h3 {float:none}
.prodDescription .itemBlock p {line-height:135%; padding-bottom:5px}
.prodDescription p.backPlace {border-top:1px solid; float:left; width:440px; padding-top:10px; margin-top:15px}
.prodDescription .descrTopBar { margin: 5px 2px 0 0; padding-top: 5px; border-top: 5px solid;}

#rootSubcategories { margin: 10px 0 10px 20px; padding-left: 10px;}

/* Order Details */
.stepDetail {width:565px; padding-left:28px}
.stepDetail .itemBlock {overflow: auto; width:531px; min-height:339px; padding:20px 17px;}
* html .stepDetail .itemBlock { overflow:visible; height: 339px;}
.stepDetail .subItemBlock { clear:both; padding:20px 10px;}
.stepDetail .titleBlock h2 {padding:10px 0; font-weight:normal; font-size:18px;}
.stepDetail .basket {list-style:none}
.stepDetail .basket li {float:left; width:510px; padding:6px 10px}
.stepDetail .basket li p {float:left; width:300px; line-height:21px}
.stepDetail .basket li div {float:left; width:90px}
.stepDetail .ordered li p {width:30%}
.stepDetail .ordered li div {width:70%; font-weight:bold;}
.stepDetail .basket li p.price {float:left; width:auto; font-size:14px}
.stepDetail .basket .textField {width:30px; text-align:center; float:left; margin-right:10px; padding:1px}
.stepDetail .basket li.titleBlock {padding-left:0}
.stepDetail .basket li.titleBlock a {font-size:13px; margin-left:15px}
.textField {border:1px solid; padding:2px; width:180px}
.longField {width:360px}
.shortField {width:70px}
.stepDetail li a.del {width:15px; height:15px; margin-top: 4px; background:url('/images/close_btn_sm.png') no-repeat 0 0; float:left; text-decoration:none; cursor:pointer;}
.stepDetail li a.del:hover {background-position:0 -22px;}
.stepDetail .basket li.linkPlace {padding-top:15px; padding-right:0; width:520px}
.stepDetail li.linkPlace strong {font-size:14px}
.stepDetail li.linkPlace p {width:358px; padding-top:0; text-align:right}
.stepDetail li.linkPlace .reload {width:358px; text-align:right}
.stepDetail li.linkPlace p.price {float:left; padding:0 0 0 32px; font-weight:bold; font-size:14px; text-align:left}

.stepDetail p.linkPlace, .stepDetail p.prev {float:right; margin-top:30px; background:url('/images/btn_left.gif') no-repeat 0 0;}
.stepDetail p.prevLink {float:left; margin-top:30px;}
.stepDetail p.prev {float:left}
.stepDetail p.linkPlace .btn, .stepDetail p.prev a {float:left; min-height: 20px; background:url('/images/btn_right.gif') no-repeat right top; padding:19px 20px 17px 20px; font-size:14px; text-decoration:none; border:none; font-weight:bold; cursor:pointer}
* html .stepDetail p.linkPlace .btn, * html .stepDetail p.prev a {height: 20px;}
.stepDetail a.btn:hover {text-decoration: underline;}

.register {position:relative}
* html .register {zoom:1}
.register p.linkPlace { position:absolute; left: 300px; top:10px; margin-top:0; white-space:nowrap}
.register p.registerButton {top:75px;}

dl.formBlock dt {clear:left; float:left; width:100px; padding-top:10px; padding-right: 5px; text-align: right;}
dl.formBlock dd {margin:0; padding:10px 0 0 0}
ul.formBlock { list-style:none;}
dl.showInfo dd {font-weight: bold;}

/* Order Step Navigator */
div.stepNav {width:330px; padding-right:26px}
div.stepNav ul {list-style:none}
div.stepNav li {float:left; clear:left; width:235px; padding:25px 25px 0 60px; height:50px; margin-bottom:1px; font-size:18px; cursor:default}
div.stepNav li strong {padding-right:15px}
div.stepNav li.active {margin-left:-2px;}
div.stepNav li.done {background:url('/images/done.png') no-repeat right 10px; }

/* Order List */
.stepDetail .orderList li .listBlock {width:508px}
.orderList li .listBlock p {width:auto; background:url('/images/order_cl.gif') no-repeat 1px center; padding-left:15px}
.orderList li .listBlock p.price {width:auto; font-style:italic; font-size:13px; background:none !important}
.orderList li .listBlock .orderItem {display:none; width:493px; padding-left:15px}
.orderList li .listBlock table {width:350px; margin:5px 0}
.orderList li .listBlock table td {padding:5px;}
.orderList li .listBlock table td.price {font-weight:bold; text-align:center}
.orderList .orderTime {list-style:none}
.orderList .orderItem p {background:none !important}
.orderList .orderTime li {padding:3px 5px}
.orderList .orderTime li div {line-height:21px}
.orderList li .listBlock p.linkPlace {background:none; float:right; width:auto; margin-top:5px}
#active_order .orderItem {display:block}
#active_order p {background:url('/images/order_op.gif') no-repeat 0 center}
#active_order p a {text-decoration:none}

/* Order confirmation - payment details  */
.stepDetail .basket li.paypalPayment, .stepDetail .basket li.checkPayment { margin: 0 0 10px 0; padding: 10px; }
.stepDetail .basket li.paypalPayment div { margin: 5px 0; padding-right: 170px; width: 340px ; line-height:23px; background:url('/images/cards.gif') no-repeat right top;}
.stepDetail .basket li.checkPayment { text-align: center; }
.stepDetail .basket li div.payTo { width: 100%; font-weight: bold; }

/*  Order - radio buttons */
.radioList { margin: 20px 0 0 50px; }
.radioList li { margin-bottom: 20px; position:relative; padding-left:20px;}
.radioList label { line-height: 17px}
.radioList p { margin-bottom: 5px;}
.radioList input { position:absolute; left:0; top:0; margin:0; padding:0; width: 13px; height:17px; border: none;}
* html .radioList input { left:-20px}
.cardType label { padding: 5px 170px 5px 0; margin-right:20px /* Fixing IE bug for radio button bg !!! */; background: url('/images/cards.gif') no-repeat right center;}

/* My Account */
.stepDetail .accountBlock {float:left; width:508px}
.stepDetail .accountBlock .titleBlock {padding:15px 0 10px 0}
.stepDetail .accountBlock li p {width:150px; font-size:14px}
.stepDetail .accountBlock li p.price {width:auto; float:none; text-align:left}
.stepDetail .accountBlock li .textField, .stepDetail .accountBlock li select {width:200px; text-align:left; padding:2px}
.stepDetail .accountBlock a.active {float:right; margin:44px 0 0 10px}
.error_body { width:auto; clear:left; padding:10px; padding-left: 35px; background: url('/images/error.gif') no-repeat 18px center;}
.error_body > ul {margin-left: 15px;}
.userBlock { float:right; margin: -15px 20px -12px 0;}
* html .userBlock {margin: 0 10px -10px 0;}
.userBlock a {font-weight: bold;}

/* Footer */
.footer {width:100%; clear:both; background:/*#000*/ url('/images/footer_bg.gif') repeat-x 0 0; padding:50px 0 27px 0; font-size:14px; margin-top:35px; float:left}
.botShad {width:968px; margin:0 auto; position:relative}
.botShad img {position:absolute; left:0;  height:9px; width:968px}
.footer .leftItem { float:left; margin-left:25px; width:550px;}
.footer .rightItem { float:right; margin-right:25px; width:330px; font-size: 12px;}
* html .footer .leftItem { margin-left:10px}
* html .footer .rightItem { margin-right:10px}
.footer .leftItem ul {padding:0; list-style:none;}
.footer .leftItem li {float:left; padding:0 17px 0 18px; margin-right:-7px}
.paymentInfo { position:relative;}
.paymentInfo img { padding-left:7px; position:absolute; top:0;}

/* Message box */
#messageBox {margin-left: 30px;}
#messageBox p, #messageBox h1, #messageBox h2, #messageBox h3, #messageBox div {margin-bottom: 15px;}

/*Ajax loader */
#busy {position:fixed !important;}