/* CSS Document */
/* ------------ */
/* --- Main --- */
* {padding: 0; margin: 0}
body {background: #f7f4e1 url(../images/background.png) repeat-x; font: 11px Verdana, Tahoma, Arial, sans-serif}
#layer-wrapper {width: 100%; min-height: 345px; background: url('../images/background-center.jpg') center top no-repeat}
#wrapper {width: 941px; margin: 0 auto; padding: 0 5px}
.clear {clear: both}

a.small-button {position: relative; text-decoration: none; text-transform: uppercase; height: 18px; color: white}
a.small-button span.left {position: absolute; display: block; width: 2px; height: 18px; background: url('../images/left.gif') no-repeat; overflow: hidden; left: 0; top: 0; background: url('../images/small-button-left.gif') no-repeat}
a.small-button span.right {position: absolute; display: block; width: 2px; height: 18px; background: url('../images/left.gif') no-repeat; overflow: hidden; right: 0; top: 0; background: url('../images/small-button-right.gif') no-repeat}
a.small-button span.text {margin: 0 2px; padding: 0 3px; line-height: 18px; height: 18px; background: url('../images/small-button-background.png') repeat-x; display: block}
/* --- Header --- */
#header {}
#header .top {height: 34px; line-height: 34px; color: #b9b89c; text-align: right}
#header .top a {color: #6e2f38; text-decoration: none; margin: 0 10px}
#header .top span {color: black; margin: 0 10px}
#header .top a:hover {text-decoration: underline}
#header .middle-l {margin-bottom: 8px}
#header .middle-l .layer-logo {display: inline-block; float: left; width: 685px; height: 87px; background: #6d2f38}
#header .middle-l .cart {display: inline-block; float: left; width: 256px; height: 87px; background: url('../images/cart-background.png') repeat-x; position: relative}
#header .middle-l .layer-logo .logo {position: relative; display: block; margin: 11px 0 0 11px; width: 343px; height: 72px; background: url('../images/logo.png') no-repeat}
#header .middle-l .layer-logo .logo span {position: absolute; top: -10000px}
#header .middle-l .cart .cart-title {margin: 17px 0 15px 19px}
#header .middle-l .cart .cart-button {position: absolute!important; right: 14px; bottom: 15px}
#header .middle-l .cart .data {color: #9c9c7c; font-size: 12px; padding-left: 16px}
#header .middle-l .cart .data .count {color: white}
#header .middle-l .cart .data .price {color: #873b45}
#header .bottom {height: 41px; border-top: 1px dashed #a6a597; border-bottom: 1px dashed #a6a597; margin-bottom: 10px}
#header .bottom .text{height: 41px; line-height: 41px; color: #6e2f38; display: inline-block; float: left; width: 696px; padding-left: 5px}
#header .bottom .search {height: 41px; display: inline-block; float: left; width: 240px}
#header .bottom .search form {margin: 11px 0 0 13px; display: block}
#header .bottom .search .search-input-layer {background: url(../images/search-input-background.jpg) no-repeat; display: inline-block; float: left; height: 20px; padding: 0 9px 0 24px; width: 163px}
#header .bottom .search .search-input-layer input {background: none; border: none; color: #4b4b4b; font-size: 11px;height:16px; margin-top:4px; padding-left:90px; width:270px;}
#header .bottom .search .search-button {background: url(../images/search-button.png) no-repeat; border: none; cursor: pointer; height: 21px; margin-left: 3px; width: 21px}
/* --- Center --- */
#center {background: white}
#center #left {display: inline-block; float: left; width: 204px; padding: 2px 4px 0 2px}
#center #right {display: inline-block; float: left; width: 730px; padding: 2px 0 0 0}
/* --- Left --- */
#center #left h2 {padding: 8px 12px; background: #b6b59a; color: white; font-size: 12px; font-weight: bold; border-bottom: 1px solid white}
ul.catalog {list-style: none}
ul.catalog li {padding: 10px 12px 10px 26px; background: #edecda url('../images/catalog-pix.gif') 13px 13px no-repeat; border-bottom: 1px solid white}
ul.catalog li.active {background: #fcfbf2 url('../images/catalog-active-pix.gif') 13px 15px no-repeat; border-right: 1px solid #edecda}
ul.catalog li.toggler {background: #edecda; font-weight: 12px; color: #4b4b4d}
ul.catalog li.toggler.selected {background: #fcfbf2}
ul.catalog li a {color: #4b4b4d; text-decoration: none; font-size: 12px}
ul.catalog li a:hover {text-decoration: underline; color: #4b4b4d}
ul.catalog li ul {list-style: none; margin-top: 4px}
ul.catalog li ul li {background: url('../images/catalog-submenu-pix.gif') 0 11px no-repeat; border: none; padding: 4px 8px}
ul.catalog li ul li.active {background: #d9d8c6 url('../images/catalog-submenu-active-pix.gif') 25px 11px no-repeat; margin-left: -25px; width: 162px; padding-left: 33px}
ul.catalog li ul li a {color: #184848; font-size: 11px}
ul.catalog li ul li.active a {color: #862d3a}
.service-hotline, .dhl {margin-top: 3px}
/* --- Right --- */
.banner {width: 661px; height: 298px; background: url('../images/banner.jpg') no-repeat; padding: 18px 44px 0 23px; position: relative}
.banner .text {color: white; font-size: 12px; position: relative; top: 10px}
.banner .img {position: absolute; right: 44px; top: 55px; background: white; width: 134px; height: 184px; padding: 2px}
.banner .banner-lenta {position: absolute; top: 0; right: 0; width: 216px; height: 105px; background: url('../images/banner-lenta.png') no-repeat}
.banner .img .price-layer {position: absolute; top: 106px; right: 2px; width: 80px; height: 41px; background: white}
.banner .img .price-layer .price-bb {font-size: 24px; color: #6e2f38; font-weight: bold; text-align: center}
.banner .img .price-layer .price-oo {color: #636363; font-size: 10px; text-align: center}
.banner .img .price-layer .price-oo .line-through {color: #6e2f38; text-decoration: line-through}
.banner .product-text {position: absolute; width: 138px; height: 73px; color: white; text-align: center; bottom: 0; right: 44px}
.banner .product-text a {color: white; text-decoration: none}
.banner .product-text a:hover {text-decoration: underline}
.category-1-layer {display: inline-block; float: left; width: 174px; height: 132px; background: url('../images/main-category-1.jpg') no-repeat; margin: 5px 0 0; padding: 15px 0 0 187px; color: white; font-size: 12px}
.category-2-layer {display: inline-block; float: right; width: 174px; height: 132px; background: url('../images/main-category-2.jpg') no-repeat; margin: 5px 2px 0 0; padding: 15px 0 0 187px; color: white; font-size: 12px}
.category-3-layer {display: inline-block; float: left; width: 174px; height: 132px; background: url('../images/main-category-3.jpg') no-repeat; margin: 5px 0 0; padding: 15px 0 0 187px; color: white; font-size: 12px}
.category-4-layer {display: inline-block; float: right; width: 174px; height: 132px; background: url('../images/main-category-4.jpg') no-repeat; margin: 5px 2px 0 0; padding: 15px 0 0 187px; color: white; font-size: 12px}
.category-1-layer a, .category-2-layer a, .category-3-layer a, .category-4-layer a {font-weight: bold; color: white; font-family: Arial, Verdana, Tahoma, sans-serif; text-decoration: none}
.category-1-layer a:hover, .category-2-layer a:hover, .category-3-layer a:hover, .category-4-layer a:hover {text-decoration: underline}
.reklam-text {background: #d7d7b5; padding: 0 0; margin-top: 6px}
.reklam-text ul {margin: 6px 0 0 18px; color: #184848}
.reklam-text ul li {padding: 4px 0; font-size: 12px}
.reklam-text .col-1 {display: inline-block; float: left; width: 211px; padding: 0 26px}
.reklam-text .col-2 {display: inline-block; float: left; width: 203px; padding-right: 26px}
.reklam-text .col-3 {display: inline-block; float: left; width: 200px; padding-right: 26px}
.reklam-text .col-1 img {margin-top: 24px}
.reklam-text .reklam-title {background: #6e2f38; font-size: 16px; color: white}
.reklam-text .reklam-title .col-1, .reklam-text .reklam-title .col-2, .reklam-text .reklam-title .col-3 {padding-top: 2px; padding-bottom: 2px}
.brands {border: 1px solid #d7d7b5; border-top-width: 4px; margin-top: 5px; text-align: center}
.brands img {margin: 10px 11px}

.product-back {background: url('../images/product-back.png') repeat-x; padding-top: 22px}
.dashed-line {height: 1px; overflow: hidden; border-top: 1px dashed #d7d7b5; margin-top: 10px}
#more-desc {position: relative; top: 3px}
.toggler-desc {cursor: pointer; color: #727272}
.element-desc {padding: 10px}
.merkliste-link {position: relative; top: 3px; margin-right: 4px}
#super-product-table {margin-top: 10px}
.product-layer {background: url('../images/product-layer-background.gif') 324px 0 repeat-y}

.collateral-box.up-sell .products .item .image {height: 190px!important}
.collateral-box.up-sell .products .item .price {line-height: normal!important; height: auto!important}

.more-views {padding: 8px 0}

#newsletter-validate-detail {color: #5f5f5f}

.footer {color: #5f5f5f; font-size: 10px}
.footer .l-foot {width: 348px; height: 50px; line-height: 50px; display: inline-block; float: left}
.footer .r-foot {width: 593px; height: 50px; line-height: 50px; display: inline-block; float: left; text-align: right}
.footer .r-foot span {margin: 0 10px}
.footer .r-foot a {text-decoration: none; font-weight: bold; color: #5f5f5f}


/* Main murkup styles */
.header {height: 145px; position: relative}
.left {display: inline-block; float: left; width: 204px; padding-top: 62px; font-size: 12px}
.right {display: inline-block; float: left; width: 732px}

/* Header */
.logo span {position: absolute; top: -10000px}
.top-links {display: inline-block; float: left; width: 362px; padding-top: 14px; text-align: center}
.top-links a {color: #161616; text-decoration: none; margin: 0 8px}
.top-links a:hover {text-decoration: underline}
.main-menu {position: absolute; left: 220px; top: 113px; list-style: none}
.main-menu li {float: left; margin-right: 3px}
.main-menu li a {display: inline-block; position: relative; padding: 0 24px; font-size: 15px; font-weight: bold; text-decoration: none; color: white; height: 32px; line-height: 32px}
.main-menu li a span {cursor: pointer}
.main-menu li.cart a {padding: 0; width: 45px; background: url('../images/main-menu-cart.png') no-repeat}
.main-menu li.cart.active a {background: url('../images/main-menu-active-cart.png') no-repeat}
.main-menu li a span.text {display: inline-block; height: 32px; background: url('../images/main-menu-background.gif') repeat-x}
.main-menu li a span.left-corner {position: absolute; display: block; width: 24px; height: 32px; background: url('../images/main-menu-left.png') no-repeat; top: 0px; left: 0}
.main-menu li a span.right-corner {position: absolute; display: block; width: 24px; height: 32px; background: url('../images/main-menu-right.png') no-repeat; top: 0px; right: 0}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	head~body .main-menu li a span.right-corner {right: -24px}
}
.main-menu li.aquaristik a span.text {background: url('../images/main-menu-acva-background.png') repeat-x}
.main-menu li.aquaristik a span.left-corner {background: url('../images/main-menu-acva-left.png') no-repeat}
.main-menu li.aquaristik a span.right-corner {background: url('../images/main-menu-acva-right.png') no-repeat}
.main-menu li.active a {color: #356aa0; position: relative}
.main-menu li.active a span.text {background: url('../images/main-menu-active-background.png') repeat-x!important}
.main-menu li.active a span.left-corner {background: url('../images/main-menu-active-left.png') no-repeat!important}
.main-menu li.active a span.right-corner {background: url('../images/main-menu-active-right.png') no-repeat!important}

/* Left */
.left ul {font-family: Arial, Tahoma, Verdana, sans-serif; list-style: none}
h2.cart {color: white; font-size: 12px; font-weight: bold; height: 26px; line-height: 26px; padding-left: 36px; background: url('../images/left-cart-background.png') no-repeat}
h2.categories {margin-top: 20px; color: white; font-size: 12px; font-weight: bold; height: 26px; line-height: 26px; padding-left: 10px; background: url('../images/left-menu-header.png') no-repeat}
.cart-block {font: 12px Verdana, Arial, Tahoma, sans-serif; padding: 20px 14px; color: white; background: url('../images/left-menu-dark-background.gif') repeat-y; position: relative}
.cart-block a {color: white}
.cart-block a:hover {text-decoration: none}
.bottom-line {position: absolute; bottom: 0; left: 0; width: 204px; height: 1px; background: url('../images/left-menu-bottom-line.gif') no-repeat; overflow: hidden}
.bottom-line-ie {width: 204px; height: 1px; background: url('../images/left-menu-bottom-line.gif') no-repeat; overflow: hidden; position: relative; top: 8px}
.new-products {/*background: url('../images/left-menu-light-background.gif') repeat-y*/}
.new-products li {background: url('../images/left-menu-background.gif') repeat-y}
.new-products .toggler-layer {background: url('../images/left-menu-active.gif') 12px 18px no-repeat!important}
.new-products-bottom {height: 4px; overflow: hidden; background: url('../images/new-products-bottom.png') no-repeat}
.left ul a:hover {color: white}
.left ul.categories {}
.left ul li {line-height: 22px; padding-left: 26px; zoom: 1}
.left ul li.toggler {background: url('../images/left-menu-background.gif') repeat-y}
.left ul.categories li.selected, .left ul.categories li.selected ul li {background: url('../images/left-menu-active-background.gif') repeat-y}
.left ul.element2 li {background: url('../images/left-menu-background.gif') repeat-y}
.left ul li a {color: white; text-decoration: none; margin-left: 26px}
.left ul li a:hover {text-decoration: underline}
.left ul li ul li {padding-left: 0; background: none}
.left ul li ul li.hover {background: #947015!important; background-image: none}
.left ul li ul li.hover a:hover {text-decoration: none}
.left-menu-bottom-line {width: 204px; height: 1px; background: url('../images/left-menu-bottom-line.gif') no-repeat; overflow: hidden}
.left ul li .toggler-layer {margin-left: -26px; background: url('../images/left-menu-not-active.gif') 16px 15px no-repeat; position: relative; padding-top: 8px; padding-bottom: 8px}
.left ul li.selected .toggler-layer {background: url('../images/left-menu-active.gif') 12px 18px no-repeat}
.left .left-menu-bottom {height: 10px; background: url('../images/left-menu-bottom.png') no-repeat; overflow: hidden}
.left ul.categories li a {text-transform: uppercase}
.left ul.categories li ul li a {text-transform: none}

/* Right */
.right .top {height: 42px; background: url('../images/content-top-background.png') no-repeat; padding: 0 12px}
.right .top .top-content-menu {display: inline-block; width: 514px; height: 42px; float: left; line-height: 42px; color: #999999; font-size: 12px; font-family: Arial, Tahoma, Verdana, sans-serif}
.right .top .top-content-menu span {color: #585858; margin: 0 6px}
.right .top .top-content-menu a {color: #999999; text-decoration: none; margin: 0 6px}
.right .top .top-content-menu a:hover {text-decoration: underline}
.right .top .search {display: inline-block; width: 194px; height: 32px; float: left; padding: 10px 0 0 0}
.right .top .search .search-input-layer {display: inline-block; float: left; width: 137px; height: 20px; background: url('../images/search-input-background.png') no-repeat; padding: 0 9px 0 24px}
.right .top .search .search-input-layer input {width: 137px; height: 16px; border: none; background: none; margin-top: 4px; color: #4b4b4b; font-size: 11px}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	head~body .right .top .search .search-input-layer input {margin-top: 2px}
}
.right .top .search .search-button {width: 21px; height: 21px; border: none; background: url('../images/search-button.png') no-repeat; cursor: pointer; margin-left: 3px}
.right .content {background: white; padding-bottom: 1px; position: relative}
.right .fix-top-content {height: 1px; overflow: hidden}
.right .banner {width: 371px; height: 266px; margin: 12px auto; position: relative; background: url('../images/banner.jpg') no-repeat; padding: 28px 0 0 338px; color: white; font-size: 13px; overflow: hidden}
body.terra .right .banner {background: url('../images/banner-terra.jpg') no-repeat}
.right .banner h3 {font: 32px Arial, Tahoma, Verdana, sans-serif; font-weight: normal; margin-bottom: 10px; white-space: nowrap}
.right .banner p {margin-bottom: 10px}
.right .banner p.text {padding: 0 22px 0 108px; line-height: 18px; font-size: 12px; position: relative; z-index: 2}
.right .banner a {color: white; text-decoration: none}
.right .banner a:hover {text-decoration: underline}
.right .banner p.price {text-align: right; font-size: 26px; font-family: Arial, Tahoma, Verdana, sans-serif; position: absolute; right: 16px; bottom: 22px; z-index: 1; height: 40px; width: 200px}
.right .banner p.price span {font-size: 40px}
.right .banner p.price sup {font-size: 24px; position: relative; left: -10px}
.right .banner .banner-image {position: absolute; bottom: 0px; right: 240px}
.right .title {margin: 0 2px; background: url('../images/content-header-background.gif') repeat-x; height: 36px}
.right .title .title-table td {height: 36px; white-space: nowrap; padding: 0 12px}
.right .title .title-table td.name {font-size: 16px; color: #3e3e3e}
#right td.to-top {font-size: 11px; color: #7f7f7f}
#right td.to-top a {color: #333333; text-decoration: none; margin: 0 3px; font-size: 11px}
#right td.to-top a:hover {text-decoration: underline}
#right td.pager {text-align: right; color: #7f7f7f; font-size: 11px}
#right td.pager span {color: #833843; font-weight: bold}
#right td.pager span.del-pager {color: #b3b3aa; font-weight: normal}
#right td.pager a {color: #333333; text-decoration: none}
#right td.pager a:hover {text-decoration: underline}
#right .title-catalog {padding: 20px 0 0 0}
#right .title-catalog .title-catalog-table {margin-bottom: 12px}
#right .title-2 table td {height: 20px; color: #333333;}
#right .title-2 {background: #d7d7b5; color: #7f7f7f; padding: 0 10px}
#right .title-2.bottom {margin: 0 0 20px 0}
#right .title-catalog .name {font-size: 16px; color: black; padding-left: 10px}
#right .title-catalog .back {font-size: 11px; padding: 10px 0 0 10px}
#right .title-catalog .back a {color: #7f7f7f; text-decoration: none}
#right .title-catalog .back img {position: relative; top: 2px}
#right .title-catalog .selectes {text-align: right; color: #333333; font-size: 12px}
#right .title-catalog .selectes select {margin-left: 20px}
span.select {position: absolute; background: url('../images/custom-select-1.png') no-repeat}
#right .title-catalog .selectes select.styled {background: url('../images/custom-select-1.png') no-repeat}
#right .products {padding: 5px 0 6px; background: url('../images/products-background.png') no-repeat}
#right .products .item {display: inline-block; float: left; width: 232px; height: 286px; border: 1px solid #d7d7b5; border-top: 4px solid #d7d7b5; color: #5c5c5c; overflow: hidden; margin: 0 13px 10px 0; padding-top: 22px; text-align: center; position: relative}
#right .products .item .price-pre {position: absolute; width: 91px; height: 91px; top: 0; left: 0; background: url('../images/product-pre.png') no-repeat}
#right .products .item .product-link img {margin-bottom: 13px}
#right .products .item .image {width: 222px; height: 250px; overflow: hidden; border-bottom: 1px dashed #d7d7b5; padding: 0 5px}
#right .products .item .image a {color: #6e2f38; font-size: 12px}
#right .products .item .image td {text-align: center; vertical-align: middle}
#right .products .item .data {display: inline-block; float: left; width: 176px; height: 154px; border-left: 1px solid white; border-right: 1px solid white}
#right .products .item .text {height: 103px; background: url('../images/product-text-background.png') repeat-x; overflow: hidden; padding: 0 5px}
#right .products .item .p-title {margin: 8px 0; font-size: 13px}
#right .products .item .p-title a {color: #5c5c5c; text-decoration: none}
#right .products .item .p-title a:hover {text-decoration: underline}
#right .products .item .description {font-size: 10px; line-height: 14px}
#right .products .item .price {height: 36px; overflow: hidden; text-align: center; line-height: 36px; color: #6e2f38; font-size: 14px; font-weight: bold}
.zoom-image {position: absolute; bottom: 3px; right: 3px}
#right .products .item .button a {text-decoration: none; color: #5c5c5c}
#right .products .item .button .product-button {display: block; float: right; width: 88px; height: 18px; background: url('../images/product-button.png') no-repeat; color: white; padding-left: 18px; line-height: 16px}
.content-bottom {height: 50px; background: url('../images/footer_bg.png') repeat-x}
.content-bottom td {padding: 0 4px}
.content-bottom .icons {vertical-align: center; color: #5f5f5f; font-size: 10px}
.content-bottom .icons img, .right .content-bottom .icons span {margin: 0 5px}
.content-bottom .icons span {position: relative; top: -8px}
.content-bottom .newsletter {text-align: right; color: #999999}
.content-bottom .newsletter #newsletter {width: 166px; height: 17px; border-top: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-bottom: none; border-left: none; font: 11px Verdana, Arial, Tahoma, sans-serif}
.content-bottom .newsletter .button {width: 14px; height: 14px; background: url('../images/newsletter-button.gif') no-repeat; cursor: pointer; border: none; margin-left: 6px; position: relative; /*top: 4px*/}

.category-description {position: relative}
span.select {position: absolute; width: 60px; height: 18px; padding: 0 24px 0 8px; color: #fff; font: 10px/18px verdana,arial,sans-serif; background: url('../images/custom-select-1.png') no-repeat; overflow: hidden; margin-left: 20px; text-align: left}

.pib-1 {width: 304px; height: 301px; background: white; padding: 0 10px}
.pib-2 {width: 295px; height: 288px; border: 2px solid #f1f4f6}
.image-link {margin: 4px}
.image-link a {color: #5c5c5c; text-decoration: none; font-size: 11px; margin-right: 20px}
.image-link a.no-pd {margin-right: 3px}

.product-name-s-description {/*background: url('../images/product-short-description.png') bottom repeat-x;*/ padding: 0 10px 15px}
.product-short-description {margin-top: 12px; color: blacg; font-size: 12px; font-weight: bold}
#right h2 {font-size: 17px; color: black; font-weight: normal}
tr.special-price td {background: #f6f5f0; font-size: 11px; color: #bdbdbd; /*border-bottom:1px solid #dadfed*/ padding-top: 4px; padding-bottom: 4px}

.product-specs {color: #747474}
.product-specs ul {list-style: none}
.product-specs ul li {padding-left: 14px; background: url('../images/list-pix.gif') 0 5px no-repeat; margin-bottom: 4px}

button.right {width: auto}
.pt-0 {padding-top: 0!important}

.toggler-layer.checkout-sidebar {background: none!important; color: white; margin-left: -13px!important; text-transform: uppercase}
.toggler-layer.checkout-sidebar .bottom-line-ie {left: -13px}

ul.form-list {margin-top: 3px}
table.form-list td {padding: 3px 2px}
.td-input {text-align: right}
.td-input input {width: 195px}

a.left-col {float: left; color: #747474; text-decoration: none; padding-left: 12px; background: url('../images/left-pix.gif') 0 4px no-repeat}

.foot-cart-table {border: 1px solid #e8e5d9; margin-top: 11px}
.foot-cart-table td {height: 37px; background: #f6f5f0; padding: 0 10px}
.foot-cart-table a {color: #7f7f7f; text-decoration: none}
.foot-cart-table a.b-link {padding-left: 12px; background: url('../images/left-pix.gif') 0 4px no-repeat; font-weight: bold}

.discount-box {width: 252px; padding: 10px; background: white url('../images/some-layer-background.gif') left bottom repeat-x; border: 1px solid #d4d4d4; margin-top: 10px; display: inline-block; float: left}
.discount-box h4 {margin-bottom: 10px; color: #4e9a4b}
.discount-box p {margin-bottom: 10px; color: #747474}
.discount-box button {width: 136px!important; height: 18px; background: url('../images/discount-button.png') no-repeat; border: none; color: white; font-size: 11px; margin-left: 16px}
.discount-box input {width: 91px}

.text-content {padding: 10px; color: #424242}
.text-content a {color: #7f7f7f; text-decoration: none}
.text-content a:hover {text-decoration: underline}

.shipment-methods dt {font-weight: normal!important; color: #878787}
.shipment-methods label {font-weight: normal!important; color: black; font-size: 12px}
.shipment-methods li {padding: 4px 0}

#checkout-step-shipping_method p {padding-top: 4px; padding-bottom: 4px}
.compliment-block {background: #f3f0e1; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding: 20px; margin-bottom: 10px}
.compliment-block input {width: 310px}
.compliment-block textarea {width: 661px}
.compliment-block table label {font-weight: normal; font-size: 12px; color: black}
.compliment-block td {padding-top: 16px}
.title-one-page {font-size: 12px; color: #947015; padding: 4px 20px}
.compliment_check_box {padding-left: 20px; padding-right: 20px}
.compliment_check_box label {font-weight: normal}

.payment-methods dd fieldset {margin: 6px -20px; /*background: #f3f0e1;*/ width: 710px}

.review-table {border-bottom: 3px solid #d4d4d4}
.review-table th {background: #e8e8e7!important; color: #7e7f7f!important}
.review-table .product-name {padding-left: 32px}
.review-table td {color: black!important; padding-top: 12px; padding-bottom: 12px}
.review-table td.last {padding-right: 20px}
.review-table td.summa-price .price {font-weight: bold!important; color: #947015!important}
.review-table .cart-price {padding-right: 0!important}
.review-table tfoot tr.last td {color: #947015!important; font-size: 12px; padding-top: 12px; padding-bottom: 12px}
.review-table tfoot tr.first td {padding-top: 12px; border-top: 1px solid #d4d4d4!important}
.review-table tfoot tr {background: #f6f5f0!important}
.review-table tfoot td {border: none!important}

#checkout-step-review .button-set p {text-align: left}
#checkout-step-review .button-set p a {color: #878787}
#checkout-step-review .button-set {padding-top: 10px!important; padding-bottom: 10px!important}

.p-padding p {padding: 10px 0}

#check .section span {visibility: hidden; color: #9e966a}
#check .section span a {margin-left: 0!important}
#check .section span img {position: relative; top: 4px}
#check .section.allow span {visibility: visible}
#check .section.selected span {visibility: hidden}
#check .content {text-transform: none; font-size: 11px; color: #5d4918; line-height: 19px}

.cms-page {padding: 0 12px 12px; color: #424242}
.cms-page .text-block {padding: 8px 10px; clear: both; margin: 4px 0}
.cms-page .text-block img {margin: 12px}
.cms-page .text-block img.img-left {float: left; margin-left: 0!important}
.cms-page .text-block img.img-top {margin-top: 0!important}
.cms-page p {padding: 5px 0; font-size: 12px; line-height: 18px}
.cms-page p.big-text {font-size: 14px; color: #3e3e3e}
.cms-page h2 {color: black; font-size: 16px; padding: 8px 0}
.cms-page h3 {font-size: 13px; font-weight: normal}
.cms-page hr {height: 1px; background: #e9e9e9; visibility: visible; border: none}
.cms-page div.text-col-1, .cms-page div.text-col-2 {width: 340px; display: inline-block; float: left}
.cms-page div.text-col-2 {float: right}
.cms-page td.text-col-1, .cms-page td.text-col-2 {width: 340px}
.cms-page td.text-col-2 {}
.cms-page ul {list-style: disc inside none}
.cms-page ul li {padding: 4px 0; font-size: 12px}
.cms-page a {font-size: 11px; text-decoration: none; color: #947015}
.cms-page a:hover {text-decoration: underline}

.cms-page h1 {padding: 4px 0; font-size: 20pt;font-weight:bold;}
.cms-page h2 {padding: 4px 0; font-size: 18pt;font-weight:bold;}
.cms-page h3 {padding: 4px 0; font-size: 16pt;font-weight:bold;}
.cms-page h4 {padding: 4px 0; font-size: 14pt;font-weight:bold;}
.cms-page h5 {padding: 4px 0; font-size: 12pt;font-weight:bold;}

.cms-page .text-block.background {padding-left: 0!important; padding-right: 0!important}
.cms-page .text-block.border-text {border: 1px solid #e8e8e8; background: #f1f4f6; padding: 3px!important}
.cms-page .text-block.border-text .back-layer {background: #f1efe7 url('../images/cms-text-back.png') repeat-x; padding: 7px}
.cms-page .text-col-1.border-text, .cms-page .text-col-2.border-text {border: 1px solid #e8e8e8; background: #f1f4f6; padding: 3px!important}
.cms-page .text-col-1.border-text .back-layer, .cms-page .text-col-2.border-text .back-layer {background: #f1efe7 url('../images/cms-text-back.png') repeat-x; padding: 7px}
.text-block.yellow-block {background: #f3f0e1; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4}
.text-block.yellow-block p {font-size: 11px}
.text-block .b3-col-1, .text-block .b3-col-2, .text-block .b3-col-3 {width: 212px; display: inline-block; float: left}
.text-block .b3-col-1, .text-block .b3-col-2 {margin-right: 26px}

.button-set .left {padding-top: 0!important; width: auto!important}
.button-ser .right {width: auto!important}

button {line-height: 18px!important}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	head~body button {padding-top: 2px}
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	head~body .discount-box button {padding-top: 0!important}
}

#billing-block #shipping-content, #billing-block #shipping_method-content, #billing-block #payment-content {display: none}
#shipping-block #billing-content, #shipping-block #shipping_method-content, #shipping-block #payment-content {display: none}
#shipping_method-block #billing-content, #shipping_method-block #shipping-content, #shipping_method-block #payment-content {display: none}
#payment-block #billing-content, #payment-block #shipping-content, #payment-block #shipping_method-content {display: none}

#checkout-payment-method-load dd {display: none; zoom: 1}
#checkout-payment-method-load dt {zoom: 1}

.newsletter .validation-advice {display: none}

body:nth-of-type(1) .product-essential
{
	position: relative;
	top: -15px;
}
/* Changed 28.11.2009 */

.scroll { 
	width:934px;
	height:379px;
	margin-left:2px;
	margin-bottom:4px;
	background-color:#edecda;
	border:1px solid #d6d7b5;
}
.tool {
	height:287px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.detail {
	margin:73px 0 0 11px ;
	float:left;
	background-color:#7d7d63;
	padding:18px 27px 18px 13px;
}
.detail .detailimg { 
	margin-bottom:19px;
}
.detail p {
	padding-bottom:16px;
}
.detail a { 
	background:url(../images/detail_link_arrow.png) no-repeat;
	padding:0 0 0 21px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}
.demo { 
	float:right;
	width:196px;
	overflow: hidden; 
	display: table; 
	height: 287px;
}
.demo_content {
	display: table-cell; 
	vertical-align: middle;
}
.demo_content ul {
	margin:0px;
	padding:0px;
}
.demo_content li {
background:url(../images/ldetail_li_bg.png) no-repeat;
background-position:0 2px;
padding:0 0 10px 22px;
font-weight:bold;
}
/* Scrol thumbs */
.thumbs { 
background: url(../images/thumb_bg.png) no-repeat;
background-position:right;
height:92px;
}
.thumbs  a {
background-image:url(../images/thumbs_bg.png);
height:92px;
width:116px;
display:block;
float:left;
margin:0 0 0 13px;
}
#ta { background-position:-15px}
#tb { background-position:-143px}
#tc { background-position:-271px}
#td { background-position:-399px}
#te { background-position:-527px}

/* content - offer-container small */
.offer_container { 
	height:131px;
	width:170px;
	float:left;
	padding:16px 40px 0 151px;
	color:#FFFFFF;
	font-size:12px;
	line-height:15px;
}
.offer_container p { 
	padding-bottom:5px;
}
.offer_container a {
background:url(../images/offer_container_arrow.png) no-repeat;
background-position:0 5px;
color:#FFFFFF;
text-decoration:none;
padding-left:9px;
font-weight:bold;
}
#offerone {
	background:url(../images/offer1.png)
}
#offertwo {
	background:url(../images/offer2.png);
	margin-left:6px;
}
#offerthree {
	background:url(../images/offer3.png)
}
#offerfour {
	background:url(../images/offer4.png);
	margin-left:6px;
}

/*content - scrollable brandnames*/

.brandnames {
	width:712px;
	height:96px;
	background-color:#d7d7b5;
	background-image:url(../images/brandnames_bg.png);
	border:1px solid #d7d7b5;
	margin-top:6px;
	padding:4px 7px 0 7px;
}
.brandnames .top_producer,  .commendations .top_commendations {
	font-size:12px;
	float:left;
	font-weight:bold;
}
.brandnames .all_brands {
	font-size:13px;
	float:right;
	font-size:11px;
}
.brandnames .all_brands a { 
	color:#2f2f2f;
	text-decoration:none;
}
.scroll_brands { 
	margin-top:8px;
}
.brandnames .prev_btn, .brandnames .next_btn { 
	padding-top:1px; 
	float:left;
}
.brandnames .scrollable_items {
	float:left;
	height:52px;
	margin:0 9px 0 13px;
}
.brandnames .scrollable_items img {
	float:left;
	border:1px solid #d6d8b3;
	margin-right:7px;
}
/*content - service table*/
.service_table {
	width:728px;
	height:147px;
	background-image:url(../images/service_table_bg.png);
	margin-top:6px;
	margin-bottom:6px;
}
.service_table table {
	border:0px;
	margin-top:14px;
	margin-left:28px;
} 
.service_table .service_head {
	text-transform: uppercase;
	color:#FFFFFF;
	font-size:16px;
}
.service_table .service_content td ul { 
	margin:10px 0 0 0; 
	padding:0px;
}
.service_table .service_content td ul li { 
	background:url(../images/service_table_li.png) no-repeat;
	background-position:1px 6px;
	line-height:12px;
	padding-left:15px;
	padding-bottom:8px;
	color:#16474c;
}
/*content - top commendation*/
.commendations {
	width:714px;
	margin-top:6px;
	padding:3px 7px 0 7px;
	background:url(../images/top_commendations_bg.png) repeat-x;
	height:25px;
}
.commendations_container { 
	height:293px;
	width:234px;
	float:left;
	padding:15px 0 0 0 ;
	background:url(../images/commendations_container_bg.png) no-repeat;
	text-align:center;
	margin-right:13px;
}
.commendations_container_right { 
	height:293px;
	width:234px;
	float:left;
	padding:15px 0 0 0 ;
	background:url(../images/commendations_container_bg.png) no-repeat;
	text-align:center;
}
.commendations_item {
	height:220px;
	overflow:hidden;
	padding:30px 18px 0 18px;
}
.commendations_item img { margin-bottom:10px;}
.commendations_item a {
	color:#6d2e36;
 	text-decoration:underline;
}
.commendations_price .price {
	position:relative;
	font-size:14px;
	font-weight:bold;
	color:#6d2e36;
	width:100px;
	margin:0 auto;
}
.commendations_price .zoomin {
	position:relative;

	height:13px;
	width:13px;
	top:-8px;
	left:215px;
}
#topmenu {
    margin: 0;
    padding: 0 0 0 1px;
    list-style-type: none;
    position: absolute;
    padding-left:-5px;
    margin-left:-5px;
    z-index:9999;
}

#topmenu li{
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    position: relative;
}

#topmenu li a{
    padding: 0 11px 0 11px;
    margin: 0;
    display: block;
    color: #666666;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    line-height: 11px;
    float: left; 
    font-family: arial, sans-serif;
    font-weight: bold;
}

#topmenu li a.first{
    padding: 0 30px 0 10px;
    background: url('../gfx/topmenu/topmenu-arrow.png') right 14px no-repeat;
}

#topmenu li.sep{
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    background: url('../gfx/topmenu/topmenu-sep.png') 0 0 no-repeat;
    width: 1px;
    font-size: 0;
    line-height: 31px;
    height: 31px;
}

#topmenu li a:hover{
    text-decoration: underline;
}

#topmenu li ul {
    margin: 0;
    padding: 0;
    display: none;
    text-align: left;
    width: 941px;
    position: relative;

}

#topmenu li:hover ul, #topmenu li.mnhover ul {
    display: block;
    padding: 15px 0 10px 0;
    margin: 0;
    position: absolute;
    left: -1px;
    top: 31px;
    z-index: 1000;
    background: url('../gfx/drop-down.png') 0 0 repeat-x #B6B599;
}

#topmenu li:hover ul table, #topmenu li.mnhover ul table{
    padding: 0;
    margin: 0;
    width: 941px;  
    position: relative;
}

#topmenu li:hover ul table td, #topmenu li.mnhover ul table td{
    padding: 0 20px 0 20px;
    margin: 0;
    text-align: left;
    width: 20%;
    background: url('../gfx/drop-down-dot.png') right 0 repeat-y;
}

#topmenu li:hover ul table td.last, #topmenu li.mnhover ul table td.last{
    background: none;
}

#topmenu li:hover ul table td a, #topmenu li.mnhover ul table td a{
    padding: 3px 0 3px 0;
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    float: none;
    text-align: left;
}

#ttablet {
	margin-top:0px;
}
#topmenu li:hover ul table td a.bold, #topmenu li.mnhover ul table td a.bold{
    font-size: 14px;
    line-height: 17px;
    display: block;
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 660px;
	height:120px;
	top: -23px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 2px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #D7D7B5;
	cursor:pointer;
	width:103px;
	height:50px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #c8c8a4;
	z-index:9999;
	position:relative;
}