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


.tthird { width: 580px; }
.third { width: 290px; }

.clear { clear: both; }

table caption { margin-left: 45px; padding-bottom: 5px; text-align: left; font-size: 85%; font-weight: bold; }

fieldset { padding: 0 10px 10px 10px; border: 1px solid #0c5a0f; }
fieldset legend { padding: 0 5px; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 90%; color: #000; }


/* form
----------------------------------------------------------------------------*/
form h3 { margin: 0 0 0.3em 0; padding: 0; }


/* 2 column table
----------------------------------------------------------------------------*/
.col2 td { width: 50%; padding: 0 0 20px 0; }
.col2 td.left { padding-right: 25px; }
.col2 td.right { padding-left: 25px; }

.col2 h2 { margin-top: 0; font-size: 150%; }


/* 3 column table
----------------------------------------------------------------------------*/
.col3 td { width: 33%; padding: 0 0 20px 0; }
.col3 td.left { padding-right: 30px; }
.col3 td.center { width: 34%; padding-left: 20px; padding-right: 20px; }
.col3 td.right { padding-left: 30px; }

.col3 h2 { margin-top: 0; font-size: 150%; }

.col2 .nop td, .col3 .nop td { padding-bottom: 0; }


/* engine alert
----------------------------------------------------------------------------*/
.alert { color: #f00; }


/* news
----------------------------------------------------------------------------*/
.news { margin-bottom: 1.5em; }
.news div.date { margin: 0 0 0.3em 0; color: #666; font-size: 70%; }
.news div.title { margin: 0 0 0.1em 0; font-size: 90%; font-weight: bold; }

#right .news { margin-bottom: 1em; }
#right .news div, #right .news p { font-size: 80%; }

.calendar { width: auto; }
.calendar td { padding: 0 15px 0 0; vertical-align: top; font-size: 80%; line-height: 200%; }

.calendar a.active { font-weight: bold; }



/* brand
----------------------------------------------------------------------------*/
.brand { float: left; width: 30%; margin-bottom: 20px; }


/* goods
----------------------------------------------------------------------------*/
.goods { float: left; width: 160px; margin: 0 20px 20px 0; }
.goods .name { margin-bottom: 5px; font-size: 120%; font-family: Georgia, Arial, Tahoma, Verdana, sans-serif; }

.goods .img-wrap { position: relative; }
.goods .new { position: absolute; top: 35px; width: 50px; padding: 3px 5px; background: orange; font-size: 12px; color: #fff; text-align: center; }
.goods .hit { position: absolute; top: 10px; width: 70px; padding: 3px 5px; background: red; font-size: 12px; color: #fff; text-align: center; }

.goods-info .brand { float: none; width: auto; margin-bottom: 5px; font-size: 120%; font-family: Georgia, Arial, Tahoma, Verdana, sans-serif; }
.goods-info .description { margin-bottom: 1.7em; font-size: 80%; }

.goods-info .goods-image-cont { float: left; width: 250px; height: 350px; margin-right: 15px; }
/*.goods-info .goods-image-main-cont { height: 200px; }*/

.goods-info .goods-images { clear: right; margin-top: 15px; }
.goods-info .goods-images a { margin-right: 5px; }

.goods-image, .goods-image-active { display: block; float: left; width: 80px; border: 1px solid #fff; }
.goods-image-active { border: 1px solid #666; }

.goods-info dl { clear: right; margin: 0 0 0.5em; padding: 0; }
.goods-info dl dt { display: inline; margin: 0 5px 0 0; padding: 0; }
.goods-info dl dd { display: inline; margin: 0; padding: 0; }



/* top-order
----------------------------------------------------------------------------*/
#top-order { margin-top: 20px; }
#top-order .goods { float: none; width: 100%; margin: 0; text-align: center; }



/* order
----------------------------------------------------------------------------*/
.goods-order { clear: both; margin-bottom: 20px; }

.goods-order .order { width: 620px; margin: 2.5em 0 0 0; }
.goods-order .order .th, .order .th { font-weight: bold; color: #fff; border-right: 1px solid #eee; border-bottom: 1px solid #eee; background: #858585; }

.order { font-size: 80%; margin: 1.5em 0; }
.order td { padding: 3px 5px; }
.goods-order .order td { text-align: center; vertical-align: middle; }

.goods-order .price_new {  }
.goods-order .delete { text-decoration: line-through; }
.goods-order .price_new .price-all { color: red; }
.goods-order .price_new .price-xxl { color: red; }

.order .size, .order .color, .order .price, .order .count, .order .sum { width: 100px; text-align: center; vertical-align: middle; }
.order .price { width: 90px; }
.order .subtotal td { padding-top: 10px; border-top: 1px solid #858585; }

.order .col { background: #ccc; border-bottom: 1px solid #eee; border-right: 1px solid #eee; }

.goods-order .order .size { width: auto; color: #fff; border-right: 1px solid #eee; background: #858585; }
.goods-order .order .color { width: 100px; text-align: left; }

.order input { width: 40px; text-align: center; }
.order input.disabled { border: 1px solid #858585; background: #eee; }


.order-total { width: auto; font-size: 90%; margin: 1.5em auto; }
.order-total td { width: 150px; padding: 3px 5px; text-align: right; }
.order-total .col { text-align: center; }
.order-total .total { font-weight: bold; }


/* login
----------------------------------------------------------------------------*/
form.login { margin: 25px; width: auto; }
form.login dl dt, form.login dl dd { padding: 3px 0 3px 0; }

form.login dl dt { width: 25%; padding-top: 7px; }
form.login dl dd { width: 75%; }

form.login span.sample { display: inline; margin-left: 5px; margin-bottom: 15px; }


/* loginForm
----------------------------------------------------------------------------*/
#loginForm { padding: 15px 22px 1px; color: #fff; background: #0d3986; }
#loginForm form.login { width: 95%; margin: 0; padding: 0; }
#loginForm form.login dl dt { float: none; display: block; width: 100%; margin: 0; padding: 0; }
#loginForm form.login dl dd { float: none; display: block; width: 100%; margin: 0 0 0.5em; padding: 0; }

#loginForm form.login dl.tools dt { display: none; }

#loginForm form.login label.c { font-size: 40%; }
#loginForm form.login span.sample { display: block; margin: 15px 0 0 0; }
#loginForm form.login span.sample a { color: #fff; }


/* home-goods
----------------------------------------------------------------------------*/
#home-goods { position: relative; border: 5px solid #fff; float: left; margin: 0 2.5em 2.5em 0; }

/*#home-goods * { cursor: pointer; cursor: hand; }*/

#home-goods .cont { position: absolute; left: 0; bottom: 0; margin: 0; padding: 0; background: #fff; filter:alpha(opacity=75); opacity:.75; -moz-Opacity:.75;	-khtml-Opacity:.75; }

#home-goods .data { padding: 10px 25px 15px; }

#home-goods p { margin: 0; padding: 0; line-height: 125%; color: #000; }
#home-goods p.title {  font-size: 180%; font-family: Georgia, Arial, Tahoma, Verdana, sans-serif; }
#home-goods p a:link, #home-goods p a:visited { color: #000; }


#prices-links { display: none; }