/**
* index.css
* main stylesheet
* 'Berg' - 'tools'
* by Khoroshilov Evgeniy [RUff]
* Webway company - 2010
*/

/*-------------import---------------*/

@import url("reset.css");
@import url("c.css");

/*-------------general--------------*/

html {height: 100%;}

body {
	background: #fff;
	color: #666;
	font: normal 10px/100% Verdana, Tahoma, Arial, sans-serif;
	min-height: 100%;
	height: 100%;
	overflow: visible;
}

#wrap {
	width: 1124px; /*1150*/
	margin: 0 auto;
	background-color: #fff;
	height: auto !important;
	min-height: 100%;
	height: 100%;	
}

/*[
	FONTS
]*/

h1, .h1-replacement {font-size: 180%;}
h2 {font-size: 160%;}
h3 {font-size: 160%;}
h4 {font-size: 140%;}
h5 {font-size: 120%;}

h1, .h1-replacement, h2, h3, h4, h5 {font-weight: normal; color: #000;}

.f_alt {font-family: Tahoma, Arial, sans-serif;}
.f_main {font-family: Verdana, Tahoma, Arial, sans-serif;}

.f_case {text-transform: uppercase;}
.f_line {text-decoration: underline;}
.f_caps {font-variant: small-caps;}
.f_it {font-style: italic;}
.f_b {font-weight: bold;}

/*[
	COLORS
]*/

.white {color: #fff;}
.red {color: #e30018;}
.blue {color: #0076bf;}
.light {color: #999;}
.dark {color: #474747;}

a.tn {text-decoration: none;}

a.f_hline:link, a.f_hline:visited {text-decoration: none;}
a.f_hline:hover, a.f_hline:active {text-decoration: underline;}

/*
	links changing colors when hover
*/
a:link{color:#e30018 ;} a:visited {color: #575a8f;}
a:hover, a:active {color: #0076bf;}

a.grey:link {color: #666;} a.grey:visited  {color: #575a8f;}
a.grey:hover, a.grey:active {color: #e30018;}

a.white:link {color: #fff;} a.white:visited  {color: #999;}
a.white:hover, a.white:active {color: #0076bf;}

a.pseudo {text-decoration: none; border-bottom: 1px dashed;}
/*----------miscellaneous-----------*/

.fl {float: left;} .fr {float: right;} .nof {float: none;}
div.fl, div.fr {display: inline;} .cb {clear: both;}
.nom {margin: 0;} .posr {position: relative;} .posa {position: absolute;} .d_b {display: block;}
.z_3 {z-index: 3;} .z_2 {z-index: 2;} .z_1 {z-index: 1;} .z_0 {z-index: 0;}

.br:after {content: ".";	display: block;	clear: both; height: 0;	font-size: 0; visibility: hidden; overflow: hidden;}
.center {text-align: center;} .right {text-align: right;}
.u_line {text-decoration: underline;}

ul {list-style-type: square; list-style-position: inside;}
ol.lst, ul.lst {list-style: none; list-style-position: outside;}
ul.dib li, ol.dib li {display: inline-block;}

th {padding: 12px 10px; color: #000; text-align: left;}
td {padding: 6px 10px; text-align: left;}

/*========================FORM ELEMENTS======================*/
.select, .input, .textarea, .password {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	border: 1px solid;
	border-top-color: #999;
	border-bottom-color: #ccc;
	border-left-color: #999;
	border-right-color: #ccc;
	padding: 2px 0 0 2px;
	color: #999;
}
.input:focus, .textarea:focus, .password:focus {color: #666;}
.input, .password {height: 18px;}

/*END---------------------FORM ELEMENTS----------------------*/

/*============================HEADER=========================*/

#hd {height: 158px; position: relative;}
	#index #hd {height: 464px;}
	
	.hd {width: 100%;clear: both;position: relative;	}
		
		.hd1 {height: 34px;}
/*
[login]
*/			
		.plank {
			width: 178px;
			height: 20px;
			padding: 6px 26px 0;
			background: transparent url(/_pic/back/plank.png) no-repeat 0 0;
			font-size: 1.2em;
			position: absolute;
			display: none;
		}
			.plank1 {top: 0; left: 754px;}
				.plank1 a {color: #777;}
			
			.plank2 {top:0; left: 840px;}
				.plank2 a.a {color: #e30018; margin-right: 18px;}
				.plank2 a.b {color: #0076bf; font-size: .92em;}
		
		.hd1 a.c {
			display: block;
			width: 11px; height: 9px;
			line-height: 0;
			overflow: hidden;
			text-indent: -999em;
			background: url(/_pic/ico/mapspr.png) no-repeat 0 0;
			position: absolute;
			left: 1044px;
			top: 9px;
		}
			.hd1 a.c:hover {background-position: 0 -9px;}
		


		.hd2 {height: 54px; overflow: hidden;}
/*
[logo]
*/	
			#logo {
				position: relative;
				width: 260px;
				margin-right: 1px;
				margin-left: 34px;
				float: left; display:inline;
				height: 54px;
			}
				#logo .h1-replacement {width: 100%; height: 54px;}
				#logo a {display: block; float: left;}
				#logo img {
					padding: 10px 12px 12px 0;
					border-right: 1px solid #999;
					margin-right: 12px;
					float: left;
				}
				
				#logo span {
					display: inline-block;
					padding-top: 15px;line-height: 140%;
				}
			
/*
[hd_nav]
*/
			#hd_nav {
				font-size: 1.2em;
				height: 36px;
				float: right; width: 798px;
				margin-top: 10px;
				margin-right: 50px;
					margin-right: 16px;
				position: relative;
			}
			
					#hd_nav li a {color: #666;}
						#hd_nav li.selected a {color: #fff;}
			
				#hd_nav li {
					height: 22px;
					padding: 14px 11px 0;
					border-left: 1px solid #f7f7f7;
					border-right: 1px solid #ceccc2;
					float: left;
					background: url(/_pic/back/hd_menu_bg.png) no-repeat 50% 0;
				}
					
					#hd_nav li.selected, 
					#hd_nav li:hover {background: url(/_pic/back/hd_menu_bg.png) no-repeat 50% -72px;}
				
					#hd_nav li.first {padding: 14px 11px 0 18px; border-left: none;background: url(/_pic/back/hd_menu_bg.png) no-repeat 0 0;}				
						#hd_nav li.first:hover, 
						#hd_nav li.first_selected {background: url(/_pic/back/hd_menu_bg.png) no-repeat 0 -72px;}	
						
					#hd_nav li.last {padding: 14px 18px 0 11px; border-right: none;}

					#hd_nav li.berg,#hd_nav li.berg:hover  {
						width: 248px;
						padding: 6px 22px 0;
						height: 30px;
						font-size: .85em;
						line-height: 120%;
						color: #fff;
						background: url(/_pic/back/hd_menu_bg.png) no-repeat 100% -36px;
					}
						#hd_nav li.berg a {color: #fff; text-decoration: none;}
			
			#index #hd_nav li {padding-right: 7px; padding-left: 8px;}
			#index #hd_nav li.berg,#hd_nav li.berg:hover {padding-right: 22px;}
			#index #hd_nav li.berg {padding-left: 22px;}
			#index #hd_nav li.first {padding-left: 18px;}
			
			#hd_nav #showcat {color: #000; line-height: 120%;}
				
				#showcat span {display: inline-block;}
				#showcat span.a{
					background-image: url(/_pic/misc/btn.png);background-repeat: no-repeat;
					 width: 17px; height: 14px;
				}
				#showcat span.open{background-position: -34px 0;}
				
				#showcat span.b {margin-left: 9px; vertical-align: top; margin-top: -2px; font-weight: bold;}
					#showcat:hover span.b {text-decoration: underline;}
				
				#showcat:hover {text-decoration: none; cursor: pointer;}
				#showcat:active span {background-position: -17px 0;}
/*
[menuopen]
*/	
			#menuopen {
				width:796px; width: 784px; width: 786px;
				position: absolute; top: 80px; top:-385px;
				left: 310px; z-index: 199; display: none; 
			}
			#menulist {background: transparent;font-size: 1.1em; line-height: 110%; padding-top: 20px;}
			
				#menulist li {width: 28%; margin-right: 4%; margin-bottom: 1.4em;vertical-align: top; min-height: 24px; padding-left: 12px; background: url(/_pic/misc/listpoint.png) no-repeat 0 4px;}
					#menulist li a{color: #666; text-decoration: none;}
					#menulist li a:hover {color: #e30018; text-decoration: underline;}
					#menulist li.red a {color: #e30018;}

		.hd3 {margin-top: 8px; height: 55px; }	
/*
[pict_nav]
*/			
			.pict_nav_wrap {
				margin: 14px 76px 0 33px;
					margin-right: 44px;
				height: 36px;
				padding-top: 13px;
				background: url(/_pic/back/pictmenu.png) repeat-x 0 0;
			}
			
				.pict_nav_wrap .xa, .pict_nav_wrap .xb {
					display: block; height: 49px; overflow: hidden; line-height: 0;
					margin-top: -13px; position: relative;
				}
				.pict_nav_wrap .xa {
					width: 20px; float: left;
					background: url(/_pic/back/pictmenu_l.png) no-repeat 0 0;
					margin-right: 27px; margin-left: -20px;
				}
				.pict_nav_wrap .xb {
					width: 25px; float: right; margin-right: -25px;
					background: url(/_pic/back/pictmenu_r.png) no-repeat 0 0;
				}

		.hd3 h2 {width: 107px; float: left; margin-top: 3px; line-height: 130%; font-weight: bold;}
		
		#index .hd3 {height:50px; margin-top:0;}
		#index .hd3 .a {margin: 0 auto; padding-right:56px; width:456px; line-height: 120%;}
		
		.hd4 {margin: 38px 4px 8px 4px; background: #484848; height: 285px; width: auto;}
/*
[parts]
*/				
			#parts{margin: -30px 0 8px 30px; float: left;position: relative; }
				#parts li {width: 260px; height: 286px; overflow: hidden; margin-right: 5px; vertical-align: top;}
				#parts .parts {
					display: block; width: 260px; height: 286px; 
					line-height: 0; text-indent: -999em; font-size: 1px;
					background-repeat: no-repeat; background-position: 0 0;
				}
					#parts .p1 {background-image: url(/_pic/test/start_big_banner_1.jpg);}
					#parts .p2 {background-image: url(/_pic/test/start_big_banner_2.jpg);}
					#parts .p3 {background-image: url(/_pic/test/start_big_banner_3.jpg);}
		
		.hd4 .lowerlist {clear: both;float: left; margin-left: 34px; color: #fff;font-size: 1.1em; width: 500px;}
			.lowerlist strong, .lowerlist ul{display: inline-block;}
			.lowerlist ul li {margin-left: 14px; font-size: 1.1em;}
				.lowerlist a {color: #fff; line-height: 120%;}
				.lowerlist a:visited {color: #aaa;}
				.lowerlist a:hover {color: #0076bf;}

/*
[pict_nav]
*/	
		#pict_nav {
			float: left; width: 900px;
		}
		
			#pict_nav li {float: left; margin-right: 16px; line-height: 120%;}
				#pict_nav li.selected {border-bottom: 1px solid #e30018; padding-bottom: 6px;}
				#pict_nav li.selected .box {color: #e30018;}
		
			#pict_nav .pict {
				display: block;
				text-indent: -999em;
				background-repeat: no-repeat;
				background-position: 0 0;
				float: left;
				position: relative;
			}
			
				#pict_nav .pict1 {background-image: url(/_pic/ico/auto1.png); width: 87px; height: 30px;}
				#pict_nav .pict2 {background-image: url(/_pic/ico/auto2.png); width: 87px; height: 57px; margin-top: -28px;}
				#pict_nav .pict3 {background-image: url(/_pic/ico/auto3.png); width: 48px; height: 27px; margin-top: 3px;}
				#pict_nav .pict4 {background-image: url(/_pic/ico/auto4.png); width: 85px; height: 57px; margin-top: -27px;}
				#pict_nav .pict5 {background-image: url(/_pic/ico/auto5.png); width: 51px; height: 24px; margin-top: 4px;}
				
			#pict_nav .box {
				display: block;
				width: 80px;
				height: 26px;
				margin-left: 12px;
				margin-top: 4px;
				float: left;
			}
			
			#pict_nav li a {color: #474747; display: block; text-decoration: none;}
				#pict_nav li a:hover {color: #e30018; cursor: pointer;}
	
/*END-------------------------HEADER-------------------------*/


/*============================CONTENT========================*/

#cont {
	width: 100%;
	padding: 0 0 65px;
	height: 1%; position: relative;
	line-height: 130%;
}



/*
[main]---------------------------------------------------------------------------------------------------
*/	
#main {
	width: 100%;
	float: left; display: inline;
	overflow: hidden;
}

#maincont {
	padding: 0 340px 0 310px;
	font-size: 1.1em;
	margin-bottom: 35px;
}

	#index #maincont {padding-left: 0; padding-right: 320px; padding-right: 295px;}

	.cat_cont #maincont {
		padding-right: 320px;
	}
	#maincont h2, #maincont h1, #maincont .h1-replacement {margin-bottom: 1.3em; font-size: 1.5em;line-height:105%;}
	#maincont .sub-h1 {font-size:1.2em;padding-bottom: 10px; color:#666;}
	#maincont p {margin-bottom: 1.2em;}
	
	div.wrapper {padding: 24px 40px 24px 34px; position: relative;}
	#index .wrapper {padding: 16px 0 24px 8px;}
	div.cat_wrapper {padding-right: 0;}
		div.back_a {background-color: #fafafa;}
		div.back_b {background-color: #fff;}
		
		.wrapper img {margin-bottom: .6em;}

		
	#maincont span.date {
		display: inline-block;
		padding: 4px 50px 4px 6px;
		background: #adadad; color: #fff;
		margin-bottom: 1em;
	}

	#maincont .main-seo-text{
		width:100%;
		border-bottom:1px solid #DFDFDF;
		padding-left:28px;
	}
	
/***********Border Blocks*************/

/*double border*/
	.bblock_left {
		border-left: 7px solid #5c5c5c;
		border-right: 5px solid #dbdbdb;
		float: left;clear: both; display: inline;
	}
	.bblock_right {
		border-right: 7px solid #5c5c5c;
		border-left: 5px solid #dbdbdb;
		float: right;clear: both; display: inline;
	}	
		.bib {background: #f5f5f5; height: 100%;}
		.bblock_left .bib {border-right: 6px solid #fff;}
		.bblock_right .bib {border-left: 6px solid #fff;}

/*single border*/		
	.bblock_s_left {
		border-left: 6px solid #dbdbdb;
		/*float: left; clear: both; display: inline;*/
		margin-left: 30px;
	}
	.bblock_s_right {
		border-right: 6px solid #dbdbdb;
		/*float: right; clear: both; display: inline;*/
		margin-right: 50px;
	}	
		.bib_s {background: #fafafa; height: 100%;}
		.bblock_s_left .bib_s {border-left: 4px solid #fff;}
		.bblock_s_right .bib_s {border-right: 4px solid #fff;}
		
/*//////////Border Blocks////////////*/


	/*============news/articles/brandslist============*/

		#news {}
		#news li {margin-bottom: 20px; height: 1%; overflow: hidden; margin-left: -10px; padding-left: 10px;}
		
			#news .b {border-left: 4px solid #dbdbdb; padding-left: 6px; margin-left: -10px;height: 1%; overflow: hidden;}
			#news span.date {margin-bottom: .3em; width: 106px; padding-right: 0;}
			#news a.a {float: left; width: 112px; display: block; margin-right: 14px; line-height: 0;}
				#news a.e {font-size: 1.1em;display: inline-block; margin-bottom: .8em;}
				#news a.c {float: left; width: 87px; display: block; margin-right: 14px; line-height: 0;}
			#news h3 {font-size: 1.26em; line-height: 120%; margin-bottom: .6em;}
	
	/*==========\\news/articles/brandslist============*/
	
	
	/*============pager============*/
		
		.pager {margin-top: 8px;}
			.pager li {height: 20px;}
			.pager a, .pager span {color: #545454; padding: 4px 6px;}
				.pager a:hover {color: #e30018; }
			.pager span {color: #545454; background: #adadad; text-decoration: underline;}	
	
	/*==========\\pager============*/	
	
	
	/*============regions============*/
		
		#regions {margin-top: 20px;}
		
			#regions li {
				vertical-align: top;
				width: 184px;
					width: 174px;
				min-height: 60px;
				margin: 0 24px 24px 0;
			}
		
			#regions h3 {font-size: 1.26em; margin-bottom: .6em;}
			
		#russia {
			margin-left: -45px;
			margin-right: -51px;
			border-right: 5px solid #adadad; border-left: 5px solid #adadad;
		}
			#russia .cont {
				border-left: 6px solid #fff; border-right: 6px solid #fff; 
				background: url(/_pic/back/maptile.png) repeat 0 0;
				padding: 18px 0 0 36px;
				height: 272px; position: relative;
			}
		
			#russia .point {
				display: block; width: 8px; height: 8px; overflow: hidden; text-indent: -999em;
				position: absolute; z-index: 50;
			}
				#russia .point_s {background: url(/_pic/misc/point_s.png) no-repeat 0 0; margin: -4px 0 0 -4px;}
				#russia .point_b {background: url(/_pic/misc/point_b.png) no-repeat 0 0; width: 12px; height: 12px; margin: -6px 0 0-4px;}
			
				.point1 {top: 170px; left: 200px;}
			
			#russia .xtra {padding:24px 0;}
			
		/*popup*/
		
		#city_info {
		/*	display: none; position: absolute; width: 493px; padding: 12px;
			background: #fff; border: 2px solid #e3e3e3; top: 0; left: -23px; z-index: 100;
			text-align: center; _margin-left: -34px;
		*/	
		}
		#city_info h2 {text-align: left;}
		#city_info div.ad {font-size: 1.1em; line-height: 140%; text-align: left; margin-bottom: 24px;}
		#city_info div.printhis{width: 100%;height:1%;overflow:hidden; text-align: left;}
			div.printhis a.a {display: inline-block; float: left; margin-top: 12px; font-size: 1.1em; }
			div.printhis a.b {display: block; float: right; width: 133px; height: 27px; text-indent: -999em; background: url(/_pic/misc/print.png) no-repeat 0 0; line-height: 0;overflow: hidden;}
			img.scheme {margin: 0 -54px 24px -54px;}
		
	/*==========\\regions============*/	
	
	
	/*============catalogue============*/	
	
	/*list*/
	
		#catalogue {margin-bottom: 46px;}
			#catalogue .h1-replacement {}
			#catalogue li.inner {margin-bottom: 12px; height: 1%; overflow: hidden; margin-left: -10px; padding-left: 10px;}
			
			#catalogue .b {border-left: 4px solid #dbdbdb; padding-left: 6px; margin-left: -10px;height: 1%; overflow: hidden;}
			#catalogue a.a {float: left; width: 112px; display: block; margin-right: 14px; line-height: 0;}
			#catalogue a.a img {margin-bottom: 0;}
			#catalogue h3 {font-size: 1.26em; line-height: 120%; margin-bottom: .6em;}
			#catalogue ul {list-style-position: inside;}

	/*single*/
		
		a.ashead {display: block; font-size: 1.46em; margin-bottom:.8em;}
		.catsingle {height:1%; overflow:hidden;}
		.catsingle img {float: left;}
		.catsingle div.b {float: right; width: 206px; width: 184px;}

			.catsingle div.b h4 {font-size: 1.1em; margin-bottom: 12px; margin-top: .6em;}
			.catsingle div.b div.l {margin-bottom: 12px;}
				.catsingle div.b div.l strong, .catsingle div.b div.l span {display: block;}
				.catsingle div.b div.l strong {color: #000;}
			
			.doclist {height: 1%; overflow: hidden;}
				.doclist li{padding-bottom: 12px; height: 1%; overflow: hidden;}
				.doclist .ico {
					display: block; float: left;
					width: 22px; height: 27px; 
					overflow: hidden; text-indent: -999em; line-height: 0;
					background-position: 0 0;
					background-repeat: no-repeat;
					background-image: url(/_pic/ico/def.png);
				}
					.doclist .pdf {background-image: url(/_pic/ico/pdf.png);}
					.doclist .swf {background-image: url(/_pic/ico/swf.png);}
					.doclist .zip {background-image: url(/_pic/ico/zip.png);}
					.doclist .rar {background-image: url(/_pic/ico/rar.png);}
					.doclist .doc {background-image: url(/_pic/ico/doc.png);}
					.doclist .xls {background-image: url(/_pic/ico/xls.png);}
					.doclist .jpg {background-image: url(/_pic/ico/jpg.png);}
					.doclist .avi {background-image: url(/_pic/ico/avi.png);}
					.doclist .rtf {background-image: url(/_pic/ico/rtf.png);}
					.doclist .png {background-image: url(/_pic/ico/png.png);}
					.doclist .ppt {background-image: url(/_pic/ico/ppt.png);}					
					.doclist .tiff {background-image: url(/_pic/ico/tiff.png);}	
					
					
				.doclist .a {display: block;margin-left: 30px;	}
				.doclist .s {display: block;margin-left: 30px; }
				
		.dashed {border-top: 1px dotted #2d2d2d; clear: both; padding-top: 16px; margin-top: 18px; }
		
		.description {}
		.description .links {margin-bottom: 12px; }
			.description .links li {font-size: 1.2em; margin-right: 16px;line-height: 140%;}
			.description .links a {color: #e30018; border-bottom: 1px dashed; text-decoration: none;}
			.description .links a.cur {color: #000; text-decoration: none; border: 0 none;}
		
		#cats {}
			#cats .col1 {width: 20%;}
			#cats .col2 {width: 54%;}
			#cats .col3 {width: 25%;}
		td.row {background: #f7f7f7;}
		
		.priceholder {font-size: 1.1em; clear: both; margin: 80px 69px 0 0; width: 226px;}
			.price {
				display: block; background: url(/_pic/back/price_back.png) repeat-x 0 0; 
				height:25px; padding: 11px 4px 0 11px; color: #fff; margin-bottom: .8em;
				letter-spacing:-0.1em;
			}
			.price .x {
				display: block; width: 18px; height: 36px; margin:-11px -18px 0 0; 
				text-indent: -999em; line-height: 0; overflow: hidden; position: relative; 
				background: url(/_pic/back/price_arr.png) no-repeat 0 0; float:right;
			}
		
	/*==========\\catalogue============*/

	
	/*============startlist============*/
	
		#startlist{margin-bottom: 30px; border-bottom: 1px solid #dfdfdf; padding-bottom: 20px;position: relative; z-index: 1;}
			#startlist li.start {margin-left: 28px; vertical-align: top;}
				#startlist li.start1 {width: 270px;}
				#startlist li.start2 {width: 236px;}
				#startlist li.start3 {width: 218px;}
		
		/*newslist*/
		ul.s_news {}
			ul.s_news li {margin-bottom: .8em; display: list-item;}
			#startlist span.date {display:block; background:transparent; color: #999; padding: 0; margin-bottom: .1em;}
			ul.s_news .ashead {font-size: 1.1em; margin-bottom: .1em; line-height: 120%;}
		.s_news_links {}
			.s_news_links li {margin-right: 14px;}
			.s_news_links .red {color: #e30018;}
			.s_news_links .blue {color: #0076bf;}
			
		/*special*/
		ul.s_offer {}
			ul.s_offer li {display: list-item; margin-bottom: 16px;}
			ul.s_offer .wrap_out {overflow: hidden;}
			ul.s_offer .wrap_in {overflow: hidden; background: #fff; line-height: 0;}
			ul.s_offer .wrap_in a.i {
				float: left; display: block; width: 80px; /*height: 100px; */
				margin: 5px 8px 0 6px; line-height:0; font-size: 1px; overflow: hidden;
				/* position: relative; bottom: -16px;*/ text-align: center;
			}
			ul.s_offer .wrap_in a.ii {display: block; overflow:hidden;}
			
			ul.s_offer img {margin: 0;}
			ul.s_offer .wrap_in .t {line-height:120%; padding: 16px 12px 0 8px;}
		
		.main-add-text { width: 484px; }
			.main-add-text .wrap_in {overflow: hidden; background: #fff; line-height: 0;}
			.main-add-text .wrap_in .t {line-height:120%; padding: 16px 12px 0 8px;}

		/*issues*/
		ul.s_issue {list-style: square outside url(/_pic/ico/paper.png); margin-left: 14px;font-size: 1.3em; font-weight: bold; line-height: 105%;}
			ul.s_issue li {display: list-item; padding: 0 0 16px 6px; margin-bottom: 14px; border-bottom: 1px solid #dfdfdf; vertical-align: middle;}
			ul.s_issue li.last {border: 0 none;}
			ul.s_issue a:hover {text-decoration: none;}
			
			.s_issue_link {display: inline-block; margin-left: 24px;}			
			
	/*==========\\startlist============*/
	
	
	/*============brands carousel============*/
		
		#brands {margin-left: 58px;}
			
			#brands ul {margin: 0 36px; display: inline-block;}
			#brands li {
				margin-right: 36px; 
				vertical-align: middle; text-align: center; 
				width:87px; height: 40px; overflow: hidden;
			}
				#brands li a {display:inline-block;}
			
			.carouselwrap {clear:both; position: relative;}
			.carouselwrap a.arr {
				display:inline-block;
				width:11px;height:20px;line-height: 0; overflow:hidden;
				text-indent: -999em;position: absolute; top: 11px;
				background-repeat: no-repeat;background-image: url(/_pic/misc/arrows.png);
			}
				.carouselwrap a.prev { background-position: 0 0; left:10px;}
				.carouselwrap a.next { background-position: -11px 0;right:10px;}
			
	/*==========\\brands carousel============*/	
	
	
	/*============sitemap============*/
		.sitemap{}
			.sitemap #search {width: 100%; margin-bottom: 12px; height: 24px;}
			.sitemap #search span.i {width: 422px; margin: 0;}
			.sitemap #search span.i .input {width: 95%;}
		.sitemap div.a {margin-bottom: 24px;}
		.sitemap dl {margin-bottom: 1.4em;}
			.sitemap dd ul {list-style-position: outside; margin: .4em 0 0 24px;}
		
		.navigator {margin: 12px 0;}
			.navigator li {margin-right: 4px;}
			.navigator span.cur {color: #e30018; font-weight: bold;}
		
		.sitemap h3 {font-size: 1.3em; margin-bottom: 1em;}
		.sitemap .map {font-size: 1.1em; margin-left: 16px;}
			.sitemap .map .map {margin-left: 24px; font-size: .9em; margin-bottom: 12px; margin-top: 12px;}
			.sitemap .map li {margin-bottom: .8em;}

		.sitemap div.c {line-height: 1.6em; padding-top: 2.4em;}
		
			.sitemap div.c span  {}
			.sitemap div.c a {display:inline-block; vertical-align:middle; height: 16px;}
				.sitemap div.c a img {margin: 0;}
		
	/*==========\\sitemap============*/	

/*
[side_A]---------------------------------------------------------------------------------------------------
*/	

#side_a {
	float: left; display: inline;
	width: 310px;
	margin-left: -100%;
	position: relative;
	margin-top: 24px;
	margin-bottom: 35px;
}

	#index #side_a {display: none;}
	#side_a h3{font-size: 1.65em; margin-bottom: 1.2em;}
	
	
	/*============menu============*/

	#menu {
		text-align: right;
		font-size: 1.1em;
		margin: 18px 70px 32px 45px;
	/*	overflow: hidden; height: 1%;*/
	}
	
		#menu li {padding: 8px 0 8px 0;}
	
		#menu ul {padding: 4px 0 12px 16px; margin-right: -20px;}
		#menu ul ul { margin-right: 0; padding-bottom: 0;}
		#menu ul ul li{ padding: 2px 0 2px;}
		
			#menu li.selected {padding: 0;}
			#menu li.selected a.s_left, #menu li.selected a.s_right, #menu li.selected span, #menu li.selected a.s {color: #e30018; text-decoration: none;}
				#menu li.selected a:hover {text-decoration: underline;}
				
			#menu li.selected span, #menu li.selected a.s_left, #menu li.selected a.s_right {
				background-repeat: no-repeat;
				display: block;
				/*height: 20px;*/
				padding-top: 6px;
				padding-bottom: 8px;
			}
			
				#menu li.s_left a.s_left {
					background-image: url(/_pic/back/menubar.jpg); 
					background-position: 0 50%; border-right: 1px solid #f2f2f2;
					margin-right: -12px;
					padding-right: 12px
				}		
				#menu li.s_right a.s_right, #menu li.s_right span.s_right {
					margin-right: -24px; padding-right: 24px; padding-right: 12px;
				}
				#menu li.s_right span.arrow {
					background: url(/_pic/back/menu_back_ltr.png) no-repeat 100% 0;	
					margin-right: -24px; padding-right: 24px; border-left: 1px solid #f2f2f2;
				}
				
			#menu ul li.selected a.s_left {margin-left: -16px;}
			#menu ul ul li.selected span.s_right{display: inline-block; padding-left: 24px;}
			
		#menu a {color: #666; text-decoration: underline;}
			#menu a:hover {color: #e30018; text-decoration: underline;}
        #menu ul a {text-decoration: none;}

	/*light menu*/
		.bblock {padding: 24px 0 0 0;text-align: right;margin: 0 70px 12px 45px;}
		#side_a .bblock h3 {font-size: 1.4em; margin-bottom: 1em; font-weight: bold;}
		.bblock h3 a {color: #000;}
		
		.minimenu {font-size: 1.1em; padding: 0 0 12px 0;}
		.minimenu li {padding: 8px 0 8px 0;}
		.minimenu li.selected {padding: 0;}
			.minimenu li.selected span {
				color: #e30018; text-decoration: none;
				background-repeat: no-repeat;
				display: block;
				padding-top: 6px;
				padding-bottom: 8px;			
			}
			.minimenu li.s_right span.arrow {
				background: url(/_pic/back/menu_back_ltr.png) no-repeat 100% 0;	
				margin-right: -24px; padding-right: 24px; border-left: 1px solid #f2f2f2;
			}
			
		.minimenu a {color: #666; text-decoration: none;}
			.minimenu a:hover {color: #e30018; text-decoration: underline;}			
		
		#side_a .spacer {height: 150px;} 
		
	/*==========\\menu============*/		
	
	/*============search============*/

	#search {width: 232px;height: 60px;}
		
		#search span.i {
			float: left; display: block; width: 192px; height: 18px;
			position: relative;
			margin: 20px 20px 0 18px; 
			border: 1px solid #b9b9b9;
			/*background: #fff url(/_pic/ico/zoom.png) no-repeat 3px 3px;*/
			background: #fff;
		}
			
			#search span.i .input {border: 0 none;width: 172px; height: 16px; float: right;}
			#search .submit {float: left; margin: 3px 3px 0 3px;}
	
	#index #search {height: 44px; width: auto;}
	#index #search span.i {margin: 14px 0 0 22px;}	
	/*==========\\search============*/	
			
			
	/*============filter============*/		
	.filter {margin-top: 46px; margin-bottom: 36px; clear:both;}
	.filter .pad {padding: 20px 60px 8px 18px;}
	
		.filter ul {margin-bottom: 1.2em; font-size: 1.1em;}
		.filter ul li {height: 2em;}
		.filter ul span.a {display: inline-block; padding: 4px 6px; color: #fff; background: #adadad;}
		
		.filter .years {padding-right: 0px;}
			.filter .years li {width: 40px; text-align: center;}
		.filter .months {padding-right: 50px; text-align: justify;}
			.filter .months li {width: 20px; text-align: center;}
		
	/*==========\\filter============*/	
			
/*
[side_B]---------------------------------------------------------------------------------------------------
*/	

#side_b {
	float: left; display: inline;
	margin-right: -3px;
	width: 340px;
	margin-left: -340px;
	position: relative;
	margin-top: 40px;
	margin-bottom: 35px;
}
	.cat_cont #side_b {
		width: 320px;
		margin-left: -320px;
			width: 295px;
			margin-left: -295px;
	}
		#index #side_b {margin-top: -384px; padding: 0 42px 0 34px; width: 244px; margin-left: -320px; z-index: 20;}
			#index #side_b {margin-left:-295px; padding:0 18px 0 34px;}
	
	#side_b h3 {margin-bottom: 1.2em; font-size: 1.65em;}
		#index #side_b h3 {font-size: 1.4em; font-weight: bold;}
		
	/*==========contact============*/	
	
	#contact {width: 262px;	padding: 20px 0 14px 24px; position: relative;}
	
		#contact ul {font-size: 1.2em; margin-left: 14px; position: relative;}
		#contact li {margin-bottom: 12px;}
		#contact .cur {color: #000; border: 0 none;}
		#contact .address {margin: 6px 12px 0 12px;}

	#index #contact {width: auto; padding: 20px 0 0 20px; float: left;}	
	.cat_cont .bblock_right {position: relative;}
	/*==========\\contact============*/	
	
	
	/*==========othernews============*/	

		.othernews {margin-top: 46px; font-size: 1.1em; clear: both;}
		#side_b .othernews h3 {font-size: 1.5em;}
		.othernews .pad {padding: 20px 26px 18px 30px;}
		.othernews span.d {display: block;}
		.othernews li {margin-bottom: 12px;}
	/*==========\\othernews============*/	
	
	
	/*============otherbrands============*/	
		img.blogo {float: left; margin-right: 14px;}
		a.brandlink {font-size: 1.1em;display: inline-block;margin-bottom: .8em;}
		.otherbrands {margin-top: 46px; font-size: 1.1em; clear: both;}
		#side_b .otherbrands h3 {font-size: 1.5em;}
		.otherbrands .pad {padding: 20px 26px 18px 30px;}
		.otherbrands li {margin-bottom: 12px;}
		.otherbrands a.a  {display: block; width: 87px; line-height: 0;}
		.otherbrands a.b  { font-size: 1.2em;}
	/*==========\\otherbrands============*/	


	/*============brands============*/
	
		#side_b .brands {
			clear: both; float: left; display: inline; margin: 6px 52px 0 60px;
			padding-left: 8px;
		}
	
			.brands ul {margin-left: -8px; }
			.brands li {
				vertical-align: top;
				width: 66px;
				min-height: 30px;
				margin: 0 6px 20px 0;
			}
				.brands li a {display: block;}
	/*==========\\brands============*/
	
	
	/*============form============*/
	
		.form {padding: 18px 24px 10px 28px; background: #f2f2f2; margin: 36px 69px 10px 0; }
			.form h4 {font-size: 1.3em; margin-bottom: .6em; font-weight: bold;}
			.form .input, .form .textarea {display: block; width: 170px; margin-bottom: 14px; font-size: 1.1em;}
			.form .input {height: 23px;}
			.form input.right {float: right;}
			.form .textarea {height: 102px;}
			.form span.red {display: block; margin-top: -14px; margin-bottom: 8px; height: .6em; }
		#index .form {
			margin: 12px 0 0 0; height:1%;overflow:hidden; 
			border-right: 1px solid #d2d2d2; 
			border-bottom: 1px solid #d9d9d9; 
			border-top: 1px solid #ededed; 
			border-left: 1px solid #e7e7e7;
		}
			#index .form .input, #index .form .textarea {width: 184px;}
	/*==========\\form============*/
	
	
	/*============sign in============*/
		.signin {padding: 18px 24px 10px 28px; background: #f2f2f2; margin: 30px 69px 0 0;}
			.signin h4 {font-size: 1.3em; margin-bottom: .6em; font-weight: bold;}
			.signin .input, .signin .select {display: block; width: 170px; margin-bottom: 14px; font-size: 1.1em;}
			.signin .input {height: 15px; width: 165px;}
	
	/*==========\\sign in============*/
	

	/*============banners============*/
		#banners {
			padding: 22px 22px 0 24px; background: #e6e6e6;
			height:1%;overflow:hidden;
			border-right: 1px solid #e0e0e0; 
			border-bottom: 1px solid #d9d9d9; 
			border-top: 1px solid #f2f2f2; 
			border-left: 1px solid #ededed;
		}
			.banner {margin-bottom: 2em;}
			#banners .banner h3 {margin-bottom: 1.2em;}
			.banner ul {margin-left: 12px;}
			.banner li {font-size: 1.2em; margin-bottom: 1.1em;}
			.banner a.i {display: block; margin-bottom: .4em;}
			.banner a {color: #0076bf;}
				.banner a:hover {color: #e30018;}
				
	/*==========\\banners============*/
	
/*END-------------------------CONTENT------------------------*/


/*============================FOOTER=========================*/

#ft {
	clear: both;
	height: 64px;
	margin: 0 auto;
	margin-top: -65px;
	width: 1070px;
	border-top: 1px solid #dfdfdf;
}

/*
[copy]
*/
	#copy {
		float: left; display: inline; width: 230px;
		line-height: 140%; margin: 23px 0 0 9px;
	}
	
		#copy a {color: #999;}
		#copy span {display: block;}

/*
[foot links]
*/

	#ft_links {
		float: left; width: 320px;
		margin: 24px 0 0 80px;
		font-size: 1.1em;
		line-height: 110%;
	}
		#ft_links li {margin-right: 32px;}
	
/*
[counters]
*/

	#counters {
		float: right; display: inline; width: 230px;
		margin: 14px 142px 0 0;
	}
	
		#counters .counter {
			display: block;
			float: right;
			margin-left: 22px;
		}
	
/*END-------------------------FOOTER-------------------------*/


/*============================EXTERNAL=========================*/
/*
[404]
*/
#err #hd {height: 120px;}
#err .hd {visibility:hidden;}
#err .hd2 {visibility: visible;}
#err .hd2 #hd_nav {display: none;}
#err .hd3 {display: none;}
#err .wrapper p {font-size: 1.1em; line-height: 130%;}

	@media all and (min-width:0px) {
		head~body #cont{float: left;}
		head~body #side_b {margin-bottom: 0;}
		head~body#index #cont {padding-bottom: 41px;}
		head~body#index #maincont{margin-bottom: 0;}
	}

	@media all and (-webkit-min-device-pixel-ratio:10000),
	not all and (-webkit-min-device-pixel-ratio:0) {
		html body #cont{float: none;}
		html body #side_b {margin-bottom: 35px;}
		html body#index #cont {padding-bottom: 65px;}	
	}

/*END-------------------------EXTERNAL-------------------------*/