/* --------- PARENT STRUCTURE --------- */

#parentDiv{
  text-align:center;
}

#parentTable{
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

/* --------- BODY STRUCTURE --------- */

#bodyDiv{
  width: 762px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;

}

/* ----TOPNAV---- */

#topNav{
  background-color: #FFFFFF;
  height: 108px;
  width: 762px;
  text-align: left;
}

#topNavLogo{
  height: 108px;
  width: 200px;
  float: left;
}

#topNavImage{
  height: 108px;
  width: 400px;
  float: left;
  text-align: right;
}

#topNavText{
  padding: 6px;
  float: right;
  text-align: right;
  margin-top: 70px;
}

#topNavLinks{
  background: url(/images/common/bg-nav.gif) no-repeat;
  height: 42px;
  width: 762px;
  text-align: left;
  background-color: #fff;
  padding-top: 3px;
}


#mainBoxTop{
	height: 15px;
	width: 762px;
	background-color: #FFFFFF;
}

#mainBox{
	background-color: #FFFFFF;
	width: 762px;
	clear:both;
}

#bottomBox{

	width: 762px;

}

body#cars #mainBox{height: 400px;}
body#map #mainBox{height: 700px;}
body#showrooms #mainBox{height: 400px;}
body#privacy #mainBox{height: 600px;}
body#sitemap #mainBox{height: 830px;}
body#check #mainBox{height: 2100px;}
body#mot #mainBox{height: 2440px;}
body#apply #mainBox{height: 400px;}
body#apply2 #mainBox{height: 520px;}
body#error #mainBox{height: 40px;}
body#loan #mainBox{height: 593px;}
body#mechanic #mainBox{height: 930px;}
body#finance #mainBox{height: 430px;}
body#testimonials #mainBox{height: 400px;}
body#faqs #mainBox{height: 800px;}
body#credit #mainBox{height: 400px;}
body#about #mainBox{height: 400px;}
body#customer #mainBox{height: 400px;}

#content{
	padding-left: 10px;
	padding-right: 10px;
	width: 742px;
}

#contentLeft{
	padding-left: 10px;
	padding-right: 10px;
	width: 180px;
	float: left;
}

#contentLeft2{
	padding-left: 0;
	padding-right: 10px;
	width: 180px;
	float: left;
}

#contentLeft2sub{
	padding-left: 10px;
	padding-right: 10px;
	width: 180px;
	float: left;
}

#contentRight{
	padding-right: 10px;
	width: 524px;
	float: left;
	margin: 0 0 0 12px;	
}

body#mechanic #contentRight{ width:700px;}

/*html>body #contentRight{padding-left: 200px;}*/

#mainBoxBottom{
	background-image: url(/images/common/mainbox-bottom.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 762px;
	padding-top: 4px;
}

#mainBoxBottom span#affiliate{ 
	padding-left: 10px;
}

#homeBoxes{ 
	width:742px; 
	margin:10px;
	}
	
/* Left box - 3 EASY STEPS */	
.homeLeft{
	float:left;
	width:197px;
	background:url(/images/home/easy-steps.gif) no-repeat;
	padding:15px 10px 10px 10px;
	margin-top:5px;
	color:#FFF;
	background-color: #1bac52;
	}
.homeLeft h2{
	font-size:24px;
	padding; 0;
	margin: 0;
	color:#FFF;
	}

.homeLeft ul{ margin-top:0;}
.homeLeft ul li{
	color:#fff;
	list-style:none;
	font-weight:bold;
	margin:10px 0;
	}
.homeLeft ul li a:link, .homeLeft ul li a:visited, .homeLeft ul li a:active{
	color:#fff;
	font-weight:bold; 
	}
.homeLeft ul li a:hover{ text-decoration:none;}
.homeLeft ul li span{ font-size:18px;}

/* Middle box - YOU'RE WELCOME TO... */
.homeMiddle{
	float:left;
	width:260px;
	margin-left:10px;
	margin-top:-13px;
	padding:60px 10px 0 10px;
	background-image:url(/images/home/welcome.gif);
	}
.homeMiddle h2 span{ display:none;}

.homeMiddle  ul{ margin:0; padding:0;}
.homeMiddle  ul li{
	background:url(/images/home/promoTick.gif) left 2px no-repeat;
	list-style:none;
	padding:2px 2px 2px 22px;
	margin: 0 ;
	color:#1bac52;
	font-weight:bold;
	font-size:1.1em;
	}
.homeMiddle .red{ color:#ed1c24;}
.homeMiddle .centre { text-align:center; font-weight:bold;}

.homeMiddle .and{
	width: 240px;
  font-size: 20px;
  font-weight: bold;
  color:#00a73f;
  margin: 0;
  padding: 0;
  text-align: center;
  
}

/* Right box - MIKE BREWER */
.homeRight{
	margin-top:5px;
	float:left;
	width:225px;
	margin-left:10px;
	}
	
/* Bottom box - CARS */
.homeBottom{
	background: url(/images/home/cars.jpg) no-repeat;
	height:65px;
	width:742px; 
	padding:85px 0 0 0;
	float:left
	}
.carModel{ 
	text-align:center;
	}
.carModel ul{
	margin:0;
	padding:0;
	}
.carModel ul li{
	display:inline;
	margin:0;
	background:url(/images/home/carsButton.gif) no-repeat;
	text-align:center;
	}
.carModel ul li.renault{ padding:6px 19px;}
.carModel ul li.vauxhall{ padding:6px 16px;}
.carModel ul li.vw{ padding:6px 30px;}
.carModel ul li.toyota{ padding:6px 21px;}
.carModel ul li.ford{ padding:6px 27px;}

.carModel ul li a{
	color:#1bac52; 
	text-decoration:none; 
	font-size:13px; 
	}
.carModel ul li a:hover{ text-decoration:underline;font-size:13px;}
.carRange{
	text-align:center;
	margin-top:18px;
	}	
.carRange ul{
	margin:0;
	padding:0;
	}
.carRange ul li{ 
	display:inline;
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:0;
	}
.carRange ul li a{
	color:#fff;
	font-weight:bold;
	margin:0 5px;
	}
.carRange ul li a:hover{ 
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	}
	
	
	
#homeWave{
	height: 155px;
	width: 762px;
}

/*#homeColBottom1{
	width: 742px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}*/

#homeCol{
	width: 742px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	border: 1px solid #000;
}

*html #homeCol{ float:none;} /* IE hack to stop strange repeating content */


#homeColLoansLeft{
	width: 532px;
	padding: 10px 0 10px 10px;
	_padding: 0 0 10px 10px;
	float: left;
}

#homeColLoansRight{
	width: 198px;
	padding: 10px 0 10px 10px;
	_padding: 0 0 10px 10px;
	float: left;
}

*html #homeColLoansRight { float:none;} /* IE hack to stop strange repeating content */

#homeAffiliateLink{
	width: 742px;
	height: 20px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
}

/*#homeColSteps{
	background-image: url(../../images/home/bg-3steps.gif);
	background-repeat: no-repeat;
	height: 150px;
	width: 178px;
	padding-left: 52px;
	padding-top: 54px;
	float: left;
}*/

#homeCol1{
	height: 120px;
	width: 230px;
	padding: 30px 0 0 10px;
	float: left;
}

#homeCol2{
	height: 145px;
	width: 257px;
	margin-left: 8px;
	float: left;
	text-align: justify;
}

#homeCol3{
	height: 125px;
	width: 230px;
	margin-left: 15px;
	margin-top: 10px;
	padding: 0px 0 0 10px;
	float: left;
}

/* --------- LEFT NAV --------- */

#leftNavTop
{
	background-image: url(../../images/common/bg-leftnav.gif);
	background-repeat: no-repeat;
	background-color: #e4f6db;
	margin-top: 16px;
	height: 66px;
	width: 160px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	text-align: left;
}

#leftNav
{
	background-color: #DDF6DB;
	width: 170px;
	padding-left: 10px;
	padding-top: 4px;
	text-align: left;
}

#leftNavBottom
{
	background-image: url(../../images/common/bg-leftnav-bottom.gif);
	background-repeat: no-repeat;
	background-color: #E4F6DB;
	height: 11px;
	width: 180px;
}


/* --------- FOOTER --------- */

#footer{
  background-image: url(/images/common/bg-footer.gif);
  background-repeat: no-repeat;
  height: 22px;
  width: 762px;
  text-align: left;
  margin-top: 10px;
}


#footerAffliate{
  height: 22px;
  width: 660px;
  text-align: left;
  padding: 10px 0 0 10px;
  float: left;
}

p.disclaimer a.wfsLink{
	text-decoration: none;
	color: #fff;
	font-size: 1em;
	}
	
p.disclaimer a:hover.wfsLink{
	text-decoration: underline;
	}

/* NEW HOMEPAGE STYLING */

/* ---- apply button ---- */	



div.button_ApplyHome {
	height: 80px;
	width: 220px;
	background: url("../../images/home/ApplyHome.gif");
	background-color: #fdce07;
	margin: 0 0 0 5px;
}

div.button_ApplyHome a {
	display: block;
	height: 80px;
	width: 220px;
	position: relative;
}

div.button_ApplyHome a:hover {
	visibility: visible; 
}

div.button_ApplyHome a span {
	background: url("../../images/home/ApplyHome.gif");
	position: absolute;
	height: 80px;
	width: 220px;
	cursor: hand; /* IE */
}


div.button_ApplyHome a:hover span {
	background: url("../../images/home/ApplyHome.gif") 0 -80px no-repeat;
}



#widecolumn {
	margin:0 0 0 6px;
	_margin-left: 5px;
	padding:0;
	height:411px;
	float:left;
	background: url('/images/home/home_box_lrg.gif') no-repeat top left;
}

#narrowcolumn {
	margin:0 8px 0 0;
	_margin-right: 3px;
	padding:0;
	float:right;
}
#widecolumn_box{
	margin:5px 15px auto 13px;
	padding:0;
	width:493px;
	
}
#widecolumn_box h2 {
	margin:0;
	width:493px;
	height:58px;	
	text-align:center;
	font-size:2.3em;
	line-height:60px;
	font-weight:bold;
	color:#fff200;
	overflow:hidden;
}

.narrowcolumn_box {
	margin:0;
	padding:0;
	width:220px;
	height:200px;
	overflow:hidden;
	background: url('/images/home/home_box_sml.gif') no-repeat top left;
}
.narrowcolumn_box_leftcol {
	margin:8px 0 0 15px;
	_margin-left:8px;
	padding:0;
	float:left;
}
.narrowcolumn_box_rightcol {
	margin:8px 9px 0 0;
	_margin-right:4px;
	padding:0;
	width:135px;
	float:right;
}
.narrowcolumn_box_leftcol ul, .narrowcolumn_box_leftcol li {
	margin:0;
	padding:0;
	_padding-left:0;
	color:#FF4000;
}
.narrowcolumn_box li {
	margin:5px 0 0 0;
	padding:4px 0 0 20px;
	list-style-type:none;
	display: inline-block;
	background: url('/images/home/tickbox.gif') no-repeat top left;
}
p.phone {
	margin:-8px 0 0 115px;
	padding:0;
	text-align:left;
	font-size:1.8em;
	font-weight:normal;
	color:#666;
}
p.blurb {
	margin:-5px 0 0 115px;
	padding:0;
	width:290px;
	height:40px;
	text-align:left;
	font-size:1em;
	font-weight:normal;
	color:#666;
}
#widecolumn_box h3 {
	margin:-10px 0 0 113px;
	padding:0;
	text-align:left;
	font-size:3.7em;
	font-stretch: ultra-condensed;
	font-weight:normal;
	color:#ff7f00;
}
.narrowcolumn_box img{
	margin:4px 0 0 0;
	}
#widecolumn_box img{
	margin:-4px 0 0 70px;
	}


.narrowcolumn_box p{
	margin:0 0 5px 0;
	padding:0;
	text-align:left;
	font-size:1em;
	font-weight:normal;
	color:#333;
}
.narrowcolumn_box h4{
	margin:15px 0 0 0;
	padding:0;
	width:130px;
	line-height:1em;
	text-align:left;
	font-size:1em;
	font-weight:bold;
}
.narrowcolumn_box_rightcol a.apply,
.narrowcolumn_box_rightcol a:hover.apply,
.narrowcolumn_box_rightcol a:visited.apply{
	text-decoration:none;
	color:#ff0000;
	font-size:1em;
	font-weight:bold;
}
.narrowcolumn_box h3 {
	margin:5px 0 0 0;
	padding:0;
	width:210px;
	height:28px;	
	float:left;
	text-align:center;
	line-height:28px;
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
	overflow:hidden;
}

h4.step1 {
color:#ff0000;
}
h4.step2 {
color:#ff7f00;
}
h4.step3 {
color:#00cc00;
}

.button_getquote a{
	margin: 8px auto; 
	padding:0;
	width: 320px;
	height: 82px;
	text-indent: -1000em;
	overflow: hidden;
	display: block;
	background: url('/images/home/button_getquote.gif') no-repeat top left;
	background-position: 0 0;
	}
.button_getquote a:hover{ 
	text-decoration: none;
	background-position: 0 -82px  ;
	}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

#dvdBox{
	background-image: url(/images/common/bg-dvd.gif);
	background-repeat: no-repeat;
	height: 357px;
	width: 454px;
	margin: 10px 0;
	padding: 15px;
}
