@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%; font-style: italic; }
.news div.title { margin: 0 0 0.1em 0; font-size: 90%; font-weight: normal; color: #168ca3; }

#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; }


#news { margin-top: 50px; }
#news .news { float: left; width: 30%; margin: 0; padding: 10px; }



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


/* goods
----------------------------------------------------------------------------*/
.goods { float: left; width: 268px; height: 130px; margin: 0 0 15px; padding: 6px; border: 1px solid #FFF; overflow: hidden; }
/*
	.goods:hover { background: #f0edeb; }
	.goods.hover { padding: 6px; border: 1px solid #CCC; }
*/
.goods.hover { border: 1px solid #CCC; }

table.goods { float: none; width: 100%; height: auto; padding: 0; border: none; }
table.goods.hover { padding: 0; border: none; }
table.goods td { padding: 10px; border-bottom: 1px solid #ccc; }

.goods .image { float: left; width: 100px; text-align: center; }

table.goods .image { float: none; width: auto; }

.goods .data { margin-left: 103px; }
.goods .data-w { height: 105px; }

.goods .name { margin-bottom: 5px; }
.goods .name span { display: block; font-style: italic; font-size: 70%; text-decoration: none; line-height: 18px; }

.goods .variation { margin-bottom: 5px; font-size: 75%; font-weight: bold; }
.goods .description { font-size: 70%; }

.goods .price { margin-top: 5px; font-weight: bold; }
.goods .price_sale { float: left; margin-top: 5px; margin-right: 15px; color: #cb5c5c; font-weight: bold; }
.goods .price span, .goods .price_sale span { font-size: 80%; font-weight: normal; }

table.goods .price { font-size: 140%; color: #168ca3; }
table.goods .price span { position: relative; top: -5px; font-size: 13px; font-weight: normal; }
table.goods .del a:link, table.goods .del a:visited { font-size: 70%; font-style: italic; color: #666; }

.goods .sale { margin-top: 9px; font-size: 80%; font-weight: normal; text-decoration: line-through; }

.goods .image .ico {
	position: absolute;
}

.goods .image .is_new, .goods .image .is_top {
	position: relative;
	top: 10px;
	width: 50px;
	height: 20px;
}

.goods .image .is_new {
	background: url('/images/i-new.gif') no-repeat;
}

.goods .image .is_top {
	background: url('/images/i-top.gif') no-repeat;
}

.goods-info .brand { clear: both; float: none; width: auto; padding-top: 25px; font-size: 70%; font-style: italic; }
.goods-info .brand a { display: block; margin-bottom: 5px; }

.goods-info .description { margin-left: 210px; }

.goods-info .goods-image-cont { float: left; width: 200px; margin-right: 10px; text-align: center; }
/*.goods-info .goods-image-main-cont { height: 200px; }*/

.goods-info .goods-images { clear: right; margin-top: 15px; }
.goods-info .goods-images a { margin-right: 10px; text-decoration: none; }

.goods-image, .goods-image-active { display: block; float: left; width: 50px; margin-right: 15px; }
.goods-image img { border: 2px solid transparent; }
.goods-image-active img { border: 2px solid #299afe; }
.goods-image .title, .goods-image-active .title { width: 54px; height: 20px; margin-top: 1px; color: #000; font-size: 13px; text-align: center; }
.goods-image-active .title { color: #299afe; }

.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; }

.goods-info h1 {
	margin-bottom: 5px;
	font-size: 190%;
	color: #168ca3;
}

.goods-info h1 span {
	display: block;
	margin-bottom: 3px;
	font-size: 70%;
}


.to_order {
	float: right;
	width: 200px;
	margin: 0 0 25px 25px;
	color: #168ca3;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.to_order div {
	margin: 5px 0;
	font-size: 80%;
}

.to_order .label { font-weight: bold; color: #000; }

.to_order .variations { margin-bottom: 15px; }
.to_order .variations label { line-height: 150%; white-space: nowrap; }

.to_order .variations.select select { width: 180px; }

.to_order .label_old {
	float: left;
	width: 55px;
	padding-top: 3px;
}

.to_order #to_order_price {
	margin: 10px 0;
	text-align: center;
}

.to_order #to_order_price div {
	width: 200px;
}

.to_order #to_order_price .price .priceplace { font-size: 36px; font-weight: bold; color: #cb5c5c; }
.to_order #to_order_price .price .currency { position: relative; top: -9px; padding-left: 5px; font-size: 14px; font-weight: normal; color: #000; }

.to_order #to_order_price .old_price .priceplace { font-size: 17px; font-weight: normal; color: #666565; text-decoration: line-through; }
.to_order #to_order_price .old_price .currency { top: -2px; font-size: 12px; color: #666565; }


button#btn_buy {
/* EB8D1D */
    background: url("/images/checkout.png") no-repeat scroll center center #43B953;
    border: 0 none;
    color: white;
    cursor: pointer;
    font-size: 26px;
    font-weight: bold;
    height: 40px;
    line-height: 35px;
    margin: 5px 0;
    position: relative;
    text-align: center;
/*    text-indent: 15px; */
    width: 200px;
}
button#btn_buy span {
    cursor: pointer;
    display: block;
    padding: 0 0 5px 0;
    position: relative;
}
button#btn_buy.hover {
    background-position: center top;
}
button#btn_buy.clicked {
    background-position: center bottom;
}
button#btn_buy.clicked span {
    left: 1px;
    top: 1px;
}
button#btn_buy img {
    margin: -2px 0 0 -17px;
}
button#btn_checkout {
    background: url("/images/checkout.png") no-repeat scroll center center #43B953;
    border: 0 none;
    color: white;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 35px;
    margin: 5px 0;
    position: relative;
    text-align: center;
    width: 200px;
}
button#btn_checkout span {
    cursor: pointer;
    display: block;
    outline: medium none;
    padding: 0 0 5px 0;
    position: relative;
}
button#btn_checkout.hover {
    background-position: center top;
}
button#btn_checkout.clicked {
    background-position: center bottom;
}
button#btn_checkout.clicked span {
    left: 1px;
    top: 1px;
}


/* cross_sale
----------------------------------------------------------------------------*/
.cross_sale {
	/*
	background: #82c3ca;
	padding: 35px 0;
	*/
	padding: 0 0 25px;
}

.cross_sale .cont {
	width: 80%; min-width: 900px; max-width: 1200px;
	margin: auto;
}

.cross_sale h3 { margin: 0 0 15px; padding: 0; /*color: #fff;*/ font-size: 140%; font-style: italic; }
.cross_sale a:link, .cross_sale a:visited { /*color: #fff;*/ }


/* brand
----------------------------------------------------------------------------*/
#brand { float: right; width: 200px; padding: 20px 0 20px 0; font-size: 70%; font-style: italic; text-align: center; }
#brand a, #brand span { display: block; margin-bottom: 5px; }


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



/* order
----------------------------------------------------------------------------*/
.goods-order { clear: both; }

.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; }

.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; }



/* paginator
----------------------------------------------------------------------------*/
.paginator { clear: both; padding-top: 25px; }
.paginator div.title { float: left; margin: 0 10px 0 0; padding: 5px 7px 5px 0; font-size: 85%; font-weight: bold; }
.paginator div.page { float: left; margin: 0 10px 0 0; padding: 5px 7px; font-size: 85%; color: #FFF; background: #71B5BE; }
.paginator div.page.all { float: right; }
.paginator div.page.active { background: #CB5C5C; }
.paginator div.separator { float: left; margin: 0 10px 0 0; padding: 5px 0; font-size: 85%; }


.paginator div a:link, .paginator div a:visited { color: #FFF; } 



/* checkout
----------------------------------------------------------------------------*/
dl.checkout { margin: 0 0 1em; font-size: 100%; }
dl.checkout dt { margin: 0; padding: 0; font-weight: normal; font-size: 90%; color: #000; }
dl.checkout dt label { font-size: 100%; color: #000; }
dl.checkout dd { margin: 0 0 5px 25px; padding: 0; font-size: 85%; }

dl.inline { margin: 0 0 0.3em; font-size: 100%; }
dl.inline dt { display: inline; font-weight: bold; font-size: 90%; color: #000; }
dl.inline dd { display: inline; margin: 0; padding: 0; font-size: 90%; color: #666; }

/* h2.headline { margin-left: -10px; padding: 5px 10px; background: #EEE; } */



/* checkout-process
----------------------------------------------------------------------------*/
.checkout-process { margin-top: 10px; color: #FFF; }
.checkout-process .step { float: left; width: 15%; margin: 0 15px 2em 0; padding: 5px 10px; background: #71B5BE; }
.checkout-process .step.active { background: #CB5C5C; }
.checkout-process .step.active a { text-decoration: none; }
.checkout-process .step.disabled { color: #666; background: #EEE; }
.checkout-process .step a { color: #FFF; }