@charset "utf-8";

/* CSS Document */

*{ 

	margin:0;

	padding:0;

	}

body{

	font-size:1em;

	background: url(../images/body_bkg.jpg) repeat-x;

	font-family:Arial, Helvetica, sans-serif;

}

.left {

	float:left;

	}

.right {

	float:right;

}

.clearer {

	clear:both;

	}

#container {

	width: 978px;

	margin: 0 auto;

	background:url(../images/midtop_bkg.jpg) #ffffff no-repeat 0 128px;

}



/*-------- START HEADER ----------

*/



#container #header {

	background-image: url(../images/header_bkg.jpg);

	height:128px;

	padding: 0 8px 0 10px;

}

#container #header img{

	display:block;

	float:left;

	margin: 0 0 0 5px;

	border: none;

}

#container #header ul {

	font-size: 12px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	float: right;

	clear:right;

	margin-top: 66px;

	padding-top: 22px;

	width: 510px;

}

#container #header li {

	float: left;

	list-style-type: none;

	margin: 0 2px;

}

#container #header ul li a {

	color: #FFFFFF;

	background:#484848;

	padding: 12px 0 0 0;

	width: 95px;

	height: 26px;

	border: 1px solid #666666;

	border-bottom:none;

	display:block;

	text-align:center;

	text-decoration: none;

}

#container #header ul li a:hover {

	color: #FFFFFF;

	background:#717171;

	border: 1px solid #999999;

	border-bottom:none;

}

#container #header #header_service {

	background: url(../images/header_phone.jpg) no-repeat 0 20px;

	padding: 17px 40px 0 20px;

	float: right;

	color:#cccccc;

	font-size: 14px;

	font-weight:bold;

	height: 50px;

}

#container #header #header_service .number {

	font-size: 18px;

	font-weight:bold;

}



/*-------- END HEADER ----------

*/



#container #contentholder {

	width: 958px;

	border-left: 1px solid #686868;

	border-right: 1px solid #686868;

	margin: 0 8px 0 10px;

	padding: 50px 0 20px 0;

}

#footer {

	background:#d7d7dd;

	border: 1px solid #686868;

	border-top: none;

	margin: 0 8px 0 10px;

	padding: 10px 5px;

	text-align:center;

}

#footer p{

	font-size:70%;

	color:#373753;

	font-weight:bold;

}

#footer p .normal{

	font-weight: normal;

}

#disclosure {

	margin: 10px auto;

	width: 978px;

}

#disclosure p{

	margin: 0 0 7px 0;

	text-align:center;

	font-size:70%;

	color:#000000;

}

#disclosure a{

	color:#000000;

}

#disclosure a:hover{

	color:#666666;

}



#container #contentholder #content {

	width: 535px;

	padding: 0 5px 0 20px;

	float:left;

}

#container #contentholder #sidebar{

	width: 361px;

	float:right;

	padding: 0 20px 0 15px;

}

#container #contentholder #content h1 {

	font-size:90%;

	color:#373753;

	font-weight:bold;

	margin: 15px 0 7px 0;

}

#container #contentholder #content h1.pagehead {

	font-size:130%;

	color:#373753;

	font-weight:bold;

	margin: 20px 0 15px 0;

}

#container #contentholder #content h2 {

	font-size:80%;

	color:#373753;

	font-weight:bold;

}

#container #contentholder #content h3 {

	font-size:80%;

	color:#000000;

	font-weight:bold;

}

#container #contentholder #content p {

	font-size: 80%;

	color:#666666;

	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

	margin: 7px 0;

}

#container #contentholder #content p.opener {

	font-size: 80%;

	margin: 0 15px 0 20px;

	}

#container #contentholder #content ul{

	font-size: 80%;

	color:#666666;

	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

	margin: 0px 0 7px 20px;

}

#container #contentholder #content li{

	margin: 4px 0;

	list-style-type:none;

	background:  url(../images/home_li.jpg) no-repeat left top;

	padding-left: 10px;

}

#container #contentholder #content .hightlightbox {

	float: left;

	width: 260px;

	margin: 10px 0;

}

#container #contentholder #content .hightlightbox#leftbox {

	background:url(../images/home_keys.jpg) no-repeat bottom right;

	padding-bottom: 15px;

}

#container #contentholder #content .hightlightbox img{

	display:block;

	margin: 0 auto;

	border:none;

}



#container #contentholder #sidebar #quotebox  {

	width: 361px;

}

#container #contentholder #sidebar .bkg {

	background: url(../images/quotebox_bkg.jpg) repeat-y;

}

#container #contentholder #sidebar .bkg .bot {

	background: url(../images/quotebox_foot.jpg) no-repeat bottom center;

}

#container #contentholder #sidebar #quotebox .bkg .bot .top {

	background: url(../images/quotebox_head.jpg) no-repeat top center;

	padding:22px 10px 30px 15px;

}

#container #contentholder #sidebar #quotebox h2{

	color: #fff;

	height: 18px;

	width: 200px;

	padding: 10px 0 8px 0;

	font-size: 14px;

	text-transform:uppercase;

	font-style: italic;

	text-align:center;

	margin-bottom: 10px;

}

#container #contentholder #sidebar #paymentbox  {

	width: 361px;

	margin: 10px 0 0 0;

}

#container #contentholder #sidebar #paymentbox .bkg .bot .top {

	background: url(../images/box_head.jpg) no-repeat top center;

	padding:4px 10px 30px 15px;

}

#container #contentholder #sidebar #paymentbox h1{

	color: #fff;

	height: 18px;

	width: 200px;

	padding: 10px 0 8px 0;

	font-size: 14px;

	text-transform:uppercase;

	font-style: italic;

	text-align:center;

	margin-bottom: 10px;

}

#container #contentholder #sidebar #paymentbox h2{

	color: #373753;

	font-size: 70%;

	font-weight:bold;

	margin: 7px 15px;

}

#container #contentholder #sidebar #paymentbox p{

	color:#666666;

	font-size: 70%;

	margin: 10px 15px;

}

#container #contentholder #sidebar #paymentbox .imgbox{

	float:left;

	width: 90px;

	text-align:center;

	clear: left;

	margin: 5px 10px;

}

#container #contentholder #sidebar #locationbox  {

	width: 361px;

	margin: 10px 0 0 0;

}

#container #contentholder #sidebar #locationbox .bkg .bot .top {

	background: url(../images/box_head.jpg) no-repeat top center;

	padding:4px 10px 30px 15px;

}

#container #contentholder #sidebar #locationbox h2{

	color: #fff;

	height: 18px;

	width: 200px;

	padding: 10px 0 8px 0;

	font-size: 14px;

	text-transform:uppercase;

	font-style: italic;

	text-align:center;

	margin-bottom: 10px;

}

#container #contentholder #sidebar #locationbox h3{

	color: #373753;

	font-size: 70%;

	font-weight:bold;

	margin: 7px 15px;

}

#container #contentholder #sidebar #locationbox p{

	color:#666666;

	font-size: 70%;

	margin: 10px 15px;

}

#container #contentholder #sidebar #locationbox ul{

	display: inline;

	list-style-type: none;

}

#container #contentholder #sidebar #locationbox ul li{

	float: left;

	width: 139px;

	font-size: 12px;

	margin-left: 23px;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

	margin-right: 0px;

}

#container #contentholder #sidebar #locationbox ul li a{

	margin-bottom: 10px;

	color: #993333;

	font-weight: bold;

	text-decoration: none;

}

#container #contentholder #sidebar #locationbox ul li a:hover{

	color: #FF9900;

	text-decoration: underline;

}

#container #contentholder #sidebar #locationbox .imgbox{

	float:left;

	width: 90px;

	text-align:center;

	clear: left;

	margin: 5px 10px;

}



/*QUOTE FORM*/



#container #contentholder #sidebar #quotebox #form1 {

	width:333px;

	text-align:left;

	font-size:11px;

	font-weight: bold;

}

#container #contentholder #sidebar #quotebox #form1 label.TextField

{

	display: block;

	width: 120px;

	margin-bottom: 10px;

	text-align: right;

	margin-right: 10px;

	float: left;

	font-size:11px;

	font-weight:bold;

}

#container #contentholder #sidebar #quotebox #form1 input.TextField

{

	display: block;

	width: 150px;

	margin-bottom: 10px;

	color: #333333;

	background: #fff;

	margin-left: 140px;

	border: 1px solid #CCCCCC;

}



#container #contentholder #sidebar #quotebox #form1 label.TextArea

{

	display: block;

	width: 120px;

	margin-bottom: 5px;

	text-align: right;

	margin-right: 10px;

	float: left;

	font-size:11px;

	font-weight:bold;

}

#container #contentholder #sidebar #quotebox #form1 select.SelectField

{

	display: block;

	width: 182px;

	margin-bottom: 10px;

	color: #333333;

	background: #fff;

	margin-left: 130px;

	border: 1px solid #CCCCCC;

	font-size: 12px;

}

#container #contentholder #sidebar #quotebox #form1 .details

{

	margin: 15px 0 10px 25px;

	 }

#container #contentholder #sidebar #quotebox #form1 .details .red

{

	color:#FF0000;

	font-weight:bold;

	font-size:13px;

	}

#container #contentholder #sidebar #quotebox #form1 .bookingdates label.TextField

{

	width: 70px;

	margin-right: 10px;

}

#container #contentholder #sidebar #quotebox #form1 .bookingdates select

{

	display: block;

	float:left;

	margin-bottom: 10px;

	color: #333333;

	background: #fff;

	margin-left:0;

	font-size: 12px;

}

#container #contentholder #sidebar #quotebox #form1 select.SelectDate

{

	width: 40px;

	margin-left:0;

}

#container #contentholder #sidebar #quotebox #form1 select.SelectMonth

{

	width: 80px;

	margin-left: 2px;

}

#container #contentholder #sidebar #quotebox #form1 select.SelectYear

{

	width: 52px;

	margin-left: 2px;

}

#container #contentholder #sidebar #quotebox #form1 select.SelectTime

{

	width: 54px;

	margin-left: 2px;

}



#container #contentholder #sidebar #quotebox #form1 .driverdetails select

{

	display: block;

	float:left;

	margin-bottom: 10px;

	color: #333333;

	background: #fff;

	margin-left:0;

	font-size: 12px;

	width: 85px;

}

#container #contentholder #sidebar #quotebox #form1 .driverdetails label.TextField

{

	width: 105px;

	margin-right: 10px;

}

#container #contentholder #sidebar #quotebox #form1 input.submit 

{	

	clear:left;

	margin:10px auto;

	color: #FFF;

	background: #373753;

	border: 1px solid #CCCCCC;

	font-weight:bold;

	display:block;

	font-size: 11px;

	padding: 4px;

	font-family:Arial, Helvetica, sans-serif;

} 

#container #contentholder #sidebar #quotebox #form1 input.submit:hover 

{	

	color: #333;

	background: #CCCCCC;

} 





/*#container #contentholder #sidebar #quotebox #form1 input.inputRadio

{

	display: block;

	width: 30px;

	height: 15px;

	line-height:15px;

	margin-bottom: 10px;

	text-align: right;

	margin-left: 30px;

	float: left;

	font-weight:bold;

}

#container #contentholder #sidebar #quotebox #form1 label.labelRadio

{

	display: block;

	width: 150px;

	height: 15px;

	line-height:15px;

	margin-bottom: 10px;

	color: #000;

	margin-left: 60px;

}

*/

#container #contentholder #sidebar #quotebox #form1 input.inputCheckbox

{

	display: block;

	width: 20px;

	height: 15px;

	line-height:15px;

	margin: 0 2px 0 0;

	text-align: right;

	float: left;

	font-size:10px;

	font-weight:bold;

}

#container #contentholder #sidebar #quotebox #form1 label.labelCheckbox

{

	display: block;

	width: 70px;

	float:left;

	height: 15px;

	line-height:15px;

	color: #000;

	margin:0 0 5px 0;

	font-size:10px;

}

#container #contentholder #sidebar #quotebox #form1 input.inputRadio

{

	display: block;

	width: 20px;

	height: 15px;

	line-height:15px;

	margin: 0 2px 0 0;

	text-align: right;

	float: left;

	font-size:10px;

	font-weight:bold;

}

#container #contentholder #sidebar #quotebox #form1 label.labelRadio

{

	display: block;

	width: 45px;

	float:left;

	height: 15px;

	line-height:15px;

	color: #000;

	margin:0 0 5px 0;

	font-size:10px;

}

/*die_type_wrapper

*/

#container #contentholder #sidebar #quotebox #form1 .die_type_wrapper

{

	padding: 10px 0 10px 0;

}

#container #contentholder #sidebar #quotebox #form1 .die_type_wrapper input.inputRadio

{

	width: 20px;

}

#container #contentholder #sidebar #quotebox #form1 .die_type_wrapper label.labelRadio

{

	width:45px;

}



/*end die_type_wrapper

*/



/*die_amt_wrapper

*/#container #contentholder #sidebar #quotebox #form1 .die_amt_wrapper

{

	padding: 10px 0 20px 0;

}

#container #contentholder #sidebar #quotebox #form1 .die_amt_wrapper input.inputRadio

{

	width: 20px;

}

#container #contentholder #sidebar #quotebox #form1 .die_amt_wrapper label.labelRadio

{

	width:40px;

}



/*end die_amt_wrapper

*/



/*colour_wrapper

*/#container #contentholder #sidebar #quotebox #form1 .colour_wrapper

{

	padding:0;

}

#container #contentholder #sidebar #quotebox #form1 .colour_wrapper input.inputRadio

{

	width: 20px;

}

#container #contentholder #sidebar #quotebox #form1 .colour_wrapper label.labelRadio

{

	width:40px;

}



/*end colour_wrapper

*/

#container #contentholder #sidebar #quotebox #form1 fieldset

{

	border:none;

}

.mail_error {

	font-weight: bold;

	color: #FF0000;

	text-align: left;

	list-style-type: none;

	margin-bottom: 10px;

	font-size: 80%;

}

#container #contentholder #sidebar #quotebox #form1 p{

	margin:10px 0 10px 150px;

	font-size:11px;

}#container #contentholder #content .rightalign {

	text-align: right;

}

#container #contentholder #content .fleettxt {

	border: 1px solid #CCCCCC;

}

#container #contentholder #content .bigquote {

	font-size: 95%;

	text-align: center;

	margin: 10px auto;

}

#container #contentholder #content .bigquote a{

	color: #373753;

	background: #ccc;

	border: 1px solid #373753;

	padding: 5px 10px;

	text-align: center;

	font-size: 12px;

	font-weight:bold;

	text-decoration:none;

	text-transform:uppercase;

}



#container #contentholder #content .bigquote a:hover{

	border: 1px solid #cccccc;

	color: #FFFFFF;

	background: #373753;

}

#container #contentholder #content #quote_table {

	font-size: 80%;

	margin: 15px 20px 0 20px;

	border-collapse:collapse;

	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

}

#container #contentholder #content #quote_table h2 {

	font-size: 120%;

	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

	font-weight: bold;

	color: #006633;

}

#container #contentholder #content #quote_table td{

	width: 49%;

	padding: 5px;

	border-bottom: 1px solid #CCCCCC;

}

#container #contentholder #content #quote_table td.noborder{

	border-bottom:none;

}

#container #contentholder #content .book_links {

	font-size: 80%;

	margin: 15px auto;

	border-collapse:collapse;

	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

}

#container #contentholder #content .book_links td{

	width: 30%;

	text-align:center;

	padding: 5px;

}

#container #contentholder #content .book_links td a{

	color: #FFFFFF;

	background: #373753;

	padding: 5px 0;

	text-align: center;

	font-size: 12px;

	font-weight:bold;

	text-decoration:none;

	text-transform:uppercase;

	border: 1px solid #cccccc;

	display:block;

	text-align:center;

}



#container #contentholder #content .book_links td a:hover{

	color: #373753;

	background: #ccc;

	border: 1px solid #373753;

}

#container #contentholder #content #insur_table {

	font-size: 75%;

	border: 1px solid #CCCCCC;

	text-align:center;

	margin: 15px 20px;

	border-collapse:collapse;

	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

}

#container #contentholder #content #insur_table td{

	padding: 2px;

	border-bottom: 1px solid #CCCCCC;

}

#container #contentholder #content #email_table {

	width: 65%;

	font-size: 80%;

	margin: 15px 20px;

	border-collapse:collapse;

	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

}

#container #contentholder #content #email_table h2 {

	font-size: 120%;

	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

	font-weight: bold;

	color: #006633;

}

#container #contentholder #content #email_table td{

	width: 49%;

	padding: 5px;

}

#container #contentholder #content .left {

	margin-right: 10px;

	margin-bottom: 10px;

}

#container #contentholder #sidebar .sideinfo {

	border: 1px solid #373753;

	margin: 10px 0 10px 15px;

	padding:10px;

	width: 321px;

}

#container #contentholder #sidebar .sideinfo h1{

	background: #373753;

	margin: 0 0 5px 0;

	padding:5px;

	font-size: 14px;

	text-align:center;

	color:#FFFFFF;

}

#container #contentholder #sidebar .sideinfo p{

	color:#666666;

	font-size:70%;

	margin:10px 15px;

}

#container #contentholder #sidebar .sideinfo p.boxlink{

	margin: 0 60px;

	font-size: 12px;

}

#container #contentholder #sidebar .sideinfo p.boxlink a{

	background: #373753;

	display:block;

	padding:5px;

	text-transform:uppercase;

	text-align:center;

	color:#FFFFFF;

	font-weight:bold;

	text-decoration: none;

	border: 1px solid #373753;

}

#container #contentholder #sidebar .sideinfo p.boxlink a:hover{

	background: #CCCCCC;

	color:#333333;

}

#container #contentholder #sidebar .sideinfo p.redlink {

	text-align:center;

	margin:0px 15px 10px 15px;

}

#container #contentholder #sidebar .sideinfo p.redlink a{

	color:#FF000C;

}

#container #contentholder #sidebar .sideinfo p.redlink a:hover{

	color:#333333;

}

#container #contentholder #sidebar .sideinfo #Vehicle_Insurance {

	display:none;

}

#container #contentholder #sidebar .sideinfo #Hidden_Charges {

	display:none;

}

#container #contentholder #content .locationHeader {

	color: #FF000C;

	font-size: 130%;

	margin: 20px 0 5px 0;

	clear:left;

}

#container #contentholder #sidebar #paymentbox .pricing_table {

	font-size: 12px;

	margin: 5px auto;

	padding: 10px;

}

#container #contentholder #sidebar #paymentbox .pricing_table td{

	padding: 6px;

	text-align:right;

}

#container #contentholder #sidebar #paymentbox .pricing_table td.quote_price{

	font-size: 16px;

	color:#373753;

	font-weight:bold;

}

#container #contentholder #sidebar #paymentbox .pricing_table .totalrow td.quote_price{

	border-top: 1px solid #999999;

	border-bottom: 1px solid #999999;

	background:#FFFFFF;

	color:#EE1C25;

}

#container #contentholder #sidebar #paymentbox .book_links {

	font-size: 80%;

	margin: 0 auto 15px auto;

	border-collapse:collapse;

	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

}

#container #contentholder #sidebar #paymentbox .book_links td{

	width: 30%;

	text-align:center;

	padding: 5px;

	text-align:right;

}

#container #contentholder #sidebar #paymentbox .book_links td a{

	color: #FFFFFF;

	background: #373753;

	padding: 5px 0;

	text-align: center;

	font-size: 12px;

	font-weight:bold;

	text-decoration:none;

	text-transform:uppercase;

	border: 1px solid #cccccc;

	display:block;

	text-align:center;

}

#container #contentholder #sidebar #paymentbox .book_links td.greenlink a{

	background:#339933;

}

#container #contentholder #sidebar #paymentbox .book_links td a:hover{

	color: #373753;

	background: #ccc;

	border: 1px solid #373753;

}

#container #contentholder #content #quote_box  {

	width: 526px;

}

#container #contentholder #content #quote_box .bkg {

	background: url(../images/main_box_bkg.jpg) repeat-y;

}

#container #contentholder #content #quote_box .bkg .bot {

	background: url(../images/main_box_foot.jpg) no-repeat bottom center;

}

#container #contentholder #content #quote_box .bkg .bot .top {

	background: url(../images/main_box_head.jpg) no-repeat top center;

	padding:0 10px 15px 15px;

	width:501px;

}

#container #contentholder #content #quote_box h1{

	color: #fff;

	height: 18px;

	width: 200px;

	padding: 10px 0 8px 0;

	font-size: 14px;

	text-transform:uppercase;

	font-style: italic;

	text-align:center;

	margin:0 0 10px 0;

}

#quotebox-internal h2 {
	text-align:left !important;
	color:#333333 !important;
	font-style:normal !important;
	font-size:14px !important;
	text-transform:uppercase !important;
}

#content-quote {
	width: 535px;

	padding: 0 5px 0 20px;

	float:left;

}