@import url('base.css');

.product { position: relative; float: left; width: 153px; height: 290px; overflow: hidden; padding: 0 15px; margin: 0 0 30px 0; padding: 0 38px 0 0; margin: 0 0 15px 0; }
.product h3 { position: absolute; left: 17px; bottom: 250px; width: 151px; height: auto; text-align: center; color: white; background: url('/images/product_header_bg.png') 0 100% no-repeat; border: 1px solid #B0B0B0; border-bottom: none; font-size: 14px; margin: 0; padding: 3px 0; left: 0; } 
.product div.details { position: absolute; left: 17px; top: 40px; width: 151px; height: 244px; padding: 5px 0 0 0; text-align: center; border: 1px solid #B0B0B0; border-top: none; overflow: hidden; left: 0; }
.product img { border: 6px solid #F5F5F5; margin: 0 auto; }
.product p.data { margin: 0; padding: 0 10px; text-align: left; line-height: 13px; white-space: nowrap; width: 131px; }
.product p.price { margin: 2px 0; text-align: center; font-weight: bold; font-size: 14px; line-height: 16px; letter-spacing: -0.3pt; }
.product p.price_old { margin: 0px 0; text-align: center; font-weight: bold; font-size: 14px; line-height: 14px; letter-spacing: -0.3pt;  }
.product p.price_promo { margin: 0px 0; text-align: center; font-weight: bold; font-size: 14px; line-height: 16px; letter-spacing: -0.3pt; color:#ff0000 }
.product form { position:absolute; z-index:1; margin:0x 0; bottom:20px; right:5px }
.product form select { font-size:10px; }
.product a { font-weight: bold; color: black; position: absolute; z-index: 1; bottom: 5px; }
.product a.more { left: 10px; }
.product a.basket { right: 10px; }
.product a.image { position: static; }
.right { padding: 0; }

.productsList { position: relative; margin: 0 0 20px 0; width: 100%; }
.productsList:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }
* html .productsList { height: 1%; }

.productDetails { position: relative; width: 100%; clear: both; }
.productDetails:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }
* html .productDetails { height: 1%; }
.productDetails img { float: left; width: 286px; height: 286px; background: white; border: 1px solid black; padding: 5px; margin: 0 0 15px 0; }
.productDetails div.details { float: left; width: 206px; padding: 0 10px 0 20px; margin: 0 0 15px 0; }
.productDetails p.title { margin: 0 0 20px 0; font-weight: bold; font-size: 14px; }
.productDetails p.data { margin: 0 0 10px 0; text-align: left; }
.productDetails p.price { margin: 0 0 10px 0; text-align: left; font-weight: bold; font-size: 14px; line-height: 16px; letter-spacing: -0.3pt; }
.productDetails p.price_old { margin: 0 0 10px 0; text-align: left; font-weight: bold; font-size: 14px; line-height: 16px; letter-spacing: -0.3pt; text-decoration:line-through }
.productDetails p.price_promo { margin: 0 0 10px 0; text-align: left; font-weight: bold; font-size: 14px; line-height: 16px; letter-spacing: -0.3pt; color:#ff0000 }
.productDetails p.order { margin: 15px 0 10px 0; text-align: left; font-size: 12px; }
.productDetails select { margin: 0 20px 0 5px; width: 40px; }
.productDetails a.add { font-weight: bold; color: black; }

.productsOther { position: relative; clear: both; margin: 20px 0 0 0; }
.productsOther:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }
* html .productsOther { height: 1%; }
.productsOther h2 { background: url('/images/product_header_bg.png') 0 100% repeat-x; color: black; height: 21px; line-height: 21px; font-size: 14px; font-weight: bold; padding: 0 25px 0 12px; overflow: hidden; }

.cart {}
.cart h4 { margin: 0; padding: 0; font-size: 16px; }
.cart a { font-weight: bold; }
.cart table { width: 100%; margin: 0 0 20px 0; }
.cart td { text-align: left; vertical-align: middle; padding: 0 5px 0 0; white-space: nowrap; }
.cart td.photo { width: 127px; padding: 5px 20px 5px 5px }
.cart td.count { padding: 0 20px 0 0; }
.cart td.price { text-align: right; }
.cart td.sumL { font-weight: bold; font-size: 14px; padding: 0 10px 0 0; }
.cart td.sum { text-align: right; font-weight: bold; font-size: 14px; }
.cart td.totalL { font-weight: bold; font-size: 16px; padding: 10px 10px 0 0; }
.cart td.total { text-align: right; font-weight: bold; font-size: 16px; padding: 10px 5px 0 0; }
.cart td.del { text-align: right; width: 200px; padding: 0 10px 0 0; }
.cart tr.dark { background: #F5F5F5; }
.cart tr.top { height: 45px; }
.cart tr.middle { height: 37px; }
.cart tr.bottom { height: 45px; }
.cart tr.top td { vertical-align: bottom; }
.cart tr.bottom td { vertical-align: top; }
