body, table, td, ul, li, img, h1, h3, h6, form { margin:0; padding:0; }
body { font:12px/17px Verdana, Helvetica, sans-serif; background: url(images/body_bg.gif) 0 0 repeat}
img { border:0 none; }
h1 { color:#5E4E3D; font: 2em Tahoma, Arial, Helvetica, sans-serif; letter-spacing:1px; padding:2px 10px 5px 10px; text-transform:uppercase; }
h3 { font-family: Arial, Helvetica, sans-serif; line-height:20px }

:focus{	outline: none;}
/*
.html-container {
position: absolute;
height: 100%;
left: 0;
top: 0;
min-width:1260px;
width: expression(document.body.clientWidth < 1260 ? "1260px": "100%" );
}
*/

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float:left; margin:0; margin-right:5px; display:inline; }
.alignright { float: right; margin-left:5px; }
.clear { clear:both; font-size:1px; line-height:0; }
.spacer { height:5px; }

#markup, table { border-collapse:collapse; width:100%; height:100%; }
#markup td { vertical-align:top; width:auto; }
#markup td#center { background-color:#fff; padding:15px; width:845px;}

#markup td img { display: block; }

/*=====================  MENU  ======================*/
#main-menu ul{
	padding:0;
	margin: 0 0 10px !important;
	margin: 0;
	float: left;
	width: 100%;
	/*
width: 845px;
*/
	background: url(images/main-menu-bg.gif) 0 0 repeat;
	list-style: none;
	text-transform: uppercase;
}
#main-menu li{
	float: left;
	position:relative;
	background: url(images/main-menu-div.gif) 0 7px no-repeat;
	height: 27px;	
}
#main-menu a{
	display: block;
	float: left;
	padding: 6px 12px 0 11px;
	color:#fff;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#main-menu a:hover{
	color:#99ba77;
}
#main-menu li.firstLi{
	background: none;
}
#main-menu .drop ul{
	padding:0; margin: 0;
	display: none;
	background: none;
	position: absolute;
	top: 27px;
	left:0;
	list-style: none;
	text-transform: uppercase;
	z-index:100;
}
#main-menu .drop ul li{
	height: 24px;
	width: 100%;
	background: url(images/main-menu-bg.gif) 0 0 repeat-x;
}
#main-menu .drop ul li a{
	display: block;
	padding: 4px 12px 0 11px;
	color:#fff;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#main-menu .drop ul li a:hover{
	color:#99ba77;
}
/*=================================================*/

#left { background:url(images/left_bgrnd.jpg) right top repeat-y; width:215px; }
#left .menu { background:url(images/left-menu-bg.jpg) no-repeat; width:216px; height:800px; padding-top:95px; }
#left .menu li { list-style:none; margin-left:38px; line-height:0; }
#left .menu li#hybrid { margin-top:105px; }
#left .menu li#gas { margin-top:52px; }
#left .menu li#biofuel { margin-top:58px; }
#left .menu li#accessories { margin-top:48px; }
#left .menu li.sub { margin-top:53px; }
#left .menu li.sub ul { float:right; margin-right:21px; width:71px; display:inline; position:relative; }
#left .menu li.sub ul li { margin:0; }
#left .menu li.sub ul li#eth { margin-top:32px; }
#left .menu li.sub ul li#hyd { margin-top:33px; }
#left .menu li.sub div { float:left; margin:32px 0 0 0; display:inline; }

#top { background:url(images/header_bg.jpg) repeat-x; clear:both; height:81px;}
#cse-search-box { display:inline; float:right; margin-top:30px;}

.content { margin:10px 0 0 0; clear:both; }
.green { background-color:#EEF5DE; }
.tl { background-image:url(images/green-tl.gif); background-repeat:no-repeat; background-position:left top; }
.tr { background-image:url(images/green-tr.gif); background-repeat: no-repeat; background-position: right top; }
.br { background-image:url(images/green-br.gif); background-repeat: no-repeat; background-position: right bottom; }
.bl { background-image:url(images/green-bl.gif); background-repeat: no-repeat; background-position: left bottom; }
.box { padding:15px; }
.white { background-color:#fff; }
.itl { background-image:url(images/white-tl.gif); background-repeat:no-repeat; background-position:left top; border:1px solid #EEF5DE; }
.itr { background-image:url(images/white-tr.gif); background-repeat: no-repeat; background-position: right top; }
.ibr { background-image:url(images/white-br.gif); background-repeat: no-repeat; background-position: right bottom; }
.ibl { background-image:url(images/white-bl.gif); background-repeat: no-repeat; background-position: left bottom; }
.ibox { padding:10px; width:auto; height:auto; overflow:auto; }
.ibox img { margin:5px 5px 0 10px; }
.ibox p { text-align:justify; margin:2px 5px 10px 5px; }
#main { width:100%; }
#side { padding-left:5px; width: 300px;}
#side .ibox a img { margin:0; }
#side .ibox { width:300px; }
#side h1 { display:none; height:0; }

#makes { display:block; clear:both; float:left; }
#makes li { border-left:1px dotted #d5d5d5; display:block; float:left; clear:none; padding:2px 6px 1px 6px; list-style:none; line-height:1.5em; width:90px; }
#makes li a { font:bold 10px "Trebuchet MS", Tahoma, Helvetica, sans-serif; color:#6DA42B; text-decoration:none; letter-spacing:1px; }
#makes li a:hover { text-decoration:underline; }

#right { background:url(images/right_bgrnd.jpg) left top repeat-y; width:215px; }
#right .menu { background:url(images/right-menu-bg.jpg) no-repeat; width:214px; height:800px; padding-top:81px; }
#right .menu li { list-style:none; margin-left:20px; line-height:0; }
#right .menu li#tech {}
#right .menu li#video { margin-top:100px; }
#right .menu li#mpg { margin-top:49px; }
#right .menu li.sub { margin-top:259px; }
#right .menu li.sub ul { float:left; width:69px; position:relative; }
#right .menu li.sub ul li { margin:0; }
#right .menu li.sub ul li#eu { margin-top:28px; }
#right .menu li.sub ul li#jp { margin-top:29px; }
#right .menu li.sub div { float:right; margin:32px 30px 0 0; display:inline; }

.desc { margin-left:10px; }

#filter label, #filter input, #filter select { font-size:10px; }

#results { width:100%; border:0; border-collapse:collapse; position:relative; }
#results th { font-size:14px; padding:5px; border:1px solid #888; background-color:#A9BC67; }
#results td a { color:#000; text-decoration:underline; font-size:16px; }
#results td a:hover { color:#333; text-decoration:none; }
#results td { border:0; border:1px solid #888; padding:5px; vertical-align:middle; text-align:center; }

.model-to-compare { display:block; width:180px; float:left; clear:none; overflow:auto; margin:0 0 0 5px; }
.model-to-compare table, .model-to-compare img { clear:both; margin:0; padding:0; }
.model-to-compare h3 { font-size:14px; font-style:italic; font-weight:normal; }
.model-to-compare img { margin-bottom:4px; }
.model-to-compare table { border-top:1px solid #888; }
.model-to-compare table td { padding:5px; border-bottom:1px solid #888; text-align:center; }
.model-to-compare table td b {/* color:#558121; */}
.model-to-compare table td.last { border:0 none; }
#compare-params { display:block; width:130px; float:left; clear:none; margin-top:31px; }
#compare-params table th { border:1px solid #777; padding:5px; background-color:#A9BC67; text-align:left; font-weight:normal; }
#add-new, #add-new select, #add-new input { font-size:10px; }
/* IE6 fix */
