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

.blue, a.blue:link, a.blue:visited { color: #08A2FF; }
.red, a.red:link, a.red:visited  { color: #FF0066; }
.green, a.green:link, a.green:visited { color: #34C700; }


.grid1, .grid2, .grid3, .grid12, .grid23 { float: left; }

.grid1 { width: 225px; margin-right: 50px; }
.grid2 { width: 300px; margin-right: 50px; }
.grid3 { width: 315px; clear: right; }

.grid12 { width: 530px; margin-right: 50px; }
.grid23 { width: 660px; }

.grid-split1 { margin-left: 380px; }
.grid-split2 { margin-left: 280px; }
.grid-split12 { margin-left: 640px; }

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

.clear { clear: both; }

table { width: auto; }
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; }


p.promo, div.promo { margin-bottom: 1em; padding: 15px 20px; border-left: 7px solid #34C700; background: #F6F7F7; }


/* hr
----------------------------------------------------------------------------*/
hr { height: 1px; margin: 0; padding: 0; color: #9e9e9e; }


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



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




/* .file-info
----------------------------------------------------------------------------*/
.file-info { font-size: 80%; color: #888; }


/* breadcrumbs
----------------------------------------------------------------------------*/
#breadcrumbs { margin-bottom: 20px; font-size: 80%; }



/* #navigation-top-menu
----------------------------------------------------------------------------*/
#navigation-top-menu div { float: left; height: 31px; padding: 0 20px; font-size: 13.5pt; line-height: 31px; white-space: nowrap; background: transparent url('/images/navigation-top-splitter.gif') no-repeat scroll right center; }

#navigation-top-menu a { color: #FFF; text-decoration: none; }
#navigation-top-menu a:hover { text-decoration: underline; }

#navigation-top-menu div.active { padding: 0; background: transparent url('/images/navigation-top-item-right-active.gif') no-repeat scroll right bottom; }
#navigation-top-menu div.active div, #navigation-top-menu div.active a { position: relative; left: -1px; display: block; float: left; height: 31px; line-height: 31px; padding: 0 20px; color: #000; vertical-align: center; background: transparent url('/images/navigation-top-item-left-active.gif') no-repeat scroll left bottom; }


/* #cart
----------------------------------------------------------------------------*/
#cart { position: relative; float: right; height: 31px; line-height: 31px; color: #FFF; }
#cart img { position: absolute; left: 0; top: -9px; z-index: 9; }
#cart #cart-count { position: absolute; top: -1px; left: 24px; display: block; width: 20px; font-size: 10pt; line-height: 16px; color: #FFF; text-align: center; cursor: pointer; z-index: 10; }

#cart div { padding: 0 20px 0 60px; font-size: 13.5pt; white-space: nowrap; }

#cart span i { position: relative; top: -10px; font-size: 8pt; font-style: normal;  }

#cart a { color: #FFF; text-decoration: none; }
#cart a:hover { text-decoration: underline; }


/* .navigation
----------------------------------------------------------------------------*/
#navigation { margin-left: 0; }
/*
#navigation .group { float: left; }
#navigation .group.health { margin-right: 1.5em; }
#navigation .group.woman { clear: both; }
*/
#navigation ul { margin-left: 1em; }
/* #navigation ul li { font-size: 80%; } */

#navigation li.active a { position: relative; left: -4px; padding: 3px 4px; text-decoration: none; color: #FFF; background-color: #08A2FF; }


#navigation li.promo a, #navigation li.promo a:visited { color: #FF0066; }

#navigation a, #navigation a:visited { color: #000; }
#navigation a:hover { color: #F00; }


/* .goods
----------------------------------------------------------------------------*/
.goods { clear: both; margin: 2em 0; }
.goods .pic { float: left; margin-right: 20px; }
.goods .name { margin: 0 0 0.3em; font-size: 115%;  }
.goods .name a, .goods .name a:visited {  }

.goods p { font-style: italic; color: #696A70; }

.goods .price i { height: 32px; line-height: 32px; }
.goods .price b { height: 32px; line-height: 32px; font-size: 160%; }
.goods .price a, .goods .price a:visited { height: 30px; line-height: 30px; font-size: 12pt;  }



/* .price
----------------------------------------------------------------------------*/
.price { float: left; position: relative; width: auto; }
.price i { display: block; float: left; height: 36px; padding: 0 5px 0 0; line-height: 36px; font-style: normal; }
.price b { display: block; float: left; height: 36px; padding: 0 5px 0 10px; line-height: 36px; font-size: 180%; font-weight: normal; background: #DDD; }
.price b span { position: relative; top: -7px; font-size: 10pt; font-weight: normal; color: #3E545A; }
.price .cart { display: block; float: left; height: 34px; padding: 0 7px; line-height: 34px; font-size: 14pt; /*background: #FFF; */ color: #FFF; background: #34C700 url('/images/add-cart-bg.gif') center no-repeat; border: 1px solid #DDD; }

.price b { -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; -o-border-radius-bottomleft: 5px; -o-border-radius-topleft: 5px; -khtml-border-radius-bottomleft: 5px; -khtml-border-radius-topleft: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.price .cart { -moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px; -o-border-radius-bottomright: 5px; -o-border-radius-topright: 5px; -khtml-border-radius-bottomright: 5px; -khtml-border-radius-topright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; }




/* .group
----------------------------------------------------------------------------*/
.goods-group { float: left; width: 45%; margin-bottom: 1em; }
.goods-group.first { clear: left; margin-right: 5%; }
.goods-group .name { margin: 0 0 0.3em; font-size: 115%;  }
.goods-group p { margin: 0; font-size: 80%; font-style: italic; color: #696A70; }



/* hint
----------------------------------------------------------------------------*/
#hint {
	position: absolute;
	width: 175px;
	padding: 10px 15px;
	font-size: 12pt;
	text-align: left;
	background: #FCFFE5 none repeat scroll 0 0;
	border: 1px solid #BBBBBB;
	z-index: 1002;
	top: -5px;
	right: -217px;
}

#hint .close {
	position: absolute;
	right: 0;
	margin-right: 10px;
	padding: 0 3px;
	border: 1px solid #BBBBBB;
	font-size: 70%;
	text-align: center;
	text-decoration: none;
	line-height: 11px;
	height: 12px;
}

#hint p {
	margin: 0;
	color: #404040;
}

#hint p, #hint p * { font-size: 10pt; font-style: normal; line-height: 150%; }

#hint div {
	position: absolute;
	width: 11px;
	height: 19px;
	top: 10px;
	left: -11px;
	background: url('/images/i-hint.gif') no-repeat;
}

#hint div.h {
	width: 19px;
	height: 11px;
	top: -10px;
	left: 5px;
	background: url('/images/i-hint-h.gif') no-repeat;
}




/* .col3
----------------------------------------------------------------------------*/
.col3 li { float: left; width: 30%; }



/* .col4
----------------------------------------------------------------------------*/
.col4 li { float: left; width: 19%; margin: 0 2% 1em 0; }

/* .cart
----------------------------------------------------------------------------*/
table.catalog {
	border-top: 2px solid #07A1FF;
}

table.catalog th {
	background-color:#F3F3F3;
	color:#000000;
	font-size:85%;
	font-weight:normal;
	padding:7px;
	text-align:left;
	vertical-align:middle;
}

table.catalog th.article, table.catalog th.cost, table.catalog th.price {
	text-align:center;
}

table.catalog th.article, table.catalog th.name, table.catalog th.cost, table.catalog th.price, table.catalog th.count, table.catalog th.cart {
	border-left:1px solid #FFFFFF;
}

table.catalog th.article {
	width:50px;
}

table.catalog th.cost, table.catalog th.price {
	width:80px;
}

table.catalog th.count {
	width:40px;
}

table.catalog th.cart {
	width:20px;
}

table.catalog td {
	border-bottom:2px solid #F3F3F3;
	font-size:85%;
	padding:8px 7px 5px;
	text-align:left;
	vertical-align:middle;
}

table.catalog td.name, table.catalog td.cost, table.catalog td.price, table.catalog td.count, table.catalog td.cart {
	border-left:1px solid #F3F3F3;
}

table.catalog td.article {
	text-align:center;
}

table.catalog .price {
	float: none;
	position: inherit;
}

table.catalog td.price, table.catalog td.cost {
	text-align:right;
}

table.catalog td.count {
	text-align:center;
	vertical-align:middle;
}

table.catalog td.cart {
	position:relative;
	text-align:center;
}

dl.payment span {
	margin: 0pt 0pt 10px 24px;
}

/* .tags
----------------------------------------------------------------------------*/

.tags {
	margin: 10px;
	text-align: center;
}
.tags > div {
	display: inline;
	font-size: 70%;
	white-space: nowrap;
	margin: 0 5px;
}

.tags div.f1 {
	font-size: 80%;
}

.tags div.f2 {
	font-size: 90%;
}

.tags div.f3 {
	font-size: 100%;
}

.tags div.f4 {
	font-size: 110%;
}

.tags div.f5 {
	font-size: 120%;
}

/* .partitions
----------------------------------------------------------------------------*/

.partitions {
	margin: 10px;
	background: #3399FF;
	width: 100%;
}

.partitions a {
	color: black;
}

.partitions .partition {
	padding: 5px;
}

/* .article
----------------------------------------------------------------------------*/
.article p {
	font-style: italic;
	font-size: 80%;
	color: #696A70;
}


/* .order_status
----------------------------------------------------------------------------*/
#order_status dd { font-size: 150%; }
#order_status .status_1 { float: left; padding: 5px 10px; color: #FFF; background: red; }
#order_status .status_2 { float: left; padding: 5px 10px; color: #FFF; background: green; }
#order_status .status_3 { float: left; padding: 5px 10px; color: green; }
#order_status .status_4 { float: left; padding: 5px 10px; color: red; }

#order_status .pay { float: left; margin: 0; padding: 5px 10px; }