/* ==== harratts global stylesheet (c) bluesky interactive ==== */

/* ==== common ==== */
body, html {
margin: 0; 
padding: 0;
background-color: #eaebed;
font: normal 12px/16px Arial, Helvetica, sans-serif, serif; color: #2e374c; }
img {
margin: 0; 
padding: 0;
border: 0 }
.notes {
font: normal 10px/12px Arial, Helvetica, sans-serif, serif; color: #949494; }
.clear {
clear: both;
height: 0px;
overflow: hidden; }
#pages { 
width: 960px;
padding: 0;
margin: 0 auto;}


/* ==== header ==== */

#header {
width: 960px;
padding: 0;
margin: 0;
height:108px;
overflow:hidden;
display:block;}
.headerleft {
width: 290px;
float: left;
padding: 0;
margin: 25px 0 0 0 ; }
.headerright {
width: 623px;
float: right;
padding: 0;
margin: 25px 0 0 0 ;
text-align:right; }

/* ==== content ==== */

#content {
width: 960px;
margin: 25px 0 0 0; 
padding: 0; }
#content p {
margin: 0 0 8px 0;
padding: 0; }


/* ==== main content ==== */
#main {
width: 543px;
float: left;
padding: 0;
margin: 0;}
#main p {
padding: 0 10px 0 10px;
margin: 0 0 10px 0; }
#main ul {
margin: 10px 0 30px 30px;
padding: 0 }
#main ul li {
list-style-type: disc;
margin: 0 0 0 0;
padding: 0 0 0 0; }


/* ==== main list content ==== */
#mainlist {
width: 960px;
float: left;
padding: 0;
margin: 0;}
#mainlist p {
padding: 0 10px 0 10px;
margin: 0 0 10px 0; }
#mainlist ul {
margin: 10px 0 30px 30px;
padding: 0 }
#mainlist ul li {
list-style-type: disc;
margin: 0 0 0 0;
padding: 0 0 0 0; }

/* ==== left content ==== */

#left {
width: 126px;
margin: 0;
padding: 0;
float:left;}
#left p {
padding: 0;
margin: 0 0 12px 0;
color: #d8d8d8; } 
#left h2 {
padding-left: 0; }
#left ul {
margin: 10px 0 10px 25px;
padding: 0 }
#left ul li {
list-style-type: disc;
margin: 0 0 5px 0;
padding: 0; }
#left a {
font-weight: normal;
color: #fff;
text-decoration: underline; }
#left a:hover {
color: #24304b;
text-decoration: underline;
font-weight: normal; }


/* ==== centre content ==== */

#centre {
width: 404px;
margin: 0;
padding: 1px 0 0 0;
float: right;}
#centre p {
margin: 0 0 10px 0; color: #2e374c;  }
#centre ul {
margin: 10px 0 10px 25px;
padding: 0 }
#centre ul li {
list-style-type: disc;
margin: 0 0 5px 0;
padding: 0; }
#centre a {
font-weight: bold;
color: #2f55a0;
text-decoration: underline; }
#centre a:hover {
color: #cc0000;
text-decoration: underline;
font-weight: bold; }
#centre img a {
text-decoration:none;}


/* ==== centre list content ==== */

#centrelist {
width: 821px;
margin: 0;
padding: 1px 0 0 0;
float: right;}
#centrelist p {
margin: 0 0 10px 0; color: #2e374c;  }
#centrelist ul {
margin: 10px 0 10px 25px;
padding: 0 }
#centrelist ul li {
list-style-type: disc;
margin: 0 0 5px 0;
padding: 0; }
#centrelist a {
font-weight: bold;
color: #2f55a0;
text-decoration: underline; }
#centrelist a:hover {
color: #cc0000;
text-decoration: underline;
font-weight: bold; }


/* ==== right content ==== */

#right {
width: 404px;
float: right;
margin: 0;
padding: 0;}
#right p {
padding: 0 7px 0 7px;
margin: 0 0 7px 0;}
#right a:link, #right a:visited, #right a:active {
font-weight: bold;
color: #2f55a0;
text-decoration: underline; }
#right a:hover {
color: #cc0000;
text-decoration: underline;
font-weight: bold;}


/* ==== right offer boxes ==== */

.was-price {
font: bold 16px/14px  Arial, Helvetica, sans-serif;
margin: 0;
padding: 0; }
.save-price {
font: bold 16px/14px   Arial, Helvetica, sans-serif;
margin: 0 0 0 0;
padding: 0; }
.now-price {
font: bold 24px/22px  Arial, Helvetica, sans-serif;
margin: 0 0 0 0;
padding: 0; }
.rightofferpic {
float: right;
margin: 0 5px 5px 0;}



/* ==== ajax iframe ==== */

#ajaxframe{
overflow:hidden;
height: 340px;
width: 404px;
padding: 0;
margin: 0;}

#ajaxframe img{
margin: 0;
padding: 0;
display:block;}


/* == volvo == */

.volvooffer {
width: 402px;
background: url(../images/promotions/right-offers/volvooffertop.jpg) top left repeat-x #4466aa;
border: solid 1px #c0c1c3;
margin: 0 0 6px 0;
padding: 0;
color:#fff;}
.volvotitle {
font: normal 16px/22px  Arial, Helvetica, sans-serif; color: #4f4f4f;
height: 23px;
display:block;}
.volvotitle a:link, .volvotitle a:visited, .volvotitle a:active {
color: #4f4f4f;
text-decoration: none; }
.volvotitle a:hover {
color: #4f4f4f;
text-decoration: none;}
#volvooffers a:link, #volvooffers a:visited, #volvooffers a:active {
font-weight: normal;
color: #4f4f4f; text-decoration: none;
margin: 0 0 0 0; }
#volvooffers a:hover {
font-weight: normal;
color: #4f4f4f; text-decoration: none;}


/* == renault == */

.renaultoffer {
width: 402px;
background: url(../images/promotions/right-offers/renaultoffertop.jpg) top left repeat-x #f8b600;
border: solid 1px #c0c1c3;
margin: 0 0 6px 0;
padding: 0;
color:#000;}
.renaulttitle {
font: normal 16px/22px  Arial, Helvetica, sans-serif; color: #fff;
height: 23px;
display:block;}
#renaultoffers a:link, #renaultoffers a:visited, #renaultoffers a:active {
font-weight: normal;
color: #fff; text-decoration: none;
margin: 0 0 0 0; }
#renaultoffers a:hover {
font-weight: normal;
color: #fff; text-decoration: none;}


/* == mitsubishi == */

.mitsubishioffer {
width: 402px;
background: url(../images/promotions/right-offers/mitsubishioffertop.jpg) top left repeat-x #f02933;
border: solid 1px #c0c1c3;
margin: 0 0 6px 0;
padding: 0;
color:#fff;}
.mitsubishititle {
font: normal 16px/22px  Arial, Helvetica, sans-serif; color: #fff;
height: 23px;
display:block;}
#mitsubishioffers a:link, #mitsubishioffers a:visited, #mitsubishioffers a:active {
font-weight: normal;
color: #fff; text-decoration: none;
margin: 0 0 0 0; }
#mitsubishioffers a:hover {
font-weight: normal;
color: #fff; text-decoration: none;}


/* == peugeot == */

.peugeotoffer {
width: 402px;
background: url(../images/promotions/right-offers/peugeotoffertop.jpg) top left repeat-x #27458d;
border: solid 1px #c0c1c3;
margin: 0 0 6px 0;
padding: 0;
color:#fff;}
.peugeottitle {
font: normal 16px/22px  Arial, Helvetica, sans-serif; color: #4f4f4f;
height: 23px;
display:block;}
#peugeotoffers a:link, #peugeotoffers a:visited, #peugeotoffers a:active {
font-weight: normal;
color: #4f4f4f; text-decoration: none;
margin: 0 0 0 0; }
#peugeotoffers a:hover {
font-weight: normal;
color: #4f4f4f; text-decoration: none;}



/* == renault == */

.nissanoffer {
width: 402px;
background: url(../images/promotions/right-offers/nissanoffertop.jpg) top left repeat-x #c71444;
border: solid 1px #c0c1c3;
margin: 0 0 6px 0;
padding: 0;
color:#fff;}
.nissantitle {
font: normal 16px/22px  Arial, Helvetica, sans-serif; color: #4f4f4f;
height: 23px;
display:block;}
#nissanoffers a:link, #nissanoffers a:visited, #nissanoffers a:active {
font-weight: normal;
color: #4f4f4f; text-decoration: none;
margin: 0 0 0 0; }
#nissanoffers a:hover {
font-weight: normal;
color: #4f4f4f; text-decoration: none;}



/* ======  text styles ====== */

.detailscallwhite {
font: bold 25px/16px  Arial, Helvetica, sans-serif; color: #fff;
margin: 0;
padding: 0;}



/* =====  find us styles  ===== */

.findusleft {
width:180px;
float:left;}
.findusright {
width: 210px;
float: right;
background-color: #c9c9c9;
padding: 10px 0 5px 0;}
.openingtimestable {
margin: -6px 0 6px 8px;}


/* =====  new car thumb tables  ===== */


.newcartable {
margin: 0 0 10px 10px;
width:394px;}


/* =====  new car landing pages  ===== */


.landingphonetable {
margin-bottom: 8px;}



/* ======  image styles ====== */

.titleimage {
padding: 0;
margin: 0 0 15px 0;}

.bannerright {
margin: 0 0 5px 0;}


/* ====== advanced used car search ====== */

#searchbox {
width: 392px;
margin: 0;
border: solid 1px #c9c9c9;
padding: 8px 5px 0 5px;}
#searchbox table {
margin: 0;}
#searchtint {
background-color:#c9c9c9;
width: 380x;
padding: 5px 6px 6px 6px;
margin: 0 0 7px 0;
color:#2e374c;}
#searchbox h3 {
margin: 0 0 10px 0;
padding: 0;}
#searchbox td {
margin: 0;
padding: 0 0 5px 0; }
#searchbox p {
margin: 0 0 0 0;
padding: 0; color: #2e374c; }
#searchbox input {
margin: 5px 0 0 5px;
font: bold 12px/18px  Arial, Helvetica, sans-serif; }
#searchbox select {
width: 295px;
margin: 0 5px 0 5px;
padding: 0;
font: 12px/18px  Arial, Helvetica, sans-serif; }
#searchbox .price {
width: 142px;
font: 12px/18px  Arial, Helvetica, sans-serif;
margin: 0 6px 0 5px;
padding: 0 }
#searchbox .price2 {
width: 142px;
font: 12px/18px  Arial, Helvetica, sans-serif;
margin: 0 0 0 5px;
padding: 0 }


/* ====  For Used Car List please see individual brand stylesheets ===== */


/* ====  used vehicle details ===== */

#detailleft {
float: left;
width: 404px;}
#detailright {
float: right;
width: 402px;}
.detailgrey {
width: 402px;
background-color: #c9c9c9;
border: solid 1px #a5a8ad;
padding: 12px 0 0 0;
margin: 0 0 10px 0;}
#dvVehicleDetail table {
border: 0 }
#dvVehicleDetail .title {
display: block;
width: 473px;
font: bold 12px  Arial, Helvetica, sans-serif; color: #dae0eb;
padding: 2px 0px 2px 4px;
margin: 0;
background-color: #012d76; }
#dvVehicleDetail .spectitle {
display: block;
font: normal 12px  Arial, Helvetica, sans-serif; color: #dae0eb;
padding: 2px 0 2px 4px;
margin: 8px 0 0 0;
background-color: #012d76; }
#dvVehicleDetail .wouldliketo {
display: block;
font: normal 12px  Arial, Helvetica, sans-serif; color: #dae0eb;
padding: 2px 0 2px 4px;
margin: 0;
background-color: #012d76; }
#dvVehicleDetail .dealer {
display: block;
font: normal 12px  Arial, Helvetica, sans-serif; color: #dae0eb;
padding: 2px 0 2px 4px;
margin: 0 10px 0 0;
background-color: #012d76; }
#dvVehicleDetail .imgsubtitle {
display: block;
font: normal 12px  Arial, Helvetica, sans-serif; color: #faf600;
padding: 2px 10px 2px 4px;
margin: 0;
background-color: #012d76; }
#dvVehicleDetail .spec, #dvVehicleDetail .address, #dvVehicleDetail .actions {
font: normal 12px/16px  Arial, Helvetica, sans-serif; color: #333;
padding: 6px 10px 10px 0px;
background-color: #FFF; }
.telephone {
font: normal 20px/24px  Arial, Helvetica, sans-serif; color: #4b4b4b;}
#detailpics {
width: 404px;
background-color:#eeeeee;
padding: 0;
margin: 0 0 0 0;}
.mainimg {
margin: 0 8px 15px 0;
float: left;}
#pricebox {
width: 138px;
height: 45px;
background-color:#d9ec1e;
text-align:center;
float:right;
padding: 5px 0 0 0;
margin: 0 0 6px 0;
color: #0054a5;
border: 1px solid #99a811;}
#quickspecbox {
background-color:#e5e5e5;
padding: 6px;
color: #2E374C;
margin: 0 10px 15px 10px;
width: 370px;}
.quickspecleft {
width: 180px;
float:left;}
.quickspecright {
width: 187px;
float:right;}
.vehicleprice {
font: bold 30px  Arial, Helvetica, sans-serif; color: #13161b;
margin: 0;
padding: 0; }
.thumb {float: right;}
.thumb2 {float: right; margin: 4px 0;}
.offertext {
font: bold 16px  Arial, Helvetica, sans-serif; color: #0054a6;
margin: 0;
padding: 0;
letter-spacing:-1px;}
.detailscall {
font: bold 25px/16px  Arial, Helvetica, sans-serif; color: #0054a6;
margin: 0;
padding: 0;
letter-spacing:-1px;}
.detailsbreak {
margin: 0 0 4px 0;}
.imgsubtitle {display: none;}


/* ====== contact form ====== */


#contact {
width: 392px;
margin: 0;
border: solid 1px #c9c9c9;
padding: 8px 5px 0 5px;}
#contact table {
margin: 0;}
#contact form {
margin: 0;
padding: 0; }
#contacttint {
background-color:#c9c9c9;
width: 380x;
padding: 5px 6px 6px 6px;
margin: 0 0 7px 0;
color:#2e374c;}
#contact h3 {
margin: 0 0 10px 0;
padding: 0;}
#contact td {
margin: 0;
padding: 0 0 5px 0; }
#contact p {
margin: 0 0 0 0;
padding: 0; color: #2e374c; }
#contact input {
margin-top: 5px;}
#contact select {
width: 295px;
margin: 0 5px 0 5px;
padding: 0;
font: normal 11px  Arial, Helvetica, sans-serif;  color:#464646; }
#contact input.chkbox {
margin: 0 6px 0 0;
padding: 0;
font: normal 11px  Arial, Helvetica, sans-serif;  color:#464646;
border: 0; }
.contactwidth {
width: 295px;
margin: 0 0 0 5px;
padding: 0;
font: normal 11px  Arial, Helvetica, sans-serif;  color:#464646; }
#contact textarea {
font: normal 11px  Arial, Helvetica, sans-serif;  color:#464646;
width: 295px;
height: 60px;
margin: 0 0 0 5px; }
#txtCarDetails, #txtName, #txtEmail, #txtTelephone, #txtCompany, #contact select {
width: 300px;
margin: 0 5px 0 5px;
padding: 0;
font: normal 11px/18px  Arial, Helvetica, sans-serif; color:#464646;  }
#txtEnquiry, {
width: 325px;
margin: 10px 0 0 5px;
padding: 0;
font: 12px/18px  Arial, Helvetica, sans-serif;  }
.chkbox {
margin: 10px 5px 0 0;
float: left;}
.white {
color:#FFFFFF;}
#dvOriginalDisclaimer {
margin: 10px 0 0 75px;}
.disclaimertxt {
display: block;}


/* ==== footer ==== */
#footer {
border-top: solid 1px #c9c9c9;
width: 960px;
margin: 10px 0 0 0 ;
padding: 8px 0 0 0;
color: #6b7180;
line-height: 18px;}
#footer a:link, #footer a:visited, #footer a:active {
font-weight: normal;
color: #6b7180; text-decoration: none; }
#footer a:hover {
font-weight: normal;
color: #2f55a09; text-decoration: underline;}

/* ==== t&cs popup ==== */
#terms {
padding: 5px 0 5px 0;
font: normal 11px/14px  Arial, Helvetica, sans-serif; color: #999; 
background-color: #FFF; }
#terms h1 {
font: normal 24px "Century Gothic", Arial, Helvetica, sans-serif; color: #012d76;
letter-spacing: -1px;
margin: 0 0 10px 0;
padding: 0 0 0 6px; }
#terms p {
margin: 0 5px 10px 7px; }
#terms h2 {
font: bold 11px/14px  Arial, Helvetica, sans-serif; color: #999; 
margin: 0 0 2px 7px; }
#terms a {
font-weight: bold; color: #E32025; text-decoration: none; }
#terms a:hover {
color: #304E97; text-decoration: none; }
#terms ul {
list-style-type: disc;
margin: 5px 0 10px 20px;
padding: 0; }

/* ====== Sifr ====== /*


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
visibility: hidden;
font-size: 28px;
letter-spacing:-2px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 29px;
}