﻿html { height: 100%;}
	body {position: relative; margin: 0; padding: 0; height: auto !important; height: 100%; min-height: 100%; background: #b09b89 url("/img/media/bg.gif") repeat;}	

/* Common style ----------------------*/
	#all {margin: 0 auto; width: 960px; font: 11px Tahoma, sans-serif; color: #666;}
	a {color: #8f644d; text-decoration: underline;}
	a:hover {text-decoration: none;}
	a:visited {color: #8f644d;}	
	img {border: 0;}
	.clear {float: none !important; clear: left !important; height: 0px; line-height: 0px;}
	.submit_clear {float:left;width:100%;clear:left;height:10px;}
	html > .submit_clear {clear:none;}
	.txt-right {text-align: right;}
/* Common style end ----------------------*/

	
/* Header style ----------------------*/
div.top_flash {position: relative; padding-top: 20px; width: 100%; height: 150px; text-align: center;}
	
div.top {position: relative; padding-top: 1px; width: 100%; height: 441px; background: url("/img/media/center_top.png") bottom center no-repeat;}
div.index_top {background: 0; padding-top: 0;}
	.top_image {position: relative; margin-top: 31px; width: 960px; height: 322px; background: url("/img/media/top_all.png") center center no-repeat;}
		.zavitok {position: absolute; left: 12px; bottom: -4px; width: 156px; height: 144px; background: url("/img/media/zavitok.png") 0 0 no-repeat;}
		
	.logo {position: absolute; display: block; top: 0; left: 362px; margin: 0 auto; padding: 0; width: 237px; height: 175px; text-align: center; line-height: 175px;}
	.logo span {position: absolute; left: 0; top: 0; display: block; margin: 0; padding: 0; width: 237px; height: 175px; background: url("/img/media/logo.png") 0 0 no-repeat;}
	a.logo, a.logo span {cursor: pointer; cursor: hand;}
	
	
	.index_images {position: relative;width: 824px; padding: 0 10px; margin: 0 auto; height: 411px; overflow: hidden;}
	.index_images div {margin: 0; padding: 0; position: relative; float: left;width: 275px;}
	.index_images div img {margin:0; padding: 0; border-right: 1px #000 solid;}
	.index_images div.image3 {width: 274px;}
	.index_images div.image3 img {border-right: 0;}
	
	div.shade1,div.shade2 {position: absolute; top: 0; height: 100%; overflow: hidden; background: url("/img/media/shade1.png") center left no-repeat;}
	div.shade1 {left: 0; width: 10px;}
	div.shade2 {right: 0; width: 11px; background-image: url("/img/media/shade2.png"); background-position: center right;}
	
	
	.mainmenu {list-style: none; position: relative; width: 824px; height: 57px; line-height: 42px; margin: 0 auto; padding: 0 0 0 110px; background: url("/img/media/menu_back.png") center center no-repeat;}
	.mainmenu li {position: relative; float: left; display: block;padding-right: 2px; height: 42px; background: url("/img/media/breaker.gif") center right no-repeat; text-align: center;}
	.mainmenu li>a,.mainmenu li>span {position: relative; display: block; width: 100%; height: 100%; margin: 0; padding: 0;}
	.mainmenu li .bg, .mainmenu li .hl {position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background: center center no-repeat;}
	.mainmenu li .hl {background-image: url("/img/media/menu_bg.gif"); background-repeat: repeat-x;}
	
	.mainmenu li.active .hl,
	.mainmenu li a:hover .hl /* если надо подсвечивать пункт меню при наведении */
	{background-image: url("/img/media/menu_select_bg.gif");}
	
	.mainmenu .item1 {width: 130px;}
	.mainmenu .item1 .bg {background-image: url("/img/media/menu_1.png");}
	.mainmenu .item2 {width: 132px;}
	.mainmenu .item2 .bg {background-image: url("/img/media/menu_2.png");}
	.mainmenu .item3 {width: 128px;}
	.mainmenu .item3 .bg {background-image: url("/img/media/menu_3.png");}
	.mainmenu .item4 {width: 122px;}
	.mainmenu .item4 .bg {background-image: url("/img/media/menu_4.png");}
	.mainmenu .item5 {width: 155px; background-image: none;}
	.mainmenu .item5 .bg {background-image: url("/img/media/menu_5.png");}
/* Header style End ------------------*/


/* Main part style --------------------*/
div.middle {position: relative; width: 100%; background: url("/img/media/center_bg.gif") center center repeat-y;}

div.index_middle {padding-top: 40px;text-align: center; background: 0;}
/* Left part style*/
	div.leftbar {position: relative; float: left; margin-right: -100%; width: 225px; z-index: 10; font-size: 11px;}
		.leftbar a {text-decoration: none; color: #ffcc99;}
		
		.block1 {position: relative; padding: 16px 0; width: 202px; background: url("/img/media/block1_top.png") top center no-repeat;}
		.block_content {width: 150px; margin: 0 auto; padding: 0 20px; background-color: #867570; font-weight: bold; font-size: 11px; color: #eddfd4;}
				
			.leftmenu {position: relative; list-style: none; margin: 5px 0 0; padding: 0; font-size:9px;}
			.leftmenu small {font-weight:normal;}
			.leftmenu li {padding: 0; margin: 0; width: 100%;}
			.leftmenu li span {float: right;font-weight:normal;}
			
		.block1_bottom {width: 100%; height: 17px; background: url("/img/media/block1_bottom.png") top center no-repeat; }

		.block2 {position: relative; padding: 0; width: 202px; background: url("/img/media/block2.png") top center no-repeat;}
		.block2 a {position: relative; display: block; left: 0; top: 0; margin: 0; padding: 0; width: 100%; height: 80px;}
		.block2 a span {position: absolute; right: 30px; top: 25px; font-weight: bold;}

		.block3 {position: relative; padding: 0; width: 202px; background: url("/img/media/search-block.png") top center no-repeat;}
		.block3 a {position: relative; display: block; left: 0; top: 0; margin: 0; padding: 0; width: 100%; height: 80px;}
		.block3 a span {position: absolute; right: 90px; top: 10px; font-weight: bold;}
		
		.block1 div.login {}
		.block1 div.login a {display: block;}
		form.login,form.login fieldset {text-align: left; position: relative; margin: 0; padding: 0; border: 0;}
		form.login {}
			

/* Content part style*/	
	div.content {position: relative; display: inline; float: left; margin: 0 -100% 0 0; width: 100%; z-index: 1; }
		.content .right_block {position: relative; float: right; height: 600px;}
		.content .right_block a {display: block; margin: 0 0 15px; padding: 0; width: 100%; }
	
		div.content1 {margin: 0 30px 0 225px; }
		
		.content_logo {position: relative; display: block; width: 160px; height: 35px; line-height: 35px; text-align: center;}
		.content_logo span{position: absolute; display: block; left: 0; top: 0; width: 100%; height: 35px; background: center left no-repeat; color:#EBDFD5;}
			
			.content_item_catalog {width: 120px;}
			.content_item_catalog span {background-image: url("/img/media/razdel-catalog.gif");}			
			.content_item_about {width: 120px;color:#EBDFD5;}
			.content_item_about span {background-image: url("/img/media/razdel-about.jpg");}			
			.content_item_contacts {width: 120px;color:#EBDFD5;}
			.content_item_contacts span {background-image: url("/img/media/razdel-contact.jpg");}			
			.content_item_news {width: 120px;}
			.content_item_news span {background-image: url("/img/media/razdel-news.jpg");}			
			.content_item_uslovija {width: 120px;}
			.content_item_uslovija span {background-image: url("/img/media/razdel-option.jpg");}
			.content_item_podium {width: 120px;}
			.content_item_podium span {background-image: url("/img/media/razdel-podium.jpg");}
		
		
		.selectmenu {display: block; clear: all; list-style: none; margin: 0; padding: 0; height: 17px; font-size: 11px;}
		.selectmenu a {color: #666;}
		.selectmenu span {text-decoration: none;}
		.selectmenu li {float: left; border-right: 1px solid; padding: 0 5px; height: 1.2em; line-height: 1.2em;}
		.selectmenu li.last {border: 0;}
		.selectmenu li.head {border: 0; font-weight: bold; }
		.selectmenu li.head span {font-weight: bold; text-decoration: none;}
		
		.pagesmenu {width: 200px; margin: 0 auto 0 200px; color: #8f644d;}
		.pagesmenu a {color: #8f644d;}
		.pagesmenu li.head span {font-weight: normal;}

		.catalog {margin-top: 10px; font-size: 11px; width:500px;}
		.catalog_reg {font-size: 11px; width:600px;}
		.catalogs {margin-top: 10px; font-size: 11px;}
			.c_block {float: left; width: 130px; height: 186px; margin: 5px 2px 15px 0;}
			.c_block img {display: block; margin-bottom: 5px; border: 1px #867570 solid;}
			.c_block .head {display: block; font-weight: bold;}
			.c_block .desc {}
			
			.catalog_item {position: relative; margin-top: 10px; width: 530px; font-size: 11px;}
			.catalog_item img {border: 1px #867570 solid;}
			.catalog_item .img_big {float:left; margin-right: 10px; width: 240px;}
			.catalog_item p {margin-top: 0; margin-bottom: 0; padding: 0;}
			.catalog_item p span {font-weight: bold;}
			
			.catalog_item .previews {position: absolute; bottom: 0; left: 250px; margin-top: 30px;}
			.catalog_item .previews img {float: left; margin: 0 5px; margin-top:5px; }
			.catalog_item .previews img.b-img-active {opacity: 0.4;filter: alpha(opacity=40);}
			.b-order-disabled {opacity: 0.4; filter: alpha(opacity=40);}

			.submit {text-align: center; margin-top: 20px; clear:both;}
		

	.content_bg {position:relative; height: 29px; width: 100%; clear: both; background: url("/img/media/center_bottom.png") top center no-repeat;}
/* Main part style end* ----------------*/


/* Footer style ----------------------*/
div.footer_g {position: relative; height: 55px; clear: both;}	
div.footer {position: absolute; width: 960px; height: 74px; line-height: 76px; text-align: center; margin: 0 auto; bottom: -32px; background: url("/img/media/bottom.png") bottom center no-repeat; color: #EDDFD4; font-size: 11px;}

	div.footer img {vertical-align: middle;}
/*
	.logo2 {position: relative; margin: 0; padding: 5px 30px; width: 118px; height: 32px; line-height: 32px;}
	.logo2 span {position: absolute; left: 0; top: 0; display: block; margin: 0; padding: 0; width: 118px; height: 32px; line-height: 32px; background: url("/img/media/logo2.gif") center center no-repeat;}
*/
	
	a.logo2,a.logo2 span {cursor: pointer; cursor: hand;}



/* Footer style end ------------------*/

.catalog span {font-size:11px !important;line-height: 100% !important;color:#666666 !important;}

.catalog div {margin:0px !important;color:#666666 !important;}

#feedback input,#feedback textarea {border:1px solid #A99286;}

#feedback .text, #feedback textarea {width:200px;}
#feedback textarea {height:100px;}


.idTabs ul { background:#867570; padding:5px; float:left; width: 400px;}
.idTabs li { list-style:none; /*Try deleting this float*/ float:left; }
.idTabs a { display:block; background:#867570; color:snow; padding:0 13px; font:bold 12pt Arial; text-decoration:none; }
.idTabs a.selected { background:#FFF; color:#000; }
.items {width:400px;}
.items>div { display:none; float:left; margin:0.1em 0 0 0.5em; }
.idTabs ul, .idTabs a { border-radius:4px; -moz-border-radius:4px; }

.img_big_margin {margin:5px; float:left; }
.b-m-login {margin-bottom:5px;display:block;}

#b-img2 {width:100px;height:150px;display:block;float:left;margin:3px;}




	.b-price-now a {color:#009; border-bottom: 1px dashed #009;}
	
	div.background {margin: 15px 15px 0; background: transparent left top no-repeat; height:inherit;}
	
	
	.b-car-html, .b-model-html, .b-engine-html {float:left;margin-left:5px;}
	
	.b-output {margin-left:5px;}
	.b-output h1 {display:block;font-size:14px;margin:0px;background: #ddd; padding:4px; margin-bottom:0px; color:#000; font-weight: bold;}
	.b-output table {margin-top:0px;}
	
	.b-output h2 {font-size:14px;margin:0px;}
	.b-output a {color:#413FFF;text-decoration: none; border-bottom: 1px dashed #413FFF;}
	
	
	.b-tyres-list {background:#fefefe;margin:2px;float:left;height:170px;}
	.b-tyres-list h1 {background:#A4DAFC;color:#000;font-size:14px;}
	.b-tyres-list .info h1 {color:#0050AF;background:none;}
	.b-tyres-list h1 span {margin:0px;padding:0px;color:#999;}		
	.b-tyres-list .b-info {padding:5px;}
	
	.b-price {color:#000;background:#fefefe;}
	.b-price td {padding:2px;background:#867570;color:#fff}
	.b-price td.normal {background:#dedede;color:#000 !important;}
	
	
	
	.b-normal td {background:#dedede;color:#000;}
	
	.b-normal-white {background:#fff !important;}
	
	.tel {
	position: absolute;
	margin-top: 150px;
	margin-left: 410px;
	color:#fcf9f8;
	font-size:15px;
	font-weight:bold;
	
	}
	.b-price-now td {padding:5px;}
	.b-price-now {background:#999;}
	
	.b-mini-col {width:40px;}
	
	.b-price-order input.max {width:98%;}
	.b-price-order {font-size:12px; font-family: Tahoma;}
	.b-price-order textarea {width:98%; height: 80px;}		

	h2 {font-size:14px;}
	
	.b-now input.b-now, .b-now textarea {width:99%;}
	
	.b-col {width:60px;}

	.b-search {margin-left:20px;margin-top:20px;}
	
	.g-hidden {display:none;}
	
	.b-error {padding:5px; background:#fff; border:1px solid #A99286;display:block; width:400px;margin-top:10px;}

	.b-mini-count {width:58px; border:1px solid #A99286;}
	.b-mini-razmer {border:1px solid #A99286;width:58px;}
	.d-dd {font-weight: bold;}
	
	.auto-block {margin:0 auto;text-align:center;padding-top:20px;}

