* {
	margin: 0px;
	padding: 0px;
}
html * {
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-y;
}
img {
	margin: 0px;
	padding: 0px;
}
/* page construction */


body {
	margin: 0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	background-image: url(../images/123background.gif);
	background-repeat: repeat-y;
	background-position: center;
}


p	{
	margin-bottom:14px;
}

h1 {
	font-size: 1.4em;
	font-weight: normal;
	color: #333333;
	line-height: 1.5em;
}

/*
h2 {
	font-size: 1em;
	line-height: 1.3em;
	color: #95009C;
	font-weight: normal;
}
*/

h3 {
	font-size: 1.6em;
	color: #0A6AB7;
	font-weight: normal;
	line-height: 1.4em;
	padding-top: 10px;
}


h4 {
	font-size: .8em;
	color: #333333;
	line-height: 1.5em;
}


h5 {
	font-size: 1.2em;
	color: #666666;
	font-weight: bold;
	line-height: 2em;
	padding-top: 20px;
	padding-bottom: 14px;
	text-align: center;
}

.recieveQuote1 {
	font-size: 1.8em;
	color: #0A6AB7;
	font-weight: bold;
	line-height: 1.2em;
}

.getthebest {
	font-size: 1.2em;
	color: #333333;
	font-weight: bold;
	line-height: 1.6em;
}
.step1 {
	font-size: 1.2em;
	color: #A72226;
	font-weight: bold;
	line-height: 2.8em;
	padding-top: 6px;
	padding-bottom: 6px;
}

.overstock {
	color: #000000;
	font-weight: bold;
	font-size: 16px;
}


/* ------------ WRAPPER ------------- */

div#container {
	width: 800px;
	margin: 0 auto;
	background-repeat: no-repeat;
	text-align: left;
}

div#wrapper {
	float: left;
	width: 800px;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 5px;
}

div#headContainer {
	float: left;
	width: 789px;
	height: 128px;
}

/* ------------ END ------------- */




/* ------------ 123Content ------------- */


/* -------- Head Area -------- */


div#headBodyContainer {
	width: 789px;
	float: left;
	background-repeat: repeat-y;
	padding-left: 28px;
}


div#headImg {
	width: 750px;
	height: 87px;
	float: left;
	background-image: url(../images/car1Head.jpg);
	background-repeat: no-repeat;
	padding-left: 39px;
}

div#headLogo {
	height: 87px;
	float: left;
}
div#headLine {
	width: 6px;
	height: 87px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
div#head123Logo {
	height: 87px;
	float: left;
}


div#topPanel {
	float: left;
	height: 41px;
	width: 789px;
}

div#mazdaSuper2 {
    background-image: url(../images/tabsExt.jpg);
	float: left;
	height: 26px;
	width: 228px;
	padding-top: 15px;
	padding-left: 39px;
	font-size: 16px;
	line-height: 16px;
	color: #07599C;
	background-repeat: no-repeat;
}

div#tabs {
	float: left;
	height: 41px;
	width: 522px;
}



/* ------ Head Area END ------ */




div#bodyContainer {
	width: 750px;
	float: left;
	background-repeat: repeat-y;
	padding-left: 39px;
	background-color: #FFFFFF;
}

div#bodyContain {
	width: 400px;
	float: left;
}



div#bodyText {
	width: 750px;
	float: left;
}

divblueRpt2 {
	width: 750px;
	float: left;
}

div#bodyIntro ul {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	padding-left: 16px;
}

div#bodyIntro li {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	list-style-image: url(../images/bullett.gif);
	padding-left: 6px;
	line-height: 1.6em;
}

div#bodyIntro2 {
	width: 400px;
	padding-bottom: 10px;
	float: left;
}
div#bodyIntro2 ul {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	padding-left: 16px;
}

div#bodyIntro2 li {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	list-style-image: url(../images/bullett.gif);
	padding-left: 6px;
}




div#bodyIntro3 {
	width: 400px;
	padding-bottom: 10px;
	float: left;
}
div#bodyIntro3 ul {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	padding-left: 16px;
}

div#bodyIntro3 li {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	list-style-image: url(../images/bullett.gif);
	padding-left: 6px;
}


div#privacy2 {
	width: 370px;
	padding-bottom: 10px;
	float: left;
	font-size: 0.8em;
	line-height: 1.1em;
	color: #666666;
	padding-right: 10px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B3D3EA;
}

div#bodyHead2 {
	width: 380px;
	float: left;
	font-size: 15px;
	line-height:22px;
	padding-top: 12px;
	padding-left: 20px;
	padding-bottom: 10px;
	background-image: url(../images/titleBackground1.jpg);
	background-repeat: no-repeat;
	height: 65px;
}

.make {
	font-size: 14px;
	line-height:18px;
	font-weight: bold;
	color: #096BB6;
}

.message1 {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #096BB6;
}
.message2 {
	font-size: 24px;
	line-height: 22px;
	font-weight: bold;
	color: #000000;
}

div#bodyImg3 {
	width: 400px;
	float: left;
	/* SET BY JS */
	/* background-image: url(../images/cars/10850.jpg); */
	background-repeat: no-repeat;
	height: 200px;
}

div#carCaption2 {
	width: 400px;
	float: left;
	font-style: italic;
	color: #666666;
	padding-top: 6px;
	padding-bottom: 4px;
}

div#bodyImgFront {
	width: 396px;
	float: left;
}


div#bodyIntro {
	width: 750px;
	padding-bottom: 10px;
	float: left;
}

div#bodyForm2 {
	width: 291px;
	float: left;
	padding-left: 42px;
	padding-top: 30px;
	padding-right: 17px;
	height: 334px;
	background-image: url(../images/formBackground1.jpg);
	background-repeat: no-repeat;
}

div#rightContainer {
	width: 350px;
	float: left;
	height: auto;
	background-image: url(../images/formBackground1.jpg);
	background-repeat: no-repeat;
}

div#homeForm {
	width: 304px;
	float: left;
	background-color: #E1ECF5;
	padding-left: 30px;
	padding-top: 26px;
	padding-right: 16px;
}

/* ------------ SPECIFICATIONS ------------- */


div#bodyContainer2 {
	width: 752px;
	float: left;
	background-repeat: repeat-y;
	padding-left: 39px;
	background-color: #FFFFFF;
}

div#carDetails {
	width: 740px;
	background-color: #FFFFFF;
	padding-top: 20px;
	float: left;
}

div#carMakeDetails {
	width: 690px;
	background-color: #FFFFFF;
	padding-top: 20px;
	float: left;
	padding-left: 20px;
}

.carFeatures {
	width: 238px;
	float: left;
	height: 36px;
	text-align: left;
}

.carHold {
	width: 244px;
	float: left;
	height: 166px;
	text-align: left;
}

.carText {
	width: 224px;
	background-color: #DADADA;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 8px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 10px;
	font-size: 10px;
	color: #333333;
	line-height: 14px;
	height: 110px;
}

h6 {
	font-size: 1.6em;
	line-height: 1.3em;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	vertical-align: middle;
	display: block;
	height: 30px;
	width: 228px;
	float: left;
	padding-top: 4px;
	margin-bottom: 2px;
	padding-left: 10px;
}

/* ------------ END ------------- */



/* ------------ FOOTER ------------- */

#footerContainer {
	bottom: 0px;
	padding-top: 20px;
	color:#666666;
	line-height:18px;
	width: 750px;
	padding-bottom: 20px;
	clear: both;
	padding-right: 20px;
	padding-left: 20px;
	}

	#footerContainer #footer_nav { text-align:center;}

	#footerContainer #copyright { text-align:center;}

	#footerContainer a {
	color: #666666;
}

/* ------------ END ------------- */




/* ------------ STEP 2 ------------- */

div#bodyContain2 {
	width: 302px;
	float: left;
}

div#bodyText2 {
	width: 450px;
	float: left;
}

div#bodyIntro2 {
	width: 290px;
	float: left;
	padding-right: 10px;
}
div#bodyIntro2 ul {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	padding-left: 16px;
}

div#bodyIntro2 ul li {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	list-style-image: url(../images/bullett.gif);
	padding-left: 6px;
	line-height: 1.6em;
}


div#bodyImg2 {
	width: 302px;
	padding-bottom: 2px;
	float: left;
}

div#oneMore {
	width: 302px;
	padding-bottom: 2px;
	float: left;
}

div#congrats {
	width: 420px;
	float: left;
	background-color: #0A6AB7;
	padding-left: 30px;
	height: 60px;
	padding-top: 10px;
	color: #FFFFFF;
}
div#congratsBot {
	width: 450px;
	float: left;
	height: 11px;
	background-image: url(../images/123carStg3-7_r5_c6.jpg);
	background-repeat: no-repeat;
}

div#step2form {
	width: 404px;
	float: left;
	background-color: #E1ECF5;
	padding-left: 26px;
	padding-top: 4px;
	background-image: url(../images/leftLine.gif);
	background-repeat: repeat-y;
	padding-right: 20px;
}

div#region {
	width: 442px;
	float: left;
	background-color: #ffffff;
	padding-left: 8px;
	padding-top: 8px;
	background-image: url(../images/leftLine.gif);
	background-repeat: repeat-y;
	padding-bottom: 8px;
}

div#getQuote {
	width: 292px;
	float: left;
	background-color: #ffffff;
	background-image: url(../images/getQuoteBG.gif);
	height: 52px;
	padding-top: 12px;
	padding-left: 158px;
}

div#searching {
	text-align: center;
	color: #FFFFFF;
	width: 450px;
	float: left;
	background-color: #ffffff;
	background-image: url(../images/getQuoteBG.gif);
	height: 54px;
	padding-top: 10px;
	line-height: 20px;
}

.congratulations {
	font-size: 2em;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.5em;
}

.smallText1 {
	font-size: .7em;
}

.formSmall {
	font-size: 0.9em;
}

div#emailSmall {
	font-size: 9px;
	color: #0A6AB7;
	clear: both;
}




.form_row{clear:both;}

.form_row label	{
	font-size:10px;
	font-weight:normal;
	letter-spacing:-1px;
	color:#333;
}

.form_row .left{
	float:left;
	width:200px;
	margin-top:2px;
}

.form_row .left2{
	width:190px;
	margin-top:2px;
}
.form_row .left3{
	width:360px;
	margin-top:2px;
}

.form_row .right{
	float:right;
	width:200px;
	margin-top:2px;
}

.form_name1 {
	width:80px;
	display: block;
	height: 16px;
	float: left;
	padding-top: 6px;
	font-size: 10px;
}
.form_name2 {
	width:70px;
	display: block;
	height: 16px;
	float: left;
	padding-top: 6px;
	font-size: 10px;
}
.form_name3 {
	width:105px;
	display: block;
	height: 16px;
	float: left;
	padding-top: 6px;
	font-size: 9px;
}

#formNum1 {
	width: 20px;
	height: 20px;
	float:left;
	margin-right:5px;
	background-image: url(../images/number1.gif);
	background-repeat: no-repeat;
}
#formNum2 {
	width: 20px;
	height: 20px;
	float:left;
	margin-right:5px;
	background-image: url(../images/number2.gif);
	background-repeat: no-repeat;
}
#formNum3 {
	width: 20px;
	height: 20px;
	float:left;
	margin-right:5px;
	background-image: url(../images/number3.gif);
	background-repeat: no-repeat;
}


.cell1 {
	width:120px;
	display: block;
	height: 20px;
	float: left;
}

.cell2 {
	width:210px;
	display: block;
	height: 20px;
	float: left;
}

.cell3 {
	width:230px;
	display: block;
	height: 20px;
	float: left;
}

.cellTop {
	width:145px;
	display: block;
	height: 30px;
	float: left;
	padding-bottom: 10px;
}
.cellTop1 {
	width:145px;
	display: block;
	height: 30px;
	float: left;
	padding-bottom: 10px;
}
.cellTop2 {
	width:165px;
	display: block;
	height: 30px;
	float: left;
	padding-bottom: 10px;
}

.cellTop3 {
	width:90px;
	display: block;
	height: 30px;
	float: left;
	padding-bottom: 10px;
}
/* ------------ END ------------- */


/* ----- Step 3 -----*/
.s3_pod {
    padding:10px;
    margin-right:10px;
}

.s3_pod h1{
	color:#3C3C3C;
	font-size:34px;
	font-weight:bold;
	letter-spacing:-2px;
	line-height:40px;
	margin:0 0 0 -3px;
	text-align:center;			
}

.s3_pod h2.s3{
	margin:0px;
	color:#B91F1D;
	font-size:20px;
	letter-spacing:-1px;
	text-align:center;
}
/* ------------ END ------------- */


/* ----- Finance Page ----- */
#loanForm{
	background-color: #E1ECF5;
	border: solid 2px #0A6AB7;
	padding:10px;
}
/* ------------ END ------------- */


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

h2.thanks{
	color:#B91F1D;
	font-size:34px;
	margin:0;
}
h3.thanks{
	color:#000000;
	font-size:24px;
	
}
/* ------------ END ------------- */


/* ---------- STEP1 Directory -----------*/
div#selectMake {
	width: 710px;
	background-color: #B3D3EA;
	padding-top: 6px;
	float: left;
	padding-left: 40px;
	padding-bottom: 20px;
	padding-right: 40px;
}

#directory {
	color:#396c9b;
}

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

#directory a{
	color:#396c9b;
	text-decoration:none;
	font-size:12px;
}

.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; }

img.car{ border:0px; }
/* ------------ END ------------- */


/* ---------- Directory -----------*/
div#bodyDirectoryMake {
	width: 752px;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	background-color: #FFFFFF;
}
div#bodyDirectoryCarForm {
	width: 304px;
	float: left;
	background-color: #E1ECF5;
	padding-left: 30px;
	padding-top: 12px;
	padding-right: 16px;
	height: 257px;
}
div#bodyImgDirectoryCar {
	width: 400px;
	padding-top: 0px;
	float: left;
}
/* ------------ END ------------- */


/* -- Rails Validation Errors --*/
div#errorExplanationDirectoryCar {
    background-color: #A72226;
    color: #FFFFFF;
    width: 350px;
    padding-bottom: 8px;
    float: right;
}

div#errorExplanationStep1 {
    width: 290px;
    padding-bottom: 8px;
    float: left;
}

div#errorExplanationBranded2 {
	width: 291px;
	float: left;
	height: 66px;
	background-image: url(../images/errorPanel.gif);
	background-repeat: no-repeat;
	padding-right: 17px;
	padding-left: 42px;
	padding-top: 20px;
	padding-bottom: 10px;
	color: #FFF;
	line-height: 20px;
	margin-top: 4px;
	font-size: 14px;
}

div#errorExplanation {
	background-color: #A72226;
    padding-left: 30px;
	padding-top: 10px;
	padding-right: 16px;
	padding-bottom: 10px;
	color: #FFFFFF;
}

#errorExplanation h2{
    font-size:1.2em;
    font-weight: bold;
}
/* ------------ END ------------- */


/* ----- Consumer/Dealer Select Styles ----- */
#dealer_select_box {
	border-top: solid 1px #0A6AB7;
	border-left: solid 1px #0A6AB7;
	border-right: solid 1px #0A6AB7;
	width:432px;
	font-size:11px; }

#dealer_select_box h2 {
	background-color: #0A6AB7;
	margin:0px;
	padding:6px;
	color:#FFF;
	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 #0A6AB7;
	background:#fff;
	}

.select_all_row {
	padding-bottom: 10px;
	border-bottom: dashed 1px #0A6AB7;
	padding-top:6px;
	background-color: #E1ECF5; }

.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:#003366;
	background-color: #E1ECF5; }

.select_all { color:#124172; }

/* ------------ END ------------- */





/* ----- TEMP ----- */
.pageview{
	margin:0 auto;
	width:740px;
	text-align: left;	
}

#call_out_small {
	background-color: #e2ecf5;
	/* 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{
    font-weight:bold;
	padding: 10px;
	color: #0a6ab7;
	font-size: 24px;
	display:inline;
}

h2.step2{
	padding: 10px;
	color: #0a6ab7;
	font-size: 14px;
	display:inline;
}

h2.left{
    font-size: 16px;
	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:12px;
	font-weight:bold;
	margin-right:10px;
	margin-top:3px;
	text-align:left;
	width:130px;
	float:left;
}

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

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

#step2a_form #form_row{
	width: 365px;
	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;
}

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

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

#dealer_select_box{
	border-top: solid 1px #ddddbf;
	border-left: solid 1px #ddddbf;
	border-right: solid 1px #ddddbf;
	width:375px;
	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;
}

.fac_h2_class {
    margin: 20px auto 5px auto;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}

/* ----- TEMP ----- */