/* =========== */
/* = general = */
/* =========== */
body{ font-size:11px}
.page a {color:#282b28; text-decoration:none}
.page a:hover {font-weight:bold;}


/* ========== */
/* = layout = */
/* ========== */
html, body{ width:100%; height:100%; overflow:hidden}
body {background:url(../images/bg-body.gif); text-align:left;}
.wrapper {background:url(../images/bg-main.gif) repeat-x; overflow:hidden; width:100%; height:100%; position:absolute; clear:both;}
.page {width:100%; height:100%; overflow:auto; margin:0; padding:0;  position:absolute; clear:both; top:0; left:0;}
.logo {position:absolute; top:30px; left:60px; width:150px}
.scroll-home {background:url(../images/scroll-home.png) center left no-repeat; color:#DCC084; font-size: 15px; padding-left: 35px; height:20px; overflow:hidden; position:absolute; right:20px; top:70px; width:50px; text-decoration:none; font-weight:bold;}
.header-container { height:505px; position:fixed; left:0px; top:100px; clear:both; width:300px; background: url(../images/bg-new.png) repeat-x; background-position: -40px -90px; z-index: 20; }
.header-container-content { height:505px; position:fixed; left:60px; top:100px; clear:both; width:240px; background: #fff; z-index: 21; }
.main{ margin:0; position: relative;}
.main-container .main-vertical {padding: 20px;}
.main-horizontal { position:absolute; clear: both; left:300px; top:100px; height:505px; width:auto; overflow:visible;}
.main-container { background:#fff; width:780px; overflow:auto; position:absolute; clear:both; left:300px; top:100px; height:505px;}



/* = logo = */
.logo strong, .logo h1{ display:none}

/* ============== */
/* = navigation = */
/* ============== */

.nav-container { line-height: 200%; font-size: 12px; position:fixed; clear:both; top:110px; left:80px; width:200px;z-index: 40; }

#nav, .nav-static, .nav-footer{width:200px; overflow:hidden; color:#8d5a23; }
li.level0 { font-weight:normal;  color:#8d5a23;}
/*li.level0:before {content: "+ "; font-weight:bold}*/
.level0 li {font-weight:normal;  color:#8d5a23;}
#nav .level0 a {font-weight:normal;  color:#8d5a23;}
#nav .level0 a:hover {font-weight:bold;  color:#8d5a23;}
/*.level0 li:before {content: "- "; font-weight:normal;}*/
#nav li, .nav-static li, .nav-footer li{ display:block; margin-top: 10px}
#nav ul{ display:block; padding-left:20px;}
#nav ul ul li{ font-size:11px;}
#nav ul {display: none;}
#nav li.active ul {display:block;}
.nav-static li a {font-weight: normal;  color:#8d5a23;}



.footer ul.links {display:none;} /* tmp hide */
.footer ul , .footer > li{display:none;} /*tmp hide */
.footer ul li{display:block;} 
.footer ul#nav, .footer ul.nav-static {display: block;}
.quick-access { position:absolute; clear:both; bottom:0px; left:2px; margin:10px 0 20px 20px; 
  font-size:12px; font-family:sans-serif;}
.quick-access .links { float:left;}
.quick-access .links li { display:block; margin-top:10px;}
.quick-access .links li.first { padding-left:0 !important; }
.quick-access .links li.last { background:none !important; padding-right:0 !important; }

/* ========= */
/* = forms = */
/* ========= */
button.button span { color: black; font-weight: normal; height: 22px; line-height:22px}

/* =========== */
/* = content = */
/* =========== */

.col1-layout .products-grid { width:auto;}

.discount-form button {float: left !important;}


/* ============ */
/* = category = */
/* ============ */
.main-horizontal .main {width:auto; overflow:visible; white-space:nowrap}
.horizontal-catalog { white-space:nowrap; position:relative; height:505px;}
li.general-category-item { height:505px; display:-moz-inline-stack;display:inline-block;zoom:1; *display:inline; position:relative; left:30px; top:0; color:white; clear:both;}
li.general-category-item .item-wrapper { position:relative; width:815px;}
/*item content*/
.item-content {width:780px; float:left; position:relative; height:505px; overflow:hidden; background:#1D0C0C;}
.item-content .description { 
  position:absolute; width:220px; height:505px; background:url(../images/bg-details.png) 0 0 no-repeat; top:0; left:0; clear:both; white-space:normal; overflow:hidden}
.item-content .description-content { width:180px; height:465px; overflow:hidden; padding:20px;}
.item-content .description p {margin-top:12px;}
.item-content .description .hide {
  background: url(../images/arrow-left.png) right center no-repeat; color:#eee; cursor:pointer; padding-right:12px; position:absolute; clear:both; right:10px; top:10px; }
.item-content .show-description, .item-content .show-glider, .item-content .hide-product { 
  background:url(../images/bg-black_transp.png); -moz-border-radius: 4px;	-webkit-border-radius: 4px; border-radius: 4px; cursor:pointer; color:white; padding:5px 8px; }
.item-content .show-description { position:absolute; left:10px; top:10px;}
.item-content .show-glider { position:absolute; left:680px; bottom:10px;}
.item-content .hide-product { position:absolute; left:-90px; top:10px;}
.horizontal-catalog .category-title {font-size: 16px;}

/* RIGHT BOX */
.right-box { float:left; height:505px; overflow:hidden; position:relative;}

.glider-wrapper { position:absolute; right:0; top:0; clear:both;}
.glider {background:#281010; height:505px; float:left; position:relative;}
.glider .next-page, .glider .prev-page {width:84px; height:20px; text-indent:-9000px}
.glider .prev-page {background:url(../images/arrow-up.png) center center no-repeat; display:block; }
.glider .next-page {
  position:absolute; clear:both; bottom:30px; left:0; background:url(../images/arrow-down.png) center center no-repeat;}
.glider .content {width:84px; height:80000px;}
.glider .scroller {overflow:hidden; width:84px; height:435px;}
.glider .section {height:435px; width:84px;}
.glider .section img{border-bottom: 1px solid #999}
.glider .hide {position:absolute; clear:both; bottom:10px; left:10px; padding-left:12px; background:url(../images/arrow-right.png) center left no-repeat; color: #888; }
.glider .disabled {background: green;}
.glider .section a {display:inline;}


.jump-arrows {display:inline-block; width:34px; height:505px; }
.jump-arrows .jump-prev{clear:both; position:absolute; top:48%; right:0; text-indent: -90000px; background:url(../images/scroll-l.png) center center no-repeat; width:13px; height:24px;}
.jump-arrows .jump-next{ clear:both; position:absolute; top:48%; float:left; text-indent: -90000px; background:url(../images/scroll-r.png) center center no-repeat; width:13px; height:24px;}
.general-category-item.last .jump-prev, .general-category-item.last .jump-next{display:none; }
.last { margin-right: 780px; }
/* =========== */
/* = product = */
/* =========== */
.product-view{ width:780px; height:505px; overflow: hidden; white-space: normal;}
.product-view .product-img-box .product-image  { border: 0;}
.product-view .product-shop { float: left; position:absolute; left:0; top:0; height:465px; padding:20px; background:url(../images/bg-details.png); clear: both; color:white; width:220px;}
.product-view .product-name, .catalog-category-view .product-name { color:#DCC084; line-height:26px; font-size:15px; font-weight:bold;}
.product-view .short-description, .catalog-category-view .short-description { margin: 10px 0 30px 0; line-height: 18px}
.product-view .price-box, , .catalog-category-view .price-box { display:inline;}
.product-view .add-to-cart button.button, .catalog-category-view .add-to-cart button.button { margin: 10px 0;}
.product-view .regular-price .price, .catalog-category-view .regular-price .price { font-weight: normal;}
.catalog-category-view .main-horizontal{width:700px;}



/* =========== */
/* = slider  = */
/* =========== */
#slider{position:relative;height:495px;width:770px;z-index:5;overflow:hidden;margin:-15px;}
div.scroller{height:495px;width:770px;overflow:hidden;position:relative;}
div.slidercontrolwr{position:absolute;top:10px;right:10px;z-index:6;}
div.scroller img{border:none;}
div.scroller div.slide{height:495px;overflow:hidden;float:left; position:relative;}
div.scroller div.content{width:10000px;padding:0px;}
div.sliderdescription:hover{background:#fff;}
.content a{text-decoration:none;color:#5a5a5a;}
.content a:hover{text-decoration:none;font-weight:bold;}
.slidercontrol{list-style-image:none;list-style-position:outside;list-style-type:none;padding:0;}
.slidercontrol{list-style:none;padding:0px;margin:0px;}
.slidercontrol a{float:left;width:15px;margin:0px 2px;padding:0px 2px;text-decoration:none;color:#fff;font-weight:bold;background:#c0c0c0;overflow:hidden;text-align:center;border:1px solid #c0c0c0;}
.slidercontrol a:hover,
.slidercontrol a.active{background:#f0f0f0;color:#c2c2c2;}
#ajax-preloader{text-align:center;z-index:500;}
#ajax-preloader .loading{border:1px solid #777;color:#000;font-size:11px;background:#fff;text-align:center;width:50px;padding:10px;}

#slider .description { 
  position:absolute; width:180px; height:465px; background:url(../images/bg-details.png) 0 0 no-repeat; top:0; left:0; clear:both; white-space:normal; overflow:hidden; padding:20px;}
#slider .description p {margin-bottom:12px; color:white;}