/*#################################################################################################################*/
/*################################################### CONTENT.CSS #################################################*/
/*#################################################################################################################*/

html {background:#109f45 !important;}

blockquote {
	background: url(../images/quoteOpen.png) top left no-repeat;
	padding-left: 30px;
	font-size: 12px;
	margin-bottom: 15px;
}

blockquote span {
	background: url(../images/quoteClose.png) right bottom no-repeat;
	display: block;
	padding-right: 30px;
}

#boxRed ol {
	color: #01B048;
	font-size: 12px;
	font-weight: bold;
	margin-left: 25px;
}

#boxRed ol span {
	color: #333;
	font-weight: normal;
}

#boxRed ol li {
	margin-bottom: 3px;
}

#boxYel img {
	border: 0;
}

#boxYel p {
    Font-size:11px;
    width:245px;
    /*width:225px;*/
}

#colVid a {
	color: #01B048;
	text-decoration:none;
}

#colLeft a {
	color: #01B048;
	text-decoration:none;
}

#colLeft h4 {
	font-size: 12px;
	margin: 10px 0;
}

#colLeft p, #sellCar p, #colWide2 p
 {
	font-size:12px;
	line-height: 17px;	
	margin: 15px 0;
}

#colWide2 a {
	color: #01B048;
	text-decoration: none;
}

#boxYel a {
	color: #01B048;
	text-decoration: none;
}

#colLeft li {
	font-size: 12px;
	line-height: 14px;
	margin: 5px 25px;
}

#customers td {
	background: url(../images/customerBg2.jpg) top left no-repeat;
	font-size: 11px;
	min-height: 120px;
	padding: 0 10px 15px 10px;
	width: 460px;
	background-color:#cccccc;
}

#siteLinks a 
{
	color: #01B048;
}

.customerWrapper
{
	float:left; 
	width:460px; 
	padding:4 4 4 4;
}

.customerBackground
{
	background: url(../images/customerBg2.jpg) top left no-repeat; 
	font-size: 11px; 
	min-height: 120px; 
	padding: 1px 10px 15px 10px; 
	margin-right: 6px;
	width: 460px;
}

.customerImage {
	float: left;
	padding-top: 5px;
	width: 125px;
	margin-right:5px;
}

.customerImage img {
	border: 1px solid #019E40;
}

.customerPanel
{
	float: left;
	width: 150px;
	height: 109px;
}

.customerpanelTxt 
 {
	width:150px;
 }

.customerText 
{
	float: left;
	width: 315px;
	height: 109px;
}

.customerText2 
{
	margin-right: 5px;
	float: left;
	width: 430px;
	height: 109px;
}

#wbacfooter a {
	color: #666;
}

#wbacfooter p {
	color: #666;
	font-size:10px;
	margin-bottom: 10px;
}

#fourEasySteps ol {
	color: #008FD5;
	font-weight: bold;
}

#bluepanel ol {
	color: #008FD5;
	font-weight: bold;
	margin-left: 25px;
}

#fourEasySteps, bluepanel ol span {
	color: #333;
	font-weight: normal;
}

#fourEasySteps, bluepanel ol li {
	margin-bottom: 8px;
}

#fourEasySteps, bluepanel p {
}

.green {
	color: #01B048;
}

.colRightHeading {
	background: url(../images/fourEasyStepsTick2.png) top left no-repeat;
	font-weight: normal;
	height: 28px;
	/*margin-bottom: 5px;*/
	padding-left: 45px;
	padding-top: 8px;
	width: 240px;
	font-size:13px;
	color:#333;
	background-position: 5px -5px;
}

.colRightHeading2 {
	font-weight: normal;
	height: 28px;
	padding-left: 15px;
	padding-top: 0px;
	width: 218px;
	font-size:16px;
	color:#333;
}

.bulletpoints 
{
	MARGIN-LEFT: 10px;
}
	
.colRightHeading2 
{
	text-align:center;
	font-weight: normal;
	height: 18px;
	margin-bottom: 2px;
	font-size:13px;
	color:#333;
}

.blue {
	color: #008FD5;
	font-size: 12px;
	font-weight: bold;
}

.blue2 {
	color: #015079;
	font-size: 12px;
	font-weight: bold;
}


.blue3 {
	color: #015079;
	font-size: 11px;
	font-weight: bold;
}

h2.newsHeading {
	background: url(../images/newsHeading.png);
	height: 25px;
	margin-bottom: 14px;
	width: 218px;
}

h2.panelHeading {
	font-size: 15px;
	font-weight: normal;
	height: 25px;
	margin:0px 0px 14px 0px;
	padding-left: 3px;
	padding-top: 5px;
	padding-right: 0px;
}

h2.questionGroup {
	font-size: 16px;
}

h2.questionGroup a {
	display: block;
	background: url(../images/questionBg.jpg);
	color: #019E40;
	height: 28px;
	margin-top: 15px;
	padding: 12px 0 0 12px;
	width: 602px;
}


h3 {
	color: #01B048;
	font-size: 12px;
	margin: 15px 0;
}

.hidden {
	display: none;
}

.highlight {
	color: #01B048;
	font-weight: bold;
}

.highlightLarge {
	font-size: 18px;
	color: #01B048;
}

.links {
	clear: both;
	text-align: center;
}

.links a {
	color: #01B048;
	font-weight: bold;
	text-decoration:underline;
}

.links a:visited {
	color: #01B048;
	font-weight: bold;
	text-decoration:underline;
}

.links a:hover {
	color: #333333;
	font-weight: bold;
	text-decoration:underline;}

.links a:active {
    color: #01B048;
	font-weight: bold;
}

#links table td {
	padding-bottom: 10px;
}

.pdflinks {
	clear: both;
	text-align: center;
}

.pdflinks a {
	color: #008FD5;
	font-weight: bold;
	text-decoration:underline;
}

.pdflinks a:visited {
	color: #008FD5;
	font-weight: bold;
	text-decoration:underline;
}

.pdflinks a:hover {
	color: #008FD5;
	font-weight: bold;
	text-decoration:underline;}

.pdflinks a:active {
    color: #008FD5;
	font-weight: bold;
	text-decoration:underline;
	}

#pdflinks table td {
	padding-bottom: 10px;
}

.imglinks {
	clear: both;
	border:0;
	}

.imglinks a {
	border:0;
}

.imglinks a:visited {
	border:0;
}

.imglinks a:hover {

	border:0;
}

.imglinks a:active {
	border:0;
}


#map a {
	color: #01B048;
}

#map p {
	font-size: 11px;
	margin: 10px 0;
}

#mapDetails img {
	border: 1px solid #019E40;
}

.mapDot {
	height: 16px;
	position: absolute;
	width: 16px;
	z-index: 300;
}

.mapDot img {
	border: none;
}

#meet h2 {
	margin-bottom: 10px;
}

#meet p {
	margin-bottom: 15px;
	padding-right: 15px;
}

#meet A:link, A:visited, A:hover, A:active
{
    color:Black;
}

#meet img
{
    border:none;
}

#news p {
	font-size: 11px;
	line-height: 14px;
	margin: 5px 0;
}

.newsImage {
	clear: left;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	width: 75px;
}

.newsText {
	float: left;
	width: 136px;
}

#offers td {
	background: url(../images/offerBg.jpg) top left no-repeat;
	font-size: 9px;
	min-height: 120px;
	padding: 0 10px;
	width: 138px;
}

#valueInput input, #valueLargeInput input, #enterReg input.input {
	border: 1px solid #817A01;
	font-size: 12px;
	height: 14px;
	padding: 1px 2px;
	width: 116px;
	vertical-align: top;
}

#enterReg input.input {
	border: 1px solid #016529;
	margin: 0 2px;
}

#enterReg img {
	border: none;
	vertical-align: top;
}



#veriSign a {
	color: #01B048;
}

.underline a {
	color: #008FD5;
	font-weight: bold;
	text-decoration:underline;
}

.underline a:visited {
	color: #008FD5;
	font-weight: bold;
	text-decoration:underline;
}

.underline a:hover {
	color: #008FD5;
	font-weight: bold;
	text-decoration:underline;}

.underline a:active {
    color: #008FD5;
	font-weight: bold;
	text-decoration:underline;
	}
	
#pd4 a {
	color: #01B048;
	text-decoration:none;
}

#vidTrans p {
	padding-top:15px;
}

#vidTrans a {
	color: #01B048;
	text-decoration:none;
}

.branchThumb {border: solid 1px #666666; height:75px; width:100px;}



/*#################################################################################################################*/
/*################################################ EXTRA.CSS ######################################################*/
/*#################################################################################################################*/

#colWide3 a {
	color: #01B048;
}

#colWide3 h2 a {
	text-decoration: underline;
}

#colWide3 h4 {
	font-size: 12px;
	margin: 10px 0;
}

#colWide3 p {
	margin: 15px 0;
}

#colWide3 li {
	margin: 5px 25px;
}

.imghelp
{
    display: inline;
}

.VehicleInfo 
{
    font-weight:bold;
}

.VehicleInfoLp 
{
	font-size:11px;
    font-weight:bold;
}


.wbaclogo
{
    font-weight:bold;
}

.RegLookupBox
{
    width:120px;
}

#ConfirmationLinks 
{	clear: both;
	text-align: center;
}


/******************** Secure Section **************************/


#div_VehicleConfirmation
{
    margin-left:430px;
	width:350px;
	float:left;
	margin-bottom:20px;
}
    
#div_VehicleConfirmation p
{
    text-align:left;
}

#div_VehicleConfirmation input
{
    padding-right:10px;
}

#div_VehicleImage
{
	width:300px;
	float:left;
}
	




#ValuationContentFooter
{
    width: 100%;
    text-align:right;
    clear:both;
    margin-bottom:20px;
    height:50px;
    background-color:#cccccc;
}

/*layout changes for valuemycar.aspx*/

.lColVMC {float:left;background:none;width:300px !important;}
.rColVMC {float:right;background:none;width:340px;padding-right:10px;}

.imgFixVal {margin-right:20px;}

/*car image*/
.imgCar  {border:1px solid #01B048 !important;}
.imgText {font-style: italic; font-size:11px;text-align:center;}

/* yes this is my car button */
.btnValueMyCar {margin-left:-5px;}

/* yes this is my car button landing page */
.btnValueMyCarLp {margin:5px 0 5px 0;}

/* SSL logos shunt */
.shuntSSL {padding-top:90px;}

/* drop down and button shunt*/
#selectPlate {font-family: Arial, Helvetica, Sans-Serif; color: #01B048; font-size: 12px;font-weight: bold;background:none;width:300px;margin-left:40px;text-align:justify;}
.ddlPlate {margin-top:10px;}
.btnValueMyCar {margin-top:10px;}

/******************** vehicle details *************************/

.table
{
    margin-bottom:40px;
    clear:both;
}

.table p {
	margin: 0 ! important; 
} 
.row
{
    clear:both;
}
.top_col1
{
    float:left;
	width:40%;
	text-align:left;
	padding-left:35px;
    padding-bottom:40px;	
}
.top_col2
{
    float:left;
	width:35%;
	text-align:left;
	padding-left:10px;
}
.top_col3
{
    float:left;
	width:5%;
	text-align:center;
	
	margin-bottom:5px;
}
.top_col4
{
    float:left;
	width:20%;
	text-align:center;
}
.w_col1
{
    float:left;
	width:250px;
	text-align:left;
	padding-left:35px;
    height:25px;
    margin-bottom:5px;	
}
.w_col2
{
    float:left;
	width:300px;
	text-align:left;
	padding-left:10px;
}
.w_col3
{
    float:left;
	width:20px;
	text-align:center;
	padding-top:3px;
}
.w_col4
{
    float:left;
	width:50px;
	text-align:center;
}

.ValuationContentFooter
{
    text-align:right;
    padding-bottom:4px;
    margin:30px 0px 50px 0px;
}

/**/
#currentMOT input {margin-right:5px;}
#previousKeepers input {margin-right:5px;}

#serviceHistory {width:300px;margin-left:2px;}
#serviceHistory input {display:block;float:left;margin-right:5px;}
#serviceHistory label {display:block;float:left;width:130px;}

/******************** Make and Model *************************/

.mm_row
{
    clear:both;
}

.mm_col1
{
    float:left;
	width:150px;
	text-align:center;
	text-align:left;
	padding-left:20px;
    height:25px;
    margin-bottom:5px;	

}
.mm_col2
{
    float:left;
	width:330px;
	text-align:center;
	text-align:left;
	padding-left:10px;
}
.mm_col3
{
    float:left;
	width:20px;
	text-align:center;
	padding-top:3px;
	vertical-align:middle;
}
.mm_col4
{
    float:left;
	width:150px;
	text-align:left;
}

.mm_colwide
{
    float:left;
	text-align:center;
	padding-left:10px;
	text-align:left;
}



/******************** Damage Assesment *************************/
#div_DamageAssessment h3
{
    margin: 5px;
}

.da_table
{
    height:270px;
}
.da_row
{
    clear:both;
	margin:0;
	padding:0;
}
.da_col1
{
    float:left;
	width:100%;
	text-align:left;
	margin-right:10px;
}
.da_col2
{
    float:left;
	width:40%;
}

.da_col3
{
    float:left;
	text-align:left;
	margin-right:10px;
}
.da_col4
{
    float:left;
	width:49%;
	text-align:right;
}

#da_bodywork
{
    border-width:2px; 
    border-style:solid; 
    border-color:Gray; 
    height: 260px;
	margin-bottom:10px;}

#da_bodywork_condition
{
    width: 100%;
    border-width:2px;
    border-style:solid;
    border-color:Gray;
    min-height:260px;
	margin-bottom:10px;
	text-align:left;
}

#da_bodywork_condition_content
{
    padding: 5px;
    font-size:11px;
}


#da_Mech_Condition
{
    border-width:2px; 
    border-style:solid; 
    border-color:Gray; 
    height: 65px;
	margin-bottom:10px;
	width:938px;
	}

#da_Int_Condition
{
    border-width:2px; 
    border-style:solid; 
    border-color:Gray; 
    height: 65px;
    margin-bottom:10px;
}

.rbFormat label {min-width:35px;max-width:70px;display:inline-block;}

#da_Car_History {border:2px solid #808080;height:90px;margin-bottom:15px;margin-top:-2px;width:100%;}
#da_Car_History .header {border-bottom:2px solid grey;}

.da_box_header
{
    COLOR: white; 
    height:28px;
    /* border-bottom: solid 2px gray;*/
}

.da_box_header_title
{
    padding:0px;
    float:left;
    width: 90%;
    height:23px;
    text-align:left;
}

.da_box_header_help
{
    padding-top:4px;
    padding-bottom:1px;
    float:left;
    height:23px;    
    text-align:left;
    padding-left:5px;
}

.da_bodywork_col1
{
    float:left;
	width:70%;
	text-align:left;

}
.da_bodywork_col2
{
    float:right;
	width:29%;
	text-align:left;
}

.da_bodywork_condition_col1
{
    float:left;
	width:79%;
	text-align:left;

}
.da_bodywork_condition_col2
{
    float:left;
	width:15%;
	text-align:left;
	padding-right:5px;
}

.da_condition_col1
{
    float:left;
	width:13%;
	text-align:left;
	padding:10px;

}

.da_condition_col2
{
    float:left;
	width:74%;
	text-align:left;
	padding:10px;
} 

#mechanicalCondition {float:left;}
#mechanicalCondition input {margin:0px 5px 0px 15px;}

#interiorCondition {float:left;}
#interiorCondition input {margin:0px 5px 0px 15px;}


/******************** Valuation Complete *************************/

.vc_row
{
    clear:right;
	margin:0;
	padding:0;
	text-align:left;
	height:26px;
}
.vc_col1
{
    float:left;
	width:29%;
	text-align:right;
	margin:0;
	padding:0px 5px 0px 0px;
}
.vc_col2
{
    float:left;
	width:36%;
	margin:0;
	padding:0;
}
.vc_col3
{
    float:left;
	width:34%;
	margin:0;
	padding:0;
}

#vc_mktg_prefs
{
    height:75px;
    font-size:11px;
}

/******************** Quote Complete *************************/

#quote_complete_spacer
{
    height:114px;
}

#quote_manual_spacer
{
	height: 114px;
}

#admin_fee_spacer
{
	height: 50px;
}

#admin_noFee_spacer
{
	height: 114px;
}

#admin_fee
{
	font-style: italic;
	font-size: 12px;
}
/******************** Book Appointment ************************/

#ba_text
{
    clear: both;
}

.ba_table_titles
{
    font-weight: bold;
    font-size: 12px;
}

.ba_table .div_table
{
    border: solid 1px #000000;/*BOOK APP CTRL  BORDER*/
}

/* remove borders from nested tables */
.ba_table .div_table .div_table
{
    border: 0;
}

.ba_div_table_row1
{
    clear: both;
    border: solid 1px #000000;/*BOOK APP CTRL  BORDER*/
    height: 200px;
    padding: 5px;
}

.ba_div_table_row2
{
	border: solid 1px #000000;/*BOOK APP CTRL  BORDER*/
	clear: both;
}

.ba_div_table_row2 .div_table_col49
{
	border-bottom: solid 1px #000000;/*BOOK APP CTRL  BORDER*/
    height: 30px;
    padding: 5px;
    padding-top: 12px;
    padding-bottom: 3px;
    width: 55%;
}

.ba_div_table_row2 .div_table_col49 h3
{
	margin: 0pt;
}

.ba_div_table_row2 .div_table_col49b
{
	border-bottom: solid 1px #000000;/*BOOK APP CTRL  BORDER*/
	padding: 5px;
    padding-left: 0px;
	padding-top: 10px;
    height: 30px;
}

.div_table_col49b select {float:left;margin-right:10px;}

.ba_div_table_row2 .div_table_col50
{

	border-top: solid 1px #000000;/*BOOK APP CTRL  BORDER*/
    height: 30px;
    padding: 5px;
    padding-top: 12px;
    padding-bottom: 3px;
    width: 55%;

}

.ba_div_table_row2 .div_table_col50 h3
{
	margin: 0pt;
}

.ba_div_table_row2 .div_table_col50b
{
	border-top: solid 1px #000000;
/*BOOK APP CTRL BORDER*/
    padding: 5px;
    padding-left: 0px;
	padding-top: 10px;
    height: 30px;

}

.div_table_col51
{

    height: 30px;
    padding: 5px;
    padding-top: 12px;
    padding-bottom: 3px;
    width: 55%;
    float:left;
}

.div_table_col51 h3
{
	margin: 0pt;
}

.div_table_col51b 
{

    padding: 5px;
    padding-left: 0px;
	padding-top: 10px;
    height: 30px;
    width: 40%;
    float:left;
}


/*.ba_div_table_row2 .div_table_col50 div
{
    height:30px;
}*/

.table_nearest_site_menuon
{
	background-color: #01b048;
}

.table_nearest_site_menuon a
{
	color: White;
	text-decoration: none;
}

.mouseover
{
	background-color: #01b048;
	color: White;
	cursor: hand;
}

.mouseout
{
	background-color: #FFFFFF;
	color: Black;
	cursor: pointer;
}

.selected
{
	background-color: #01b048;
	color: White;
	cursor: hand;
}

.table_nearest_site_menuoff
{
	background-color: #FFFFFF;
}

.table_nearest_site_menuoff a
{
	color: Black;
	text-decoration: none;
}

.sites_list_box
{
	float: none;
	height: 100px;
	margin-top: 5px;
	width: 300px;
}

.datetextbox_style
{
	width: 80px;
}

.watermark_cssclass
{
    color: #C0C0C0;
    font-style: italic;
	width: 80px;
}

/******************** Appointment Booked **********************/

#appointment_booked_spacer
{
    height:372px;
}


/****************** Print Part Ex Certificate *****************/

#printpartexcertificate_content p
{
    text-align:justify
}



/************** The Car Locators - Car Details ****************/

.DropDownList
{
	width:230px;
}

.FullText
{
	width:725px;
	font-family:Arial,Helvetica, Sans-Serif;
	font-size:14px;
	
	}




/******************** Div Table Layouts ***********************/

.div_table
{
    margin: 0;
    border: 0;
    width:100%;
}

.div_table p
{
}

.div_table_row
{
    clear:both;
    border:0;
}

.div_table_row15
{
    clear:both;
    border:0;
    height:15px;
}

.div_table_row30
{
    clear:both;
    border:0;
    height:30px;
}


.div_table_col100
{
    float:left;
	width:100%;
}

.div_table_col99
{
    float:left;
	width:99%;
}

.div_table_col75
{
    float:left;
	width:75%;
}

.div_table_col74
{
    float:left;
	width:74%;
}

.div_table_col66
{
    float:left;
	width:66%;
}

.div_table_col60
{
    float:left;
	width:60%;
}

.div_table_col55
{
    float:left;
	width:55%;
}

.div_table_col50
{
    float:left;
	width:49%;
}

.div_table_col49
{
    float: left;
	width: 50%;
}

.div_table_col45
{
    float: left;
	width: 45%;
}

.div_table_col40
{
    float:left;
	width:40%;
}


.div_table_col39
{
    float:left;
	width:39%;
}

.div_table_col33
{
    float:left;
	width:248px;
}

.div_table_col25
{
    float:left;
	width:25%;
}

.div_table_col24
{
    float:left;
	width:24%;
}

.div_warning_col1
{
    float:left;
	text-align:left;
	width:27px;
	padding:2px 0 0 2px;
    height:25px;
    margin-bottom:25px;	
}

.div_warning_col2
{
    float:left;
    width:94%;
	text-align:left;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
    margin-bottom:25px;
}

.div_warning_col2 p
{
	padding-bottom:10px;
}


.div_warning_col2 a:link {
	color: #01B048;
	text-decoration:underline;
}

.div_warning_col2 a:visited {
	color: #01B048;
	text-decoration:underline;
}

.div_warning_col2 a:hover {
	color: #000000;
	text-decoration:underline;
	}

.div_warning_col2 a:active {
    color: #01B048;
	text-decoration:underline;
}
/****************** Optional Extras **********************/
.optionalextras table
{
    width: 100%;
    border-bottom-style:none;
    font-size: 12px;
    text-align:left;
}
.optionalextras td
{
    width: 1000px;
    height: 20px;
}

.optionalextras input
{
    margin-right:3px;
}

/****************** Callback Request ***********************/
#div_CallbackRequest div
{
}

div.div_table_row
{
    padding: 5px 0 0px 0;
}

/*************** About Us **********************/

.SiteDetails
{
    margin: 10px 0 10px 0;
    height:170px;
    font-size:11px;
}

.SiteDirections
{
    margin-bottom:5px;
    font-size:11px;
}

/**************** Site Map ***********************/

.links2 {
	clear: both;
	text-align: left;
}

a.links2:link {
	color: #01B048;
	text-decoration:underline;
}

a.links2:visited {
	color: #000000;
	text-decoration:underline;
}

a.links2:hover {
	color: #333333;
	text-decoration:underline;
	}

a.links2:active {
    color: #01B048;
	text-decoration:underline;
}


a.links3:link {
	text-decoration:underline;
}

a.links3:visited {
	text-decoration:underline;
}

a.links3:hover {
	text-decoration:underline;
	}

a.links3:active {
	text-decoration:underline;
}

a.links4:link 
{
    color: #333333;
	text-decoration:none;
}

a.links4:visited {
    color: #333333;
	text-decoration:none;
}

a.links4:hover {
    color: #333333;
	text-decoration:none;
}

a.links4:active {
    color: #333333;
	text-decoration:none;
}

.PreloadPic 
{
    display:none;
}

.regtext
{
    font-size:18px;
    font-weight:bold;
}

.textarea 
{
	font-family:arial;
	font-size:12px;
	width:250px;
}

.textareaComp 
{
	font-family:arial;
	font-size:12px;
	width:330px;
}

/*Mobile Money Dropdowns*/

.dayDD {
	font-family:arial;
	font-size:12px;
	width:60px;
	padding:0px;
}

.monthDD {
	font-family:arial;
	font-size:12px;
	width:110px;
	padding:0px;
}

.yearDD {
	font-family:arial;
	font-size:12px;
	width:70px;
	padding:0px;
}

/***************** Control Map Pop Up Behaviour - About us ****************/

    /* Hide all Site Tabs Except Leeds (div5) */
    #div5 { position: absolute; top: 0; left: 15px;}
	#div1, #div2, #div3, #div4, #div6, #div7, #div8, #div9, #div10, #div11, #div12, #div13, #div15, #div16, #div17, #div18, #div19, #div20, #div21, #div22, #div23, #div24, #div25, #div26, #div27, #div28, #div29, #div30, #div31, #div32, #div33 { position: absolute; top: 0; left: 15px; visibility:hidden }





/* ############################## 0-10 Scale - Customer Feedback ############################### */
.scaleHolder {margin:auto;margin-bottom:40px;cursor:pointer;}

.scale0 div, .scale0 div {display:block;width:48px;height:49px;background:url('../images/scale/scale0.png');}
.scale0 div:hover {background:url('../images/scale/scale0-hover.png');}
.scale0Sel div, .scale0Sel div  {display:block;width:48px;height:49px;background:url('../images/scale/scale0-hover.png');}

.scale1 div, .scale1 div {display:block;width:46px;height:49px;background:url('../images/scale/scale1.png');}
.scale1 div:hover {background:url('../images/scale/scale1-hover.png');}
.scale1Sel div, .scale1Sel div  {display:block;width:46px;height:49px;background:url('../images/scale/scale1-hover.png');}

.scale2 div, .scale2 div {display:block;width:47px;height:49px;background:url('../images/scale/scale2.png');}
.scale2 div:hover {background:url('../images/scale/scale2-hover.png');}
.scale2Sel div, .scale2Sel div  {display:block;width:47px;height:49px;background:url('../images/scale/scale2-hover.png');}

.scale3 div, .scale3 div {display:block;width:46px;height:49px;background:url('../images/scale/scale3.png');}
.scale3 div:hover {background:url('../images/scale/scale3-hover.png');}
.scale3Sel div, .scale3Sel div  {display:block;width:46px;height:49px;background:url('../images/scale/scale3-hover.png');}

.scale4 div, .scale4 div {display:block;width:48px;height:49px;background:url('../images/scale/scale4.png');}
.scale4 div:hover {background:url('../images/scale/scale4-hover.png');}
.scale4Sel div, .scale4Sel div  {display:block;width:48px;height:49px;background:url('../images/scale/scale4-hover.png');}

.scale5 div, .scale5 div {display:block;width:47px;height:49px;background:url('../images/scale/scale5.png');}
.scale5 div:hover {background:url('../images/scale/scale5-hover.png');}
.scale5Sel div, .scale5Sel div  {display:block;width:47px;height:49px;background:url('../images/scale/scale5-hover.png');}

.scale6 div, .scale6 div {display:block;width:47px;height:49px;background:url('../images/scale/scale6.png');}
.scale6 div:hover {background:url('../images/scale/scale6-hover.png');}
.scale6Sel div, .scale6Sel div  {display:block;width:47px;height:49px;background:url('../images/scale/scale6-hover.png');}

.scale7 div, .scale7 div {display:block;width:45px;height:49px;background:url('../images/scale/scale7.png');}
.scale7 div:hover {background:url('../images/scale/scale7-hover.png');}
.scale7Sel div, .scale7Sel div  {display:block;width:45px;height:49px;background:url('../images/scale/scale7-hover.png');}

.scale8 div, .scale8 div {display:block;width:48px;height:49px;background:url('../images/scale/scale8.png');}
.scale8 div:hover {background:url('../images/scale/scale8-hover.png');}
.scale8Sel div, .scale8Sel div  {display:block;width:48px;height:49px;background:url('../images/scale/scale8-hover.png');}

.scale9 div, .scale9 div {display:block;width:46px;height:49px;background:url('../images/scale/scale9.png');}
.scale9 div:hover {background:url('../images/scale/scale9-hover.png');}
.scale9Sel div, .scale9Sel div  {display:block;width:46px;height:49px;background:url('../images/scale/scale9-hover.png');}

.scale10 div, .scale10 div {display:block;width:51px;height:49px;background:url('../images/scale/scale10.png');}
.scale10 div:hover {background:url('../images/scale/scale10-hover.png');}
.scale10Sel div, .scale10Sel div  {display:block;width:51px;height:49px;background:url('../images/scale/scale10-hover.png');}

.red {color:Red;}

/*
.scale0 div, .scale0 div {display:block;width:48px;height:49px;background:url('../images/scale/scale0.png');}
.scale0 div:hover {background:url('../images/scale/scale0-hover.png');}
.scale0Sel div, .scale0Sel div  {display:block;width:48px;height:49px;background:url('../images/scale/scale0-hover.png');}
*/

/*#################################################################################################################*/
/*################################################# LAYOUT.CSS ####################################################*/
/*#################################################################################################################*/

* {
	margin: 0;
	padding: 0;
}

/*this fixes issue of vertical scrollbar shunting page (rc-09/09/09)*/
html {overflow-y:scroll;}

#banner {
	height: 60px;
	/*left: 295px;*/
	left: 352px;
	position: absolute;
	top: 15px;
	width: 632px;
	text-align: right;
	display:none;
}

.blueBg {
	background: url(../images/blueBg2.jpg) top no-repeat;
}

body {
	background: url(../images/bg.gif);
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin:0px;
	padding:0px;
}

#boxPur 
{
	float:left;
	background: url(../images/boxBgPur.png) top left no-repeat;
	margin-right: 14px;
	min-height: 170px;
	padding: 6px 10px 10px 10px;
	/*width: 225px;*/
	width: 276px;
}

#boxPurNew 
{
	float:left;
	background: url(../images/boxBgPurpNew.png) top left no-repeat;
	margin-right: 14px;
	min-height: 274px;
	padding: 6px 10px 10px 10px;
	/*width: 225px;*/
	width: 276px;
}

.postcodeTxt{
border:solid 1px white;
width:115px;
font-size:11px;
padding:2px;
font-weight:bold;
}

#boxRed {
	background: url(../images/boxBgRed.png) top left no-repeat;
	float: left;
	margin-right: 14px;
	min-height: 170px;
	padding: 6px 10px 10px 10px;
	/*width: 225px;*/
	width: 191px;
}

#boxYel {
	background: url(../images/boxBgYel.png) top left no-repeat;
	float: left;
	margin-right: 14px;
	min-height: 170px;
	padding: 6px 10px 10px 10px;
	/*width: 225px;*/
	width: 191px;
}

#boxBlue {
	background: url(../images/boxBgBlue.png) top left no-repeat;
	float: left;
	margin-right: 8px;
	min-height: 170px;
	padding: 6px 10px 10px 10px;
	/*width: 225px;*/
	width: 191px;
}

#boxBlue .icon {width:30px;height:30px;}

#boxPur
{
	font-size:10px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {
	clear: both;
}

.floatLeft
{
	float: left;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#colLeft {
	float: left;
	min-height:478px;height:auto !important;height:478px;
	padding: 0px 15px 0px 0px;
	width: 605px;
}

#colLeft2 {
	min-height:478px;height:auto !important;height:478px;
	padding: 15px 0;
	width: 497px;
}

#colRight {
	float: left;
	margin-left: 8px;
	/*width: 245px;*/
	width: 355px;
	font-size:10px;
	height:290px;
}

#colRightSite {
	float: left;
	margin-left: 8px;
	/*width: 245px;*/
	width: 355px;
	font-size:10px;
	height:670px;
}

/*this should be a class not an ID declaration! - RC*/
#paddingLeft{
padding-left:10px;
}

.paddingLeft{
padding-left:10px;
}

#colWidefooter {
margin:0px;
height:300px;
}

#colWidefooterLp {
margin:0px;
height:300px;
padding:20px 0 0 0;
}

#spacerLp{
margin:0px;
height:5px;
width:98%;
border-top: solid 1px #cccccc;
padding:0;
}

#colWide, #colWide4, #colWideFord {
	margin:0px;
}

#colWideSite {
	margin:0px;
	width:980px;
	float:none;
}

#colWide2 {
	background: url(../images/colWideBg.jpg) top center no-repeat;
	clear: both;
	padding: 10px 15px 10px 15px;
	/*width: 775px;*/
	width: 943px;

}
#colWide, #colWide4, #colWideFord {
	min-height:470px;height:auto !important;height:470px;
}
#colWide2 {min-height:396px;height:auto !important;height:396px;}
 

#colInner {padding:0px 20px 0px 20px;}

#colWide3 {
	background: url(../images/colWideBg-lp.jpg) top center no-repeat;
	padding: 15px;
	width: 570px;
}

.colWide3 {
	background: url(../images/colWideBg-lp.jpg) top center no-repeat;
	padding: 15px;
	width: 570px;
}

.colWide3Mid {
	background: url(../images/colWideBg-lp.jpg) top center no-repeat;
	padding: 15px;
	width: 570px;
	height:330px;
}

.colWide3High {
	background: url(../images/colWideBg-lp.jpg) top center no-repeat;
	padding: 15px;
	width: 570px;
	height:450px;
}

#colWide2 img {
	padding: 0px;
}

#colWide2.a
{
	text-decoration:underline;
}

#colWide2.a:visited
{
	text-decoration:underline;
}

#colWide2.a:hover 
{
	text-decoration:underline;
}

#colWide2.a:active 
{
	text-decoration:underline;
}


#wbaccontainer {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 1000px;
	background: url(../images/pageBg.gif) center repeat-y;
	/*width: 780px;*/
}

#wbacbgimg {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 1000px;
	background: url(../images/pageBg.gif) center repeat-y;
	/*width: 780px;*/
}

#skyBanner
{
	padding-left: 10px;
	padding-top: 114px;
	width: 120px;
	float: left;
	background-color: #cccccc;	
}

#contentWrapper {
	padding: 119px 0px 0px 13px;
	width: 985px;
	/*width: 810px;*/
	/*width: 750px;*/
}

#contentWrapper h1
{
    color:#01B048;
    font-size:25px;
}

#contentWrapper h2
{
    color:#01B048;
    font-size:20px;
}

#contentWrapper h3
{
    color:#01B048;
    font-size:15px;
}

#contentWrapper h4
{
    color:#333;
    font-size:12px;
}
#enterReg {
	text-align: center;

}

#enterReg input, #enterReg img {
    padding-top:4px;
}

#ConfirmPlate input, select
{
        margin-right: 5px;
        padding-top:2px;
        float:left;
        font-size:small;
} 
.questionItem {
	display: none;
}

.questionList {
	/*display: none;*/
	display: block; /* set to display block so first level is shown when hitting FAQ page*/
}

.questionListInner {
	padding: 0 12px;
}

#wbacfooter {
	background: url(../images/footerBg.gif) top center;
		background-repeat:no-repeat !important;
	clear: both;
	padding-top: 7px;
	text-align: center;
	width: 1000px;
	height:60px;
	margin-top:20px;
}

#fourEasySteps {
	background: url(../images/blueBg2_new.jpg) top left no-repeat;
	font-size:12px;
	min-height: 195px;
	margin-top: 15px;
	padding: 15px 15px 5px 5px;
}

#googlemaps {
	background: url(../images/blueBg2_new.jpg) top left no-repeat;
	font-size:12px;
	min-height: 195px;
	margin-top: 5px;
	padding: 15px 15px 5px 5px;
	width:330px;
}

#Bluepanel {
	background: url(../images/4EasyStepsBg.jpg) top left no-repeat;
	font-size:12px;
	min-height: 195px;
	padding: 15px 5px 0px 5px;
	margin-top:20px;
	display:inline-block;
}

#Bluepanel2 {
	background: url(../images/blueBg3.jpg) top left no-repeat;
	font-size:12px;
	min-height: 195px;
	margin-top: 15px;
	padding: 15px 15px 5px 5px;
}

#SiteBg
{
	background: url(../images/siteBg-new.jpg) top left no-repeat;
	font-size: 12px;
	color: White;
	margin-top: 15px;
	margin-left: 2px;
	margin-bottom: 0px;
	padding: 10px 25px 5px 15px;
	width: 320px;
	height:190px;
}

#SiteBg h2
{
	color: white;
	font-size: 14px;
}

#SiteBg h3
{
	color: white;
	font-size: 14px;
	margin-top: 4px;
	margin-bottom: 1px;
}

.SiteBgTxt {
color:white;
font-size:12px;
margin: 0 0 5px 0;
}

#siteImg{
width:170px;
float:left;
}


#SiteBgOpeningTimes 
{
	float:left;
	height:110px;
}

#SiteBgContacts {position:relative;top:-10px;}
#SiteBgContacts img {vertical-align:middle;margin-right:4px;}

#siteHeader{
width:320px;
padding:0 0 5px 0px;
}


#siteInfo{
width:150px;
float:left;
}

.sImgBorder{
border:solid 1px white;
}

#links {
	/*background: url(../images/linksBg.jpg) top left no-repeat;*/
	font-size: 12px;
	margin-top: 15px;
	padding: 15px;
}

#logo {
	height: 60px;
	left: 15px;
	position: absolute;
	top: 14px;
	width: 255px;
}

#map {
	margin-top: 15px;
}

/*#meet {
margin-top:50px;
}*/

#mapLinks {
	float: left;
	height: 275px;
	position: relative;
	width: 170px;
	border-right: solid 1px #cccccc;
}

#mapImage {
	float: left;
	height: 275px;
	position: relative;
	width: 230px;
	z-index: 10;
	border-right: solid 1px #cccccc;
}

#mapDetails {
	float: left;
	min-height: 275px;
	position: relative;
	width: 190px;
}

.noneClass{
width:120px;
padding:0px;
margin:0px;
float:right;
background-color:#cccccc;
}

#wbacnav {
	border-bottom: 5px solid #019E40;
	height: 24px;
	left: 15px;
	line-height: normal;
	position: absolute;
	top: 90px;
	width: 970px;
}

#news {
	background: url(../images/blueBg2.jpg) top left no-repeat;
	min-height: 225px;
	padding: 23px 15px 5px 5px;
}

.topMargin {
	margin-top: 180px;
}

#valueMyCar, #valueMyCarBlue {
	background: url(../images/valueMyCar_big.jpg) top left no-repeat;
	height: 195px;
	left: 630px;
	position: absolute;
	top: 114px;
	/*width: 255px;*/
	width: 356px;
	z-index: 100;
}

#valueMyCarBlue {
	background-image: url(../images/valueMyCar_big.jpg);
}

#valueArrow {
	background: url(../images/valueArrow.png) top left no-repeat;
	height: 8px;
	left: 6px;
	position: absolute;
	top: 97px;
	width: 10px;
}

#valueMyCarInner {
	height: 195px;
	position: relative;
	width: 255px;
}

#valueInput {
	height: 18px;
	left: 40px;
	position: absolute;
	top: 92px;
	width: 165px;
}

#valueInstructions {
	left: 40px;
	font-weight:bold;
	position: absolute;
	top: 95px;
	width: 285px;
	font-size:12px;
	/*width: 229px;*/
}

#valueSelect {
	left: 18px;
	position: absolute;
	top: 162px;
	width: 285px;
	text-align: center;
	font-size:12px;
}

#valueSelect a {
	color: #333;
	font-weight:bold;
}

#valueSubmit {
	height: 18px;
	left: 214px;
	position: absolute;
	top: 94px;
	width: 105px;
}

#socialLinks {position:absolute;top:145px;left:5px;}
#socialLinks img {border:none;}

#socialLinks2 {}
#socialLinks2 img {border:none;}

#valueMyCarLarge {
	background: url(../images/valueMyCarSmall.jpg) top left no-repeat;
	height: 99px;
	left: -5px;
	position: relative;
	width: 399px;
	margin: auto;
	z-index:0;
}

#valueLargeInput {
	height: 18px;
	left: 35px;
	position: absolute;
	top: 55px;
	width: 120px;
	z-index: 50;
}

#valueLargeInstructions {
	left: 18px;
	position: absolute;
	top: 33px;
	width: 370px;
}

#valueLargeSelect {
	left: 18px;
	position: absolute;
	text-align: center;
	top: 85px;
	width: 461px;
	z-index: 30;
}

#valueLargeSelect a {
	color: #333;
}

#valueLargeSubmit {
	height: 18px;
	left: 162px;
	position: absolute;
	top: 56px;
	width: 105px;
}

#veriSign {
	margin: 0px auto 20px auto;
	width: 264px;
}

#valueHeading {
	padding-top: 15px;
	padding-left:10px;
	padding-right:10px;
	height: 47px;
	width: 950px;
}

#valueHeading h1 {
	float: left;
	height: 32px;
	width: 600px;
}

#valueSteps {
	float: right;

	width: 196px;
}

.player {
width:260px;
height:175px;
padding:0px 0px 0px 0px;
margin:0;
float:none;
}

.imgSplash{
border: solid 1px #01B048;
}

#vidHr {
height:270px; 
width:435px; 
border:solid 1px #17AC50; 
margin-right:20px;
}

#vidHrTest {
height:360px; 
width:420px; 
border:solid 1px #17AC50; 
margin-right:20px;
}

.playerDiv {
width:290px;
height:190px;
margin:0px;
padding:5px 0px 10px 0px;
text-align:center;
vertical-align:middle; 
}

.playerCont 
{
background: url(../images/customerBg2.jpg) top left no-repeat;
width:470px;
min-height: 340px;
padding: 0 10px 15px 10px;
vertical-align:top;
float:left;
}

#playerContHr 
{
background: url(../images/questionBg.jpg) top left no-repeat;
width:605px;
min-height: 520px;
padding: 0 10px 15px 10px;
vertical-align:top;
float:left;
margin-top:20px;
}

.playerContBot
{
background: url(../images/customerBg2.jpg) top left no-repeat;
width:470px;
height: 400px;
padding: 0 10px 15px 10px;
vertical-align:top;
float:left;
}

#videoThumbs {
background: url(../images/blueBg2_new.JPG) top left no-repeat;
width:330px;
height: 200px;
padding: 20px 10px 15px 10px;
vertical-align:top;
top:195px;
position:relative;
margin-right:10px;
float:right;
}

.vidDiv {
width:150px;
padding:5px 5px 5px 5px;
float:left;
text-align:center;
}

/*.HelpWindowTop
{
    width: 300px;
    height: 10px;
    background-image: url(../Assets/Images/HelpTop2.gif);
    background-repeat: no-repeat;
}

.HelpWindowContent
{
    width:300px;
    height: 10px;
    background-image: url(../Assets/Images/HelpRepeat2.gif);
    background-repeat: repeat-y;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.HelpWindowContent p
{
    width: 280px;
    font-family: Verdana;
    font-size: 12px;
}

.HelpWindowBottom
{
    width: 300px;
    height: 10px;
    background-image: url(../Assets/Images/HelpBottom3.gif);
    background-repeat: repeat-y;
} */

.formDiv 
{
/*background: url(../images/questionBg.jpg) top left no-repeat;*/
width:605px;
min-height: 320px;
padding: 0 10px 15px 10px;
vertical-align:top;
float:left;
margin-top:20px;
text-align:center;
}

/*Site Locator*/

#slDiv 
{
background: url(../images/depotPanel.png) top left no-repeat;
padding:20px 0 10px 0;
width:584px;
height:125px;
margin:25px 5px 5px 0;
}

#slTbDiv{
padding:10px 0 10px 20px;
width:160px;
height:75px;
float:left;
}

#slBtDiv{
padding:12px 0 10px 0;
width:150px;
height:75px;
float:left;
}

#slVDiv{
padding:12px 0 10px 0;
width:150px;
height:75px;
float:left;
}

#slrDiv {
padding:0 0 10px 0;
width:580px;
}

#slsDiv {
background: url(../images/depotBg.jpg) top left no-repeat;
width:584px;
height: 120px;
padding: 0 10px 15px 10px;
vertical-align:top;
float:left;
margin:5px 5px 5px 0;
}

#imgRDiv {
width: 100px;
height:90px;
padding:0 5px 0 10px;
float:left;
}

#hdrRDiv {
width:584px;
padding:0 0 0 0;
margin:0;
float:left;
}

#contentRDiv {
width:280px;
padding:0 0 5px 20px;
margin:0;
float:left;
}

#gmDiv {
width:140px;
padding:0 0 5px 5px;
margin:0;
float:left;
}

#tiDiv {
float:left;
text-align:left;
width:270px;
}

#miDiv {
float:right;
text-align:left;
width:170px;
padding:0 0 0 20px;
}

#dDiv {
height:50px;
width:140px;
text-align:left;
}

#gDiv {
width:140px;
text-align:left;
padding:10px 0 0 0;
}

.greyImg {
border:solid 1px #999999;
}

/*set position of opt-out checkbox (rc-09/09/09)*/
.positionChkBox {position:relative;top:2px;left:0px;}

/*set width of question and message field in contact us form (rc-09/09/09)*/
#contactForm select {width:310px;}
#contactForm .field {width:135px;}
#contactForm .wide {width:310px;}
#contactForm textarea {width:310px;height:80px;}
#contactForm span {position:absolute;margin-left:5px;}/*this fixes the horizontal stacking of error messages*/

/* div overlay and inner styling for overlay warnings (rc-10/09/09)*/
.overlayMsg {width:770px;height:165px;border:solid 2px #01B048;position:absolute;float:left;top:200px;left:28px;background:#fff;}
.overlayMsg * {font-size:12px;}
.overlayMsg .bar {width:770px;background:#01B048;height:20px;}
.overlayMsg .closeLink {float:right;text-align:right;margin:2px 5px 2px 5px;}
.overlayMsg .div_warning_col1 {margin-top:6px;padding-left:5px;}
.overlayMsg .div_warning_col2 {margin-top:6px;padding-left:10px;}
.overlayMsg a:link,.overlayMsg a:visited,.overlayMsg a:hover {color: #01B048;font-weight:bold;text-decoration:none;}

/* general fix for the horizontal stacking of error messages (rc-11/09/09)*/
.errorMsg {position:absolute;/*display:block !important;visibility:visible !important;*/}




.posFix {position:relative;top:4px;}

.submitRegCol {background:url('../images/submit.png') no-repeat;border:none;width:105px;height:18px;cursor:pointer;}


#valueMyCarLp {
	background: url(../images/valueMyCar_big-lp.jpg) top left no-repeat;
	height: 250px;
	left: 630px;
	position: absolute;
	top: 181px;
	/*width: 255px;*/
	width: 356px;
	z-index: 100;
}

#valueHeadingLp {
	padding-top: 15px;
	height: 47px;
	width: 970px;
}

#valueHeadingLp h1 {
	float: left;
	height: 32px;
	width: 750px;
}

#valueStepsLp {
	float: right;

	width: 196px;
	padding-right:0px;
}

#valueStepsLp ul {
	list-style: none;
}

#valueStepsLp ul li {
	float: left;
	margin-left: 8px;
}

#vehicleDetailsLp{
width:600px;
height:250px;
padding:0;
margin:0;
}

#vehicleImgLp {
width:320px;
float:left;
}

#vehicleTxtLp {
width:250px;
float:left;
padding:0px 5px 0 5px;
margin:0px;
font-size:11px;
vertical-align:top;
height:250px;
}

.submitRegCol {background:url('../images/submit.png') no-repeat;border:none;width:105px;height:18px;cursor:pointer;}

p.lp {margin:10px 0px 10px 0px;}

p.lp a:link, p.lp a:visited {color:#20b14d !important;}
p.lp a:hover {color:#000000;}

#ajaxLoading {position:absolute;float:left;/*left:305px*/left:385px;top:250px;background:#fff;width:200px;padding:20px 10px 10px 10px;border:1px solid #20b14d;text-align:center;z-index:1;}


/* testimonials on homepage */
#testimonial .image {text-align: center; margin-bottom: 5px;}
#testimonial .image img {border: 1px solid #019E40; width:125px; height:94px;}
#testimonial .content {margin-bottom: 5px; text-align:center; width:190px;background:#ffffff !important;}
#testimonial .name {text-align: center; color: #333333; padding-bottom: 5px; padding-top:10px;background:#ffffff !important;}
#testimonial .moreFeedback {width:200px;text-align:center;margin-top:10px;}
#elementTestimonial { position: relative; overflow: hidden; width: 200px; height: 215px; background: none;}
.element_item {z-index:1;display: block;position: absolute; top: 0px; left: 0px; background:none;}
.topOThePile {z-index:10000 !important;}
/*end testimonials on homepage*/

/*Ringtone Page*/

#phone1{
width:200px;
height:160px;
float:left;
background-image:url(../images/phoneBg1.png);
background-repeat:no-repeat;
padding:5px 0 0 0;
margin:0px;
}

#phone2{
width:200px;
height:160px;
float:left;
background-image:url(../images/phoneBg2.png);
background-repeat:no-repeat;
padding:5px 0 0 0;
margin:0px;
}

#phone3{
width:200px;
height:160px;
float:left;
background-image:url(../images/phoneBg3.png);
background-repeat:no-repeat;
padding:5px 0px 0px 0px;
margin:0px;
}

#downloadButton{
width:200px;
height:36px;
float:left;
padding: 0px 0px 0px 1px;
}

.phoneTxt{
font-size:11px;
color:#666666;
margin:0px;
padding:12px 10px 0px 70px;
}

.branchDirectory {width:950px !important;padding-bottom:20px !important;}
.branchDirectory ul {color:Green;}
.branchDirectoryCol {width:315px;float:left;}

/*#################################################################################################################*/
/*################################################ NAV.CSS ########################################################*/
/*#################################################################################################################*/

#wbacnav ul {
	list-style: none;
}

#wbacnav ul li {
	background: url(../images/tabRight.gif) top right no-repeat;
	float: left;
	margin-right: 5px;
}

#wbacnav ul li a {
	background: url(../images/tabLeft.gif) top left no-repeat;
	color: #707070;
	display: block;
	font-weight: bold;
	height: 18px;
	padding: 6px 7px 0 7px;
	text-align: center;
	text-decoration: none;
	font-size:11px;
}

#wbacnav ul li a:hover {
	color: #333;
}

#wbacnav ul li.active {
	background: url(../images/tabRightActive.gif) top right no-repeat;
}

#wbacnav ul li.active a {
	background: url(../images/tabLeftActive.gif) top left no-repeat;
	color: #fff;
}

#wbacnav ul li.highlightTab {
	background: url(../images/tabRightHighlight.gif) top right no-repeat;
}

#wbacnav ul li.highlightTab a {
	background: url(../images/tabLeftHighlight.gif) top left no-repeat;
}


/* shift when navigation is hidden  */

.navShift {margin-top:-55px;}


/*#################################################################################################################*/
/*################################################ KNOWLEDGEBASE.CSS ##############################################*/
/*#################################################################################################################*/

#Knowledgebase {margin-bottom:20px;}
#Knowledgebase h4 {color:#01B048;}

#Knowledgebase #full {background:url('../images/kb_backL.jpg') no-repeat;padding:2px 0px 0px 20px;height:114px;color:#fff;float:left;width:590px;height:190px;}
#Knowledgebase #full h3 {margin-bottom:12px !important;}
#Knowledgebase #full input {width:432px;}
#Knowledgebase #full .button {width:60px;height:20px;position:relative;top:1px;background:white;font-weight:bold;line-height:14px;}

#Knowledgebase #full h3 {margin-bottom:8px;}
#Knowledgebase #full select {width:497px;margin-top:2px;}


/*#Knowledgebase #search {background:url('../images/kb_back.jpg') no-repeat;padding:10px 0px 0px 20px;height:114px;color:#fff;float:left;width:282px;}
#Knowledgebase #search h3 {margin-bottom:12px !important;}
#Knowledgebase #search input {width:182px;}
#Knowledgebase #search .button {width:60px;height:20px;position:relative;top:1px;background:white;font-weight:bold;line-height:14px;}

#Knowledgebase #options {background:url('../images/kb_back.jpg') no-repeat;padding:10px 0px 0px 20px;height:114px;color:#fff;float:left;width:282px;}
#Knowledgebase #options h3 {margin-bottom:8px;}
#Knowledgebase #options select {width:247px;margin-top:2px;}*/

#Knowledgebase #form td {padding:2px;}
#Knowledgebase #form textarea {width:200px;height:80px;font-family:Arial;}
#Knowledgebase #form .fieldName {vertical-align:top;width:200px;}
#Knowledgebase #form .fieldInput {vertical-align:top;}
#Knowledgebase #form span {position:absolute;margin-left:5px;}/*this fixes the horizontal stacking of error messages*/

#Knowledgebase .button {}
#Knowledgebase .clear {clear:both;height:1px;}
#Knowledgebase .linkButton * {font-size:14px !important;margin-bottom:0px;}
#Knowledgebase .linkButton a {font-size:14px !important;margin-bottom:0px;}
#Knowledgebase .highlight {background:#dfeda7 !important;}
#Knowledgebase .field {font-weight:bold;}
#Knowledgebase .txtSearch {padding-left:3px;}
#Knowledgebase .result {margin-bottom:20px;}

#ctl00_MasterContent_pnlMobileMoney {height:0px;display:none;visibility:hidden;}



/*#################################################################################################################*/
/*################################################ SIFR REPLACEMENT  ##############################################*/
/*#################################################################################################################*/

#valueHeading h1 {font-family:arial rounded MT bold,arial !important;font-weight:normal !important;margin:0px 0px 0px 0px !important;padding:0px !important;font-size:23px !important;letter-spacing:-1px;}
#valueHeadingLp h1 {font-family:arial rounded MT bold,arial !important;font-weight:normal !important;margin:0px 0px 0px 0px !important;padding:0px !important;font-size:23px !important;letter-spacing:-1px;}

#colVid h1 {font-family:arial rounded MT bold,arial !important;font-weight:normal !important;margin:5px 0px 5px 0px !important;padding:0px !important;font-size:23px !important;letter-spacing:-1px;}
#colVid h2 {font-family:arial rounded MT bold,arial !important;font-weight:normal !important;margin:5px 0px 5px 0px !important;padding:0px !important;font-size:20px !important;letter-spacing:-1px;}
#vidTrans h2 {font-family:arial rounded MT bold,arial !important;font-weight:normal !important;margin:10px 0px 0px 0px !important;padding:0px !important;font-size:20px !important;letter-spacing:-1px;}
.playerCont h2, .playerContBot h2 {font-family:arial rounded MT bold,arial !important;font-weight:normal !important;margin:5px 0px 0px 0px !important;padding:0px !important;font-size:20px !important;letter-spacing:-1px;}

#colLeft h1 {font-family:arial rounded MT bold,arial !important;font-weight:normal !important;margin:8px 0px 0px 0px !important;padding:0px !important;font-size:25px !important;height:20px;letter-spacing:-1px;}
#colLeft h2 {font-family:arial rounded MT bold,arial !important;font-weight:normal !important;margin:10px 0px 0px 0px !important;padding:0px !important;font-size:22px !important;height:14px;letter-spacing:-1px;}
#colLeft h3 {font-family:arial rounded MT bold,arial !important;font-weight:normal !important;margin:5px 0px 5px 5px !important;letter-spacing:-1px;font-size:18px !important;}
/*site profile wrapping fix*/
#colLeft h4 {font-family:arial rounded MT bold,arial !important;font-weight:normal !important;margin:15px 0px 0px 0px !important;padding:0px !important;font-size:20px !important;height:14px;letter-spacing:-1px;color: #019E40;}
#colLeft .questionList h4 {font-size:14px !important;}

#colWide h1, #colWide2 h1 {font-family:arial rounded MT bold,arial !important;font-weight:normal !important;margin:8px 0px 0px 0px !important;padding:0px 0px 10px 0px !important;font-size:25px !important;height:20px;letter-spacing:-1px;}
#colWide h2 {font-family:arial rounded MT bold,arial !important;font-weight:normal !important;color:#666;letter-spacing:-1px;font-size:18px !important;}
#colWide2 h2 {font-family:arial rounded MT bold,arial !important;font-weight:normal !important;letter-spacing:-1px;font-size:20px !important;}



/*#################################################################################################################*/
/*################################################ Customer Feedback  ##############################################*/
/*#################################################################################################################*/

#CustomerFeedback #colLeft {width:100% !important;min-height:500px;height:auto !important;height:500px;}
#CustomerFeedback textarea {width:600px;height:150px;}
#CustomerFeedback .globalButton {width:60px;height:20px;position:relative;top:1px;background:#01B048;color:#fff;font-weight:bold;line-height:14px;margin-top:20px;}

/*#################################################################################################################*/
/*################################################ Redirecting Page ##############################################*/
/*#################################################################################################################*/

#Redirecting {width:600px;margin:auto;text-align:center;margin-top:100px;margin-bottom:100px;}
.wbavBlue {color:#007dc3 !important;}
.black {color:#000;}

/*#################################################################################################################*/
/*################################################  Branch Locator  ##############################################*/
/*#################################################################################################################*/

.nCase {text-transform:none;}
.uCase {text-transform:uppercase;}
.branchItem {background:url('../images/branch_bg.jpg') no-repeat;width:980px;height:175px;}
.branchName {float:left;margin-left:16px;background:none;}
.branchDistance {float:right;margin-right:24px;background:none;}
.branchImage {float:left;margin-left:20px;width:100px;background:none;border:2px ridge #009f40;}
.branchImage img {}
.branchAddress {float:left;margin-left:20px;width:200px;background:none;}
.branchInfo {float:left;margin-left:50px;width:550px;}

.blCol {float:left;width:300px;}
.brCol {float:left;}
.brCol table td {border-color:#ddd !Important;padding-left:2px;padding-right:2px;}
.branchInfo .element {width:275px;float:left;display:block;}
.branchInfo .elementWide {width:550px;float:left;}

.branchInfo img {vertical-align:middle;border:none;margin-right:4px;}
.branchInfo a:link, .branchInfo a:visited {color:#009f40;}
.branchInfo a:hover {color:#000;}


/*#################################################################################################################*/
/*################################################  Quote complete   ##############################################*/
/*#################################################################################################################*/

#quoteComplete {min-height:400px;height:auto !important;height:400px;}

#quoteDetails {background:url('../images/branch_bg.jpg') no-repeat;width:940px;height:135px;padding:20px 20px 20px 20px;}
#quoteDetails h2 {font-size:12pt !important;}
#quoteDetails p {margin-top:25px;font-size:14px;}
#branchDetails {background:url('../images/branch_bg.jpg') no-repeat;width:980px;height:175px;}
#branchTimes {height:130px;}
.btnAppointmentNew {float:right;margin-right:-20px;}



/* New button classes */

.ubtnBack {float:left;}
.ubtnSubmit {background:url('../images/btn_submit.jpg') no-repeat;height:22px;width:59px;border:none;margin:0px;padding:0px;}
.ubtnBookAppointment {background:url('../images/btn_bookappointment.jpg') no-repeat;height:90px;width:400px;border:none;margin:0px;padding:0px;}


/* Cheque graphic */

#cheque {background:url('../images/cheque.jpg') no-repeat;width:806px;margin:auto;height:278px;}
#cheque * {padding:0px;margin:0px;font-family:arial;font-weight:bold;font-style:italic;font-size:13pt;}

#date {position:relative;top:20px;left:665px;}
#pay {position:relative;top:77px;left:65px;}
#amountVal {position:relative;top:51px;left:655px;font-size:16pt}
#amountText {position:relative;top:63px;left:65px;height:50px;line-height:30px;width:490px;}	
#amountText2 {position:relative;top:76px;left:65px;}			
#reference {position:relative;top:89px;left:260px;}

/* Cheque graphic Bigger */

#chequeB {background:url('../images/chequeB2.jpg') no-repeat;width:911px;margin:auto;height:246px;}
#chequeB * {padding:0px;margin:0px;font-family:arial;font-weight:bold;font-style:italic;font-size:13pt;}

#dateB {position:relative;top:20px;left:760px;}
#payB {position:relative;top:77px;left:65px;}
#amountValB {position:relative;top:42px;left:765px;font-size:16pt}
#amountTextB {position:relative;top:60px;left:65px;height:50px;line-height:30px;width:560px;}	
#amountText2B {position:relative;top:72px;left:65px;}			
#referenceB {position:relative;top:51px;left:260px;}


/* Step process indicator */
h2.step {
	background: url(../images/step.gif);
	float: left;
	height: 25px;
	width: 36px;
	margin-top:8px;
}
#stepIcons {display:inline-table;vertical-align:bottom;margin-left:10px;}
#stepIcons img {padding-left:5px;}
#valueSteps ul {list-style: none;}
#valueSteps ul li {float: left;margin-left:8px;}


/* siteviewinfo */

#siteViewInfo {margin-left:45px;margin-top:-56px;z-index:1;position:relative;width:410px;background:url('../images/siteviewer.jpg') no-repeat;color:#fff;}
#siteViewInfo a {color:#fff !important;text-decoration:underline;}
.vpImgHolder {border:1px solid #fff;width:150px;height:100px;margin-top:-20px;position:relative;}
.vpImgHolderBlank {width:150px;height:100px;margin-top:-20px;position:relative;}


/* general styling classes (rc-11/09/2009)*/

.uCase {text-transform:uppercase;}
.lCase {text-transform:lowercase;}
.clear {clear:both;}
.floatL {float:left;}
.floatR {float:right;}
.centre {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline !important;}
.valignTop * {vertical-align:top;}




/* new footer added to masterpage - keeping other stylesheet seperate in case of naming conflicts*/
/* had to make some changes to this for it work in master page*/
	#footer {background:url('../images/footer_tile.jpg') repeat-x;min-height:300px;height:auto !important;height:390px;font-family:arial rounded mt bold, arial;color:#fff;}
	#nav {padding:20px 10px 20px 10px;color:#fff;text-align:left;}
	#nav a {font-size:12pt;color:#fff;}
	#col_1 {float:left;width:326px;}
	#col_2 {float:left;width:326px;}
	#col_3 {float:left;width:326px;}
	.navItem {width:300px;height:50px;background:none;}
	.navItem img {vertical-align:middle;margin-right:3px;}
	.navItem p {font-family:arial !important;font-size:8pt;}
	.inner {width:1024px;margin:auto;}
	
	#footNote {font-size:12pt;margin-top:0px;text-align:center;}