/* ====== Ballyrobert Vauxhall Stylesheet ====== */

/* ====== common ====== */
body, html {
margin: 0;
padding: 0;
background: url(../images/bg.gif) repeat-x; } 
#pages {
width: 914px;
margin: 0 auto;
padding: 0;
position: relative;
background-color: #FFF }
.clear {
clear: both;
height: 1px;
overflow: hidden; }
img {
margin: 0;
padding: 0;
border: 0; }
hr {
color: #e9e9e9;
margin: 0;
padding: 0; }

/* ====== header ====== */
#header {
width: 914px;
height: 84px;
margin: 0;
padding: 0;
background-color: #241f20; }

/* ====== nav ====== */
#navcontainer {
width: 914px;
height: 27px;
text-align: left;
margin: 0;
padding: 0;
background: url(../images/menu-bg.gif) repeat-x; }
#nav, #nav ul {
float: left;
display: inline;
list-style: none;
margin: 0;
padding: 0; }
#nav li {
float: left;
margin: 0;
padding: 0;
display: inline; }
#nav a {
font: normal 14px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color: #FFF;
letter-spacing: -1px;
text-decoration: none;
display: block;
margin: 0;
padding: 4px 10px 6px 10px; }
#nav a:hover {
color: #241f20;
text-decoration: none;
background: #fff000; }
#nav ul li a:hover {
background-color: #fff000;
font: normal 12px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
padding-left: 10px; } 
#nav li ul {
position: absolute;
left: -999em;
height: auto;
margin: 0;
padding: 0;
width: 124px;
w\idth: 120px;
border-top: 1px solid #838383; }
#nav li ul a {
width: 124px;
w\idth: 120px;
margin: 0;
padding: 3px 3px 3px 9px;
background: #ed1b2d;
color: #FFFFFF;
font: normal 12px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
padding-left: 10px;
border-top: 1px solid #f25a67; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
width: 124px; }

/* ====== content ====== */
#content {
width: 886px;
margin: 0 auto 20px auto;
padding: 14px 14px 14px 14px;
background: #FFFFFF url(../images/content-bg.gif) repeat-x;
clear: both; }
#content a, #content a:visited {
font-weight: bold;
color: #ed1b2d;
text-decoration: none; }
#content a:hover, #content a:hover {
color: #ed1b2d;
text-decoration: underline; }

.main {
float: left;
width: 553px;
margin: 0 0 10px 0;
padding: 0;
font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #4c4c4c;
background-color: #FFF; }
.main ul {
margin: 0 0 5px 30px; 
padding: 3px 0;
list-style-type: disc; }
.main ul li {
padding: 0 0 7px 0; }
.masterfitBold {
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #c4122f;}

/*.full {
font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #4c4c4c;
float: left;
width: 100%;
margin: 0 0 10px 0;
padding: 0;
background-color: #FFF; }
.full ul {
margin: 12px 0 0 20px; 
padding: 0 0 0 10px;
list-style-type: disc;}
.full ul li {
padding: 0 0 7px 0; }*/

.left {
float: left;
width: 154px; 
margin: 12px 0 0 0;
padding: 0 8px 0 8px;
background: #f2f2f2; }
.left p {
font: normal 11px/16px Verdana, Arial, Times New Roman, serif; color: #4c4c4c;
margin: 0 0 10px 0; 
padding: 0; }

.right {
font: 12px Arial, Helvetica, sans-serif;
float: right;
width: 369px;
margin: 12px 0 10px 0;
padding: 0;
background-color: #FFF; }
.right p {
font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #4c4c4c;
margin: 0 0 10px 0; 
padding: 0; }
.right ul {
font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #4c4c4c;
margin: 12px 0 0 20px; 
padding: 0 0 0 10px;
list-style-type: disc; }
.right ul li {
padding: 0 0 7px 0; }

.links {
float: right;
width: 305px;
margin: 0;
padding: 0 0 20px 28px;
font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #4c4c4c;
background: #FFF url(../images/links-bg.gif) bottom; }

.links p {
margin: 0 0 7px 0;
}

#approvedusedcars {
float: right;
width: 284px;
margin: 0;
padding: 10px;
font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #4c4c4c;
background: #e5e5e5;
border: 1px solid #dadada}
#approvedusedcars h1 {
font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif; color: #4c4c4c;
text-transform: none;
}

#right-form{
width: 283px;
color: #fff;
margin-top: 10px;
padding: 10px;
background-image: url(/images/right-form-bg.jpg);
}

#right-form h2{
margin-top: 0;
color: #fff;
}

#right-form p.telno{
font-size: 18px;
}

#right-form label{

}

#right-form input{
width: 276px;
}

#right-form textarea{
width: 276px;
height: 60px;
}

#right-form input.submit{
width: 284px;
}

#approvedusedcars ul {
font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #4c4c4c;
margin: 12px 0 0 20px; 
padding: 0 0 0 10px;
list-style-type: disc; }
#approvedusedcars ul li {
padding: 0 0 7px 0; }

.findus {
border-collapse: collapse;
border: 1px solid #cacaca;
margin: 0;
padding: 2px 2px; }
.findus th {
text-align: left; 
background: #dedede; }

#notes {
font: normal 10px Arial, Helvetica, sans-serif; color: #848484; }

/* ====== homepage only ====== */
.searchtitle  {
margin: 0 ;
padding: 12px 0 0 12px; }

/* ====== offer landing pages ====== */

#offerleft {
	float: left;
	margin: 0;
	padding: 0;
	width: 275px;}

.offerright {
	float: right;
	width: 228px;
	margin: 0 0 10px 0;
	padding: 5px 10px 5px 10px;
	background: #dde2e6;
	border: 1px solid #8d9093;}

.red {
	font: bold 16px/20px Verdana, Arial, Helvetica, sans-serif; color: #d3181f;}
	
.offercall {
	font: bold 16px/20px Verdana, Arial, Helvetica, sans-serif;}



/* ====== headings ====== */
h1  {
font: normal 15px "Lucida Sans Unicode", Arial, Tahoma, Times New Roman, serif; color: #818181;
text-transform: uppercase;
border-bottom: 2px solid #e9e9e9;
margin: 4px 0 5px 0 ;
padding: 0; }
h2  {
font: bold 13px Verdana, Arial, Times New Roman, serif; color: #383838;
margin: 10px 0;
padding: 0; }
h3 /* address titles */ {
font: bold 11px Verdana, Arial, Times New Roman, serif; color: #4c4c4c;
margin: 12px 0 0 0 ;
padding: 0; }
h4 /* used car search title homepage */ {
font: normal 15px "Lucida Sans Unicode", Arial, Tahoma, Times New Roman, serif; color: #343031;
text-transform: uppercase;
margin: 0;
padding: 2px 0 0 0; }

h5 /* masterfit headers */ {
font: bold 13px Verdana, Arial, Times New Roman, serif; color: #383838;
margin: 15px 0 0 0 ;
padding: 0; }

/* ====== new car prices ====== */
.ourprice {
font: bold 18px/18px Verdana, Arial, Times New Roman, serif; color: #4c4c4c;
letter-spacing: -1px;
word-spacing: 1px;
margin: 0;
padding: 0;}
.rrp{
font: bold 18px/18px Verdana, Arial, Times New Roman, serif; color: #666;
letter-spacing: -1px;
word-spacing: 1px;
margin: 0;
padding: 0;}
.saving{
font: bold 18px/18px Verdana, Arial, Times New Roman, serif; color: #ed1b2d;
letter-spacing: -1px;
word-spacing: 1px;
margin: 0;
padding: 0;}

/* ====== basic forms ====== */
#form {
width: 520px;
height: 330px;
background-color: #dedede;
border: 1px solid #cacaca;
padding: 8px 5px 8px 10px;
margin: 0 0 30px 0; }
#form p {
padding: 0;
margin: 2px 0; }
#form td {
padding: 0;
margin: 0; }
#form th {
background-color: #ebecea;
font-weight: bold;
text-align: left;
padding: 0;
color: #fc6701; }
#form .button {
font: 12px Arial, Tahoma, Times New Roman, serif; color: #FFF;
width: 80px;
height: 18px;
background-color: #fc6701;
border: 0;
padding: 1px 0 2px 0;
margin: 0; }
#form .name{
font: 12px Arial, Tahoma, Times New Roman, serif; color: #2d2d2d;
width: 384px;
margin: 0; }
#form td {
margin: 0;
padding: 0; }
#form input {
font: 12px Arial, Tahoma, Times New Roman, serif; #2d2d2d;
margin: 0;
padding: 0; }
#form textarea  {
font: 12px Arial, Tahoma, Times New Roman, serif; color: #2d2d2d;
width: 382px;
margin: 0; }
#form select {
font: 12px Arial, Tahoma, Times New Roman, serif; color: #2d2d2d;
width: 100px;
height: 13px;
margin: 0;
padding: 0; }





/* ====== banners ====== */
#banners a:link,
#banners a:active,
#banners a:visited {
	color: #dbdbdb;
	text-decoration: none;
}
#banners a:hover {
	color: #ed1b2d;
	text-decoration: none;
}
.banner-left  {
	float: left;
	margin: 0 10px 10px 0;
}
.banner-right  {
	float: left;
	margin: 0;

}
.banner-left a:link,
.banner-left a:active,
.banner-left a:visited,
.banner-right a:link,
.banner-right a:active,
.banner-right a:visited {
	display: block;
	background: url(/images/text-banner-bg.gif) top left no-repeat;
	width: 260px;
	height: 21px;
	padding: 14px 0 10px 10px;
}
.banner-left a:hover,
.banner-right a:hover {
	display: block;
	background: url(/images/text-banner-bg.gif) bottom left no-repeat;
	width: 260px;
	height: 21px;
	padding: 14px 0 10px 10px;	
}

/* ====== service booking form ====== */

#serviceform {
	width: 520px;
	background-color: #dedede;
	border: 1px solid #cacaca;
	padding: 10px 5px 10px 10px;
	margin: 0 0 30px 0; 
	}

#serviceform p {
	padding: 0;
	margin: 2px 0 10px 0; 
	color: #4c4c4c;
	}

#serviceform td {
	padding: 0;
	margin: 0; 
	}

#serviceform th {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
	padding: 0 0 10px 0;
	margin: 0;
	color: #818181; 
	}

#serviceform .button {
	font: 12px Arial, Tahoma, Times New Roman, serif; color: #f31b2d;
	font-weight: bold;
	width: 250px;
	background-color: #f4f4f4;
	border: 1px solid red;
	padding: 3px 0 3px 0;
	margin: 0;
	cursor: pointer;
	}

#serviceform .name{
	font: 12px Arial, Tahoma, Times New Roman, serif; color: #2d2d2d;
	width: 384px;
	margin: 0; 
	}

#serviceform td {
	margin: 0;
	padding: 0;
	}

/*#serviceform input {
	font: 12px Arial, Tahoma, Times New Roman, serif #2d2d2d;
	margin: 0;
	padding: 0; 
	}*/

#serviceform textarea  {
	font: 12px Arial, Tahoma, Times New Roman, serif; color: #2d2d2d;
	width: 255px;
	margin: 0 0 10px 0; 
	padding: 3px;
	border: 1px solid #c2c2c2;
	}

#serviceform select {
	font: 12px Arial, Tahoma, Times New Roman, serif; color: #2d2d2d;
	width: 260px;
	/*height: 13px;*/
	margin: 0 0 10px 0;
	padding: 3px;
	}
	
#serviceform .input-box {
	width: 255px;
	margin: 0 0 10px 0; 
	padding: 3px;
	border: 1px solid #c2c2c2;
	}
	
#serviceform .timedate {
	width: 85px;
	margin: 0 0 10px 0;
	padding: 3px;
	border: 1px solid #c2c2c2;
	}
	
	
/* === Service page ==== */

#serviceboxleft{
	background-image: url(../images/service-icons/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 10px;
	width: 270px;
	float: left;
	border: 1px solid #cccccc;
	font-size: 10px;

}

#serviceboxright{
	background-image: url(../images/service-icons/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 10px;
	width: 270px;
	float: right;
	border: 1px solid #cccccc;
	font-size: 10px;
}

#serviceboxleft .button, #serviceboxright .button{
float: right;
}

#serviceboxleft .service-title, #serviceboxright .service-title{
font-size: 18px;
padding-bottom: 8px;
text-align: center;
color: #fff;
}

#serviceboxleft img, #serviceboxright img{
	float: left;
	margin: 2px 6px 4px 2px;
}

#serviceboxleft p, #serviceboxright p{
font-size: 10px;
margin: 4px;
}

/* ==== data tables ==== */
td, th {
	font: 12px Arial, Tahoma, Times New Roman, serif; color: #000; }
.datatable {
	border: 1px solid #cacaca;
	border-collapse: collapse;
	width: 550px;
	margin: 0 0 15px 0;
	padding: 0;  }
.datatable p {
	margin: 0;
	padding: 0; }
.datatable td {
	border: 1px solid #cacaca;
	padding: 4px 0 4px 4px;
	color: #333; }
.datatable th {
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	background-color: #ebecea;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	color: #fc6701; }
.datatable tr:hover, .datatable tr.hilite {
	background-color: #ebecea; }
.title p {
	color: #FFF;
	font: bold 12px Arial, Tahoma, Times New Roman, serif; }
.title2 {
	background-color: #b5b5b5; }
.title2 p {
	color: #FFF;
	font: bold 11px Arial, Tahoma, Times New Roman, serif; }

/* ====== contact form ====== */
#contact  {
width: 407px;
background-color: #dedede;
border: 1px solid #cacaca;
margin: 0;
padding: 8px 10px 10px 10px;
font: normal 11px/16px Arial, Helvetica, sans-serif; color: #000; }
#contact form {
margin: 0 10px;
padding: 0; }
#contact p {
margin: 0 0 10px 0;
padding: 0; }
#contact table {
margin: 0 0 10px 0;
padding: 0;
border: none; }
#chkboxMarketing, #chkboxExisting {
margin: 0 8px 0 0;
padding: 0; }
#txtCarDetails, #txtName, #txtEmail, #txtTelephone, #txtCompany, #contact select {
margin: 5px 0 0 0;
padding: 0;
width: 200px; }
#txtEnquiry, {
width: 198px;
margin: 5px 0 0 0; }
#btnSubmit {
width: 70px;
margin: 0;
padding: 0;
font: normal 11px Arial, Helvetica, sans-serif; color: #000; }

/* ====== finance ====== */

.finance-photo {
	float: left;
	width: 120px;
	height: 91px;
	margin: 0 0 10px 0;
	padding: 0;
}
.finance-name {
	float: left;
	width: 423px;
	height: 91px;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
}

/* ====== home search ====== */
#homesearchbox {
font: normal 10px Arial, Helvetica, sans-serif; color: #000000;
width: 354px;
background: #CCCCCC url(../images/used-search-bg.gif) no-repeat;
padding: 4px 5px 10px 10px;
margin: 6px 0 0 0; }
#homesearchbox p {
margin: 0 0 5px 0;
padding: 0; }
.search {
font: bold 10px Arial, Helvetica, sans-serif; color: #000000;
margin: 0 5px 0 5px;
width: 80px; }
select {
font: bold 10px Arial, Helvetica, sans-serif; color: #000000;
width: 170px;
margin: 0 5px 0 5px;
padding: 0; }
#DropdownPriceFrom, #DropdownPriceTo {
width: 70px; }
.dropdown {
width: 80px; }

/* ====== car search ====== */
#searchbox1 {
font: normal 10px Arial, Helvetica, sans-serif; color: #000000;
width: 354px;
background: #CCCCCC url(../images/used-search-bg.gif) no-repeat;
padding: 4px 5px 10px 10px;
margin: 6px 0 0 0; }
#searchbox {
font: normal 10px Arial, Helvetica, sans-serif; color: #000000;
margin: 0;
padding: 0; }
#searchbox p {
margin: 0 0 5px 0;
padding: 0;}
.search {
font: bold 10px Arial, Helvetica, sans-serif; color: #000000;
margin: 0 5px 0 5px;
width: 80px; }
select {
font: bold 10px Arial, Helvetica, sans-serif; color: #000000;
width: 170px;
margin: 0 5px 0 5px;
padding: 0; }
#DropdownPriceFrom, #DropdownPriceTo {
width: 80px; }
.dropdown {
width: 80px; }



/* ====== car results ====== */
#dvVehicleList {
margin: 0;
padding: 0; }
#dvVehicleList table {
margin: 0;
padding: 0;
border: 1px solid #cacaca; }
.subtitle2 {
text-align: left;
width: 500px;
font: 11px Arial, Tahoma, Times New Roman, serif; color: #ebecea;
padding: 2px 4px 2px 4px;
background-color: #dedede; }
.subtitle2 a, .subtitle2 a:visited {
color: #ed1b2d; text-decoration: none; }
.subtitle2 a:hover {
color: #ed1b2d; text-decoration: underline; }
.stripe, .nostripe, .nostripeover, .stripeover {
text-align: left;
width: 600px;
font: 11px/16px Arial, Tahoma, Times New Roman, serif;
padding: 0px 2px 0px 4px; }
.nostripe {
background-color: #FFFFFF;
color: #4c4c4c; }
.stripe {
background-color: #ebecea;
color: #4c4c4c; }
.nostripeover, .stripeover {
background-color: #fff000;
color: #4c4c4c;
cursor:hand; cursor:pointer; }

/* ====== car details ====== */
#dvVehicleDetail {
margin: 0 0 30px 0;
padding: 0; }
#dvVehicleDetail table {
margin: 0;
padding: 0;
border: 0; }
.cartitle {
/*display: block;*/
width: 549px;
font: bold 14px Verdana, Arial, Times New Roman, serif; color: #4c4c4c;
padding: 2px 0 2px 0;
margin: 0;
/*background-color: #dedede;*/}
.subtitle {
display: block;
font: 11px Arial, Tahoma, Times New Roman, serif; color: #4c4c4c;
padding: 2px 10px 2px 4px;
margin: 0 10px 0 0;
background-color: #dedede; }
.imgsubtitle {
display: block;	
font: 11px/16px Arial, Tahoma, Times New Roman, serif; color: #4c4c4c;
padding: 2px 10px 2px 4px;
margin: 0;
background-color: #dedede; }
.spec, .address, .actions {
font: 12px/16px Arial, Tahoma, Times New Roman, serif; color: #4c4c4c;
padding: 6px 10px 10px 0px;  }

#usedcarlinks {
margin: 0;
padding: 0;}
#usedcarlinks p {
margin: 0;
padding: 10px 0 0 0;}

#rightbox {
width: 214px;
margin: 10px 0 0 0;
padding: 0;
border: 1px solid #8e8e8e;
background-image: url(../images/used-box-background.jpg);background-position: top left; }
#rightbox .header {
font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #000;
text-align: left;
margin: 0px;
padding: 2px 0 0 10px;}
#rightbox p {
font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #333;
line-height: 14px;
text-align: left;
margin: 0px;
padding: 10px 10px 15px 10px;}
.price {
text-align: left;
font: bold 34px Verdana, Arial, Helvetica, sans-serif; color: red;
padding: 4px 10px 4px 10px;}
#leftbox {
width: 298px;
margin: 10px 0 0 0;
padding: 0 0 11px 0;
border: 1px solid #8e8e8e;
background-image: url(../images/used-box-background.jpg);background-position: top left; }
#leftbox .header {
font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #000;
text-align: left;
margin: 0;
padding: 2px 0 9px 10px;}
.detailstable {
width: 100%;
margin: 0;
padding: 0;}
.detailstable td {
font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #333;
padding: 1px 0 1px 8px;}

/* ====== car details and list - images ====== */
.camera {
margin: 2px 0 0 5px; }
.mainimg {
margin: 10px 0 6px 0; }
.thumb {
margin: 0 0 6px 0; }
.thumb2 {
margin: 0 6px 6px 6px; }
.listthumb {
margin: 3px 0 3px 0; }

/* ====== footer ====== */
#footer {
width: 553px;
float: left;
margin: 8px 0 8px 0;
padding: 0;
border-top: 2px solid #e9e9e9; }
#footer p {
font: normal 11px Arial, Tahoma, Times New Roman, serif; color: #a9a9a9;
margin: 0;
padding: 8px 0 0 0;
text-align: center; }
#footer a, #footer a:link, #footer a:visited {
font: normal 11px Arial, Tahoma, Times New Roman, serif; color: #a9a9a9;
text-decoration: none; }
#footer a:hover {
font: normal 11px Arial, Tahoma, Times New Roman, serif; color: #a9a9a9;
text-decoration: underline; }

/* ====== t&cs popup ====== */
#terms {
padding: 2px 0 0 0;
font: normal 11px/14px Arial, Helvetica, sans-serif; color: #999; 
background-color: #FFF; }
#terms p {
margin: 0 5px 10px 6px; }
#terms h2 {
font: bold 11px/14px Arial, Helvetica, sans-serif; color: #999; 
margin: 0 0 2px 6px; }
#terms a {
color: #0c187d; text-decoration: none; font-weight: bold; }
#terms a:hover {
color: #0c187d;
text-decoration: underline; }

/* ====== images ====== */

.smallofferbox {
	margin: 0 0 0 15px;}
	
/* ====  Valuation form ==== */
#autoglymform {
margin: 0;
padding: 4px; }
#autoglymform fieldset {
margin: 0 0 7px 0;
padding: 1em;  
-moz-border-radius:4px;  }
#autoglymform legend { 
font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #2A2A2A;
margin: 0;
padding: 0 5px 0 0; }
#autoglymform label {
float: left;
width: 220px;
margin: 0;
padding: 0 0 0 0 }
#autoglymform input { 
font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #000;
width: 220px;
margin: 0;
padding: 0; }
#autoglymform select { 
font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #000;
width: 220px;
margin: 5px 0 0 0;
padding: 0; }
#autoglymform textarea { 
font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #000;
width: 222px;
height: 100px;
margin: 2px 0 0 0;
padding: 0; }
#autoglymform input:focus, #autoglymform textarea:focus { 
background-color: #FFC; }
#autoglymform input.chkbox1 {
width: auto;
margin: 0;
padding: 0; }
#autoglymform input.chkbox2 {
width: auto;
margin: 0 0 0 15px;
padding: 0; }
#autoglymform input.submit {
width: 80px;
float: left;
margin: 10px 6px 0 0;
padding: 0; }
#autoglymform select.mot-month {
width: 105px;
margin: 0 10px 0 0;}
#autoglymform select.mot-year {
width: 105px;}
.labelimportant {
height: 70px;}

.currency-submit{
	width: 145px;
}