/* ########################   Heritage Peugeot 2009   ########################  */

body {
 margin:0; padding:0;
 background:#0d0600;
 font:normal 12px/18px Arial, Helvetica, sans-serif; color:#454545;
}

#page {
 width:100%;
 margin:0; padding:0;
}

.clear {
 clear:both;
 visibility:hidden;}

.notes {
 font:10px Arial, Helvetica, sans-serif; color: #5d575a;
 margin:0; padding:0 0 10px 0;
} 

#breadcrumbs {
 font-size:10px;
 border-bottom:1px dotted #d8d8d8;
 margin:0 0 15px 0; padding:0 0 5px 0;
}


/* ########################   headers   ########################  */

h1#clearance {
 font:bold 20px Arial,Helvetica, sans-serif; color:#e61c1c;
 margin:0 0 10px 0; padding:0 0 2px 0;
 font-weight:bold;
 letter-spacing:1px;
 border-bottom:1px solid #e61c1c;
}

#content h1 {
 font:bold 20px Arial,Helvetica, sans-serif; color:#afafaf;
 margin:0 0 10px 0; padding:0 0 2px 0;
 font-weight:bold;
 letter-spacing:1px;
 border-bottom:1px solid #cccccc;
}


/* ########################   images only   ########################  */

img {
 margin:0;padding:0;
 border:0;
}

.home-main-image {
 margin:0 0 0 0;
 padding:10px 0 0 0;
}

.specialoffer-image {
 /*width:166px;
 height:111px;*/
 margin:0; padding:1px;
 background:#fff;
 border:1px solid #cccccc;
}

/* ########################   header   ########################  */

#headerfull {
 width:100%;
 margin:0; padding:0;
 background:url(/images/header/headerfull-bg.gif) top left repeat-x;
}

#header {
 width:940px;
 height:152px;
 margin:0 auto; padding:0 10px 0 10px;
 background:url(/images/header/header-bg.gif) top left no-repeat;
}

.logo {
 float:left;
 margin:0;
 display:block;
}

.header-right {
 float:right;
 width:280px;
 margin:0; padding:0;
}

#dhtmlgoodies_contentBox {
  height:0px;
  visibility:hidden;
  position:absolute;
  background-color:#fff;
  overflow:hidden;
  padding:0;
  /*width:240px;*/
  width:278px;
  border-top:none;
  border-right:1px solid #4c7eb3;
  border-bottom:1px solid #4c7eb3;
  border-left:1px solid #4c7eb3;
}

#dhtmlgoodies_contentBox p{
margin:10px;}

#dhtmlgoodies_content {
  position:relative;  
  font:normal 12px/18px Arial, Helvetica, sans-serif; color:#454545;
  width:100%;
  margin:0;
  padding:0 0 15px 0;
}

#dhtmlgoodies_slidedown {
  position:relative;
  width:280px;
  margin:0;
  padding:0;
  background:green;
}

#dhtmlgoodies_slidedown ul  {
	margin: 0 0 0 20px; 
	padding: 0 3px 3px 3px;
	list-style-type: none;
}	
#dhtmlgoodies_slidedown ul li  {
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .30em;
	padding: 0 0 5px 20px;
	font-size:12px;
	color:#454545;
}

#dhtmlgoodies_slidedown a:link, #dhtmlgoodies_slidedown a:visited, #dhtmlgoodies_slidedown a:active {
 color:#457bb5; 
 text-decoration:none; 
 font-weight:bold;
}

#dhtmlgoodies_slidedown a:hover {
 color:#ff9c00; 
 text-decoration:underline;
}


/* ########################   menu   ########################  */

#navcontainer {
 width:940px;
 height:28px;
 margin:0 auto; padding:10px 0 0 0;
}

#nav, #nav ul {
 width:940px;
 height:28px;
 list-style:none;
 margin:0; padding:0;
}

#nav li {
 float:left;
 margin:0; padding:0;
 display:inline;
 background:url(/images/header/nav-divide.gif) right no-repeat;
}

#nav li.last {
 border-right:none;
}

#nav a {
 font:bold 12px Arial, Helvetica, sans-serif; color: #000000;
 text-decoration:none;
 display:block;
 margin:0; padding:7px 7px 6px 6px;
}

#nav a:hover {
 color:#fff;
 text-decoration:none;
 display:block;
 margin:0; padding:7px 7px 6px 6px;
 background:url(/images/header/nav-hover.gif) right no-repeat;
}
	
#nav li ul {
 position:absolute;
 left:-999em;
 margin:0; padding:0; 
 border-right:0;
 z-index:99
}

#nav li ul a {
 width: 165px;
 margin: 0 0 0 -1px; padding:6px 3px 6px 14px;
 border-top:1px solid #fff;
 background-color:#797979; 
 font:bold 12px Arial, Helvetica, sans-serif; color:#000000;}
	
#nav ul li a:hover { 
 border-top:1px solid #FFF;
 margin:0 0 0 -1px; padding:6px 3px 6px 14px;
 background:url(/images/header/nav-hover.gif) top left repeat-x;
} 

#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;
 border-top:none;
 width:165px;
}

/* ####################### twitter ########################### */

#twitter  {
background:url("/images/home/twitter-bg.jpg") no-repeat scroll left bottom #EFEEF0;
border:1px solid #BFC4B8;
padding:10px;
width:378px;
}

#twitter p.twittertitle {
font-size: 12px;}

#twitter ul li {
list-style:none;
background:none;
padding: 0;
margin: 0;}

#tweet ul li, #twitter_update_list li {
	background-image: none;
	background-repeat: no-repeat;
	background-position: ;
	padding: 0;



}



/* ########################   main content   ########################  */

#contentfull {
 width:100%;
 margin:0; padding:0;
 background-color:#ebebeb;
}

#content {
 width:940px;
 margin:0 auto; padding:0 10px 10px 10px;
 background:#fff;
}

#content a:link, #content a:visited, #content a:active {
 color:#58b3cc; 
 text-decoration:none; 
 font-weight:bold;
}

#content a:hover {
 color:#58b3cc; 
 text-decoration:underline;
}

.left {	/* search and offers*/
 float:left;
 width:220px;
 margin:0; padding:10px 0 0 0;
}

.main {	 /* main right double column */
 float:right;
 width:700px;
 margin:0; padding:0;
}

.main-left { /* middle column */
 float:left;
 width:400px;
 margin:0; padding:26px 0 0 0;
}

.main-left ul, .newcars-main-left ul, .left ul {
	margin: 0 0 5px 5px; 
	padding: 0 3px 3px 3px;
	list-style-type: none;
}	
.main-left ul li, .newcars-main-left ul li, .left ul li {
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .30em;
	padding: 0 0 5px 20px;
	font-size:12px;
	color:#454545;
}

.main-left h2 {
 font:bold 14px Arial,Helvetica, sans-serif; color:#afafaf;
 margin:5px 0 15px 0; padding:0 0 2px 0;
 font-weight:bold;
 letter-spacing:1px;
 border-bottom:1px solid #cccccc;
}

.home-mainleft {
 border-bottom:10px solid #cccccc;
}

.main-right { /* right column - banners */
 float:right;
 width:280px;
 margin:0; padding:33px 0 0 0;
}

.main p, .left p, .used-left p {
 color:#454545;
 margin:0; padding:0 0 10px 0;
}

.offer-prices {
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #00529c;
}

.telephone {
	font-size: 25px;
	line-height: 27px;
	font-weight: bold;
}


/* ########################   new cars   ########################  */

.newcars-main {	 /* main right double column */
 float:right;
 width:700px;
 margin:0; padding:15px 0 0 0;
}
.newcars-left {	/* search and offers*/
 float:left;
 width:200px;
 margin:10px 0 0 0; padding:15px 10px 10px 10px;
 background:url(/images/quick-search-bg.gif) bottom left repeat-x #afafaf;
}
.newcars-left h2 {
 font:bold 16px Arial,Helvetica, sans-serif; color:#fff;
 margin:0 0 10px 0; padding:0 0 4px 0;
 font-weight:bold;
 letter-spacing:1px;
 border-bottom:1px solid #9b9b9b;
}
.newcars-main p {
 color:#454545;
 margin:0; padding:0 0 10px 0;
}
.newcars-main-left { /* middle column */
 float:left;
 width:400px;
 margin:0; padding:10px 0 0 0;
}
.newcars-main-right { /* right column - banners */
 float:right;
 width:280px;
 margin:0; padding:13px 0 0 0;
}
.newcarfinance {
 border:1px solid #cacaca;
 border-collapse:collapse;
 margin:0 0 15px 0;	padding:0;
}	
.newcarfinance p {
 margin:0; padding:0;
}	
.newcarfinance td {
 border:1px solid #cacaca;
 padding:1px 0 1px 4px;
 color:#333;
 font-size:10px;
}	
.newcarfinance .newcarapr {
 font-size: 13px;
 font-weight:bold;
 margin:0; padding:5px 0 5px 0;
}

p.newcar-price{
 font-size:36px;
 line-height:34px;
 margin:0 0 10px 0;
}


/* ########################   demonstrator sale pages   ########################  */

#exdemo-pagination {
 width:200px;
 float:left;
 margin:0 0 10px 0;
 padding:0;
}

#exdemo-pagination .noback {
float:left;
display:block;
width:90px;
height:22px;
margin:0;
padding:4px 0 0 0;
background:#b2cbe1;
color:#fff;
text-align:center;}

#exdemo-pagination .nofwd {
float:right;
display:block;
width:90px;
height:22px;
margin:0;
padding:4px 0 0 0;
background:#b2cbe1;
color:#fff;
text-align:center;}

#exdemo-pagination a,
#exdemo-pagination a:link,
#exdemo-pagination a:active,
#exdemo-pagination a:visited {
display:block;
width:90px;
height:22px;
margin:0;
padding:4px 0 0 0;
background:#00529c;
color:#fff;
font-weight:normal;
text-decoration:none;
text-align:center;}

#exdemo-pagination a:hover {
background:#fff;
color:#00529c;
text-decoration:none;}

.leftdemlink {
float:left;
}
.rightdemlink {
float:right;
}

p.demo-list-price {
 width:200px;
 float:right;
 font:bold 14px Arial, Helvetica, sans-serif;
 color:#fff;
 margin:5px 0 0 0; padding:5px 0 5px 0;
 text-align:center;
 background:#00529c;
 display:block;
}

p.demo-your-price {
 width:200px;
 float:right;
 font:bold 14px Arial, Helvetica, sans-serif;
 color:#fff;
 margin:5px 0 0 0; padding:5px 0 5px 0;
 text-align:center;
 background:#00529c;
 display:block;
}

p.demo-save-price {
 width:200px;
 float:right;
 font:bold 14px Arial, Helvetica, sans-serif;
 color:#fff;
 margin:5px 0 0 0; padding:5px 0 5px 0;
 text-align:center;
 background:#ca5757;
 display:block;
}

.exdem-image {
 margin:0; padding:1px;
 background:#fff;
 border:1px solid #cccccc;
}




/* ########################   data tables   ########################  */

#datatable {
 font:13px/18px Arial, Helvetica, sans-serif; color: #2A2A2A;
 border:1px solid #bfc4b8;
 border-collapse:collapse;
 margin:0; padding:0; 
 background-color:#eff2eb 
}

#datatable p {
 margin:0; padding:0;
}

#datatable td {
 border:1px solid #bfc4b8;
 margin:0; padding:3px;
}

#datatable td.subheader {
 background-color:#ccd8ba; 
}

#datatable th {
 border-left:1px solid #aaaaa6;
 border-right:1px solid #aaaaa6;
 border-bottom:1px solid #aaaaa6;
 background-color:#d5dacd;
 font-weight:bold; 
 margin:0; padding:3px;
 color:#2A2A2A;
 text-align:left; 
}

#datatable tr:hover {
 background-color:#FFF; 
}


/* ########################   quick search   ########################  */

#homesearchcontainer {
 float:left;	
 width:200px;
 margin:0 0 15px 0; padding:17px 10px 10px 10px;
 background:url(/images/quick-search-bg.gif) top left repeat-x #838383;
}

#homesearchcontainer p {
 margin:0; padding:0 0 7px 0;
 font:normal 11px/17px Arial, Helvetica, sans-serif; /*color: #000*/color:#fff;
}

#homesearchcontainer h2 {
 font:bold 16px Arial,Helvetica, sans-serif; color:#fff;
 margin:0 0 10px 0; padding:0 0 4px 0;
 font-weight:bold;
 letter-spacing:1px;
 border-bottom:1px solid #9b9b9b;
}

#homesearchcontainer a:link, #homesearchcontainer a:visited, #homesearchcontainer a:active {
 color:#6cddfd; 
 text-decoration:none; 
 font-weight:bold;
}

#homesearchcontainer a:hover {
 color:#6cddfd; 
 text-decoration:underline;
}

#homesearch {
 text-align:left;
 font:bold 12px Arial, Helvetica, sans-serif; color: #414141;
 margin:0 0 10px 0;
 padding:4px 0 0 0;
 width:200px;
}

#homesearch .COGCarMakeDropDown, #homesearch .COGCarModelDropDown, #homesearch .COGDealershipDropDown  {
 margin:0 0 9px 0;
 padding:3px 0 0 0;
 height:20px;
 width:200px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #5f6164;
}

#homesearch .COGCarPriceFromDropDown {
 float:left;
 margin:0 6px 9px 0; padding:3px 0 0 0; 
 height:20px;
 width:97px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #5f6164;
 float:left;
}

#homesearch .COGCarPriceToDropDown {
 float:left;
 margin:0 0 9px 0; padding:3px 0 0 0;
 height:20px;
 width:97px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #5f6164;
}

#homesearch .COGCarSearchButton {
width:200px;
height:38px;
margin:0; padding:0;
background:url(/images/quicksearch-button.gif) top left no-repeat;
border:0;
cursor:pointer;
}

#list-bottom-controls {
 float:left;	
 width:690px;
 margin:20px 0 0 0; padding:5px 5px 4px 5px;
 background:#838383;
}

#list-bottom-controls .pagecount-bg {
float: left;
width:481px;
background:none;
color:#fff;
padding: 4px 0 4px 4px;
margin: 0;}

#list-bottom-controls #pagination {
 width:200px;
 float:right;
 margin:0 0 0 0;
 padding:0;
}


/* ########################   banners   ########################  */

#banners, #banners-narrow {margin:0; padding:0;}

#banners h3, #banners-narrow h3 {
 font:normal 18px Arial, Helvetica, sans-serif; color: #58b3cc;
 margin:0 0 2px 0; padding:0;
}

#banners h4 {
 font:normal 17px Arial, Helvetica, sans-serif; color: #58b3cc;
 margin:0 0 2px 0; padding:0;
}

#banners h5 {
 font:normal 16px Arial, Helvetica, sans-serif; color: #58b3cc;
 margin:0 0 2px 0; padding:0;
 letter-spacing:-0.2px;
}


#banners a,
#banners a:link,
#banners a:visited,
#banners a:hover {
 width:280px;
 height:96px;
 display:block;
 cursor:pointer;
 text-decoration:none;
}
.banner {
 width:280px;
 height:79px;
 margin:0; padding:17px 0 0 0;
}

#banners-narrow a,
#banners-narrow a:link,
#banners-narrow a:visited,
#banners-narrow a:hover {
 width:220px;
 height:96px;
 display:block;
 cursor:pointer;
 text-decoration:none;
}
.banner-narrow {
 width:220px;
 height:79px;
 margin:0; padding:17px 0 0 0;
}

.banner-arrow {
 float:left;
 margin:0; padding:0 4px 0 0;
 display:block;
 border:0;
}

.twitter {background:url(/images/banners/twitter.jpg) top right no-repeat;}

.newssmall { background:url(/images/banners/news.jpg) top right no-repeat;}

.findus { background:url(/images/banners/find-us.jpg) top left no-repeat;}

.career-vacancies { background:url(/images/banners/career-vacancies.jpg) top left no-repeat;}

.vanoffers { background:url(/images/banners/vanoffers.jpg) top left no-repeat;}

.taxfreeoffers { background:url(/images/banners/taxfreeoffers.jpg) top left no-repeat;}

.exdemos { background:url(/images/banners/exdemos.jpg) top left no-repeat;}

.find-us { background:url(/images/banners/find-us.jpg) top right no-repeat;}

.guardian-care { background:url(/images/banners/guardian-care.jpg) top left no-repeat;}

.scrappage { background:url(/images/banners/scrappage.jpg) top left no-repeat;}

.testdrive { background:url(/images/banners/testdrive.jpg) top left no-repeat;}

.contact { background:url(/images/banners/contact.jpg) top left no-repeat;}

.careers { background:url(/images/banners/careers.jpg) top left no-repeat;}

.service-offers { background:url(/images/banners/service-offer.jpg) top left no-repeat;}

.parts-offers { background: url(/images/banners/parts-offer.jpg) top left no-repeat;}

.tyres-offers { background:url(/images/banners/tyres-offer.jpg) top left no-repeat;}

.mot-offer { background:url(/images/banners/mot-offer.jpg) top left no-repeat;}

.service { background:url(/images/banners/service.jpg) top left no-repeat;}

.clearance { background:url(/images/banners/clearance.jpg) top left no-repeat;}

.bodyshop { background:url(/images/banners/bodyshop.jpg) top left no-repeat;}

.insurance { background:url(/images/banners/insurance.jpg) top left no-repeat;}

.details-test { background:url(/images/banners/details-test.jpg) top left no-repeat;} /* details - test drive */

.details-contact { background:url(/images/banners/details-contact.jpg) top left no-repeat;} /* details - contact */

.details-goback { background:url(/images/banners/details-goback.jpg) top left no-repeat;} /* details - go back */

.details-search { background:url(/images/banners/details-search.jpg) top right no-repeat;} /* details - search again */


/* ########################   offers - eg. Ex Demos   ########################  */

.offer {
 float:left;
 width:400px;
 margin:0 0 10px 0;
 padding:0 0 10px 0;
 border-bottom:1px solid #cccccc;
}
.offer ul  {
	margin: 0 0 5px 5px; 
	padding: 0 3px 3px 3px;
	list-style-type: none;
}	
.offer ul li  {
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .40em;
	padding: 0 0 3px 18px;
	font-size:10px;
	color:#454545;
}
.offer-image {
 float:left;
 width:170px;
 margin:0;
 padding:0;
}
.offer-text {
 float:right;
 width:210px;
 margin:0;
 padding:0;
}
p.offer-title{ /*orange*/
 font-weight:bold;
 color:#ff9c00;
}
.offer-price { /*red*/
 font-weight:bold;
 color:#aa1818;
}

.offer-price-large { /* large red */
 font-size:16px;
 font-weight:bold;
 color:#aa1818;
}


/* ########################   call me back form  ########################  */

#callmeback  {
 float:left;	
 width:260px;
 margin:0 0 10px 0; padding:10px;
 background:url(/images/quick-search-bg.gif) top left repeat-x #838383;
}

#callmeback p {
 margin:0 0 10px 0; padding:0 0 8px 0;
 font:normal 11px/17px Arial, Helvetica, sans-serif; color: #fff;
}


p#introtext {
 margin:0 0 0 0; padding:0 0 8px 0;
 font:normal 11px/17px Arial, Helvetica, sans-serif; color: #fff;
}

#callmeback h2 {
 font:bold 18px Arial,Helvetica, sans-serif; color:#fff;
 margin:0 0 10px 0; padding:0 0 2px 0;
 font-weight:bold;
 letter-spacing:1px;
 border-bottom:1px solid #9b9b9b;
}

#callmeback table {
 margin:0; padding:0;
}

#callmeback table tr {
margin:0; padding:0;}

#callmeback table td {
margin:0 0 10px 0; padding:0;}

#callmeback form {
 margin:0; padding:0;
}

#callmeback label  {
 color:#fff;
 width:90px;
 float:left;
 font-size:11px;
 font-weight:bold;
 margin:0 0 10px 0;
 padding:0;
/* width:50px;*/
}

#callmeback select {
margin-bottom:50px;}

#callmeback .findoutmore-input { 
 font:bold 10px Arial, Helvetica, sans-serif; color: #686868;
 /*width:238px;*/
 float:left;
 width:153px;
 margin:0 5px 10px 0;
 padding:3px 0 3px 2px;
}

#callmeback .dealer-select { 
 font:bold 10px/24px Arial, Helvetica, sans-serif; color: #686868;
 /*width:242px;*/
  float:left;
 width:157px;
 margin:0 5px 10px 0;
 padding:3px 0 3px 2px;
}

#callmeback .findoutmorebutton {
 width:260px;
 height:38px;
 margin:0 0 0 0; padding:0;
 border:0;
 cursor:pointer;
 background:url(/images/callmeback-button.gif) top left no-repeat;
}

p#requiredfields {
font-size:9px;
margin:0;}





/* ########################   used car advanced search  ########################  */

#advancedsearch {
 width:380px;
 margin:0 0 0 0; padding:15px 10px 15px 10px;
 background:#fafafa;
 border-bottom:10px solid #cccccc;
 border-top:1px solid #cccccc;
}
#advancedsearch .COGCarMakeDropDown, #advancedsearch .COGCarModelDropDown, #advancedsearch .COGCarVersionDropDown, #advancedsearch .COGCarFuelDropDown, #advancedsearch .COGCarTransmissionDropDown {
 margin:0 0 9px 0;
 padding:3px 0 0 0;
 height:22px;
 width:380px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #686868;
}

#advancedsearch .COGCarPriceFromDropDown {
 float:left;
 margin:0 10px 9px 0; padding:3px 0 0 0; 
 height:22px;
 width:185px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #686868;
 float:left;
}

#advancedsearch .COGCarPriceToDropDown {
 float:left;
 margin:0 0 9px 0; padding:3px 0 0 0;
 height:22px;
 width:185px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #686868;
}

#advancedsearch .COGCarSearchButton {
 width:380px;
 height:38px;
 margin:2px 0 0 0; padding:0;
 background:url(/images/advanced-search-button.gif) top left no-repeat;
 border:0;
 cursor:pointer;
}



/* ########################## Flexible Servicing ##############################*/

.flex-left {
	float: left;
	width: 339px;
}
.flex-right {
	float: right;
	width: 339px;
}

.white-box-top {
	width:299px;
	height:11px;
	margin:0; padding:0 20px 0 20px;
	display:block;
	overflow:hidden;
	background:url(/images/flexible-servicing/white-box-top.gif) top left no-repeat;
}
.white-box {
	width:309px;
	margin:0 0 10px 0; padding:0 15px 10px 15px;
	display:block;
	background:url(/images/flexible-servicing/white-box-bottom.gif) bottom left no-repeat;
}

.blue-box-top {
	width:299px;
	height:11px;
	margin:0; padding:0 20px 0 20px;
	display:block;
	overflow:hidden;
	background:url(/images/flexible-servicing/blue-box-top.gif) top left no-repeat;
}
.blue-box {
	width:309px;
	margin:0 0 20px 0; padding:0 15px 0 15px;
	display:block;
	background:url(/images/flexible-servicing/blue-box-bottom.gif) bottom left no-repeat #457bb5;
}

.blue-box-top-wide {
	width:660px;
	height:11px;
	margin:0; padding:0 20px 0 20px;
	display:block;
	overflow:hidden;
	background:url(/images/flexible-servicing/blue-box-top-wide.gif) top left no-repeat;
}
.blue-box-wide {
	width:670px;
	margin:0 0 20px 0; padding:0 15px 0 15px;
	display:block;
	background:url(/images/flexible-servicing/blue-box-bottom-wide.gif) bottom left no-repeat #457bb5;
}

.blue-box p, .blue-box-wide p {color:#fff;}

/* step 1 accordian */
.blue-box-wide ol {
	color: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
}
.blue-box-wide ul {
	margin: 0 0 0 15px;
	padding: 0;
}
.blue-box-wide ul li {
	list-style-type: disc;
}
.blue-box-wide ul li ul li {
	list-style-type: circle;
}
.timestamp {
	font-weight: bold;
	cursor:pointer;
}
.accordian-ul-left {
	width: 230px;
	float: left;	
}
.accordian-ul-right {
	width: 230px;
	float: right;	
}


.what-do-i-need {
	float: right;
}

.servicing-notes {font-size:11px; line-height: 14px; color:#fff;}

.flexible-service {
	font-size: 18px;
	line-height: 21px;
	letter-spacing: -1px;
}

p.flexible-service-header{
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	margin:2px 0 0 0;
	padding:0;
}

p.flexible-service-whiteheader {
	color:#fff;
	font-size:15px;
	font-weight:bold;
	margin:2px 0 20px 0;
	padding:0;
}


.service-price-box {
	width:299px;
	height:80px;
	margin:0 0 20px 0; padding:12px 20px 0 20px;
	text-align: center;
	display:block;
	background:url(/images/flexible-servicing/price-bg.gif) top left no-repeat;
}
.service-price-box p {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}

.flexible-service-total {
	color:#fff;
	font-size:26px;
	line-height: 22px;
	font-weight:bold;
	letter-spacing: -1px;
	margin:0;
	padding:0;
}
.flexible-service-price {
	color:#fff;
	font-size:50px;
	line-height: 52px;	
	font-weight:bold;
	letter-spacing: -1px;
	margin:0;
	padding:0;
}

.checkbox-bg {
	width:17px;
	height:17px;
	margin:0;
	padding:3px 0 0 3px;
	background:#09509d;
	display:block;
}

.flexible-service-continue {
 width:400px;
 height:38px;
 margin:0 0 15px 0; padding:0;
 color: #fff;
 font-size: 18px;
 background:url(/images/flexible-servicing/button-bg.gif) top left no-repeat;
 border:0;
 cursor:pointer;
}

.service-findaddress {
 width:122px;
 height:30px;
 margin:10px 0 5px 0; padding:0;
 background:url(/images/flexible-servicing/find-your-address.gif) top left no-repeat;
 border:0;
 cursor:pointer;
}

.service-findcar {
 width:122px;
 height:30px;
 margin:10px 0 5px 0; padding:0;
 background:url(/images/flexible-servicing/look-up-car.gif) top left no-repeat;
 border:0;
 cursor:pointer;
}





/* ########################   used car list   ########################  */

.used-left {	/* search and offers*/
 float:left;
 width:220px;
 margin:0; padding:10px 0 0 0;
}

#usedlist {
 float:left;
 width:700px;
 margin:0; padding:26px 0 0 0;
}

#usedlistwrapper {
 padding: 0;
}

#pagination {
 width:200px;
 float:left;
 margin:0 0 10px 0;
 padding:0;
}

.pagecount-bg {
background-color:#c6c6c6;
padding: 6px 0 6px 4px;
margin: 0 0 8px 0;}


.COGPager{
 width:200px;
 float:left;
 margin:0;
 padding:0;
 color:#fff;
}

#pagination .COGPager li{
display: inline;
text-align:center;
list-style-type: none;
margin:0;
padding:0;
font-weight: normal;
float:left;
color:#fff;}

#pagination .COGPager .COGPagerItemSelected span{
 float:left;
 background-color:#00529c !important;
 color: #fff;
 font-weight: normal;
}

#pagination .COGPager span /* not a link style */ {
 background-color:#b2cbe1;
 color:#fff;
 display: block;
 font-weight: normal;
 width:90px;
 margin:0;
 padding:4px 0;
}

#pagination .COGPager a:link, .COGPager a:visited, .COGPager a:active /* link style */ {
 background-color:#00529c;
 text-decoration: none;
 color: #fff;
 width:90px;
 display:block;
 font-weight: normal;
 margin:0;
 padding: 4px 0;
}

#pagination .COGPager a:hover {
 background-color:#fff;
 text-decoration: none;
 font-weight: normal;
 color: #00529c;
 width:90px;
 display:block;
 margin:0;
 padding:4px 0;
}

#pagination .COGPager li.COGPagerItem, #pagination .COGPager li.COGPagerItemSelected  /* hides the pagination display */ {  
 display: none;
 font-weight: normal;
 float:left;
 color:#fff;
}

#pagination .COGPager li.COGPagerNext {
 float:right;
 font-weight: normal;
 color:#fff;
}

#usedlist a:link, #usedlist a:visited, #usedlist a:active {
font-weight: normal;
color: #fff; text-decoration: none; display:block; cursor:pointer; }

#usedlist a:hover {
font-weight: normal;
color: #262424; text-decoration: none; display:block; cursor:pointer;}

.usedlistvehicle {
 width:680px;
 /*background:#f9f9f9;*/
 border-top:dotted 1px #dcdcdc;
 /*border-bottom:dotted 1px #dcdcdc;*/
 /*margin-bottom:10px;*/
 padding:6px 10px 11px 10px;
}

.usedlistvehicle-left { /* image and spec */
 width:462px;
 float:left;
 color:#414141;
 margin:0; padding:0;
}

/* photo */
.veh-image {
 width:162px;
 float:left;
 margin:0;
 padding:0;
}
.usedlistvehicle-image { 
 margin:0; padding: 0;
 float:left;
}


.veh-details {
 width:285px;
 float:right;
 margin:0;
 padding:10px 0 0 0;
 font-size:10px;
 line-height:21px;
 font-weight:normal;
}
#usedlist .usedlistvehicle-title {
 font:bold 14px Arial, Helvetica, sans-serif;
 float:left;
 margin:0 0 8px 0; padding:0;
 color:#00529c;
}
.veh-details-left {
 float:left;
 width:140px;
 margin:0 0 5px 0; padding:0 0 0 0;
 line-height:18px;
}
.veh-details-right {
 float:right;
 width:140px;
 margin:0 0 5px 0; padding:0 0 0 0;
 line-height:18px;
}

/* price */
.usedlistvehicle-right { 
 width:200px;
 float:right;
 margin:0; padding:5px 0 0 0;
 color:#454545;
 line-height:20px;
}
.usedlistvehicle-price {
 width:200px;
 float:right;
 font:bold 14px Arial, Helvetica, sans-serif;
 color:#fff;
 margin:5px 0 0 0; padding:5px 0 5px 0;
 text-align:center;
 background:#00529c;
 display:block;
}


.clearance-price { /*clearance sale red price */
 width:200px;
 float:right;
 font:bold 14px Arial, Helvetica, sans-serif;
 color:#fff;
 margin:5px 0 0 0; padding:5px 0 5px 0;
 text-align:center;
 background:#e61c1c;
 display:block;
}
.clearance-price-message { /*clearance sale red price */
 width:200px;
 float:right;
 font:bold 14px Arial, Helvetica, sans-serif;
 color:#e61c1c;
 margin:5px 0 0 0; padding:5px 0 5px 0;
 text-align:center;
 display:block;
}


.list-bottom {
 /*width: 600px;*/
 display:block;
 height:1px;
 margin:0; padding:0;
 border-bottom:dotted 1px #dcdcdc;
}



/* ########################   used details styles   ########################  */

#useddetails-left {
 float:left;	
 width:200px;
 margin:0 0 32px 0; padding:17px 10px 10px 10px;
 background:url(/images/quick-search-bg.gif) top left repeat-x #838383;
}

#useddetails-left p {
 margin:0; padding:0 0 7px 0;
 font:normal 11px/17px Arial, Helvetica, sans-serif; color:#fff;
}

#useddetails-left h2 {
 font:bold 16px Arial,Helvetica, sans-serif; color:#fff;
 margin:0 0 10px 0; padding:0 0 4px 0;
 font-weight:bold;
 letter-spacing:1px;
 border-bottom:1px solid #9b9b9b;
}

#useddetails-left ul  {
	margin: 0 0 0 5px; 
	padding: 3px;
	list-style-type: none;
}	
#useddetails-left ul li  {
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .35em;
	padding: 0 0 5px 20px;
	font-size:11px;
	color:#fff;
}

#detailspage {
 width:400px;
 maring:0; padding:0;
}

.photos {
 width:368px;
 margin: 0 0 13px 0; padding:10px 15px 11px 15px;
 background:#f9f9f9;
 border:solid 1px #dcdcdc;
}

.mainimage {
 width:368px;
 float:left;
 margin:0; padding:0;
}

.thumbs {
 width:190px;
 margin:0 0 10px 0; padding:5px 5px 0 5px;
 background:#c6c6c6;
}

.thumb {
 float:left;
 margin: 0 6px 6px 0;
}

.thumb2 {
 float:left;
 margin: 0 0 6px 0;
}

#detailspage p {
 margin:0; padding:0;
}

#detailspage .details-price {
 width:368px;
 margin: 0 0 13px 0; padding:10px 15px 11px 15px;
 background:#f9f9f9;
 border:solid 1px #dcdcdc;
}

#detailspage .useddetails-title {
 font: bold 20px Arial, Helvetica, sans-serif; color:#454545;
 margin:0; padding:0;
}

#detailspage .useddetails-price {
font: bold 20px Arial, Helvetica, sans-serif; color: #ff9c00;
margin: 0 0 10px 0;
padding: 0;
}

.featurestable {
 width:368px;
 margin: 0 0 13px 0; padding:10px 15px 11px 15px;
 line-height:24px;
 background:#f9f9f9;
 border:solid 1px #dcdcdc;
}

.featurestable h2 {
 font:bold 10px Arial,Helvetica, sans-serif; color:#454545;
 margin:0 0 10px 0; padding:0 0 4px 0;
 font-weight:bold;
 letter-spacing:1px;
 border-bottom:1px solid #b7b7b7;
}

#dealerlocation {
 width:200px;
 margin:0; padding:10px 0 0 0;
 line-height:24px;
 color:#fff;
}

/*.details-contact {
 float: left;	
 width: 460px; 
 margin:0 0 20px 0; padding:10px 0 0 0;
}*/

#dealerlocation .details-telephone {
 font-size:14px;
 line-height:18px;
 font-weight:bold;
}



/* ########################   details contact form   ########################  */

#usedcarenquiry  {
 width: 260px;
 margin: 7px 0 0 0;
 padding: 0 0 0 0;
}

#usedcarenquiry label  {
 margin:0;
 padding:0;
 width:50px;
}

#usedcarenquiry input { 
 font: 13px Tahoma, Arial, Helvetica, sans-serif; color: #5f6164;
 width: 256px;
 margin: 0 0 8px 0;
 padding: 3px 0 3px 2px;
}

#usedcarenquiry input.submit {
 font: bold 11px Tahoma, Arial, Helvetica, sans-serif; color: #fff;
 width: 260px;
 height: 38px;
 margin: 4px 0 10px 0;
 padding: 0;
 border:none;
 background:url(/images/call-me-back-submit.jpg) top left no-repeat;
 cursor:pointer;
}




/* ########################   find us page   ########################  */

#maingooglemap {
margin:15px 0 10px 0;}

.findus-left {
 float:left;
 width:170px;
 margin:0; padding:0;
}

.findus-right {
 float:right;
 width:270px;
 margin:0 0 20px 0; padding:0;
}

#openinghourstable {
 font:11px/16px Arial, Helvetica, sans-serif; color: #414141;
 border:1px solid #c8c8c8;
 border-collapse:collapse;
 margin:0 0 15px 0; padding:0; 
 background-color:#efefef 
}

#openinghourstable p {
 margin:0; padding:0;
}

#openinghourstable td {
 border:1px solid #bfc4b8;
 margin:0; padding:5px;
}

#openinghourstable td.subheader {
 background-color:#ccd8ba; 
}

#openinghourstable th {
 border-left:1px solid #c8c8c8;
 border-right:1px solid #c8c8c8;
 border-bottom:1px solid #c8c8c8;
 background-color:#e1e1e1;
 font-weight:bold; 
 margin:0; padding:3px;
 color:#414141;
 text-align:left; 
}

#openinghourstable tr:hover {
 background-color:#FFF; 
}



/* ==== Service Booking form ==== 
#serviceform {
	width: 251px;
	text-align: left;
	font: 13px Tahoma, Arial, Helvetica, sans-serif; color: #5d575a;
	margin: 0;
	padding: 0 0 0 22px;
 }
#serviceform select {
	margin: 0 0 10px 3px;
	padding: 0;
	width: 249px;
	font: 13px Tahoma, Arial, Helvetica, sans-serif; color: #5d575a;
	border: 1px solid #9e9e9e;
}
#serviceform p {
	margin: 0;
	padding: 4px 0;
}
#serviceform input {
	width: 140px;
	float: left;
	margin: 0;
	padding: 2px;
	font: 13px Tahoma, Arial, Helvetica, sans-serif; color: #5d575a; 
	border: 1px solid #9e9e9e;
}
#serviceform textarea {
	width: 140px;
	height: 80px;
	margin: 0;
	padding: 2px;
	font: 13px Tahoma, Arial, Helvetica, sans-serif; color: #5d575a; 
	border: 1px solid #9e9e9e;
}
#serviceform input:focus, #serviceform textarea:focus { 
	background-color: #FFC; 
}
#serviceform input.submit {
	cursor:pointer;
	width: 245px;
	margin: 0 0 5px 4px;
	padding: 3px;
	font: bold 13px Tahoma, Arial, Helvetica, sans-serif; color: #FFF;
	background-color: #007550;
	border: 0;
}
#serviceform input.tickbox {
	width: auto;
	margin: 3px 0;
	padding: 0;
	border: 0;
}
#serviceform input.date {
	width: 120px;
	margin: 0 3px 0 0;
	padding: 2px;
	font: 13px Tahoma, Arial, Helvetica, sans-serif; color: #5d575a; 
	border: 1px solid #9e9e9e;
}*/





/* ########################   main contact form   ########################  */

#contact fieldset {
 width:370px;
 padding:0 15px 20px 15px;	
 border:1px solid #d6d6d6;
 font-weight:bold;
}

#contact  ul  {
	margin: 10px 0 5px 0; 
	padding: 0 3px 3px 0;
	list-style-type: none;
}	
#contact  ul li  {
	background-image:none;
	background-repeat: no-repeat;
	background-position: 0 .30em;
	padding: 0 0 3px 0;
	color:red;
	font-size:12px;
}

#contact p {
 font-weight:normal;
}

/*#contact input{
 height:20px;
 width:263px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #686868; 
 margin:0 0 8px 0; padding:3px 0 0 0;
}*/

#contact label{
 float:left;
 width:140px;
 margin:10px 0 0 0;
 padding:0 10px 0 0;
 font-weight:normal;
}

#contact option{
 width:203px;
 margin:0 0 0 0; padding:1px 0 1px 0;
}

.filledcontact-dropdown {
 height:18px;
 width:200px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #686868; 
 margin:10px 0 0 0; padding:3px 0 0 5px;
}

.contact-dropdown {
 height:18px;
 width:197px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #686868; 
 margin:10px 0 0 0; padding:3px 0 0 5px;
}

.contact-width {
 height:18px;
 width:190px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #686868; 
 margin:10px 0 0 0; padding:3px 0 0 5px;
}

#contact textarea{
 height:150px;
 width:190px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #686868; 
 margin:10px 0 0 0; padding:3px 0 0 5px;
}

#contact .contact_checkbox {
 width:15px;
 margin:0 4px 0 0; padding:0;
 border:0;	
}

#contact .contact-button {
 float:right;
 width:197px;
 height:38px;
 margin:2px 0 0 0; padding:0;
 background:url(../images/contact-form-button.gif) top left no-repeat;
 border:0;
 cursor:pointer;
}

/* ########################   footer   ########################  */

#footer {
 width:960px;
 margin:0 auto; padding:0;
}

.topfooter-wrapper {
 width:960px;
 margin:0 auto; padding:0 0 0 0;
 background:#fff;
}

.topfooter {
 width:940px;
 margin:0 auto; padding:7px 0 0 0;
 border-top:1px solid #cccccc;
}

.topfooter-left {
 float:left;
 width:220px;
 margin:0; padding:0;
}

.topfooter-right {
 float:right;
 width:280px;
 margin:0; padding:0;
}

.bottomfooter {
 width:940px;
 float:left;
 margin:0;
 padding:12px 10px 10px 10px;
 color:#868380;
}

#footer p  {
 font:11px/15px Arial, Helvetica, sans-serif;
 color:#868380;
 margin:0 0 7px 0;
}

#footer table {
 margin:0;
}

#footer table td {
 font-size:11px;
}

#footer a {
 color:#868380; 
 text-decoration:none;
}

#footer a:hover {
 color:#868380; 
 text-decoration:underline;
}

.footerone {
 float:left;	
 width:220px;
 min-height:140px;
 margin:0 20px 0 0; padding:0;
 border-right:1px solid #3d3833;
}
	
.footertwo {
 float:left;	
 width:220px;
 min-height:140px;
 margin:0 20px 0 0; padding:0;
 border-right:1px solid #3d3833;
}
	
.footerthree {
 float:left;	
 width:356px;
 min-height:140px;
 margin:0; padding:0;
}
	
.footerfour {
 float:left;	
 width:100px;
 margin:0 0 0 0; padding:0;
}


/* --- terms --- */
#terms {
	margin: 0;
	padding: 2px 8px 5px 8px;
	background-color: #ebebeb;
}
#terms p {
	font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #4a4d47;
	margin: 0;
	padding: 6px 0;
}
#terms h1 {
	font: bold 17px Tahoma, Arial, Helvetica, sans-serif; color: #4a4d47;
	margin: 6px 0;
	padding: 0;
}
#terms a, #terms a:active, #terms a:visited {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #d56901; 
	text-decoration: none; 
}
#terms a:hover {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #d56901; 
	text-decoration: underline;
}




/* ########################   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 #homesearchcontainer h2, #content h1, .main-left h2, callmeback h2, .newcars-left h2, #useddetails-left h2, .featurestable h2, h1#clearance {
 visibility:hidden;
}