@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	}
	
#structureWrapper{
	text-align:center;
	}
		
#pageWrapper{
	width:900px;
	margin:0 auto;
	text-align:left;
	}
	
	
/* ---------- HEADER ---------- */		
#header, #headerPersonal, #headerSecured{
	width:900px;
	min-height:143px;
	height:auto;
	_height:143px;
	float:left;
	}
	
#header {
	background:url(/images/common/header.jpg) #008b45 no-repeat;
	}
	
#headerPersonal { 
	background:url(/images/common/headerApplyPersonal.jpg) #008b45 no-repeat;
	}
#headerSecured {
	background:url(/images/common/headerApplySecured.jpg) #008b45 no-repeat;
	}
	


body#personal #header{background:url(/images/common/headerPersonal.jpg) #a6a568 no-repeat;}
body#secured #header{background:url(/images/common/headerSecured.jpg) #0054ac no-repeat;}
body#car #header{background:url(/images/common/headerCar.jpg) #9c3636 no-repeat;}
body#loans #header{background:url(/images/common/headerLoans.jpg) #008b45 no-repeat;}
body#small #header{background:url(/images/common/headerSmall.jpg) #008b45 no-repeat;}

#headerPersonal{background:url(/images/common/headerApplyPersonal.jpg) #008b45 no-repeat;} 
#headerSecured{background:url(/images/common/headerApplySecured.jpg) #008b45 no-repeat;}

body#intermediarySecured #header{background:url(/images/common/headerIntermediarySecured.jpg) #0054ac no-repeat;}
body#intermediaryPersonal #header{background:url(/images/common/headerIntermediaryPersonal.jpg) #d4d600 no-repeat;}

body#renewalsMailer #header{background:url(/images/common/headerRenewalMailer.jpg) #0054ac no-repeat;}

/*body#intermediarySecured #header{background:url(/images/common/headerIntermediarySecured.jpg) #0054ac no-repeat;}*/
/*body#intermediaryPersonal #header{background:url(/images/common/headerIntermediaryPersonal.jpg) #d4d600 no-repeat;}*/

h2#logo a{
	width:200px;
	height:75px;
	display:block;
	}
h2#logo a span{
	position:absolute;
	top:-1000px;
	}
	
h1#logo a{
	width:200px;
	height:75px;
	display:block;
	}
h1#logo a span{
	position:absolute;
	top:-1000px;
	}
	
/* ---------- MAIN NAV ---------- */	
#mainNav{
	width:738px;
	float:right;
	margin-top:39px;
	height:29px;
    }
	
.affiliateSecured ul li.securedNav{
	margin-left:184px;
	}
.affiliateSecured ul li.securedNav{
	_margin-left:123px;
	}
#mainNav ul {
    list-style:none;
	margin:0;
	padding:0;
    }
#mainNav ul li {
    float:left;
	font-weight:bold;
	font-size:1.1em;
    }
#mainNav ul li a{
	float:left;
    display:block;
    padding:8px 0 5px 0;
	text-align:center;
	text-decoration:none;
	color:#fff;
	width:184px;
    }	

#mainNav ul li.personalNav a{background:url(/images/mainnav/navPersonal.gif) no-repeat 0 4px; }
#mainNav ul li.securedNav a{background:url(/images/mainnav/navSecured.gif) no-repeat 0 4px;}	
#mainNav ul li.applyNav a{background:url(/images/mainnav/navApply.gif) no-repeat 0 4px;}
#mainNav ul li.smallNav a{background:url(/images/mainnav/navSmall.gif) no-repeat 0 4px;}

#mainNav ul li.personalNav a:hover{background:url(/images/mainnav/navPersonal.gif) no-repeat -184px 0; color:#616214;}
#mainNav ul li.securedNav a:hover{background:url(/images/mainnav/navSecured.gif) no-repeat -184px 0; color:#24495c;}	
#mainNav ul li.applyNav a:hover{background:url(/images/mainnav/navApply.gif) no-repeat -184px 0; color:#330000;}
#mainNav ul li.smallNav a:hover{background:url(/images/mainnav/navSmall.gif) no-repeat -184px 0; color:#330000;}

/* Personal */
body#personal #mainNav ul li.personalNav a{background:url(/images/mainnav/navPersonal_personal.gif) no-repeat -184px 0;}
body#personal #mainNav ul li.securedNav a{background:url(/images/mainnav/navSecured_personal.gif) no-repeat 0 4px;}
body#personal #mainNav ul li.securedNav a:hover{background:url(/images/mainnav/navSecured_personal.gif) no-repeat -184px 0;}	
body#personal #mainNav ul li.applyNav a{background:url(/images/mainnav/navApply_personal.gif) no-repeat 0 4px;}
body#personal #mainNav ul li.applyNav a:hover{background:url(/images/mainnav/navApply_personal.gif) no-repeat -184px 0;}
body#personal #mainNav ul li.smallNav a{background:url(/images/mainnav/navSmall_personal.gif) no-repeat 0 4px;}
body#personal #mainNav ul li.smallNav a:hover{background:url(/images/mainnav/navSmall_personal.gif) no-repeat -184px 0;}


/* Secured */
body#secured #mainNav ul li.personalNav a{background:url(/images/mainnav/navPersonal_secured.gif) no-repeat 0 4px;}
body#secured #mainNav ul li.personalNav a:hover{background:url(/images/mainnav/navPersonal_secured.gif) no-repeat -184px 0;}
body#secured #mainNav ul li.securedNav a{background:url(/images/mainnav/navSecured_secured.gif) no-repeat -184px 0;}	
body#secured #mainNav ul li.applyNav a{background:url(/images/mainnav/navApply_secured.gif) no-repeat 0 4px;}
body#secured #mainNav ul li.applyNav a:hover{background:url(/images/mainnav/navApply_secured.gif) no-repeat -184px 0;}
body#secured #mainNav ul li.smallNav a{background:url(/images/mainnav/navSmall_secured.gif) no-repeat 0 4px;}
body#secured #mainNav ul li.smallNav a:hover{background:url(/images/mainnav/navSmall_secured.gif) no-repeat -184px 0;}

/* Apply */
body.apply #mainNav ul li.applyNav a{background:url(/images/mainnav/navApply.gif) no-repeat -184px 0;}

/* Car */
body#car #mainNav ul li.personalNav a{background:url(/images/mainnav/navPersonal_car.gif) no-repeat 0 4px;}
body#car #mainNav ul li.personalNav a:hover{background:url(/images/mainnav/navPersonal_car.gif) no-repeat -184px 0;}
body#car #mainNav ul li.securedNav a{background:url(/images/mainnav/navSecured_car.gif) no-repeat 0 4px;}
body#car #mainNav ul li.securedNav a:hover{background:url(/images/mainnav/navSecured_car.gif) no-repeat -184px 0;}	
body#car #mainNav ul li.applyNav a{background:url(/images/mainnav/navApply_car.gif) no-repeat 0 4px;}
body#car #mainNav ul li.applyNav a:hover{background:url(/images/mainnav/navApply_car.gif) no-repeat -184px 0;}
body#car #mainNav ul li.smallNav a{background:url(/images/mainnav/navSmall_car.gif) no-repeat 0 4px;}
body#car #mainNav ul li.smallNav a:hover{background:url(/images/mainnav/navSmall_car.gif) no-repeat -184px 0;}

/* ---------- BODY ---------- */	
#body{
	background:url(/images/common/bodyBG.gif) repeat-y;
	float:left;
	width:900px;
	}
	
	
/* ---------- LEFT NAV ---------- */	
#left{
	width:162px;
	float:left;
	}
	
#leftNav{
	background:url(/images/leftnav/leftBG.jpg) bottom;
	border-top:dotted #fff 1px;
	}
body#personal #leftNav{background:url(/images/leftnav/leftBGPersonal.gif) bottom;}
body#secured #leftNav{background:url(/images/leftnav/leftBGSecured.gif) bottom;}
body#intermediarySecured #leftNav{background:url(/images/leftnav/leftBGSecured.gif) bottom;}
body#intermediaryPersonal #leftNav{background:url(/images/leftnav/leftBGPersonal.gif) bottom;}
body#renewalsMailer #leftNav{background:url(/images/leftnav/leftBGPersonal.gif) bottom;}
body.apply #leftNav{background:url(/images/leftnav/leftBGPersonal.gif) bottom;}
body#car #leftNav{background:url(/images/leftnav/leftBGCar.gif) bottom;}
body#small #leftNav{background:url(/images/leftnav/leftBGSmall.gif) bottom;}



#leftNav ul{
	list-style:none;
	}
#leftNav ul li a{ 
	color:#fff;
	text-decoration:none;
	display:block;
	border-bottom:dotted #fff 1px;
	padding:6px 0 6px 30px;
	_padding:6px 0 0 30px;
	_height:22px;
	}	
	
#leftNav ul li a:hover{
	background-image:url(/images/leftnav/navOver.png);
	}
body.homepage #leftNav ul li.homepage a,
body#loans #leftNav ul li.loans a,
body#car #leftNav ul li.car a,
body.faqs #leftNav ul li.faqs a,
body.about #leftNav ul li.about a,
body.contact #leftNav ul li.contact a,
body.payment #leftNav ul li.payment a {	
	background:url(/images/leftnav/navOn.png) 0 163px;
	font-weight:bold;
	}
	
/* IE6 hack */	
* html #leftNav ul li a:hover{
	background-image:none;
	background-color:#669f5b;
	}	
* html body#personal #leftNav ul li a:hover{
	background-color:#bcbc93;
	}	
* html body#secured #leftNav ul li a:hover{
	background-color:#4d7cab;
	}	
* html body#car #leftNav ul li a:hover{
	background-color:#b06f6f;
	}

* html body.homepage #leftNav ul li.homepage a,
* html body#loans #leftNav ul li.loans a,

* html body.faqs #leftNav ul li.faqs a,
* html body.about #leftNav ul li.about a,
* html body.contact #leftNav ul li.contact a{	
	background:url(/images/leftnav/arrow.gif) no-repeat 20px 10px;
	background-color:#669f5b;
	font-weight:bold;
	}	
* html body#car #leftNav ul li.car a{
	background:url(/images/leftnav/arrow.gif) no-repeat 20px 10px;
	background-color:#b06f6f;
	font-weight:bold;
	}		
/* sub sections */

body.about #leftNav ul li.about ul li,
body.faqs #leftNav ul li.faqs ul li{
	display:block;
	}
#leftNav ul li ul.subNav li{
 	display:none;
	}
#leftNav ul li ul.subNav li a{
	padding:2px 0 2px 30px;
	_height:15px;
	background:none !important;
	font-weight:normal !important;
	font-size:0.9em;
	}	
#leftNav ul li ul.subNav li a:hover{
	background-image:url(/images/leftnav/navSubOver.png) !important;
	}
body#promise #leftNav ul li ul.subNav li.promise a,
body#managing_loan #leftNav ul li ul.subNav li.faqsManaging a,
body#about_wfs #leftNav ul li ul.subNav li.faqsAbout a{
	background:url(/images/leftnav/navSubOn.png) 0 159px !important;
	}


/* IE6 hack */		
*html #leftNav ul li ul.subNav li a:hover{
	background-image:none !important;
	background-color:#538946 !important;
	}

*html body#promise #leftNav ul li ul.subNav li.promise a,
*html body#managing_loan #leftNav ul li ul.subNav li.faqsManaging a,
*html body#about_wfs #leftNav ul li ul.subNav li.faqsAbout a{
	background:url(/images/leftnav/arrow.gif) no-repeat 20px 6px !important;
	background-color:#538946 !important;
	}




	
	
/* ---------- PAGE AND CONTENT ---------- */

#page{
	float:left;
	width:738px;
	}
body#personal #page, body#secured #page, body.apply #page, body#car #page, body#small #page{
	padding-top:27px;
	}
body#personal #page{
	background:url(/images/common/pagePersonal.gif) repeat-x;
	}
body#secured #page{
	background:url(/images/common/pageSecured.gif) repeat-x;
	}
body.apply #page{
	/*background:url(/images/common/pageApply.gif) repeat-x;*/
	}
body#car #page{
	background:url(/images/common/pageCar.gif) repeat-x;
	}
body#small #page{
	background:url(/images/common/pageSmall.gif) repeat-x;
	}
	
#content{
	padding:10px 20px 10px 20px;
	width:470px;
	float:left;	
	min-height:415px;
	height:auto;
	_height:425px;
	}
	
body#personal #content, body#secured #content{
	width:518px;
	min-height:160px;
	height:auto;
	_height:160px;
	}
body#car #content, body.apply #content, body.contact #content{
	width:698px;
	min-height:160px;
	height:auto;
	_height:160px;
	}
	
body#promise #content{
	min-height:435px;
	height:auto;
	_height:445px;
	}
#content .leftContent{ width:210px; float:left; border-right:solid 1px #000; padding:10px; margin:10px 0;}	
#content .rightContent{ width:210px; float:left; padding:10px; margin:10px 0;}

.contentFull{
	float:left;
	padding:0 20px 10px 20px;
	_height:183px;
	}
.contentFull .leftContent{ width:335px; float:left; border-right:solid 1px #000; padding-right:10px; margin:10px 0;}	
.contentFull .rightContent{ width:335px; float:left; padding-left:10px; margin:10px 0;}

		
		
/* ---------- BOXES ---------- */		
		
#boxLeft{
	float: left;
}

#boxRight{
	float: right;
}
		
/*.boxGreenTop{
	width:320px;
	min-height:415px;
	height:auto;
	_height:415px;
	background:url(/images/contact/boxGreen-Top.gif) no-repeat;
	margin: 10px 0 0 0;
	padding: 20px 10px 10px 15px;
	}
	
.boxGreenBottom{
	width:345px;
	height:15px;
	background:url(/images/contact/boxGreen-Bottom.gif) no-repeat;
	}
*/

.boxGreenTop{
	width:640px;
	min-height:380px;
	height:auto;
	_height:415px;
	background:url(/images/contact/boxGreen-Top.gif) no-repeat;
	margin: 20px 0 0 0;
	padding: 20px 0 10px 15px;
	}
	
.boxGreenText{
	width:600px;
	}
	
.boxGreenBottom{
	width:640px;
	height:15px;
	background:url(/images/contact/boxGreen-Bottom.gif) no-repeat;
	}
	
.boxBlueTop{
	width:320px;
	min-height:415px;
	height:auto;
	_height:415px;
	background:url(/images/contact/boxBlue-Top.gif) no-repeat;
	margin: 10px 0 0 0;
	padding: 20px 10px 10px 15px;
	}
	
.boxBlueBottom{
	width:345px;
	height:15px;
	background:url(/images/contact/boxBlue-Bottom.gif) no-repeat;
	}
		
				
/* ---------- FOOTER NAV ---------- */
#footerNav{ 
	background-color:#d6d6d6;
	color:#5d5d5d;
	width:739px;
	padding:5px 0;
	float:left;
	_margin-right:-3px;
	}
#footerNav ul {
	display:inline;
	padding-left:20px;
	}
#footerNav ul li {
	display:inline;
	}
#footerNav ul li a {
	color:#5d5d5d;
	text-decoration:none;
	font-size:0.9em;
	}
#footerNav ul li a:hover{
	text-decoration:underline;
	}
	
/* ---------- FOOTER TEXT ---------- */
#footer{
	padding:10px;
	float:left;
	margin-right:-3px;
	}

#footer a:hover{ text-decoration:none;}
#footer p{
	font-size:0.9em;
	}
#footer p.apr{ font-weight:bold;}
#footer p.apr span{
	font-size:1.8em;
	}
#footer p.underline{
	text-decoration:underline;
	font-size:0.9em;
	font-weight:bold;
	}
#footer p.grey{
	color:#999;
	font-size:0.8em;
	}

body#personal #homeApr,
body#secured #homeApr {
	float: left;
	position: relative;
	width: 170px;
	margin: 13px 0 0 120px;
	}
	
body#personal #homeApr p.apr,
body#secured #homeApr p.apr {
	width: 170px;
	margin:  0px;
	}
	
body#personal #homeApr p.apr span,
body#secured #homeApr p.apr span {
	font-size: 1.8em;
	}
	
#homeApr p.apr{ 
	font-weight:bold;
	}
#homeApr p.apr span{
	font-size:1.6em;
	}