html, body, #wrap {height: 100%; min-width:1000px;}
html, body {
	font-size: 13px;
	/*
		Font-families
		Arial, Helvetica, sans-serif
		"Arial Black", Gadget, sans-serif
		"Courier New", Courier, monospace
		Impact,Charcoal, sans-serif
		Tahoma, Geneva, sans-serif
		"Times New Roman", Times, serif
		"Trebuchet MS", Helvetica, sans-serif
		Verdana, Geneva, sans-serif
		"MS Sans Serif", Geneva, sans-serif
	*/
	font-family: Verdana, Geneva, sans-serif;
	color: #c4c4c4;
	background-color: black;
	height: 100%;
}

body > #wrap,#fix-width {height: auto; min-height: 100%;}

#main {padding-bottom: 50px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

h1, h2, h3 {
	color: #ff8b00;
}
a {
	color: #0036ff;
	color: #fff;
}
	a:hover {
		color: #ff8b00;
	}
#fix-ie-width{
	width:1000px;
	position:absolute;
	left:50%;
	margin-left:-500px;
}
#fix-width{
     width:100%;
     overflow:hidden;
}

#wrap {
	width: 998px;
	margin: 0px auto;
	position: relative;
	min-height: 500px;
	padding-bottom: 50px; /* footer height */
	
}
#dhead {
	margin: 0 -78px 0 -78px;
	padding-top: 221px;
	height: 52px;
	background: url(../img/headerbg.jpg) 0 7px no-repeat;
	position: relative;
	z-index:995; 
}
	.main #dhead {
		width: 1500px;
		-width:(expression(document.body.clientWidth));
		margin: 0 -252px 0 -252px;
		padding-top: 260px;
		background: url(../img/bigheaderbg.jpg) 50% 0px no-repeat;
		_zoom: 1;
	}

	#dhead #logo {
		position: absolute;
		width:201px; height: 46px;
		top: 70px; left: 491px;
		text-align: center;
		overflow: hidden;
	}
		.main #dhead #logo {
			left: 640px;
		}
		#dhead #logo a { color: #c4c4c4; text-decoration: none; }
		#dhead #logo h1 {
			text-transform: uppercase;
			font-size: 30px;
			padding: 0;
			margin-bottom: 0px;
		}
		#dhead #logo h5 {
			font-weight: normal;
			font-size: 9px;
			padding: 0; margin: 0;
			color: white;
		}
		#dhead #logo #g {
			display: block;
			position: absolute;
			top: 0; left: 0;
		}

		.main #dhead .phone {
			margin-top: 39px;
		}
		#dhead .phone {
			width: 300px;
			text-align: center;
			position: absolute;
			left: 50%;
			top: 120px;
			margin-left: -150px;
			color: #fff;
			font-size: 20px;
		}
		.carb {
		display: block;
		width: 347px; height: 161px;
		
	}
		.carb a {
			outline: 0;
			background-image: url(../img/carspr.jpg);
			background-repeat: no-repeat;
		}
			.main .carb a {
				background-image: url(../img/bigcarspr.jpg);
			}

		.carb .floacat {
			position: absolute;
			top: 170px; left: -15px;
			border: 1px solid gray;
			z-index: 999;
			background: url(../img/pattern.png) top left repeat;
			padding: 10px;

			width: 950px;

			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;

			display: none;
		}
			.main .carb .floacat {
				top: 200px;
				left: 111px;
			}

			.carb .floacat h4 {
				font-size: 18px;
				font-weight: bold;
				margin-bottom: .5em;
			}

			.carb .floacat i.ptr {
				position:absolute;
				top: -12px; left: 101px;
				width: 20px; height: 12px;
				display: block;
				background: url(../img/ptr.png) top left no-repeat;
			}

			.carb .floacat .cat {
				width: 460px;
				float: left;
				padding-left: 10px;
				z-index:996;
			}

				.carb .floacat .cat.first {
					border-right: 1px dotted gray;
					padding: 0;
				} 

				.carb .floacat .cat ul {
					margin: 0; padding: 0;
				}
					.carb .floacat .cat ul li {
						list-style: none;
						display: block;
						float: left;
						width: 105px;
						margin: 0 10px 10px 0;
					}
						body .carb .cat ul a {
							background: none !important;
							width: auto !important; height: auto !important;
							display: inline !important;
							color: #3f3f3f;
						}
							body .carb .cat ul a:hover {
								background: none !important;
							}

		#redcar {
			float:left;
			margin: -172px 0 0 110px;
			_margin-left:55px;
		}
			#redcar, #redcar a {
				display: block;
				width: 347px; height: 161px;
			}


			#redcar a		{ background-position: 0	0;	}
			body #redcar a:hover,
			body #redcar.over a	{ background-position: 0	-161px;	}
			#redcar.active a,
			#redcar a.current,
			#redcar a.active	{ background-position: 0	-322px;	}

			#redcar .floacat { 
				top:210px;
				left: 90px;
				right: auto;
			}
			

				#redcar .floacat h4 {
					color: #d61c1c;
				}

		#bluecar {
			float:right;
			margin: -173px  100px 0 0;
			_margin-right:50px;
		}
			#bluecar, #bluecar a {
				display: block;
				width: 353px; height: 161px;
			}

			#bluecar a		{ background-position: 100%	0;	}
			body #bluecar a:hover,
			body #bluecar.over a	{ background-position: 100%	-161px;	}
			#bluecar.active a,
			#bluecar a.current
			#bluecar a.active	{ background-position: 100%	-322px;	}

			#bluecar .floacat {
				top:210px;
				right: 90px;
				left: auto;
			}
			.main #bluecar .floacat {
				top:360px;
				right: 365px;
				left: auto;
			}

				#bluecar .floacat h4 {
					color: #0076be;
				}

				#bluecar .floacat i.ptr {
					right: 101px;
					left: auto;
				}




		.main #redcar .floacat {
				top:280px;
				left: 265px;
				right: auto;
			}
		.main #redcar {
			margin: -200px 0 0 150px; 
			_margin-left:75px;
		}
			.main #redcar,
			.main #redcar a {
				width: 480px; height: 200px;
			}


			.main #redcar a			{ background-position: 0	0;	}
			body .main #redcar a:hover,
			body .main #redcar.over a	{ background-position: 0	-426px;	}
			.main #redcar.active a,
			.main #redcar a.current,
			.main #redcar a.active		{ background-position: 0	-213px;	}


		.main #bluecar {
			margin: -204px 143px 0 0 ; 
			_margin-right:72px;
		}
			.main #bluecar,
			.main #bluecar a {
				width: 480px; height: 200px;
			}

			.main #bluecar a		{ background-position: 100%	0;	}
			body .main #bluecar a:hover,
			body .main #bluecar.over a	{ background-position: 100%	-426px;	}
			.main #bluecar.active a,
			.main #bluecar a.current
			.main #bluecar a.active		{ background-position: 100%	-213px;	}

			.main #bluecar .floacat {
				top:280px;
				right: 264px;
				left: auto;
			}


				.main #bluecar .floacat i.ptr {
					right: 101px;
				}

#premenu {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		white-space: nowrap;
		text-align: center;
	}
	#menu {
		position: relative;
		white-space: nowrap;
		margin: 0px auto;
		font-size: 13px;
		display: -moz-inline-box;
		display: inline-block;
		*display: inline;
		*zoom: 1;

		background: transparent url(../img/msprite.png) 0 0 no-repeat;
		-background: transparent url(../img/msprite.png8.png) 0 0 no-repeat;
		height: 37px;
	}
		#mainmenu,
		#menu li,
		#menu li a{
			/* triple condom, enabling inline-blocks for menu */
			display: -moz-inline-box;
			display: inline-block;
			*display: inline;
			*zoom: 1;
			vertical-align: top;

			margin: 0; padding: 0;
			color: #d5d5d5;
		}

		.autobtn,
		.autobtn a {
			display: block;
			width: 195px; height: 59px;
			outline: 0;
			padding: 0 !important;
		}

			.autobtn a,
			body #menu li.autobtn a:hover {
				background-image: url(../img/edgebtnspr.png) !important;
				-background-image: url(../img/edgebtnspr.png8.png) !important;
				/* This time i'll widely use png8 instead of filters. Ppl won't notice. */
				background-repeat: no-repeat;
				padding-top: 8px !important;
				height: 51px !important;
			}

			.autobtn a.active,
			.autobtn a.current {
				color: black !important;
				font-weight: bold;
			}

			/* looks like a css sprite */
			#kiaitm a	{
				background-position: 0 0;
			}
			#kiaitm	{
				position: absolute;
				top: 0;
				left: -198px;
			}
			#huyitm {
				position: absolute;
				top: 0;
				right: -202px;
			}
			body li#kiaitm a.current,
			body li#kiaitm a.active{ background-position: 0	-118px !important;	}
			body li#kiaitm a:hover	{ background-position: 0	-59px !important;}
			body li#huyitm a	{ background-position: 100%	0 !important;	}
			body li#huyitm a.current,
			body li#huyitm a.active{ background-position: 100%	-118px !important;	}
			body li#huyitm a:hover	{ background-position: 100%	-59px !important;	}


		/* css for central menu. Lot's of street magic here. Some stuff like inline-blockness cascades from upper declarations */
		#premenu {
			text-align: center;
		}

			/*#mainmenu li { } */

				#menu li a {
					padding: 8px 10px 13px;
				}

				/* special street magic, so semitransparent bg's won't overlap */
				#menu li.last {
					position: relative;
					background: url(../img/msprite.png) 100% 0 no-repeat;
					-background: url(../img/msprite.png8.png) 100% 0 no-repeat;
					left: 4px;
					*margin-left: -4px;
					*left: 0;
				}
					#menu li.last a {
						padding-left: 6px;
						*padding-left: 10px;
					}

				/* states */
				#menu li a.active,
				#menu li a.current {
					color: black;
				}

				#menu li		a:hover { background: url(../img/msprite.png) 50%	-37px no-repeat; }
				#menu li.first	a:hover { background: url(../img/msprite.png) 0px	-37px no-repeat; }
				#menu li.last	a:hover { background: url(../img/msprite.png) 100%	-37px no-repeat;
					/*  dispelling previous street magic here */
					margin-left: -4px;
					padding-left: 10px;
					*margin-left: 0;
				}
				#menu li		a.current{ background: url(../img/msprite.png) 50%	-74px no-repeat; }
				#menu li.first	a.current{ background: url(../img/msprite.png) 0px	-74px no-repeat; }
				#menu li.last	a.current{ background: url(../img/msprite.png) 100%	-74px no-repeat;
					margin-left: -4px;
					padding-left: 10px;
				}

				/* ie6 don't deserve semi-transparent menu, honestly */
				* html #menu li a:hover	{ background-image: url(../img/msprite.png8.png) !important; }
				* html #menu li a.current	{ background-image: url(../img/msprite.png8.png) !important; }
				* html #menu		{ background-image: url(../img/msprite.png8.png) !important; }
	

	#toolbar {
		/*position: absolute;
		bottom: 0; left: 0;*/
		position: relative;
		z-index:1;
		height: 52px; width: 997px;
		margin: 0px auto;
		background: url(../img/toolbar.png) top left no-repeat;
		-background: url(../img/toolbar.png8.png) top left no-repeat;
		color: black;
		font-family: Arial;
	}
		#toolbar a {
			color: #333;
		}
		#searchbar {
			position: absolute;
			top: 18px;
			left: 10px;
		}
			#searchbar .search_query {
				border: none;
				background: transparent url(../img/searchbar.png) top left no-repeat;
				-background: transparent url(../img/searchbar.png8.png) top left no-repeat;
				padding: 3px 4px;
				width: 370px;
				margin-left: 5px;
				/* eh...
				border: 1px solid #e17218;
				background-color: #ffeca8;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px; */

			}

		#basket {
			position: absolute;
			top: 13px; left: 805px;
			width: 190px; height: 28px;
		}

#overlay {
	opacity: 0.4;
	width: 100%;
	position: absolute;
	top: 215px;
	left: 0px;
	min-height: 100%;
	-height: 100%;
	z-index: 998;
	background: black;
	cursor: pointer;

	display: none;
	top: 0;
}
	.main #overlay {
		top: 314px;
		top: 0;
	}
	
	
	
	
	
	
	
	
	
	
	

/*  THE BODY  ********************************************************/
#dbody {
	/*width: 940px;*/
	margin: 15px auto 0;
	padding: 0 30px 0;
	border:1px solid #000;
}

	#breadcrumbs, #breadcrumbs a {
		font-size: 11px;
		color: #707070;
	}
		#breadcrumbs span.el:last-child span { font-weight: bold; }

	#left {
		width: 260px;
		float: left;
	}
		#left h2 {
			font-size: 18px;
			margin-top: 0;
			margin-bottom: 20px;
		}
			#left h2 a {
				text-decoration: none;
			}

		#left ul {
			margin: 0;
		}

			#left li {
				list-style: none;
				margin-left: 0;
				display: block;
				padding: 2px 0 3px;
			}

				/* that's → 
				will be inserted with js for one well known browser */
				#left li:before {
					content: '\2192\00A0';
				}

				#left li a {
					color: #b0b0b0;
				}

				#left li.active { }
					#left li.active a,
					#left li.active a:hover {
						color: black !important;
						font-weight: bold;
						text-decoration: none;
					}

	#right {
		width: 633px;
		padding: 0 13px;
		float: right;
		background: url(../img/catblockspr.png) left top repeat-y;
	}
		/* block decorations */
		#right i.tops,
		#right i.bots {
			display: block;
			height: 14px;
			background: url(../img/catblockspr.png) right top no-repeat;
			margin: 0 -13px; /* ignore paddings! */
		}
			#right i.bots { background: url(../img/catblockspr.png) right bottom no-repeat; }



	/* <colors!
	blue: #0076be
	red: #d61c1c
	*/

	#dbody.blue h2,
	#dbody.blue th,
	#dbody.blue h2 a
	{
		color: #0076be;
	}
		#dbody.blue #left li.active {
			background: #0076be url(../img/leftactivespr.png) left top no-repeat;
		}
			#dbody.blue #left li.active:before,
			#dbody.blue #left li.active span.iearr {
				color: #0076be;
			}

			#dbody.blue #left li a:hover {  color: #0076be; }

	#dbody.red h2,
	#dbody.red th,
	#dbody.red h2 a
	{
		color: #d61c1c;
	}
		#dbody.red #left li.active {
			background: #d61c1c url(../img/leftactivespr.png) left bottom no-repeat;
		}
			#dbody.red #left li.active:before,
			#dbody.red #left li.active span.iearr{
				color: #d61c1c;
			}

			#dbody.red #left li a:hover {  color: #d61c1c; }

	/* /> */

   #dbody strong {color:#ff8b00;}

	#news {
		
		overflow: hidden;
	}
		.main .nitem {
			width: 280px; height: 150px;
			padding: 10px;
			float: left;
			margin: 0 10px 0 0;
			overflow: visible;
			clear: none;
			background: url(../img/coolblock.png) top left no-repeat;
		}
		.nitem {
			clear: both;
			overflow: hidden;
			margin: 0 0 1em;
		}
		.date {
			font-size: smaller;
			color: #888;
		}

		.nitem img {
			width: 131px;
			height: 92px;
			float: left;
			margin: 0 10px 2px 0;
		}
		.nitem .podrobnee {
			margin-top: -1em;
		}
		.nitem a {
			color: #fff;
		}
	table.cat {
		width: 100%;
	}
	table.cat td {
		text-align: left;
		padding: .2em .5em;
		border-bottom: 1px dotted ;
	}
	table.cat th {
		text-align: center;
		padding: .2em .5em;
	}

	table.cat td.price {
		text-align: right;
	}

	table.cat td.amount {
		text-align: center;
	}
		table.cat td.amount input {
			width: 2.6em;
		}


	p.pagination {
		display: none;
	}

	.button {

	}


	/* tabs stuff – ported */
	#tabs{
		position:relative;
		z-index:1;
		
	}
	#tButtons { 
		display: none; 
		float:left;
	}

	#tabs.tmEnabled {
		overflow: hidden;
		-zoom: 1;
	}
		#tabs.tmEnabled #tButtons {
			width: 205px;
			float: left;
			display: block;
			padding: 30px 0 0 0;
		}

		#tabs.tmEnabled #tabcontent {
			margin-left: 205px;
		}

		#tabs.tmEnabled #tabcontent .tab {
			display: none;
		}
.rcorner {
		background: #212121;
		border: 1px solid #646464;
		position: relative;
		padding: 20px;
		margin: 1em 1em 1em 0;
		-zoom: 1;
	}
		.rcorner i.c {
			width: 15px; height: 15px;
			position: absolute;
			display: block;
			background-image: url(../img/cornerSpr.png);
			background-repeat: no-repeat;
		}
			.rcorner i.ctl { background-position: left	top;	top:	-1px;	left:	-1px; }
			.rcorner i.ctr { background-position: right	top;	top:	-1px;	right:	-1px; -right:	-2px;}
			.rcorner i.cbl { background-position: bottom	left;	bottom:	-1px;	left:	-1px;	-bottom: -2px;}
			.rcorner i.cbr { background-position: right	bottom;	bottom:	-1px;	right:	-1px;	-bottom: -2px; -right:	-2px;}
			.rcorner i.ptr { background-position: -15px	0px;	top:	 20px;	left:	-10px;
				width: 10px; height: 27px;
				display: none;
			}

	/* tabs stuff – ported */
	a.tbtn {
		background: transparent url(../img/btnSpr.png) 0 -14px no-repeat;
		width: 170px;
		display: block;
		margin: 0 0 1em;
		padding: 4px 10px 0;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		font-size: 13px;
		outline: none;
		
	}
		a.tbtn i {
			color: #c4c4c4;
			font-style: normal;
			position: relative;
			z-index:2;
		}
		a.tbtn span {
			background: transparent url(../img/btnSpr.png) left top no-repeat;
			width: 190px;
			display: block;
			width: 190px;
			height: 14px;
			font-size: 1px;
			margin: -6px -10px 0 -10px;
			z-index:1;
			position: relative;
		}

		a.tbtn:hover { background-image: url(../img/btnHoverSpr.png); }
		a.tbtn.active { background-image: url(../img/btnActSpr.png); color: #000000; }
			a.tbtn:hover span { background-image: url(../img/btnHoverSpr.png); }
			a.tbtn.active span { background-image: url(../img/btnActSpr.png); color: #000000; }

		a.tbtn.active i {
			 color: #000000;
		}
/* pin that footer!
html, body {
	height: 100%;
}

#wrap {
	min-height: 100%;
	-height: 100%;
	margin-bottom: -123px;
	position: relative;
}

#clearfooter {
	height: 123px;
	clear: both;
}

#footer {
	height: 123px;
	position: relative;
} */

table.form td.r1 {
	text-align: right;
	vertical-align: top;
	font-weight: bold;
}
table.form input, table.form textarea {
	width: 400px;
}
table.form textarea {
	height: 100px;
}
.required {
	color: #ff0000;
	font-size: 130%;
	line-height: 80%;
}
.error {
	color: #ff0000;
}

.bitem {
	border-bottom: 1px dotted gray;
	padding-bottom: 0.5em;
	width: 400px;
}
.bitem a {
	text-decoration: none;
}


.years {
	margin: 1em 0;
}
.years h4 {
	display: inline;
}
.years ul {
	overflow: hidden;
	margin: 0 0 0 1em;
	display: inline;
}
	.years li {
		list-style: none;
		display: inline;
		margin-right: 1em;
	}
	.years a.current {
		text-decoration: none;
		color: #999;
	}

.ymap table,
.ymap td {
	margin: 0;
	padding: 0;
}
.ymap span {
	color: #222;
}
.counter {
	position: relative;
	z-index: 999;
}	

#hyundaiparts {position: relative; margin-bottom:100px;}
#hyundaiparts div {position: absolute; }
#hyundaiparts a.hyundai_left {background: url(/hyundai/carback.png) no-repeat; width:113px; height:55px; display:block; text-align:center; float:left;}
#hyundaiparts a.hyundai_right {color:#0b70ca; font-size:12px; float:right; width:123px; height:55px; padding:13px 4px 0px 9px;}
#hyundaiparts a.hyundai_right:hover {color:#063a69;}
#hyundaiparts p {color:#000; font-size:11px; margin-right:14px;}
#hyundaiparts strong {color:#063a69;}
.rec_discount {
    color: red;
    font-weight: bold;
}
.rec_discount_big{
  font-size: 12px;
}