/********** Filter Box ****************/

#container {
	width: 625px;
	font-family: arial;
	font-size:12px;
}

#vehicle_header {
	width:625px;
	height:34px;
	background-image:url('images/bg-filter.png');
	font-weight:bold;
	color:#fff;
}

#vehicle_header ul {
	padding-top:8px;
}

#vehicle_header li {
	float:left;
	margin-left:30px;
}

#vehicle_header li.first,
#filters li.first {
	margin-left:10px;
	font-size:12px;
}

label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}

#container input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    top: 1px;
}

#vehicleClass,
#vehicleType {
	width: 625px;
	background-color:#e9e9e9;
	color: #42659d;
	font-size: 11px;
	margin-top:2px;
}

#vehicleClass,
#vehicleType {
	height:45px;
}


#vehicleClass ul,
#vehicleType ul {
	float: left;
	width: 131px;
	margin-top: 5px;
}

#vehicleClass li,
#vehicleType li,
#filters li {
	height:20px;
}

#vehicleClass .second,
#vehicleType .second {
	margin-left:10px;
}

#vehicleClass .first,
#vehicleType .first {
	margin-left:10px;
	font-size:12px;
	width:80px;
}

#vehicleType {
	background-color: #e0e0e0;
}

#filters {
	width:625px;
	height:128px;
}

#filters li {
	float:left;
	width: 131px;
	margin-top:10px;
	min-width:0;
}

#filters ul {
	color: #42659d;
	font-size:11px;
	background-color: #e9e9e9;
	margin-top: 2px;
	width:625px;
	float:left;
}

#filters li.second {
	margin-left: 10px;
}

#filters li.first {
	width:80px;
}

#filters .bg {
	background-color: #e0e0e0;;
}

#salesArea {
	margin-left:423px;
	margin-top:20px;
	position: absolute;
	z-index: 10;
	background-color:#e0e0e0;
	width:200px;
	height:19px;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	color: #42659d;
	font-size:11px;
}

#salesArea li {
	float:left;
	margin-left:20px;
	margin-top:3px;
}

/************ Search Results Box ******************/


#searchResults {
	margin-top:20px;
	width:625px;
	float:left;
}

#tabsLine {
	width: 625px;
	height: 14px;
	background-color: #47ad4b;
	clear:both;
	float:left;
}

#tabs .tabGreen {
	width: 89px;
	height: 20px;
	line-height:80%;
	background-image:url('images/tab-green.png');
	float:left;
}

#tabs .tabGreen a {
	color:#fff;
}

#tabs .tabGrey {
	width: 89px;
	height: 20px;
	line-height:80%;
	background-image:url('images/tab-grey.png');
	float:left;
}

#tabs a {
	font-family: arial;
	color:#595d59;
	font-size:11px;
	font-weight:bold;
	width:89px;
	height:20px;
	float:left;
	text-decoration:none;
	padding-top: 7px;
}

#tabs a.wgc {
 	padding-left: 5px;
 	line-height:120%;
 	
}

#tabs a.mpg {
 	padding-left: 25px;
 	line-height:120%;
}

#tabs a.co2 {
 	padding-left: 25px;
 	line-height:120%;
}

#tabs a.fuelcost {
 	padding-left: 15px;
 	line-height:120%;
}

/***************apply filter button*************/

#vehicle_header .inputButton {
	width:80px;
	vertical-align:top;
	top:0px;
	height:20px;
	font-family:arial;
	font-size:12px;
	margin-left:30px;
}

/**************results*************************/

.resultRow {
	width:625px;
	height:63px;
	border-top:2px solid #fff;
	clear:both;
}

.bg1 {
	background-color: #D5DBD5;
}

.bg2 {
	background-color: #E6EDE7;
}

img.vehicle_image{
	margin:3px 0 0 5px;
	border:1px solid #9AAFFF;
	padding:2px;
	height:50px;
	width:75px;
	float:left;

}

.envratinggreen {
	background-image:url('images/rating_greensm.png');
	width:42px;
	height:41px;
	float:left;
}

.envratinglime {
	background:url('images/rating_limesm.png') no-repeat;
	width:42px;
	height:41px;
}

.envratingyellow {
	background-image:url('images/rating_yellowsm.png');
	width:42px;
	height:41px;
	float:left;
}

.envratingorange {
	background-image:url('images/rating_orangesm.png');
	width:42px;
	height:41px;
	float:left;
}

.envratingred {
	background-image:url('images/rating_redsm.png');
	width:42px;
	height:41px;
	float:left;
}

.rating_co2 {
	background-image:url('images/blackbutton.gif');
	background-repeat: no-repeat;
	width:40px;
	height:40px;
	color:#fff;
	float:left;
}

.rating_mpg {
	background-image:url('images/bluebutton.gif');
	background-repeat: no-repeat;
	width:40px;
	height:40px;
	float:left;
}

.rating_fuelcost {
	background-image:url('images/bluebutton.gif');
	background-repeat: no-repeat;
	width:40px;
	height:40px;
	float:left;
}

.rating_epa, .rating_noepa {
	background-image:url('images/smartway.png');
	background-repeat: no-repeat;
	width:40px;
	height:40px;
	float:left;
}

.rating_noepa {
	background-image:url('images/nosmartway.png');
}

.rating_emission {
	background-image:url('images/purplebutton.png');
	background-repeat: no-repeat;
	width:40px;
	height:40px;
	float:left;
	font-family:arial;
}



.resultRow .envratinggreen,
.resultRow .envratinglime,
.resultRow .envratingorange,
.resultRow .envratingyellow,
.resultRow .envratingred,
.resultRow .rating_co2,
.resultRow .rating_mpg,
.resultRow .rating_fuelcost   {
	margin-top:10px;
	margin-left:10px;
	margin-right:0px;
}

.envratinggreen,
.envratinglime,
.envratingorange,
.envratingyellow,
.envratingred,
.rating_co2,
.rating_mpg,
.rating_fuelcost,
.rating_epa,
.rating_noepa   {
	text-align:center;
	vertical-align:center;
	float:left;
	font-size:17px;
	font-family:arial;
	font-weight:bold;
	color:#fff;
	line-height:240%;
	margin-right:10px;
}

.rating_emission   {
	text-align:center;
	float:left;
	font-size:10px;
	font-family:arial;
	font-weight:bold;
	color:#fff;
	margin-right:10px;
	padding-top:8px;
}



.row_text {
	width:200px;
	color:#124B9F;
	font-family:arial;
	font-size:12px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	text-align:left;
	line-height:120%;
}

.moreinfo {
	margin-top:30px;
	margin-left:30px;
}

.similar {
	margin-top:0px;
}

.engine {
	margin-left:30px;
}

a.vehicle_link {
	text-decoration:none;
	color:#124B9F;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
}	

a:hover.vehicle_link {
	text-decoration:underline;
	color:#124B9F;
}

/********* More Info Box ****************/


.MoreInfoBox {
	clear:both;
	margin-left:87px;
	width: 538px;
	height: 219px;
	border-top:1px solid #fff;
}

.info_left {
	float:left;
	margin-left:8px;
	width:250px;
	font-family:arial;
	font-size:12px;
	color: #124B9F;
}

.info_right {
	float:right;
	margin-right:10px;
	width:225px;
	font-family:arial;
	font-size:12px;
	color: #124B9F;
}

.info_left img, .info_right img {
	float:left;
	margin-right:5px;
	vertical-align:top;
	
}

.info_left .rowleft, .info_right .rowright {
	float:left;
	margin-left:0px;
	margin-top:8px;
	height:45px;
}

.info_left .rowleft {
	width:250px;
}

.info_right .rowright{
	width:200px;
}

.pm , .nox, .co, .nmog{
	font-size:11px;
}

.pm {
	margin-left:40px;
}

.nmog {
	margin-left:17px;
}
.format {
	margin-top:7px;
	display:block;
}

.green {
	color:#01d300;
}

.red {
	color:#ee0008;
}

/*********variants****************/

.SimilarBox {
	margin-left:87px;
	width: 538px;
	border-top:1px solid #fff;
	padding:0px;
}

.variant {
	font-size:12px;
	margin-left:0px;
	width: 538px;

	line-height:200%;
	border-bottom:1px dashed #aaa;
	float:left;
	color:#124B9F;
	font-family:arial;
}	

a.variant_link {
	color:#124B9F;
	text-decoration:none;
}



a:hover.variant_link {
	text-decoration:underline;
}

.variant_rating {
	width:20px;
	float:left;
	margin-left:20px;
	margin-right:17px;
}

.variant_fuel {
	float:right;
	margin-right:5px;

}

.variant_text {
	float:left;
	width:400px;
}

.variant_rating_green {
	color:#01d300;
	font-weight:bold;
}

.variant_rating_lime {
	color:#b9d600;
	font-weight:bold;
}

.variant_rating_yellow {
	color:#ffdf2b;
	font-weight:bold;
}

.variant_rating_orange {
	color:#ffd021;
	font-weight:bold;
}

.variant_rating_red {
	color:#ee0008;
	font-weight:bold;
}

.hideClass {
	display:none;
}
#no_vehicles {
	clear:both;
	font-family:arial;
	font-size:14px;
}