@import url("default.css");
body{
	font-family:Arial, Verdana, "Trebuchet MS", Georgia, Lucida, Helvetica, Tahoma, sans-serif;
	margin:0;
	font-size:12px;
	text-align:left;
	color:#646464;
	font-weight: normal;
	/*float: left;*/
}
*{
	padding:5;
	margin: 0;
}
img,fieldset{
	border:none;
}
ul{
	list-style:none;
}	
a{
	color:#000000;
	text-decoration:none;
}
a:hover{
	color:#9fbd3b;
	text-decoration:underline;
}
.hide,a b,span small{
     position: absolute;
     left: -9999px;
}
/*-----------------------Page Structure
*/
#wrap{
	width:960px;
	margin:0px auto;
	text-align:left;
	position: relative;
}
#mainBody{
	overflow:hidden;
	width:960px;
	padding-bottom:8px;
}
/*--------------------------Start outerWrap
*/
#outerWrap{
	
}
#left{
	float:left;
	width:220px;
	overflow:hidden;
	padding:11px 0 6px 3px;
}
.leftBox{
	background:url(../images/research_images/lefttop.jpg) no-repeat left top;
	padding-top:11px;
	width:220px;
}
.leftBox div{
	background:url(../images/research_images/leftbottom.jpg)  no-repeat left bottom;
	padding-bottom:56px;
	width:220px;
}
.leftBox dl{
	background:url(../images/research_images/leftbg.jpg) repeat-y;
	width:220px;
	padding:3px 0 0 9px;
}
.leftBox dl dt{
	font-size:16px;
	font-weight:bold;
	/*color:#1C2E5D;*/
	color:#1C2E5D;
	padding:0 0 10px 60px;
}
.leftBox dl dd h2{
	font-size:11px;
	color:#000000;
	line-height:10px;
	padding:0 15px 14px 0;
}
.leftBox dl dd h3{
	font-size:11px;
	color:#000000;
	line-height:12px;
	width:170px;
	padding:0 10px 14px 0;
}
.leftBox dl dd input{	
	width:196px;
	height:14px;
	padding:2px 0 0 7px;
	font-size:10px;
	color:#7F7F7F;
	background:url(../images/research_images/inputbg.gif) no-repeat right;
	border:none;
	margin-bottom:6px;
	padding:3px 0 0 3px
}
.leftBox dl dd select{
	width:197px;
	font-size:10px;
	color:#7F7F7F;
	height:17px;
}
.leftBox dl dd label{
	width:101px;
	height:22px;
	font-size:10px;
	display:block;
	float:left;
}
.leftBox dl dd.btn_sub{
	padding: 6px 0 0 3px
}
.leftBox dl dd a{
	padding:0 0 5px 18px;
	height:24px;
	text-decoration:underline;
	font-size:10px;
	color:#49587D
}
.leftBox dl dd a:hover{
	text-decoration:none;
	color:#49587D
}
.leftBox dl dd .submit{
	width:155px;
	height:30px;
	border:none;
	background:none;
	margin-top:5px;
	padding-left:21px;
}
.leftBox dl dd p{ 
	padding:4px 15px 5px 10px;
	font-size:12px;
	line-height:14px;
	margin-top:-8px;
	color:#646464;
}
/* */
.rightbox{
	background:url(../images/research_images/lefttop.jpg) no-repeat left top;
	padding-top:11px;
	width:220px;
}
.rightbox div{
	background:url(../images/research_images/leftbottom.jpg)  no-repeat left bottom;
	padding-bottom:56px;
	width:220px;
}
.rightbox dl{
	background:url(../images/research_images/leftbg.jpg) repeat-y;
	width:220px;
	padding:3px 0 0 9px;
}
.rightbox dl dt{	
	font-size:14px;
	font-weight:bold;
	color:#1C2E5D;
	padding:0 0 10px 60px;
}
.rightbox dl dd h2{
	font-size:11px;
	color:#000000;
	line-height:10px;
	padding:0 15px 14px 0;
}
.rightbox dl dd input{	
	width:196px;
	height:14px;
	padding:2px 0 0 7px;
	font-size:10px;
	color:#7F7F7F;
	background:url(../images/research_images/inputbg.gif) no-repeat right;
	border:none;
	margin-bottom:6px;
	padding:3px 0 0 3px
}
.rightbox dl dd select{
	width:197px;
	font-size:10px;
	color:#7F7F7F;
	height:17px;
}
.rightbox dl dd label{
	width:101px;
	height:22px;
	font-size:10px;
	display:block;
	float:left;
}
.rightbox dl dd.btn_sub{
	padding: 6px 0 0 3px
}
.rightbox dl dd a{
	padding:0 0 5px 18px;
	height:24px;
	text-decoration:underline;
	font-size:10px;
	color:#49587D
}
.rightbox dl dd a:hover{
	text-decoration:none;
	color:#49587D
}
.rightbox dl dd .submit{
	width:155px;
	height:30px;
	border:none;
	background:none;
	margin-top:5px;
	padding-left:21px;
}
.rightbox dl dd p{
	padding:4px 15px 5px 10px;
	font-size:11px;
	line-height:12px;
	margin-top:-8px;
	color:#646464;
}

/* */

.leftList{
	padding-left:9px;
}
.leftList li{
	color:#6A8990;
	font-weight:bold;
	background:url(../images/research_images/bullet.gif) no-repeat left 9px;	
	padding:4px 0 4px 13px;
}
.leftList li a{
	color:#6A8990;
}
.leftList li a:hover{
	color:#9fbd3b;
	text-decoration:none
}
/* For articles page */
.leftListArticle{
	padding-left:9px;
	font-size:12px;
	padding-right: 12px;
}
.leftListArticle li{
	color:#646464;
	padding:4px 0 4px 13px;
	background-image: url(../images/bulletarrowgreen.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
}
.leftListArticleblk li{
	color:#000;
	padding:4px 0 4px 13px;
	background-image: url(../images/bulletarrowgreen.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
}
.leftListArticle li a{
	color:#000;
}

.leftListArticle li a:hover{
	color:#9fbd3b;
	text-decoration:none;
	
}

.leftListArticlein{
	padding-left:9px;
	font-size:11px;
}
.leftListArticlein li{
	color:#646464;
	padding:6px 0 4px 13px;
	background-image: url(../images/bulletblackarrow.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
}

/* ************** */
/* For articles page */
.leftListArticleBottom{
	padding-left:9px;
}
.leftListArticleBottom li{
	color:#6A8990;
	padding:4px 0 4px 13px;
	background-image:url(../images/mainmenubullet.png);
	background-repeat: no-repeat;
	background-position: left 9px;
}
.leftListArticleBottom li a{
	color:#2b89d2;
}
.leftListArticleBottom li a.active{
	color:#2b89d2;
	font-weight:bold;
	background:#ddeeff;
}
.leftListArticleBottom li a:hover{
	color:#9fbd3b;
	text-decoration:none;
	
}

/* ************** */

#rightPart{
	width:728px;
	float:right;
	background:url(../images/subbanner.jpg) no-repeat top;
}
.subLeftBox{
/*	margin:-10px 0 -35px;*/
	margin:-10px 0 -10px;
}
.message{
	min-height:243px;
	display:block;
}
* html .message{
	height:243px;
}
.message blockquote{
	font-size:12px;
	color:#fff;
	width:233px;
	display:block;
	padding:144px 0 0 370px;
}
.message span{
	font-size:10px;
	padding:0 0 0 8px;
	display:block;
	color:#FFFFFF;
	float:left;
	text-transform:capitalize;
}
.message strong{
	font-size:11px;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:13px 0 0 468px;
	display:block;
}
.carInfo{
	width:351px;
	height:252px;
	float:left;
	margin-top:38px;
}
.carInfo a{
	width:351px;
	height:252px;
	display:block;
	background:url(../images/carsimg.jpg) no-repeat;
	text-indent:-999em;
}

.carInfo blockquote{
	margin:26px 0 0 167px;
	padding-left:17px;
	width:165px;
	display:block;
	color:#000000;
	background:url(../images/coma1.gif) no-repeat left top;
}
.carInfo b{
	padding:5px 0 0 222px;
	display:block;
	color:#000000;
	font-weight:normal;
}
.carInfo span{
	padding-left:232px;
	display:block;
	color:#000000;
}
.contentArea{
	width:308px;
	float:right;
	padding:0px 30px 0 30px;
	margin-right:8px;
	display:inline;
	background:url(../images/boxbg.jpg) no-repeat top;
}
.contentArea p{
	font-size:12px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
.contentArea a.gets{
    margin-left:45px;
	font-size:12px;
	color:#FFFFFF;
	height:44px;
	width:180px;
	text-indent:-999em;
	display:block;
	float:left;
	border:none;
	background-image: url(../images/learn_how.jpg);
}
.contentArea a.hww{
   	border:none;
	color:#FFFFFF;
	margin-left:-12px;
	font-size:12px;
	background: url(../images/hww_orange.jpg) right no-repeat;
	height:36px;
	width:157px;
	text-indent:-999em;
	display:block;
}
.bottomArea{
	background: url(../images/toppart.gif) no-repeat top left;
	padding-top:8px;
	margin-top:10px;
	width:713px;
	float:left;
}
.bottomArea div{
	background:url(../images/bottompart.gif) no-repeat bottom left;
	padding-bottom:8px;
	width:713px;
}
.bottomArea dl dt{
	margin-bottom:10px;
}
.bottomArea dl{
	width:713px;
	background:url(../images/bottombg.gif) repeat-y left;
	overflow:hidden;
	padding:0 0 12px 15px;
}
.bottomArea dl dd{
	line-height:12px;
	background:url(../images/boxbullet.gif) no-repeat left;
	float:left;
	width:108px;
	padding-left:10px;
}
.bottomArea dl dd a{
	color:#646464;
}
.bottomArea dl dd a:hover{
	color:#9fbd3b;
	text-decoration:none;
}


div.clear {
	clear: both;
}
#h1
{}
h1.home
{
	font-size:16px;
	color:#1c2e5d;
	margin-top:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  }
h4{
color:#1C2E5D;
font-size:14px;
}
div.trade_title
{
float:left;
}
div.trade_combo
{
float:left;
text-align:right;
}























#main div.sidebar {
	display: none;
}
#main div.subcols {
	width: 875px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 65px;
}
#main div.contentarea {
	width: 675px;
	float:left;
}
#main div.callouts {
	width: 200px;
	float:left;
}
#main div.callouts div.content {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	margin: 25px 0px 20px;
}
div.contentarea {
	border-right: none;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
div.contentarea div.intro h1{ 
	margin: 0px 15px 10px 0px;
}
#carbuilder div.buildnav li.tab1 a{
	background-position: 0px -138px;
	width: 159px;
}
#carbuilder div.buildnav li.tab2 a{
	background-position: -159px -46px;
	width: 143px;
}
#carbuilder div.buildnav li.tab3 a{
/*	background-position: -302px 0px;
	width: 128px; */
	background-position: -302px -184px;
	width: 128px;
}
#carbuilder div.buildnav li.tab4 a{
	/*background-position: -430px 0px;
	width: 120px;*/
		background-position: -430px -184px;
		width: 120px;
}
#carbuilder div.buildnav li.tab5 a{
	/*background-position: -550px 0px;
	width: 124px;*/
	background-position: -550px -184px;
	width: 124px;
}
div.callouts {
	background: none;
}











div.callouts {
	/*background: url(../images/callabout.jpg) no-repeat 0px 25px;*/
}
div.callouts div.content {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#faqs {
	position: relative;
	margin: 0px 0px 0px 4px;
}
#faqs dt{
	text-indent: -999em;
	margin: 20px 0px 20px 4px;
	width: 176px;
	height: 144px;
}
#faqs dd h5 {
	font: 22px Helvetica, Arial, Verdana, sans-serif;
	color: #878f96;
	margin: 10px 0px 10px 12px;
}
#faqs dd ul li {
	background: url(../images/bulletarrowgreen.gif) no-repeat 0px 8px;
	padding: 0px 0px 0px 12px;
	line-height: 20px;
}
#faqs dd ul li a{
	color: #2b89d2;
	text-decoration: underline;
}
#infobox {
	position: relative;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 14px;
}
#infobox dt {
	font: 22px Helvetica, Arial, Verdana, sans-serif;
	color: #878f96;
}
#infobox dd h5{
	font: bold 11px Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	margin: 8px 0px 0px;
}
#infobox dd p{
	font: 11px Arial, Helvetica, Verdana, sans-serif;
	color: #646464;
	margin: 0px 0px 8px;
}
#infobox dd a{
	background: url(../images/bulletarroworange.gif) no-repeat right 5px;
	padding: 0px 10px 0px 0px;
	font: 11px Arial, Helvetica, Verdana, sans-serif;
	color: #2b89d2;
	text-decoration: underline;
}

#mycar{
	background: url(../images/mycarmiddle.gif) repeat-y;
	width: 198px;
	margin: 96px 0px 0px;
}
#mycar dt {
	background: url(../images/mycartop.gif) no-repeat top left;
	padding: 50px 0px 5px 30px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #1c2e5d;
}
#mycar dd {
	background: url(../images/mycarbottom.gif) no-repeat bottom left;
	padding: 0px 0px 20px 30px;
}
#mycar dd dl{
	clear: both;
	background: url(../images/mycarline.gif) no-repeat top left;
	padding: 5px 0px;
	margin: 0px 0px 10px; 
}
#mycar dd dl.empty{
	clear: both;
	background: url(../images/mycarline.gif) no-repeat top left;
	padding: 5px 0px;
	margin: 0px 0px -10px; 
}
#mycar dd dl.noline {
	background: none;
}
#mycar dd dl.price dd{
	font-weight: bold;

}
#mycar dd dl dt, #mycar dd dl dd{
	float: left;
	background: none;
	padding: 0px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
#mycar dd dl dt{
	color: #6c6c6c;
	width: 50px;
}
#mycar dd dl dd{
	color: #000000;
	text-align: right;
	width: 90px;
}
#mycar dd h6{
	clear: both;
	color: #000000;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 10px 30px 0px 100px;
	height: 25px;
	background: url(../images/BPX-mycar.jpg) no-repeat top left;
}
#mycar dd p{
	clear: both;
    color: #000000;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 30px 10px 0px;

}
ul li.contact, ul li.help, ul li.price, ul li.compare, ul li.financing{
	padding: 5px 0px 0px 5px;
}
ul li.contact a{
	background: url(../images/buttoncontact.gif) no-repeat top left;
	height: 31px;
	width: 192px;
	text-indent: -999em;
	display: block;
}
ul li.help a{
	background: url(../images/buttonhelp.gif) no-repeat top left;
	height: 31px;
	width: 192px;
	text-indent: -999em;
	display: block;
}
ul li.compare a{
	background: url(../images/buttoncompare.gif) no-repeat top left;
	height: 31px;
	width: 192px;
	text-indent: -999em;
	display: block;
}
ul li.price a{
	background: url(../images/buttonprice.gif) no-repeat top left;
	height: 31px;
	width: 192px;
	text-indent: -999em;
	display: block;
}
ul li.financing a{
	background: url(../images/buttonfinancing.gif) no-repeat top left;
	height: 31px;
	width: 100px;
	text-indent: -999em;
	display: block;
}
div.callouts div.savebuild {
	margin: -130px 0px 30px 0px;
}

div.callouts div.savebuild  a {
	background:url(../images/save_build.jpg) no-repeat top left;
	height: 31px;
	width: 125px;
	text-indent: -999em;
	display: block;
}
