/* ----- General Styles ----- */
body{
	background-image: url(/images/bg_header.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align: center;	
}

.pageview{
	margin:0 auto;
	width:770px;
	text-align: left;	
}

#car_jpg {
	margin:0px 7px 0px 0px;
	/*margin: 0px;*/
	padding:0px;
	font-size:0px;
	line-height:0px;
	border:solid 3px #fff !important;
	vertical-align:bottom;
}

.used_details img{
	border:0px;
	margin:3px;
}

/* ----- Tab Navigation ----- */

#tabs {
	margin:0 auto;
	width:770px;
	padding-bottom:27px;
>*	padding-bottom:0px;	
}

#steps {
    float:left;
    width:100%;
    line-height:normal;
	font-size:16px;
}

#steps ul{
   	margin:0;
    padding:0;
    list-style:none;
	background-color: #dde4eb;
}

#steps li {
	float:left;
	background:url("/images/tab_inactive_right.gif")
      no-repeat right top;
    margin:0;
	margin-right:2px;	
}

#steps a {
    display:block;
	background:url("/images/tab_inactive_left.gif")
      no-repeat left top;
    padding:5px 15px;
	color: #dde4eb;
	text-decoration:none;
	cursor: auto;
}

#steps #active
 {
    background-image:url("/images/tab_active_right.gif");
}

#steps #active a {
    background-image:url("/images/tab_active_left.gif");
	color: #ffffff;
}



/* ----- Header Styles ----- */

#headerContainer{
	margin:0 auto;
	width:770px;
	text-align: left;	
	height: 85px;
}

img.logo{
	position:relative;
	padding-top: 20px;
}

/* ----- Footer Styles ----- */

#footerContainer {
	clear: both;
	bottom:0px;
	padding-top: 30px;
	width: 100%;
	color:#666666;
}

#footerContainer a{
	color: #666666;
}



/* ----- Step 1 Styles ----- */

#call_out {
	background-color: #124172;
	background-image: url(/images/bg_callout.gif);
	background-repeat:repeat-x;
	margin: 0px;
	height: 256px;
	border-top: solid 3px #061b30;
	border-bottom: solid 3px #061b30;
	padding: 10px 0px 0px 0px;
}

#call_out h1 {
	padding: 10px;
	color: #ffffff;
	font-size: 30px;
	margin-top:-5px;
	margin-bottom: 0px;
}

#testimonial{
	float:right;
	width:241px;
	height: 186px;
	margin-left:10px;
	margin-top: 20px;
	padding: 15px;
	background-image: url("/images/bg_testimonial.png");
}

#testimonial h2{
	margin: 40px 0px 0px 0px;
}

#letter{
	float:left;
	width:450px;
	margin-top: 20px;
}

#letter h2{
	font-size:16px;
}

#lookup_form {
	float:left;
}

#lookup_form #form_row{
	clear:left; 
	float: left; 
	width: 280px;
	text-align:right; 
	margin-bottom: 5px; 
	font-size: 18px;
	color: #ffffff;
}

#car_picture{
	float:right;
	margin-top:5px;
	text-align:center;
	width:300px;
	color: #ffffff;
}

.polaroid{
	background-image:url(/images/bg_home_car_img.gif);	
	width: 313px;
	height:206px;
	color: #000;
}

img.car{
	border: solid 8px #efefef;
}


#car_picture h2{
	font-size:16px;
	margin-top:10px;
	margin-bottom:0px;
}

.get_started {
	position:relative;
	top: 120px;
	left: -82px;
}

.arrow_start{
	position: relative;
	top: -150px;
	left: -40px;
}



/* ----- Step 2 Styles ----- */

#call_out_small {
	background-color: #124172;
	background-image: url(/images/bg_callout_sm.gif);
	background-repeat:repeat-x;
	margin-bottom: 10px;
	height: 55px;
	border-top: solid 3px #061b30;
	border-bottom: solid 3px #061b30;
	padding: 15px 0px 0px 0px;
}

h1.step2{
	padding: 10px;
	color: #ffffff;
	font-size: 30px;
	display:inline;
}

h2.step2{
	padding: 10px;
	color: #cbe5fe;
	font-size: 15px;
	display:inline;
}

#step2_form {
	width: 390px;
	float:left;
	display:block;
}

#step2_form h2{
	margin: 20px auto 5px auto;
}

#step2_form #form_row label{
	color:#333333;
	font-size:14px;
	font-weight:bold;
	margin-right:10px;
	margin-top:3px;
	text-align:left;
	width:155px;
	float:left;
}

#step2_form #form_row select{
	font-size:14px;
}

#step2_form #form_row{
	width: 390px;
	margin-bottom: 3px; 
	padding:5px;
}

#step2_form #form_row.odd {
	background-color: #f6f6df;
	border-bottom: solid 1px #ddddbf;
}

.btn_get_quotes {
	position:relative;
	text-align:center;
	margin-bottom:30px;
}

#car_picture2{
	float:right;
	width: 300px;
	text-align:center;
	color: #ffffff;
}

/* ----- Step 2 TEST Styles ----- */

h2.left{
	margin-top:0px;
	margin-bottom:0px;
}

#step2a_form {
	display:block;
}

#step2a_form h2{
	margin: 20px auto 5px auto;
}


#step2a_form #form_row label{
	color:#333333;
	font-size:14px;
	font-weight:bold;
	margin-right:10px;
	margin-top:3px;
	text-align:left;
	width:155px;
	float:left;
}

#step2a_form #form_row1 label{
	color:#333333;
	font-size:14px;
	font-weight:bold;
	margin-right:10px;
	margin-top:3px;
	text-align:left;
	width:155px;
	float:left;
}

#step2a_form #form_row select{
	font-size:14px;
}

#step2a_form #form_row{
	width: 390px;
	margin-bottom: 3px; 
	padding:5px;
}

#step2a_form #form_row1{
	width: 300px;
	margin-bottom: 3px; 
	padding:5px;
}

#step2a_form #form_row.odd {
	background-color: #f6f6df;
	border-bottom: solid 1px #ddddbf;
}

.btn_get_quotes {
	position:relative;
	text-align:center;
	margin-bottom:30px;
}

#car_picture2a{
	float:left;
	width: 290px;
	margin:0px;
	padding:0px;
}



/* ----- Step 3 -----*/

#additionalQuotesForm, #loanForm, #usedCarForm, .box2{
	background-color: #F6F6df;
	padding: 8px;
	border: solid 1px #c4b896;
}

.box2{
	text-align:center;
}

#additionalQuotesForm h2, #loanForm h2 {
	margin-bottom:5px;
	text-align:center;
	margin-top:0px;
}

#additionalQuotesForm label {
	font-weight: bold;
}

#submitDiv{
	text-align: center;
	padding-bottom: 10px;
}

#errorExplanation{
    padding:10px;
    margin-bottom:10px;
	border: solid 1px #cc6666;
	text-align:center;
	background:#ffcccc;
}

#errorExplanation h2{
    margin:0px;
    font-size: 1.17em;
    font-weight: bold;
}

#errorExplanation p{
    padding: 0px;
    margin: 0px;
}

.error{
	padding:10px;
	padding-top:28px;
	margin-right:10px;
	text-align:center;
	background-color:#ffcccc;
}

#loanForm{
	clear:both;
}

h2.specs{
	margin:0px auto 5px auto; 
	padding:3px; 
	background-color: #efefef; 
	border-left:solid 6px #ccc;
}

.features .label {
	font-weight:bold;
}

.sort{
	background-color: #003366;
	color: #FFF;
	padding:4px;
	margin-bottom:5px;
}

.sort a{
	color:#FFF;
}

/* ----- Directory -----*/

.directory .features { font-weight: normal; font-size: 12px; }
.directory .features .label { float: left; margin-right: 10px; }
.directory .features .value { float: right; text-align: right; margin-right: 0px; }

a .car:hover {border-color:#CCCCCC;}

/* ----- Directory NON-BRANDED PAGE-----*/

div#selectMake {
	width: 710px;
	background-color: #c4b896;
	padding-top: 6px;
	float: left;
	padding-left: 40px;
	padding-bottom: 10px;
	padding-right: 40px;
}

#directory2 {
	color:#003366;
}

#directory2 h2{
	color:#003366;
	font-size:22px;
	font-weight:bold;
	letter-spacing:-1px;
	margin-top:0px;
}

#directory2 h3 {
	font-size: 1.4em;
	color: #000000;
	font-weight: normal;
	line-height: 1.2em;
	margin-top: 2px;
	margin-bottom: 2px;
}

#directory2 a{
	color:#003366;
	text-decoration:none;
	font-size:12px;
}

/* ----- Popup ----- */

#popNav{
	background-color: #124172;
	color: #ffffff;
	padding:7px;
	border-top: solid 2px #061b30;
	border-bottom: solid 2px #061b30;	
}

#popNav a{
	color: #ffffff;
	text-decoration: none;
}
img.logoPop{
	position:relative;
	padding-left: 20px;
	padding-top: 20px;
}

#regionPopup{
	padding:10px;
	text-align:left;
}


/* ----- Survey ----- */

/* #### CONTAINER PIECES #### */


.podTable { height: 100%; width: 100%; margin-bottom: 30px;  } 
   
.pod_topLeft {  width: 7px; height: 8px; background: url(/images/topLeftCorner.gif) top no-repeat; line-height: 0px; margin:0px; padding:0px; font-size:0px; }

/*overlay corner*/
.pod_topLeftOverlay {  width: 7px; height: 8px; background: url(/images/topLeftCornerOverlay.gif) top no-repeat; line-height: 0px; margin:0px; padding:0px; font-size:0px; }

.pod_top {  background-color: #fff; height: 8px; line-height: 0px; margin:0px; padding:0px; font-size:0px; }
.pod_topRight { width: 7px; height: 8px; background: url(/images/topRightCorner.gif) top no-repeat; line-height: 0px; margin:0px; padding:0px; font-size:0px; }

/*overlay corner*/
.pod_topRightOverlay { width: 7px; height: 8px; background: url(/images/topRightCornerOverlay.gif) top no-repeat; line-height: 0px; margin:0px; padding:0px; font-size:0px; }

.pod_left { background: url(/images/leftVertical.gif) bottom no-repeat; background-color: #fff; width: 7px; }


.pod_content {
  background: url(/images/contentBgnd.gif) bottom repeat-x; 
  background-color: #fff;
  text-align: left;
  vertical-align: top;
  height: 100%;
}

	#rightPodContainer .pod_content {		   
		padding:10px 12px 8px;			
	}
	
	
	#leftPodContainer .pod_content {
		padding:2px 3px 12px;		
	}
	

	#singlePodContainer .pod_content {
		padding:10px 10px 8px;			
	}


.pod_right { background: url(/images/rightVertical.gif) bottom no-repeat; background-color: #fff; width: 7px; }

.pod_btmLeft { width: 7px; height: 7px; background: url(/images/bottomLeftCorner.gif) top no-repeat; line-height: 0px; margin:0px; padding:0px; font-size:0px;}

/*overlay corner*/
.pod_btmLeftOverlay { width: 7px; height: 7px; background: url(/images/bottomLeftCornerOverlay.gif) top no-repeat; line-height: 0px; margin:0px; padding:0px; font-size:0px;}

.pod_btm {  height: 7px; background: url(/images/bottomMiddle.gif) repeat-x; line-height: 0px; margin:0px; padding:0px; font-size:0px; }
.pod_btmRight { width: 7px; height: 1px; background: url(/images/bottomRightCorner.gif) top no-repeat; line-height: 0px; margin:0px; padding:0px; font-size:0px; }

/*overlay corner*/
.pod_btmRightOverlay { width: 7px; height: 1px; background: url(/images/bottomRightCornerOverlay.gif) top no-repeat; line-height: 0px; margin:0px; padding:0px; font-size:0px; }


#podTop { background: url(/images/podTop.gif) no-repeat; height:10px; font-size:0px; }

#podMiddle { background: url(/images/faux_bg.gif) repeat-y; font-size:0px; }

	.innerPodWrapper{ position:relative; }
	.innerPodBG {position:absolute; bottom:-3px; height:100%; width:100%; background: url(/images/podMiddle.gif) #fff bottom repeat-x;}

#podBottom { background: url(/images/podBottom.gif) no-repeat; height:10px; font-size:0px; }

#popWrapper {
  width: 500px;
  margin: 0px auto;
  padding: 0px;
  text-align:left;
} 

#overlay { 
    background-image: url(/images/overlay.png);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;
}

* html #overlay {
    background-color: #333;
    background-color: transparent;
    /*background-image: url(blank.gif);*/
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="/images/overlay.png", sizingMethod="scale" );
}



#box { width: 500px; background-color: transparent; height: 425px; }

#close {
    position: absolute ;
    top: 15px ;
    right: 15px ;
    cursor: pointer ;
	z-index: 10 ;
}

/* ----- Survey Form ----- */

#formTitle { color: #b91f1d; font-size: 20px; letter-spacing: -1px; line-height:22px;  }
.formTop { float:left; margin:14px 0 0 0; font-size:0;}
.formTop a  {text-decoration:underline;}
.formTop a:hover {text-decoration:underline;}
.formBody { float:left; margin:16px 0 0 0;}


/* ----- Common Selectors ----- */

.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; line-height: 0px; margin: 0px; padding: 0px; height: 0px; font-size: 0px; }
.txtInput { border: 1px solid #333; }
.txtLeft { text-align: left; }
.txtRight { text-align: right;}
.txtCenter { text-align: center; margin:0 auto; }
.grayTxt { color: #888; font-size: 11px; }
.blueTxt { color: #3F6B95; }
.inputBgnd { background-color: #fef8ca; }
.marginTop10 { margin-top: 10px;}
.marginTop12 { margin-top: 12px;}
.marginTop13 { margin-top: 13px;}
.marginTop14 { margin-top: 14px;}
.marginTop15 { margin-top: 15px;}
.marginTop16 { margin-top: 16px;}
.marginTop18 { margin-top: 18px;}
.marginTop20 { margin-top: 20px;}
.marginTop21 { margin-top: 21px;}
.marginTop22 { margin-top: 22px;}
.marginTop25 { margin-top: 25px;}
.popupClose { font-weight: bold; font-size: 12px; vertical-align: top; }
.col50 { width: 49%; }
.spacer1px {display:block; margin-bottom:1px;}
.spacer2px {display:block; margin-bottom:2px;}
.spacer3px {display:block; margin-bottom:3px;}
.spacer4px {display:block; margin-bottom:4px;}
.spacer5px {display:block; margin-bottom:5px;}
.spacer6px {display:block; margin-bottom:6px;}
.spacer7px {display:block; margin-bottom:7px;}
.spacer8px {display:block; margin-bottom:8px;}
.spacer10px {display:block; margin-bottom:10px;}
.spacer15px {display:block; margin-bottom:15px;}
.spacer17px {display:block; margin-bottom:17px;}

UL.errors { margin: 0px; padding-left: 10px;  }
.errorLbl { color: #d92300 !important; }


/* ----- Finance Leads ----- */

.outerformtable {
	background-color: #F6F6df;
	padding: 8px;
	border: solid 1px #c4b896;
}

.leftPad15 {padding-left:15px;}
.lead_form_cell_padleft {padding-left:15px;}


/* ----- Branded Landing Pages ----- */

.branded #headerContainer {
	padding-top: 15px;	
}


#brand_logo{
	float:left;
	padding-right:15px;
	border-right: solid 1px #CCC;
	height: 64px;
}

#site_logo{
	float:left;
	width:200px;
	margin-left: 15px;
}

.branded img.logo{
	padding: 0px;
}

.branded #contentContainer {
	margin-top:10px;
}

.branded_lookup{
	background-color: #F6F6df;
	padding: 8px 20px;
	border: solid 4px #c4b896;
	float:right;
	width: 320px;
	margin-right:0px;
}

.branded_lookup label{
	font-weight:bold;
}

.branded .features {width:375px;}

#car_features_block .label { float: left; margin-right: 10px; font-weight:bold; }
#car_features_block .value { float: right; text-align: right; margin-right: 0px; }

h2.specs2{
	padding:3px; 
	background-color: #cccccc; 
	margin: 0 0 4px 0;
}

h2.subhead{
	color:#003366;
}

h2.subimage{
	position:relative;
	top:10px;
	font-size:16px;
	padding:0px;
}


.keyword { color:#fff;}


/* ----- Branded Landing Pages ----- */


/* ----- Thank you page ----- */

h2.thanks{
	color:#336699;
	font-size:34px;
	margin:0;
}
h3.thanks{
	color:#000000;
	font-size:24px;
	
}


/* ----- General Styles ----- */

#dealer_select_box{
	border-top: solid 1px #ddddbf;
	border-left: solid 1px #ddddbf;
	border-right: solid 1px #ddddbf;
	width:400px;
	margin:20px auto 10px auto;
	font-size:11px;
}

#dealer_select_box h2{
	background-color: #ddddbf;
	margin:0px;
	padding:6px;
	color:#333333;
	font-size:14px;	
}

#buying_tip{
	float:right;
	position:relative;
	top:6px;
	right:10px;
}

#buying_tip a{
	text-decoration:none;
	color: #333;
}

#dealer_select_box .row{
	padding: 10px 0px;
	border-bottom: solid 1px #ddddbf;
}

.select_all_row{
	padding-bottom: 10px;
	border-bottom: dashed 1px #ddddbf;
	padding-top:6px;
	background-color: #f6f6df;
}


.ds_check{
	float:left;
	margin:2px 10px;
}

.sa_check{
	float:left;
	margin:0px 10px;
	margin-top: -4px;
}

#cs_note{
	padding:8px 0px 0px 15px;
	color:red;
	background-color: #f6f6df;	
}

.select_all{
	color:#124172;
}