﻿#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:left;background:none;width:340px;padding-left:130px;}

/*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:35px;}

/* 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:40%;
	text-align:center;
	text-align:left;
	padding-left:35px;
    height:25px;
    margin-bottom:5px;	
}
.w_col2
{
    float:left;
	width:28%;
	text-align:center;
	text-align:left;
	padding-left:10px;
}
.w_col3
{
    float:left;
	width:3%;
	text-align:center;
	padding-top:3px;
}
.w_col4
{
    float:left;
	width:7%;
	text-align:center;
}

.ValuationContentFooter
{
    text-align:right;
    padding-bottom:4px;
    margin:30px 0px 50px 0px;
}

/******************** Make and Model *************************/

.mm_row
{
    clear:both;
}

.mm_col1
{
    float:left;
	width:20%;
	text-align:center;
	text-align:left;
	padding-left:20px;
    height:25px;
    margin-bottom:5px;	
}
.mm_col2
{
    float:left;
	width:46%;
	text-align:center;
	text-align:left;
	padding-left:10px;
}
.mm_col3
{
    float:left;
	width:3%;
	text-align:center;
	padding-top:3px;
}
.mm_col4
{
    float:left;
	width:7%;
	text-align:center;
}

.mm_colwide
{
    float:left;
	width:75%;
	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:58%;
	text-align:left;
	margin-right:10px;
}
.da_col2
{
    float:left;
	width:40%;
}

.da_col3
{
    float:left;
	width:49.6%;
	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: 100px;
	margin-bottom:10px;
	}

#da_Int_Condition
{
    border-width:2px; 
    border-style:solid; 
    border-color:Gray; 
    height: 100px;
    margin-bottom:10px;
}

.rbFormat label {min-width:35px;max-width:70px;display:inline-block;}

#da_Car_History {border:2px solid grey;height:90px;margin-bottom:15px;margin-top:-2px;}
#da_Car_History .header {border-bottom:2px solid grey;width:100%;}

.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:right;
    width: 8%;
    height:23px;    
    text-align:right;
    padding-right: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;
} 

/******************** 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:0 5px 0 0;
}
.vc_col2
{
    float:left;
	width:36%;
	margin:0;
	padding:0;
}
.vc_col3
{
    float:left;
	width:34%;
	margin:0;
	padding:0;
}

#vc_mktg_prefs
{
    height:105px;
    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;
}

/* remove borders from nested tables */
.ba_table .div_table .div_table
{
    border: 0;
}

.ba_div_table_row1
{
    clear: both;
    border: solid 1px #000000;
    height: 200px;
    padding: 5px;
}

.ba_div_table_row2
{
	border: solid 1px #000000;
	clear: both;
}

.ba_div_table_row2 .div_table_col49
{
	border-bottom: solid 1px #000000;
    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;
	padding: 5px;
    padding-left: 0px;
	padding-top: 10px;
    height: 30px;
}

.ba_div_table_row2 .div_table_col50
{
	border-bottom: solid 1px #000000;
	border-top: solid 1px #000000;
    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;
    padding: 5px;
    padding-left: 0px;
	padding-top: 10px;
    height: 30px;
     width: 55%;
}







/*.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');}
*/