@import url('common.css');
@import url('design.css');


a:link, a.fresh:link, a.fresh:visited { color: #09c; }
a:visited { color: #9cf; }
a:hover { text-decoration: none; }


#catalog-filter { float: right; font-size: 80%; }
#catalog-filter div { float: left; padding: 5px; }
#catalog-filter div.first { font-weight: bold; }
#catalog-filter div.active { background: #f2f2f2; }

#catalog-filter a:link,
#catalog-filter a:visited,
#catalog-filter a:hover { color: #09c; font-weight: bold; }

.album { float: left; margin-right: 15px; }
.album .data { margin-top: 5px; font-size: 80%; text-align: center; }

.goods { clear: both; width: 100%; margin-top: 15px; }
.goods .item { width: 200px; text-align: center; padding-bottom: 20px; }
.goods .item .img { height: 200px; margin-bottom: 7px; }
.goods .item .data { font-size: 80%; }
.goods .item .data a:link, .goods .item .data a:visited, .goods .item .data a:hover { color: #000; }
.goods .item .price { position: relative; top: -50px; padding: 5px 0; background: transparent url('images/price-bg.gif') top no-repeat; }

#goods-image-main-cont { width: 400px; height: 300px; text-align: center; margin-top: 10px; margin-bottom: 25px; }
#goods-params { float: right; width: 220px; }
#goods-image-cont { text-align: center; clear: right; float: right; width: 220px; padding-top: 15px; }

#goods-params dl { margin: 0 0 3px 0; font-size: 80%; }
#goods-params dl dt { display: inline; margin: 0 3px 0 0; padding: 0; font-weight: bold; }
#goods-params dl dd { display: inline; margin: 0; padding: 0; }

.goods-image, .goods-image-active { float: left; }

.goods-image, .goods-image-active { /*width: 80px;*/ margin: 0 0 10px; border: 1px solid #fff; }
.goods-image-active { border: 1px solid #333; }

#goods-cart { padding-top: 10px; background: #ffcd05 url('images/goods-cart-bg-t.gif') top center no-repeat; }
#goods-cart-b { padding-bottom: 10px; padding-left: 5px; padding-right: 5px; background: url('images/goods-cart-bg-b.gif') bottom center no-repeat; }

#goods-price { margin-bottom: 15px; text-align: center; font-size: 170%; color: #42413f;  font-family: Arial, Helvetica, sans-serif;  }

#goods-configuration { margin-top: 25px; margin-bottom: 25px; }
#goods-configuration div { font-size: 75%; margin: 10px 0 0 0; }
#goods-configuration div input { clear: left; float: left; margin: 0 5px 0 0; }
#goods-configuration div label span { border-bottom: 1px dashed #000; }

#goods-materials { margin-top: 15px; }
#goods-materials div { font-size: 75%; }
#goods-materials div input { clear: left; float: left; margin: 0 5px 30px 0; }
#goods-materials div label { display: block; }
#goods-materials div label span { border-bottom: 1px dashed #000; }
#goods-materials img { margin: 5px 0 5px 0px; }


#goods-buy { text-align: center; margin-bottom: 15px; }
#goods-buy input {
	width: 130px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #9cf url('images/buy-bg.gif') top center no-repeat;
	border: none;
	text-decoration: none;
	cursor: hand;
}


.spacer { height: 1px; overflow: hidden; }


#addtocart_process { font-size: 80%; margin-bottom: 25px; padding-left: 25px; background: transparent url('images/ajax-loader.gif') center left no-repeat; }


#main .cart { width: 100%; }
#main .cart td { vertical-align: middle; font-size: 80%; padding: 5px; border-bottom: 1px solid #eee; }
#main .cart td.price, #main .cart td.subtotal { text-align: right; }
#main .cart td.quantity { text-align: center; }
#main .cart td.quantity input { width: 25px; text-align: center; }
#main .cart td.util { width: 35px; text-align: center; background: transparent url('images/ajax-loader.gif') center no-repeat; }

#main .cart td span { color: #666; }

#main .cart tr.first td { }
#main .cart tr.last td { border-bottom: none; }

#main .cart thead td { color: #000; font-weight: bold; border-bottom: 2px solid #333; }
#main .cart tfoot td { padding-top: 15px; color: #000; font-weight: bold; border-top: 1px solid #333; border-bottom: none; }
#main .cart tfoot td.c { text-align: right; }


.order { width: 687px; padding: 25px; margin: 25px auto; border: 1px solid #666; }
.order h2 { border: none; color: #000; margin: 0; padding: 0; }


.red { color: red; }


table.desc td { text-align: center; vertical-align: middle; font-size: 80%; }