﻿@import url("/includes/css/master.css");

/* CSS Document - http://creative.joincreditexpert.com/email/Leissa/examples/AutoCheck/AutoCheckHome.html */

body {
	margin:0px; 
	padding:0px;
	text-align:center;
	background-color:#0a5f9a;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000066;
	background-image:url(/includes/images/version6/AutocheckLayout_topBGrepeat.gif);
	background-repeat:repeat-x;
	background-position:top;
}

.DoubleClickSpotlight {
    height: 0px;
    width:0px;
}

a {
	color:#006;
	font-weight:bold;
	text-decoration:underline;
}

	
#container {
	width:864px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	background-color:#ffffff;
	background-image:url(/includes/images/version6/AutocheckLayout_contentBG.gif);
	background-repeat:repeat-y;
}

#content {
	width:864px;
	padding:0px;
	background-color:#ffffff;
	background-image:url(/includes/images/version6/AutocheckLayout_contentBG.gif);
	background-repeat:repeat-y;
}

#header{
	height:78px;
	background-image:url(/includes/images/version6/AutocheckLayout_headerBGrepeat.gif);
	background-repeat:repeat-y;
	float:left;
	width:864px;
	vertical-align:top;
}

.logo{
	height:67px;
	width:241px;
	float:left;
	text-align:right;
}

.memberLogin{
	width:196px;
	float:right;
	text-align:left;
	height:35px;	
}

.memberLogin img, .continueButton img, .submitButton img, .backButton img{
	border-style:none;	
}

#greyPanel{
	float:left;
	width:864px;
	background-image:url(/includes/images/version6/AutocheckLayout_TestimonialBG.gif);
	background-repeat:no-repeat;
}

#leftCol{
	float:left;
	width:440px;
	margin-top:218px;
}

.leftColLeftSpacer{
	width:36px;
	height:150px;
	float:left;
}

.leftColContent{
	width:375px;
	height:150px;
	float:left;
}

.NooneChecksMore{
	float:left;
	width:360px;
	height:30px;
	background-image:url(/includes/images/version6/No-oneChecksMoreForLess.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

.NooneChecksText{
width:360px;
float:left;
}
.leftSideList ul{
	color:#0099cc;
	font-weight:normal;
	padding-left:-10px;
}

/* This is a fix to change the style for ie7 and firefox  */
html>body
.leftSideList ul{
	color:#0099cc;
	font-weight:normal;
	padding-left:10px;
	margin-left: 0px;
	
}
/* end of fix */



.leftSideList ul span{
	color:#000066;
	font-weight:bold;
}

.leftSideList li{
	list-style:none;
	background-image:url(/includes/images/version6/AutocheckTickBullet.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:36px;
	padding-bottom:20px;
}




#rightCol{
	float:left;
	width:389px;
	margin-top:23px;
	text-align:left;
}

.blueBox{
	float:left;
	width:389px;
	height:270px;
	background-color:#c4e7ff;
	border:1px solid #bddbf1;
	background-image:url(/includes/images/version6/blueBloxBG.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.GetYourFreeAutoCheck{
	float:left;
	width:389px;
	height:120px;
	background-image:url(/includes/images/version6/GetYourFreeAutoChecktext.gif);
	background-repeat:no-repeat;
	background-position:top;
}

.GetYourFreeAutoCheck span, .NooneChecksMore span, .dontBuyDebt span, .VehicleDetails span, 
.goodNews span, .singleAutoCheck span, .multipleAutoCheck span, .detailMileage span, 
.detailEmailPassword span, .sorryUnabletoIdentify span, .confirmVehicleDetails span,
#greyPanel span, .leftLowerContent span {
	margin-left:-9999px;
	display:none;
}

.leftSpacerDiv{
	width:18px;
	height:160px;
	float:left;
}

.rightSpacerDiv{
	width:123px;
	height:160px;
	float:left;
}
.registrationForm{
	width:248px;
	float:left;
	height:160px;
}

.textFieldTopBorder{
	width:230px;
	height:8px;
	overflow: hidden;
	background-image:url(/includes/images/version6/textFieldTopBorder.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

/* This is a fix to change the style for ie7 and firefox  */
html>body
.textFieldTopBorder{
	width:230px;
	height:8px;
	background-image:url(/includes/images/version6/textFieldTopBorder.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
/* end of fix */

.textField{
	width:230px;
	height:54px;
	background-image:url(/includes/images/version6/formTextFieldBG2.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	text-align:center;
}

.textField input{
	border:0px;
	width: 215px;
	height:33px;
	font-size:28px;
	font-weight:bold;
	color:#999999;
	text-align:center;
}

/* This is a fix to change the style for ie7 and firefox  */
html>body
.textField input{
	border:0px;
	width: 215px;
	height:33px;
	font-size:28px;
	font-weight:bold;
	color:#999999;
	text-align:center;
}
/* end of fix */

.formSpacer8px{
	height:15px;
	width:230px;
	overflow: hidden;
}

/* This is a fix to change the style for ie7 and firefox  */
html>body
.formSpacer8px{
	height:8px;
	width:230px;
}

/* end of fix */


.formSpacer10px{
	height:10px;
	width:230px;
}

.submitButton{
	width:230px;
	height:44px;
}

.backButton
{
	width: 232px;
	height: 47px;
	margin-left: 15px;
}
	
	


.leftLowerContent{
	width:389px;
	float:left;
	height:176px;
	background-image:url(/includes/images/version6/DontBuySomeonesDebt.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

.dontBuyDebt{
	float:left;
	width:389px;
	height:120px;
	background-image:url(/includes/images/version6/DontBuySomeonesDebt.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

.leftLowerContentText{

	margin-top:85px;
	margin-left:14px;
}

#footerDivide{
	background-image:url(/includes/images/version6/footerDividingLine.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:19px;
	width:864px;
	float:left;
	margin-top:10px;
}
 
#footer{
	clear:both;
	width:864px;
	float:left;
	margin-right: -3px;
	background-color:#ffffff;
	background-image:url(/includes/images/version6/AutocheckLayout_contentBG.gif);
	background-repeat:repeat-y;
	
}

.bestBuyLogo{
	width:106px;
	height:73px;
	float:left;
	background-image:url(/includes/images/version6/bestBuyLogo.gif);	
	background-repeat:no-repeat;
	background-position:top;	
}

.experianLogo{
	width:142px;
	height:73px;
	float:left;
	background-image:url(/includes/images/version6/ExperianLogo.gif);	
	background-repeat:no-repeat;
	background-position:top;	
}

.footerNav{
    height:79px;
    width:508px;
    font-size:11px;
    color:#b8b8b8;
    text-align:right;
    float:left;
}

html>body .footerNav
{
	height: 100px;
}

.footerNav a{
	color:#999;
	font-weight:normal;
}

.footerNav span{
	font-size:10px;	
}

.footerBaseLine{
	float:left;
	height:30px;
	width:864px;
	background-image:url(/includes/images/version6/AutocheckLayout_footer.gif);
	background-repeat:no-repeat;
	background-position:bottom;	
}

/* CSS extras for the vehicle details page */

#greyPanelBlank{
	float:left;
	width:864px;
	background-image:url(/includes/images/version6/AutoCheckTopGreyPanel.gif);
	background-repeat:no-repeat;
}


#detailLeftCol{
	float:left;
	width:222px;
	height:216px;
	padding:0px;
	margin:0px;
}

.detailLeftColSpacer{
	background-image:url(/includes/images/version6/Details1-2-3_03.gif);
	background-repeat:no-repeat;
	height:206px;
	width:68px;
	float:left;
}

.detailLeftColContent1{
	width:150px;
	height:30px;
	float:left;
	margin-top:44px;
	line-height:14px;
	font-weight:normal;
	color:#999;
}

.detailLeftColContent2{
	width:150px;
	height:30px;
	float:left;
	margin-top:30px;
	line-height:14px;
	font-weight:normal;
	color:#999;
}

.detailLeftColContent2 span{
	color:#000066;
	font-weight:bold;
}

#detailRightCol{
float:left;
width:608px;
text-align:left;

}

.detailTopSpacer{
	height:23px;
	width:607px;
	float:left;
}

.detailBlueBox{
	float:left;
	margin-bottom:12px;
	width:608px;
	background-color:#daf0fe;
	border:1px solid #bddbf1;
}

.detailBlueBoxSpacer{
	width:17px;
	float:left;
	height:915px;
}
.detailBlueBoxText{
	width:568px;
	float:left;
}

.detailBlueBoxSmallText{
	width:565px;
	float:left;
	padding-left:15px;
	font-size:11px;	
}

.baseSpacer{
	height:10px;
	width:500px;
	float:left
}

.baseSpacer5{
	height:5px;
	width:500px;
	float:left
}

.detailWhiteBox{
	float:left;
	margin-bottom:15px;
	width:567px;
	background-color:#fff;
	border:1px solid #bddbf1;
	padding:10px 0px 0px 10px;
}

.detailTitleHolder{
	height:17px;
	width:285px;
	float:left;
	background-image:url(/includes/images/version6/blueDotRepeater.gif);
	background-repeat:repeat-x;
	font-weight:bold;
	margin-bottom:5px;
}

.detailTitle{
	height:17px;
	background-image:url(/includes/images/version6/whiteSpaceRepeater.gif);
	background-repeat:repeat-x;
	float:left;
}

.detail{
	height:18px;
	width:200px;
	margin-bottom:5px;
	padding-left:7px;
	float:left;

}

.goodNews{
	width:608px;
	background-image:url(/includes/images/version6/goodNews.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:12px;
	float:left;
}

.goodNews span{
	height:59px;
	display:block;
}

.goodNewsList ul{
	color:#000066;
	font-weight:normal;
	padding-left:-10px;
	margin-left: 0px;
}

/* This is a fix to change the style for ie7 and firefox  */
html>body
.goodNewsList ul{
	color:#000066;
	font-weight:normal;
	padding-left:10px;
	
}
/* end of fix */

.goodNewsList li{
	list-style:none;
	background-image:url(/includes/images/version6/AutocheckTickBullet.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:36px;
	padding-bottom:20px;
}

.detailSmallBlueBoxLeft{
	float:left;
	margin-bottom:12px;
	width:296px;
	background-color:#daf0fe;
	border:1px solid #bddbf1;
}

.smallBlueBoxDivider{
	width:12px;
	height:100px;
	float:left;
}

.detailSmallBlueBoxRight{
	float:left;
	margin-bottom:12px;
	width:296px;
	background-color:#daf0fe;
	border:1px solid #bddbf1;
}

.smallBlueBoxTopSpacer{
	width:296px;
	height:10px;
	float:left;
}

.smallBlueBoxLeftSpacer{
	width:10px;
	float:left;
	height:50px;	
}

.radioButton{
	float:left;
	height:24px;
	width:20px;
	text-align:right;	
}

.radioButton2{
	float:left;
	height:24px;
	width:296px;
		
}

.radioButton2 label{
	vertical-align:top;
}

.smallBlueBoxLeftSpacer24{
	width:5px;
	float:left;
	height:24px;	
}

.singleAutoCheck{
	float:left;
	height:24px;
	width:267px;
	background-image:url(/includes/images/version6/singleAutoCheck.gif);	
	background-repeat:no-repeat;
}

.multipleAutoCheck{
	float:left;
	height:24px;
	width:267px;
	background-image:url(/includes/images/version6/multipleAutoCheck.gif);
	background-repeat:no-repeat;
	
}

.smallBlueBoxText{
	width:152px;
	float:left;
	margin-top:6px;
	margin-bottom:7px;
	font-size:11px;
}

.autoCheckPrice{
	width:115px;
	height:58px;
	float:right;
	text-align: right;
	margin-right: 5px;
	font-weight: bold;
	color: #4CA5DF;
}

.autoCheckPrice .bigText
{
	
	font-size: 27pt;
	font-family: Arial;
}

.detailMileage{
	width:593px;
	height:44px;
	background-image:url(/includes/images/version6/enterVehicleMileage.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
}

.formRadio{
	height:25px;
	float:left;
}
.formRadioLabel{
	margin-top:2px;
	height:21px;
	float:left;
}

.formTextField input{
	color:#999;
	font-size:11px;
}

.detailEmailPassword{
	float:left;
	height:45px;
	width:593px;
	background-image:url(/includes/images/version6/enterEmailandPassword.gif);	
	background-position:top left;
	background-repeat:no-repeat;
}

.continueButton{
	width:608px;
	height:42px;
	float:left;
	text-align:right;
}

.confirmVehicleDetails span, .sorryUnabletoIdentify span{
	width:50px;
}


/* CSS extras for the declined page */

#declinedGreyPanelBlank{
	float:left;
	width:864px;
	background-image:url(/includes/images/version6/AutoCheckTopGreyPanel.gif);
	background-repeat:no-repeat;
	text-align:center;
}

#leftColBlankSpacer{
	float:left;
	width:135px;	
	height:400px;
}

#oneColLayout{
	float:left;
	width:594px;
	text-align:left;	
}


.declinedBlueBox{
	float:left;
	margin-bottom:12px;
	width:594px;
	background-color:#dbf0ff;
	border:1px solid #bddbf1;
	background-image:url(/includes/images/version6/declinedBlueBoxBG.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	padding-bottom: 4px;
}

.sorryUnabletoIdentify{
	float:left;
	background-image:url(/includes/images/version6/sorryVehicleNotFound.gif);
	background-position:left;
	background-repeat:no-repeat;
	width:594px;
	height:52px;
}

.declinedTextField{
	width:263px;
	height:74px;
	background-image:url(/includes/images/version6/declinedTextFieldBG_03.gif);
	margin-left: -38px;
	background-repeat:no-repeat;
	text-align:center;
	position: relative;
}

.declinedFormLeftSpacer{
	width:45px;
	height:40px;
	float:left;
}

.declinedTextField input{
	border:none;
	width: 210px;
	height:33px;
	font-size:28px;
	font-weight:bold;
	color:#999999;
	text-align:center;
	float:left;
	background:none;
}

.declinedTextFieldTopBorder{
	height:30px;
	width:263px;
}

.declinedBlueBoxSpacer{
	width:20px;
	float:left;
	height:100px;
}

.declinedBlueBoxText{
	width:480px;
	padding-bottom:10px;
	float:left;
}

.declinedBottomTextContainer{
	width:594px;
	background-image:url(/includes/images/version6/declinedBlueCar2.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	margin-top:10px;
	float:left;
}

.declinedTopRightSpacer{
	width:227px;
	height:30px;
	float:left;
}

.NooneChecksMoreparagraph{
	width:590px;
	float:left;
}

div.WarningMessage
{
	padding-top: 4px;
	/*clear: left;*/
}

.errorBlueBox{
	float:left;
	margin-bottom:12px;
	width:594px;
	background-color:#dbf0ff;
	border:1px solid #bddbf1;
	/*background-image:url(/includes/images/version6/declinedBlueBoxBG.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;*/
	padding-bottom: 4px;
	height: 188px;
}

.errorMessage{
 float:left;
 background-image:url(/includes/images/version6/404Message.gif);
 background-position:left;
 background-repeat:no-repeat;
 width:594px;
 height:107px;
}

.errorMessage img
{
 float:left;
}

.errorMessage span{
 width:50px;
 margin-left:-9999px;
}

span.validationMessage
{
	clear: both;
	margin-left: 20px;
	display: block;
	padding-bottom: 10px;
}

.errorBlueBox .declinedBlueBoxSpacer
{
	display: none;
}

.topBlueRosette{
	background-image:url(/includes/images/version6/rosetteNew_04.gif);
	width:87px;
	height:81px;
	float:left;
}

.topBlueButtonCTA{
		width:578px;
		height:74px;
		float:left;
}

.verticalTextFull{
	float:left;
	width:43px;
	background-color:#eaffff;
	border:1px solid #bddbf1;
	margin-right:6px;
	height:311px;
}

.detailWhiteBoxFullResults{
	float:left;
	margin-bottom:5px;
	width:288px;
	height:98px;
	background-color:#fff;
	border:1px solid #bddbf1;
	border-right:none;
	padding:0px 0px 0px 10px;
}

.detailWhiteBoxFullResults2{
	float:left;
	width:288px;
	height:206px;
	background-color:#fff;
	border:1px solid #bddbf1;
	border-right:none;
	padding:0px 0px 0px 10px;
}

.hiddenResultsLeftCol{
	width:287px;
	float:left;
}

/* This is a fix to change the style for ie7 and firefox  */
html>body
.hiddenResultsLeftCol{
	width:299px;
	float:left;
}
/* end of fix */

.hiddenResults{
	float:left;
	background-image:url(/includes/images/version6/resultsPage2309_13.gif);
	width:226px;
	height:313px;
}

.detailBox10spacer2{
	float:left;
	width:287px;
}

.AutoCheckPackagesTitle{
		width:576px;
		height:83px;
		float:left;
}

.AutoCheckPackages{
		width:576px;
		height:73px;
		float:left;	
}

.AutoCheckPackages img{
	border-style:none;
}

.AutoCheckPackagesCTA{
		width:576px;
		height:13px;
		float:left;	
		margin-bottom:15px;
}

.formIntroText{
	width:576px;
	float:left;
	height:29px;
	margin-top:5px;
}

.formInnerContainer{
	width:576px;
	float:left;
	height:26px;
}


.formLabel{
	width:160px;
	height:22px;
	float:left;
	font-weight:bold;
	margin-top:2px;
}

.formLabelLONG{
	width:235px;
	height:22px;
	float:left;
	font-weight:bold;
	margin-top:2px;
}

.formTextField{
	width:330px;
	height:22px;
	float:left;
}

.continue{
	width:608px;
	text-align:right;
	float:left;
	height:58px;
}

.detailBlueBoxTextTop{
	width:480px;
	float:left;
	font-size:11px;
}

.detailBlueBoxTextTop p{
    margin-top: 1em;
    color: #000066;
    font-size:11px;
    line-height: 13px;
}

.resultscontainer{
    float:left;
}

.confirmVehicleDetails{
	float:left;
	width:504px;
	text-align:left;
}

.detailWhiteBox{
	float:left;
	margin-bottom:15px;
	width:523px;
	background-color:#fff;
	border:1px solid #bddbf1;
	padding:10px 0px 0px 10px;
}

.verticalTextLite{
	float:left;
	width:43px;
	background-color:#eaffff;
	border:1px solid #bddbf1;
	margin-right:6px;
	height:107px;
}

.detailBox10spacer{
	float:left;
	width:471px;
}

.detailWhiteBoxTop{
	float:left;
	margin-bottom:10px;
	width:514px;
	height:107px;
	background-color:#fff;
	border:1px solid #bddbf1;
	padding:0px 0px 0px 10px;
}



.smallPrint{
	margin-top:5px;
	float:left;
	width:370px;
	font-size:11px;
	color:#afafaf;
	text-align:left;
	padding-left:17px;

}

.ValidTickBox
{
	float: left;
	margin-left: -100px;
	margin-top: 3px;
	display: none;
	background-image: url('/includes/images/version6/tick.gif');
	background-repeat: no-repeat;
	width: 17px;
	height: 15px;
}

.hitwiseTopTenLogo{
    width:76px;
    height:73px;
    float:left;
    background-image:url('/includes/images/version6/top10hitwise.gif');
    background-repeat:no-repeat;
    background-position:top left;    
}
.BuyersBeWare
{	
	margin-left:40px;
	font-size:10px;
	color:#B8B8B8;
	clear:both;
	overflow:hidden;
}
.BuyersBeWare a
{
	font-weight:normal;
	color:#999999;
}
.leftCol { float:left; width:325px; }

