* {margin: 0; padding: 0}

body {font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; color: #5c5c5c; background: #fff}
html, body {height: 100%}

img {border: 0}

ul {list-style: none}

table {width: 100%; font-size: 100%; border-collapse: collapse; vertical-align: top; text-align: left; border: none}
table td {vertical-align: top; text-align: left}
table th {text-align: left}

a {color: #006ba9; text-decoration: underline; outline: none}
a:hover {text-decoration: none}

h1 {font-size: 160%; font-weight: normal; color: #000; margin-bottom: 30px; white-space: nowrap; overflow: hidden; background: #ccc url(/images/header_bg.gif) repeat-x 0 0}
h2 {font-size: 120%; font-weight: bold; margin-bottom: 18px}
h1 span, h2 span {display: block}
h1 span.left, h2 span.left {background: url(/images/header_bg_left.gif) no-repeat 0 0}
h1 span.right, h2 span.right {height: 36px; padding: 6px 0 0 20px; background: url(/images/header_bg_right.gif) no-repeat right 0}
h2 span.right {height: 28px; padding: 14px 0 0 20px}
h3 {font-size: 120%; color: #000; margin-bottom: 12px}

div.title {font-size: 120%; font-weight: bold; color: #000; margin-bottom: 18px; white-space: nowrap; overflow: hidden; background: #ccc url(/images/header_bg.gif) repeat-x 0 0}
div.title span {display: block}
div.title span.left {background: url(/images/header_bg_left.gif) no-repeat 0 0}
div.title span.right {height: 28px; padding: 14px 0 0 20px; background: url(/images/header_bg_right.gif) no-repeat right 0}

p {font-size: 100%; margin-bottom: 12px}

#main {position: relative; min-width: 997px; max-width: 2048px; min-height: 100%; margin: 0 auto; font-size: 0.75em}
*html #main {width: expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 2049 ? "2048px" : (((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 997 ? "997px" : "100%")); height: 100%}

	div.clear {clear: both; font-size: 1%}
	.clr {clear: both;}
	
	#header {height: 320px; margin-bottom: 5px}
	
	td.column {width: 210px; padding: 0 5px}
	
		div.block {background: url(/images/block_bg.gif) repeat-y right 0; margin-bottom: 5px; min-height: 1%}
		*html div.block {height: 1%}
		div.block_in1 {background: url(/images/block_bg.gif) repeat-x 0 bottom}
		div.block_in2 {background: url(/images/block_bg.gif) repeat-y 0 0}
		div.block_in3 {background: url(/images/block_bg3.gif) no-repeat right bottom}
		div.block_in4 {background: url(/images/block_bg4.gif) no-repeat 0 bottom}
		
		ul.popular { padding: 0 10px 5px; }
		ul.popular img { float: left; margin: 0 10px 5px 0; }
		ul.popular p { clear: both; }
		
		ul.links {padding: 0 20px 12px 20px}
		ul.links li {padding-bottom: 5px}
		ul.links li a {display: inline-block; padding-left: 20px; background: url(/images/a_arrow.gif) no-repeat 0 6px}
		
		a.img {display: block; position: relative; height: 107px; padding: 1px; cursor: pointer}
		a.img span {display: block; height: 107px; text-align: center; overflow: hidden}
		a.img i {position: absolute; top: 0; left: 0; height: 109px; background: no-repeat 0 0}
		
		#path { padding: 10px 0 15px 20px; }
		
		div.catalog {min-height: 1%; padding: 0px 20px 20px 20px}
		*html div.catalog {height: 1%}
		div.catalog div.item {float: left; position: relative; width: 48%; min-height: 130px; padding: 0 2% 20px 0}
		*html div.catalog div.item {height: 130px}
		div.catalog div.item td { text-align: center; }
		div.catalog td.left {width: 151px; height: 110px;}
		/*div.catalog a.img {width: 114px; margin-bottom: 1px}
		div.catalog a.img span {width: 114px}
		div.catalog a.img i {width: 116px; background-image: url(/images/tovar_img_brd.gif)} */
		div.catalog a.img {width: 148px}
		div.catalog a.img span {width: 148px}
		div.catalog a.img i {width: 150px; background-image: url(/images/tovar_img_brd2.gif)}
		
		div.catalog td.right {padding: 5px 0 0 10px; text-align: left !important;}
		div.catalog a.name {display: block; margin-bottom: 10px; font-weight: bold;}
		div.catalog p {color: #626161; margin: 0}
		div.catalog p.price {font-size: 100%; margin-top: 10px;}
		div.catalog p.price strong {color: #000}
		div.catalog input.button {font-family: Arial, Helvetica, sans-serif; font-size: 95%; color: #fff; width: 116px; height: 20px; padding-bottom: 1px; background: #00649e url(/images/btn_to_cart.gif) no-repeat 0 0; border: none; cursor: pointer}
		table.good { width: 100%; }
		table.good td, table.good th { padding: 5px; }
		
		div.text {padding: 0 20px 20px 20px}
		div.text ul { padding-left: 20px; }
		div.text li { margin-bottom: 5px; }
		
		div.cart {color: #000; text-align: center; padding: 0 20px 20px 20px}
		div.cart div.top {padding-bottom: 10px}
		div.cart div.mid {font-weight: bold; padding-bottom: 2px}
		
		div.hits {padding: 0 0 5px 10px}
		div.hits div.item {padding-bottom: 15px}
		div.hits div.name {padding: 0 0 4px 10px}
		div.hits a.img {width: 188px}
		div.hits a.img span {width: 188px}
		div.hits a.img i {width: 190px; background-image: url(/images/hit_img_brd.gif)}
		div.hits div.price {padding: 2px 0 0 10px}
		div.hits div.price strong {color: #000}
		
		ul.ulmap li { margin-bottom: 5px; }
	
#footer_block {clear: both; height: 106px}
#footer_main {clear: both; position: relative; height: 106px; margin: -106px 0; font-size: 0.75em}
#footer {position: relative; min-width: 997px; max-width: 2048px; height: 106px; font-size: 95%; margin: 0 auto; background: #d7d7d7}
*html #footer {width: expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 2049 ? "2048px" : (((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 997 ? "997px" : "100%"))}
#footer div.top {height: 16px; padding: 15px 25px; border-bottom: 1px solid #fff}
#footer div.top a, #footer div.right a {margin: 0 6px}
#footer div.top a.first, #footer div.right a.first {margin-left: 0}
#footer div.top span {color: #000}
#footer div.bot {padding: 15px 25px 0 25px}
div#second_wind {height: 32px; padding-left: 38px; color: #000; white-space: nowrap; background: url(/images/footer_2wind.gif) no-repeat 0 0}
div#second_wind a {color: #006ba9; text-decoration: underline; outline: none}
div#second_wind a:hover {text-decoration: none}
#footer span.top {display: block; color: #000}