/*******************************
*** Global tag specification ***
*******************************/
body {
  background-color: #00a73f;
  margin:0px;
  font-family: Tahoma, sans-serif;
  font-size:11px;
  color:#333333;
}

body.white {
  background-color: #ffffff;
  margin:0px;
  font-family: Tahoma, sans-serif;
  font-size:11px;
  color:#333333;
}

a{text-decoration:underline; font: 11px Tahoma, sans-serif; color:#666666} 
a:hover {text-decoration:underline; font: 11px Tahoma, sans-serif; color:#00a73f;}

.whiteHome {
  font-family: Tahoma, sans-serif;
  font-size:11px;
  color:#FFFFFF;
}

a:link.whiteHome {text-decoration:underline; font: 11px Tahoma, sans-serif; color:#FFFFFF} 
a:visited.whiteHome {text-decoration:underline; font: 11px Tahoma, sans-serif; color:#FFFFFF}
a:active.whiteHome {text-decoration:underline; font: 11px Tahoma, sans-serif; color:#FFFFFF}
a:hover.whiteHome {text-decoration:underline; font: 11px Tahoma, sans-serif; color:#FFFF00;}

.hidden{ display:none;}
p{
  font-size: 11px;
  font-weight: normal;
  color:#333333;
  margin: 0;
  padding-bottom: 4px;
}
hr { border:0;
	border-bottom:1px solid #c2e1b3;
	height:1px;}

h1{
  font-family: Myriad, Tahoma, sans-serif;
  font-size: 24px;
  font-weight: bold;
  color:#00a73f;
  margin: 0;
  padding-bottom: 4px;
  
}

h1.green{
  font-family: Myriad, Tahoma, sans-serif;
  font-size: 24px;
  font-weight: normal;
  color:#00a73f;
  margin: 0;
  padding: 0;
  
}

h1.homeSubHead{
  font-family: Myriad, Tahoma, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color:#00a73f;
  margin: 0;
  padding: 0 0 5px 0;
  
}

h2{
  font-size: 16px;
  font-weight: bold;
  color:#e66424;
  margin: 0;
  padding-bottom: 4px;
}

h2.homeSubHead {
	font-size: 12px;
}

h2.green{
  font-size: 16px;
  font-weight: normal;
  color:#00a73f;
  padding-bottom: 6px;
  padding-top: 6px;
}

h2.red{
  font-size: 14px;
  font-weight: normal;
  color:#f10000;
  margin: 0;
}

h2.white{
  font-size: 14px;
  font-weight: normal;
  color:#ffffff;
  margin: 0;
}

h3{
  font-size: 12px;
  font-weight: bold;
  color:#333333;
  margin: 0;
  padding-bottom: 4px;
}

h4{
  font-size: 12px;
  font-weight: bold;
  color:#00a73f;
  margin: 0;
  padding-bottom: 4px;
}

h4.homeSubHead {
  font-size: 11px;
  font-weight: bold;
  color:#00a73f;
  margin: 0;
}

a:link.h4 {text-decoration:underline; font: 12px Tahoma, sans-serif; font-weight: bold; color:##00a73f} 
a:visited.h4 {text-decoration:underline; font: 12px Tahoma, sans-serif; font-weight: bold; color:#00a73f}
a:active.h4 {text-decoration:underline; font: 12px Tahoma, sans-serif; font-weight: bold; color:#00a73f}
a:hover.h4 {text-decoration:none; font: 12px Tahoma, sans-serif; font-weight: bold; color:#00a73f;}

a:link.greenLarge {text-decoration:underline; font: 13px Tahoma, sans-serif; color:#009933} 
a:visited.greenLarge {text-decoration:underline; font: 13px Tahoma, sans-serif; color:#009933}
a:active.greenLarge {text-decoration:underline; font: 13px Tahoma, sans-serif; color:#009933}
a:hover.greenLarge {text-decoration:none; font: 13px Tahoma, sans-serif; color:#009933;}


h4.white{
  font-size: 12px;
  font-weight: bold;
  color:#ffffff;
  margin: 0;
  padding-bottom: 0px;
}


/* home page banner */

.bannerPlate08{
	width: 224px;
	height: 112px;
	position: relative;
	font-size: 1.5em;
	color: #FFF;
	background-color:#e36324;
}

.bannerPlate08 span{
	width: 224px;
	height: 112px;
	position: absolute;
	background: url(/images/home/bannerPlate08.gif) left top no-repeat;
}

.bannerAPR{
	width: 224px;
	height: 100px;
	position: relative;
	font-size: 1.5em;
	color: #FFF;
	background-color:#1bac52;
}

.bannerAPR span{
	width: 224px;
	height: 100px;
	position: absolute;
	background: url(/images/home/bannerAPR.gif) left top no-repeat;
}


/**************
*** Classes ***
**************/

/* Postcode styles */
.postcodeTop{ 
	background:url(/images/map/postcodeTop.gif) no-repeat;
	height:10px;
	_margin-bottom:-3px;
	}
.postcode{ 
	background-color:#ddf6db;
	border-left:2px solid #009b1f;
	border-right:2px solid #009b1f;
	padding:0 6px;
	}
.postcode h2{
	font-size:1em;
	}
.postcode input.postcodeFind{
	background:url(/images/map/postcodeFind.gif) no-repeat;
	color:#fff;
	font-weight:bold;
	border:none;
	width:50px;
	height:20px;
	padding-bottom:2px;
	font-size:1em;
	}
.postcodeBot{ 
	background:url(/images/map/postcodeBot.gif) no-repeat;
	height:10px;
	}
.postcodeResults h3 a{ 
	font-weight:bold;
	color:#009b1f;
	}
.postcodeResults h3 a:hover{
	text-decoration:none;
	color:#333;
	}
.postcodeResults span{ float:right; font-weight:bold;}

/* Branch help box */
.branchHelp h2{ 
	background:url('/images/map/branch_help.gif') no-repeat;
	height:45px;
	}
.branchHelp h2 span{ display:none;}
.sub{
  font-size: 10px;
  font-weight: normal;
  color:#666666;
}

/* Loan page styles */
.loanBox{
	background:url(/images/common/loanBoxBot.gif) bottom no-repeat #ed1c24;
	margin:0 18px;
	_margin:0 8px;
	padding-bottom:14px; 
	width:726px;
	float:left;
	clear:both;
	}
.loanBox .top{ 
	background:url(/images/common/loanBoxTop.gif) top no-repeat;
	height:10px;
	}
.loanBox p, .loanBox ul li, .loanBox p a{
	color:#fff !important;
	font-weight:bold !important;
	font-size:13px !important;
	}
 .loanBox p a:hover{
 	text-decoration:none;
	}
.loanBox p{ 
	text-align:center;
	width:210px;
	margin:0 auto;
	}
.loanBox ul{ margin-top:4px;}
.loanBox ul li{ 
	margin:0 60px 0 60px;
	}
.loanBox .car, .loanBox .loan{ 
	width:320px; 
	float:left; 
	min-height:400px;
	height:auto;
	_height:400px;
	}

.loanBox .car h1, .loanBox .loan h1{ 
	height:100px; 
	}
.loanBox .car h2 a, .loanBox .loan h2{ 
	height:100px; 
	display:block;
	}
.loanBox .car{
	 background:url(/images/common/goBack.gif) top no-repeat;
	 margin:0 0 0 40px;
	 _margin:0 0 0 20px;
	 }
.loanBox .loan{
	background:url(/images/common/goForward.gif) top no-repeat;
	margin:0 40px 0 0;
	_margin:0 20px 0 0;
	}
.carBox{
	background:url(/images/common/carRow.jpg) top no-repeat;
	height:160px;
	width:726px;
	margin:10px 18px 0 18px;
	_margin:10px 8px 0 8px;
	float:left;
	}
.carBox p { 
	width:260px;
	height:50px;
	margin:90px auto 0 auto;
	padding:10px 20px;
	text-align:center;
	background:url(/images/common/greenBanner.gif) no-repeat;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	}



.disclaimer{
  font-size: 9px;
  font-weight: normal;
  color:#ffffff;
}

.red{
  font-weight: normal;
  color:#F10000;
}

.redLarge{
  font-size: 13px;
  font-weight: bold;
  color:#F10000;
}

.greenLarge{
  font-size: 13px;
  font-weight: normal;
  color:#009933;
}

.white{
  font-size: 10px;
  font-weight: normal;
  color:#ffffff;
  margin: 0;
  padding-bottom: 4px;
}

.whiteLarge{
  font-size: 13px;
  font-weight: bold;
  color:#FFFFFF;
  margin: 0;
}

.whiteLarge2{
  font-size: 15px;
  font-weight: bold;
  color:#FFFFFF;
  margin: 0;
}

.whiteVeryLarge{
  font-size: 26px;
  font-weight: bold;
  color:#FFFFFF;
  margin: 0;
}


hr.large{
  height: 1px;
  width: 700px;
  color:#00a73f;
  margin: 0;
  padding: 0px;
}

table.car {
  border: none;
  padding: 0;
  margin: 0;
  background-color: #DDF6DB;
  width: 130px;
}

table.car tr {
  border: none;
  padding: 0;
  margin: 0;
}

table.car td {
  border-collapse: collapse; 
  padding: 2px;
  margin: 0;
  background-color: #ffffff;
}


/* --------- TOP NAV --------- */

ul.nav{
  margin: 0px;
  padding: 0 0 0 1px;
  list-style: none;
}

ul.nav li{
  text-align: center;
  list-style: none;
  float: left;
  border-right: 2px solid #fff;
}

ul.nav a {
	display: block;
	position: relative;
	}

li.nav{
  /*width: 108px;*/
  width: 110px;
  padding: 9px 0 13px 0;
  background: url(/images/common/bg-nav.gif) no-repeat -1px -3px #16af4d;
}

li.nav2{
  width: 95px;
  padding: 3px 0 5px 0;
  background-color: #16af4d;
}

li.nav3{
  width: 95px;
  padding: 3px 0 5px 0;
  background-color: #16af4d;
}

li.nav4{
  width: 94px;
  padding: 3px 0 5px 0;
  background-color: #16af4d;  
}

li.nav5{
  width: 110px;
  padding: 3px 0 5px 0;
  background-color: #16af4d;  
}

li.nav6{
  width: 110px;
  padding: 3px 0 5px 0;
  background-color: #16af4d; 
}

li.nav7{
  width: 95px;
  padding: 3px 0 5px 0;
  background-color: #16af4d; 
}

li.nav8{
  width: 87px;
  padding: 9px 0 13px 0;
  background: url(/images/common/bg-nav.gif) no-repeat -672px -3px;
}

a:link.nav {text-decoration:none; font: 12px Tahoma, sans-serif; font-weight: bold; color:#FFFFFF} 
a:visited.nav {text-decoration:none; font: 12px Tahoma, sans-serif; font-weight: bold; color:#FFFFFF}
a:active.nav {text-decoration:none; font: 12px Tahoma, sans-serif; font-weight: bold; color:#FFFFFF}
a:hover.nav {text-decoration:none; font: 12px Tahoma, sans-serif; font-weight: bold; color:#FFFF00;}


/* --------- LEFT NAV --------- */

#topNavText{
  padding: 6px;
}

ul.leftNav{
  margin: 0px;
  padding: 0px;
  list-style: none;
}

li.leftNav{
	margin: 0px;
	padding-top: 2px;
	background-image: url(../../images/common/line-leftnav.gif);
	background-repeat: no-repeat;
}

a:link.leftNav {text-decoration:none; font: 11px Tahoma, sans-serif; color:#00a73f} 
a:visited.leftNav {text-decoration:none; font: 11px Tahoma, sans-serif; color:#00a73f}
a:active.leftNav {text-decoration:none; font: 11px Tahoma, sans-serif; color:#00a73f}
a:hover.leftNav {text-decoration:underline; font: 11px Tahoma, sans-serif; color:#00a73f;}


/* --------- CURVED BOXES --------- */

.bl {background: url(/images/box/bl.gif) 0 100% no-repeat #FFffff; width: 100%}
.br {background: url(/images/box/br.gif) 100% 100% no-repeat}
.tl {background: url(/images/box/tl.gif) 0 0 no-repeat}
.tr {background: url(/images/box/tr.gif) 100% 0 no-repeat; padding:10px}

.bl-header {background: url(/images/box/bl-header.gif) 0 100% no-repeat #FFffff; width: 100%}
.br-header {background: url(/images/box/br-header.gif) 100% 100% no-repeat}
.tl-header {background: url(/images/box/tl-header.gif) 0 0 no-repeat}
.tr-header {background: url(/images/box/tr-header.gif) 100% 0 no-repeat; padding:10px}

.bl-green {background: url(/images/box/bl-green.gif) 0 100% no-repeat #e4f6db; width: 100%}
.br-green {background: url(/images/box/br-green.gif) 100% 100% no-repeat}
.tl-green {background: url(/images/box/tl-green.gif) 0 0 no-repeat}
.tr-green {background: url(/images/box/tr-green.gif) 100% 0 no-repeat; padding:10px}

.bl-header-green {background: url(/images/box/bl-header-green.gif) 0 100% no-repeat #e4f6db; width: 100%}
.br-header-green {background: url(/images/box/br-header-green.gif) 100% 100% no-repeat}
.tl-header-green {background: url(/images/box/tl-header-green.gif) 0 0 no-repeat}
.tr-header-green {background: url(/images/box/tr-header-green.gif) 100% 0 no-repeat; padding:10px}

/* --------- BULLETS --------- */

ul.tick{
  margin: 0 1em;
  padding-left: 0.5em;
}

html>body ul.tick{
  padding-left: 2em;
  margin: 0;
}

li.tick{
	list-style-image: url(/images/common/bullet-tick.gif);
	color: #00a73f;
	margin: 0;
	padding-bottom: 4px;
	padding-left: 5px;
}

html>body li.tick{
        padding-left: 0;
}

ul.tick2{
  margin: 0 1em;
  padding-left: 0.5em;
}

html>body ul.tick2{
  padding-left: 2em;
  margin: 0;
}

li.tick2{
	list-style-image: url(/images/common/bullet-tick2.gif);
	color: #333333;
	margin: 0;
	padding-bottom: 4px;
	padding-left: 5px;
}

html>body li.tick2{
        padding-left: 0;
}


/* --------- BULLETS --------- */

ul.dot{
  margin: 0px;
  list-style-type: none;
  padding: 0;
}

ul.dot li{
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 14px;
	background: transparent url(/images/common/bullet-footer3.gif) no-repeat scroll 0 5px;
}


ul.footer{
  margin: 0px;
  list-style-type: none;
  padding: 0;
  margin-left: 1em;
}

li.footer{
    margin: 0px;
    padding-top: 2px;
    padding-right: 15px;
    padding-left: 10px;
    background: transparent url(/images/common/bullet-footer.gif) no-repeat scroll 0 5px;    
    float: left;
}

a:link.footer {text-decoration:none; font: 9px Tahoma, sans-serif; color:#FFFFFF} 
a:visited.footer {text-decoration:none; font: 9px Tahoma, sans-serif; color:#FFFFFF}
a:active.footer {text-decoration:none; font: 9px Tahoma, sans-serif; color:#FFFFFF}
a:hover.footer {text-decoration:none; font: 9px Tahoma, sans-serif; color:#FFFF00;}


ul.footerLinks{	
	margin: 0px;
	list-style-type: none;
	padding: 0;
	margin-left: 1em;
}

li.footerLinks {
	margin: 0px;
    padding-top: 2px;
    padding-right: 15px;
    padding-left: 10px;
    background: transparent url(/images/common/bullet-footerLinks.gif) no-repeat scroll 0 5px;    
    float: left;
}

a:link.footerLinks {text-decoration:none; font: 10px Tahoma, sans-serif; color:#fff} 
a:visited.footerLinks {text-decoration:none; font: 10px Tahoma, sans-serif; color:#fff}
a:active.footerLinks {text-decoration:none; font: 10px Tahoma, sans-serif; color:#ffff00}
a:hover.footerLinks {text-decoration:none; font: 10px Tahoma, sans-serif; color:#ffff00;}


/* My Mechanic questionnaire*/


label.comments{
	width:250px; 
	display:block; 
	float:left;
	font-weight:bold;
	}
label.question{
	width:170px; 
	font-weight:bold;
	color:#000;
	float:left;
	margin-right:10px;
	font-size:1.6em;
	}
label.question span{
	display:block;
	margin-left:16px;
	margin-top:-20px;
	font-size:0.6em;
	color:#00a73f;
	}
select{
	font-size:10px;
	}
textarea{
	width:390px;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.formWrapper{
	background-color:#eee;
	border:1px solid #ccc;
	float:left;
	}
fieldset{
	border:none;
	}
.formWrapper table tr td{
	border-top:solid 1px #ccc;
	}
.labelWrapper{ 
	border-bottom:dashed 1px #999; 
	padding:10px;
	float:left;
	width:660px;
	}
.submitWrapper{ 
	padding:10px 10px 0 10px; 
	text-align:center;
	float:left;
	}
.submitWrapper input.send{ 	
	background:url(/images/map/postcodeFind.gif) no-repeat;
	border:none;
	font-weight:bold;
	color:#fff;
	font-size:11px;
	width:50px;
	height:20px;
	float:right;
	}
img.mechanicBanner{
	margin:10px 0 0 50px;
	}

.largerText {
	margin: 0 30px;
	}

.largerText h2 {
	padding: 6px 0;
	color:#00a73f;
	}
	
.largerText h3 {
	margin: 10px 0;
	color:#00a73f;
	font-size: 1.3em;
	}
	
.largerText p {
	font-size: 1.3em;
	margin: 5px 0;
	}
	
.largerText p.large {
	font-size: 1.4em;
	}
	
.largerText a {
	font-size: 1em;
	}
	
.largerText a:hover {
	font-size: 1em;
	}

.largerText ul {
	padding: 0 0 0 15px;
	}
	
.largerText ul li {
	font-size: 1.3em;
	margin: 0 0 10px 0;
	}

.largerText ul.faqs {
	list-style: none;
	margin-bottom: 30px;
	}
	
.largerText ul.faqs li {
	background: url(/images/common/green-bullet.gif) no-repeat left 6px;
	padding-left: 15px;
	}