/* ___| CSS document |_____________________ */


body { 
	margin: 0;
	padding: 0;
	font-size: 75%;
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;
	background: url("../graphics/bg.png") repeat;
	color: #444;
	}
a img {
  	border: 0;
	}
h1, h2, h3, h4, h5, p {
	margin: 0;
	}
.none {
	display: none;
	}
.clear {
	margin: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
	clear: both;
	}


/* ___| container |_____________________ */


#container {
	margin: 0 auto 0 auto;
	width: 970px;
	}
	
	
/* ___| main |_____________________ */


#main {
	margin: 0;
	padding: 0 9px 0 9px;
	width: 952px;
	min-height: 100px;
	background: url("../graphics/bg_main.png") repeat-y;
	}
#main_b {
	margin: 0;
	width: 970px;
	height: 9px;
	background: url("../graphics/bg_main_b.png") repeat-y;
	font-size: 0;
	}	


/* ___| head |_____________________ */


#head {
	margin: 0 0 1px 0;
	padding: 1px 0 1px 0;
	width: 953px;
	height: 92px;
	background: url("../graphics/bg_head.png") no-repeat 0 1px;
	border-top: 8px solid #333;
	border-bottom: 10px solid #333;
	float: left;
	clear: both;
	}

h1 {
	margin: 5px 0 0 30px;
	width: 151px;
	float: left;
	}
#mid h1 {float: none; width: auto; font-size: 2em; margin: 5px 0}
p#ikon {
	margin: 3px 0 0 0;
	float: right;
	}
p#ikon a {
	margin: 0 6px 0 0;
	}
	
	
/* ___| menu |_____________________ */


menu {
	margin: 54px 0 0 0;
	padding: 0;
	width: 762px;
	float: right;
	}
menu li {
	margin: 0;
	list-style: none;
	font-weight: bold;
	float: left;
	}
menu li a {
	margin: 0;
	padding: 0 0 0 19px;
	height: 22px;
	color: #fff;
	background: #4a4a4a url("../graphics/bg_iteml.png") no-repeat left;
	text-decoration: none;
	float: left;
	display: block;
	}
menu li a span {
	margin: 0;
	padding: 6px 19px 0 0;
	height: 22px;
	background: url("../graphics/bg_itemr.png") no-repeat right top;
	display: block;
	float: left;
	cursor: pointer;
	}
menu li#last a span {
	margin: 0;
	padding: 6px 19px 0 0;
	height: 22px;
	background: url("../graphics/bg_itemr_last.png") no-repeat right top;
	display: block;
	float: left;
	cursor: pointer;
	}
menu li a:hover {
	color: #d98f8f;
	}
	
	
/* ___| left |_____________________ */


#left {
	margin: 0;
	width: 200px;
	float: left;
	}
#left h3 {
	padding: 8px 0 8px 10px;
	border-left: 6px solid #0f5589;
	background: #1472b7;
	color: #fff;
	font-size: 110%;
	clear: both;
	}
.box {
	margin: 0 0 1px 0;
	padding: 10px;
	min-height: 20px;
	width: 178px;
	border: 1px solid #d6d6d6;
	border-top: none;
	float: left;
	clear: both;
	}
ul.submenu {
	margin: 0;
	padding: 0;
	}
ul.submenu li {
	margin: 0;
	padding-left: 10px;
	list-style: none;
	background: url("../graphics/arr.png") no-repeat left 7px;
	}
ul.submenu li.sub {
	margin: 0;
	padding-left: 10px;
	list-style: none;
	background: url("../graphics/arr_b.png") no-repeat left 9px;
	}
ul.submenu li a {
	margin: 0;
	padding: 3px 0 3px 0;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #d6d6d6;
	}
ul.submenu li a:hover {
	color: #666;
	}
ul.submenu ul {
	margin: 0 0 0 10px;
	padding: 0;
	}
ul.submenu ul li {
	b_ackground: url("../graphics/bg_line.png") no-repeat left 10px;
	}
ul.submenu ul li a {
	color: #666;
	}
ul.submenu ul li a:hover {
	color: #999;
	}
#left form {
	float: left;
	clear: both;
	}
#left label {
	margin: 4px 0 6px 0;
	width: 56px;
	color: #444;
	font-weight: bold;
	display: block;
	float: left;
	clear: left;
	}
#left input {
	margin: 0 0 6px 0;
	width: 114px;
	padding: 2px;
	border: 1px solid #7f9db9;
	float: left;
	clear: right;
	}
#left input.butt, #right input.butt {
	margin: 0 0 6px 0;
	height: 19px;
	width: auto;
	padding: 0 6px 0 6px;
	border: 1px solid #7f9db9;
	background: url("../graphics/bg_butt.png") repeat-x bottom;
	font-family: Verdana;
	font-weight: bold;
	font-size: 90%;
	float: right;
	clear: both;
	}
#left p#reg {
	color: #444;
	}
#left p#reg a {
	text-decoration: none;
	color: #444;
	}
#left p#reg a:hover {
	text-decoration: underline;
	}
#main p a.more {
	padding-left: 12px;
	display: block;
	background: url("../graphics/bg_arr.png") no-repeat left 4px;
	color: #444;
	font-weight: bold;
	text-decoration: none;
	float: right;
	}
#main p a.more:hover {
	color: #999;
	}
		
	
/* ___| left |_____________________ */


#mid {
	margin: 0 11px 0 11px;
	padding-top: 10px;
	width: 530px;
	font-size: 95%;
	float: left;
	}
#mid h2 {
	margin-bottom: 10px;
	color: #444;
	font-size: 115%;
	clear: both;
	}
ul.sez {
	margin: 10px;
	padding: 0;
	}
ul.sez li {
	padding-left: 10px;
	list-style: none;
	background: url("../graphics/bg_line.png") no-repeat left 8px;
	color: #444;
	}
	
	
/* ___| mid box |_____________________ */


.mbox {
	margin: 10px 6px 10px 2px;
	padding: 10px;
	width: 234px;
	min-height: 30px;
	border: 1px solid #999;
	background: url("../graphics/bg_box.png") repeat-x bottom;
	float: left;
	}
.mbox h3 {
	margin-bottom: 4px;
	color: #cc0000;
	font-size: 115%;
	}
.mbox p {
	margin-bottom: 8px;
	}
.mbox p strong {
	font-size: 115%;
	}
.mbox p a.more {
	margin-bottom: 8px;
	}
	
	
#mid form.login_form {
   float: left;
	clear: both;
	width: 180px;
	margin: 10px;
	padding: 15px;
	border: 1px solid #d6d6d6;
	}
#mid form.login_form label {
	margin: 4px 0 6px 0;
	width: 56px;
	color: #444;
	font-weight: bold;
	display: block;
	float: left;
	clear: left;
	}
#mid form.login_form input {
	margin: 0 0 6px 0;
	width: 114px;
	padding: 2px;
	border: 1px solid #7f9db9;
	float: left;
	clear: right;
	}
#mid form.login_form input.butt, #mid form.login_form input.butt {
	margin: 0 0 6px 7px;
	height: 19px;
	width: auto;
	padding: 0 6px 0 6px;
	border: 1px solid #7f9db9;
	background: url("../graphics/bg_butt.png") repeat-x bottom;
	font-family: Verdana;
	font-weight: bold;
	font-size: 90%;
	float: right;
	clear: both;
	}

/* ___| left |_____________________ */


#right {
	margin: 0 -1px 0 1px;
	width: 200px;
	float: left;
	}
#right h3 {
	padding: 8px 0 8px 10px;
	border-left: 6px solid #9a0210;
	background: #ce0315;
	color: #fff;
	font-size: 110%;
	clear: both;
	}
#right p {
	margin-bottom: 2px;
	}
#right input.butt {
	margin-top: 10px;
	}
.find {
	padding: 8px 0 8px 8px;
	border-left: 6px solid #0f5589;
	background: #1472b7;
	color: #fff;
	font-size: 110%;
	clear: both;
	}
#right .find label {
	margin-right: 6px;
	font-weight: bold;
	font-size: 90%;
	}
#right .find input {
	margin: 0;
	padding: 2px;
	width: 90px;
	border: 1px solid #7f9db9;
	}
#right .find button {
	margin: 0 0 -5px 3px;
	padding: 0;
	border: none;
	background: none;
	}
#right form {
	margin: 0;
	padding: 0;
	}

	
/* ___| footer |_____________________ */


#foot {
	margin: 10px 1px -1px 1px;
	padding: 0 10px 0 10px;
	width: 931px; 
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	background: url("../graphics/bg_foot.png") repeat-x;
	float: left;
	clear: both;
	}
p#fot_r {
	float: right;
	}
#foot p {
	color: #fff;
	}
#foot a {
	color: #fff;
	text-decoration: none;
	}
#foot a img {
	margin: 3px 0 -3px 0;
	position: relative;
	}
#foot a:hover {
	color: #ddd;
	}
	
	
/* G */

div.logo {
	margin-bottom: 16px;
}

table.cart {
	border-collapse: collapse;
	width: 530px
	}

table.cart td {
	border: 1px solid silver;
	padding: 4px;
	height: 32px;
}

table.cart td.cartoptions {
	text-align: center;	
}

table.cart td.cartoptions select, table.cart td.cartoptions input.full {
	width: 220px;
}

table.cart th {
	padding-left: 6px;
	padding-right: 6px;
/*	font-size: 60%; */
}

div#regoffer {
	margin-top: 16px;
}

table.cart tr.sum {
	background: #EEEEEE;
}

table.cart td.num {
	text-align: right;
}

ul {margin-top: 5px!important}

div.error {margin: 0.5em 0; font-weight: bold; color: #CC0000}
h3.prod_detail {border-bottom: 1px solid #444; margin: 1em 0 0.5em; }

.box_pro {border-collapse: collapse}
.box_pro h3 {font-size: 1.1em; padding: 5px}
.box_pro a {color: #1472B7}
.box_pro a:hover {color: #000; text-decoration: none;}
.box_pro .buttons a {font-weight: bold; font-size: 1.1em}
.box_pro .buttons {text-align: right}
.box_pro .buttons p {margin-bottom: 3px}
.box_pro .quantity {width: 30px}
.box_pro td.descr {width: 255px}

.box_pro td.first {border-right: 1px solid #ACDCFF}

.box_pro .container {padding: 0 5px}
.box_pro .butt {padding: 5px}

.box_pro_separ {border-collapse: collapse}
.box_pro_separ td {width: 255px}
.box_pro_separ div {margin: 10px auto; width: 230px; height: 1px; overflow: hidden; border-bottom: 1px solid #ACDCFF}

.orders {margin: 7px 0; border-collapse: collapse; border: 1px solid #AAA}
.orders th {background: #CCC; padding: 4px}
.orders td {background: #EEE; padding: 4px; border: 1px solid #CCC}
.orders td.number {text-align: right}

.paging {background: #EEE; border: 1px solid #DDD; zoom: 1} /* IE way to do next line */
.paging:after {content: '.'; display: block; visibility: hidden; height: 0; clear: both}
.paging .items {float: left; width: 100px; padding: 4px}
.paging .per_page {float: right; text-align: right; width: 180px; padding: 0px}
.paging .pages {text-align: center; padding: 6px}
.paging .pages .current {background: #AAA; border: 1px solid #888; color: black; font-weight: bold;}
.paging .pages a {background: #DDD; border: 1px solid #BBB; color: black; text-decoration: none}
.paging .pages a:hover {background: #AAA; border: 1px solid #888}

.brokerage {border-collapse: collapse; margin-top: 0.8em; width: 100%}
.brokerage td {border: 1px solid #888; padding: 3px}
.brokerage .sum {background: #EEE; font-weight: bold}
.brokerage caption {font-style: italic; text-align: left}
.brokerage .number {text-align: right}

.sorting {text-align: right; margin: 2px}

.find a {color: white}
.find a:hover {color: yellow}

.submit{background:#FFAAAA}