/* ########################   Heritage Audi 2009   ########################  */
html {
background-color:#000000;}

body {
 margin:0; padding:0;
 background:url(../images/main-bg.jpg) repeat-x #E2E8E8;
 font:normal 12px/18px Verdana, Helvetica, sans-serif; color:#454545;
}

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

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

.notes {
 font:9px Verdana, 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   ########################  */

#content h1 {
 font:bold 20px Verdana,Helvetica, sans-serif; color:#8B8E96;
 margin:0 0 10px 0; padding:0 0 2px 0;
 font-weight:normal;
 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;
}


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

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

#headersendtofriend {
/*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.jpg) top left no-repeat;
}

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

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




/* ########################   Send to a friend   ########################  */

#send-to-friend {
	width:100%;
	height:370px;
	background-color:#FFFFFF;
	margin:0;
	padding:0;}
	
.send-to-friend-header {
	width:100%;
	height:114px;
	background:url(../images/header/send-to-friend.jpg) top left repeat-x;
	background-color:#e6eaeb;
	text-align:center;}	
	
.friend-table {
	width:400px;
	margin:25px auto;}
	
.friend-block {
	width:100%;
	height:50px;
	background-color:#e6eaeb;
	margin:10px 0 0 0;
	padding:0;}
			





/* ########################   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 Verdana, Helvetica, sans-serif; color: #000000;
 text-decoration:none;
 display:block;
 margin:0; padding:7px 11px 6px 11px;
}

#nav a:hover {
 color:#fff;
 text-decoration:none;
 display:block;
 margin:0; padding:7px 11px 6px 11px;
 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: 200px;
 margin: 0 0 0 -1px; padding:6px 3px 6px 14px;
 border-top:1px solid #fff;
 background-color:#797979; 
 font:bold 12px Verdana, 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:155px;
}


/* ####################### 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;
}

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

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

#content a:hover {
 color:#cc0033; 
 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-business {	 /* Main column left */
 float:left;
 width:640px;
 margin-top:10px; padding:0;
}

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


.right-search {	/* search and offers*/
 float:right;
 width:280px;
 margin:0; padding:10px 0 0 0;
}

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

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

.main-left h2 {
 font:bold 14px Verdana,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;
 clear:both;
}

.main-left-double { /* double left column */
 float:left;
 width:680px;
 margin:0 0 -20px 0; padding:26px 0 0 0;
}

.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 {
 color:#454545;
 margin:0; padding:0 0 10px 0;
}

.telephone {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 27px;
	font-weight: bold;
}

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;
}


/* ########################   Flash Banners   ########################  */
/* ====== home offers ====== */

#audi-home-slide div {
width:940px;
height: 400px;}
.audi-aseven-sportback {
background:url(/images/home/main-offers/audi-a7-sportback.jpg) top left no-repeat;}
.audi-rsfive {
background:url(/images/home/main-offers/audi-rs5.jpg) top left no-repeat;}
.audi-aone {
background:url(/images/home/main-offers/audi-a1.jpg) top left no-repeat;}
#homeslide-nav {
height:35px;
padding: 20px 0 0 0;
text-align:center;
z-index: 9999;}
#homeslide-nav a:link, #homeslide-nav a:active, #homeslide-nav a:visited, #homeslide-nav a:hover {
padding: 0;
width: 14px;
height:14px;
display:inline-block;
outline:none;
background:url(/images/backgrounds/homeslide-nav.jpg) top left no-repeat;
margin: 0 5px;
text-indent:-9999px}
#homeslide-nav a.activeSlide {
background:url(/images/backgrounds/homeslide-nav-active.jpg) top left no-repeat;}
.flashwrap {
z-index:5; 
cursor:pointer;
display:block; 
width:940px;
height:368px;
background:none;}
#flash-items {
background:none !important;
height:368px;
width:940px; 
display:block; 
margin: 0; 
position:relative;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#flash-items {margin: -0px 0 0 0;  }
}

#flash-items div, #flash-items div div  {
background:none !important;
cursor:pointer;}

#home-top-section #showhomereveal {
color:#9b9b9b;
cursor:pointer;}
#home-top-section h2 a:link, #home-top-section h2 a:active, #home-top-section h2 a:visited {
text-decoration: none;
color:#9b9b9b;} 
#home-top-section h2 a:hover {
color: #5e6366;}
#home-reveal {
padding-top: 15px;}
#home-reveal p {
margin-bottom: 14px;
font-family:Verdana, Verdana, Helvetica, sans-serif;
color:#5C6066;}
#home-reveal a:link, #home-reveal a:visited, #home-reveal a:active {
font-weight: normal;
color: #CC0033; text-decoration: none; }
#home-reveal a:hover {
font-weight: normal;
color: #000000; text-decoration: none;}



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

.newcars-main {	 /* main right double column */
 float:right;
 width:700px;
 margin:0; padding:25px 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 Verdana,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:15px 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:3px 0 3px 4px;
 color:#333;
 font-size:10px;
}	
.newcarfinance .newcarapr {
 font-size: 13px;
 font-weight:bold;
 margin:0; padding:5px 0 5px 4px;
}

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


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

#datatable {
 font:13px/18px Verdana, 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; 
}

.datatable-tint {
background-color:#eaeaea;}

/* ==== Open Season Tables ==== */

.offer-datatable {
border: 1px solid #b3b3b3;
border-collapse: collapse;
margin: 5px 0 15px 0;
padding: 0;
background: #f0f0f0;}
.offer-datatable p {
margin: 0;
padding: 0;}
.offer-datatable td {
border: 1px solid #cecece;
padding: 4px 0 4px 4px;
color: #5E5E5E;
font-size: 11px;}
.offer-datatable th {
border: 1px solid #cecece;
font-weight: bold;
font-size: 12px;
padding: 4px;
background: #eaeaea;}
.offer-datatable-tint {
background-color:#eaeaea;}



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

#homesearchcontainer {
 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;
}

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

#homesearchcontainer h2 {
 font:bold 16px Verdana,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:#cc0033; 
 text-decoration:none; 
 font-weight:bold;
}

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

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

#homesearch .COGCarMakeDropDown, #homesearch .COGCarModelDropDown {
 margin:0 0 9px 0;
 padding:3px 0 0 0;
 height:20px;
 width:200px;
 font:bold 10px Verdana, 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 Verdana, 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 Verdana, 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 {
 font:normal 18px Verdana, Helvetica, sans-serif; color: #cc0033;
 margin:0 0 2px 0; padding:0;
}

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

#banners-narrow h3 {
 font:normal 18px Verdana, Helvetica, sans-serif; color: #cc0033;
 margin:0 0 5px 0; padding:0;
}

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

#banners a,
#banners a:link,
#banners a:visited,
#banners a:hover {
 width:280px;
 color:#454545;
 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;
 color:#454545;
 height:96px;
 display:block;
 cursor:pointer;
 text-decoration:none;
 line-height:12px;
}
.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;}

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

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

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

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

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

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

.findus { background:url(/images/banners/find-us.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;}

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

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

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

.used-offer { background:url(/images/banners/used-offer.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;}

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

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

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

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

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

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

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

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

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

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

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


/* ########################   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 a  {
	font-size:13px;
	text-decoration:none;
}
.offer-image {
 float:left;
 width:170px;
 margin:0;
 padding:0;
}
.offer-text {
 float:right;
 width:210px;
 margin:0;
 padding:0;
}
 
.offer-box {
 width:200px;
 margin:0;
 padding:5px 5px 5px 5px;
 background-color:#CCCCCC;
}
p.offer-title{ /*orange*/
 font-weight:bold;
 color:#666666;
}
.offer-price { /*red*/
 font-weight:bold;
 font-size:16px;
 color:#aa1818;
}

/* ########################   Business offer Pages   ########################  */

#busoffersleft {
 float:left;
 width:320px;}
 
#busoffersright {
 float:left;
 width:320px;}

.busoffercontainer {
 float:left;
 width:645px;
 margin: 0 10px 5px 0px;
 padding:0;
 border-bottom:1px solid #cccccc;
}


.busoffer {
 float:left;
 width:320px;
 margin:0 0 15px 0;
 padding:0 0 10px 0;
 /*border-bottom:1px solid #cccccc;*/
}

.busoffer-image {
 float:left;
 width:180px;
 margin:0;
 padding:0;
}

.busoffer-text {
 float:right;
 width:135px;
 margin:0;
 padding:0;
}

.busoffer-title {
	font-size: 16px;
	line-height: 24px;
	color:#aa1818;
	font-weight: bold;
}

.busoffer-titlegrey {
	font-size: 16px;
	line-height: 24px;
	color:#666666;
	font-weight: bold;
}

.busoffer-subtitle {
	font-size: 16px;
	line-height: 24px;
	color:#000066;
	font-weight: bold;
}




/* ########################   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; padding:0 0 8px 0;
 font:normal 11px/17px Verdana, Helvetica, sans-serif; color: #fff;
}

#callmeback h2 {
 font:bold 18px Verdana,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 form {
 margin:0; padding:0;
}

#callmeback label  {
 color:#fff;
 font-weight:bold;
 margin:0;
 padding:0;
 width:50px;
}

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

#callmeback .dealer-select { 
 font:bold 10px/24px Verdana, Helvetica, sans-serif; color: #686868;
 width:242px;
 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;
}





/* ########################   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 Verdana, 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 Verdana, 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 Verdana, 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 #cc0033;
}

.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 #cc0033;
}

.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:#6a001a;
	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:#cc0033 !important;
 color: #fff;
 font-weight: normal;
}

#pagination .COGPager span /* not a link style */{
 background-color:#db4c70;
 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:#cc0033;
 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: #cc0033;
 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;
}

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

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

.usedlistvehicle {
 width:680px;
 border-top:dotted 1px #dcdcdc;
 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 Verdana, Helvetica, sans-serif;
 float:left;
 margin:0 0 8px 0; padding:0;
 color:#cc0033;
}
.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 Verdana, Helvetica, sans-serif;
 color:#fff;
 margin:5px 0 0 0; padding:5px 0 5px 0;
 text-align:center;
 background:#cc0033;
 display:block;
}

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

/*.listdetailsleft {
 float:left;
 width:100px;
 margin:0; padding:5px 0 0 0;
 font-size:10px;
 line-height:16px;
}

.listdetailsright {
 float:right;
 width:100px;
 margin:0; padding:5px 0 0 0;
 font-size:10px;
 line-height:16px;
}*/

/* ########################   ex demos   ########################  */


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

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

#exdemo-pagination .nofwd {
float:right;
display:block;
width:90px;
height:22px;
margin:0;
padding:4px 0 0 0;
background:#cc3333;
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:#b80000;
color:#fff;
font-weight:normal;
text-decoration:none;
text-align:center;}

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

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


/*.exdemo-noback {
 float:left;
 background-color:#6a98c9;
 color:#fff;
 display: block;
 font-weight: normal;
 width:90px;
 margin:0;
 padding:4px 0;
 text-align:center;
}

.exdemo-forward {
 float: right;
 background-color:#3472b5;
 text-decoration: none;
 color: #fff;
 width:90px;
 display:block;
 font-weight: normal;
 margin:0;
 padding: 4px 0;
 text-align:center;
}*/

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

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

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


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


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

#useddetails-left {
 float:left;	
 width:200px;
 margin: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 Verdana, Helvetica, sans-serif; color:#fff;
}

#useddetails-left h2 {
 font:bold 16px Verdana,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 Verdana, Helvetica, sans-serif; color:#454545;
 margin:0; padding:0;
}

#detailspage .useddetails-price {
font: bold 20px Verdana, Helvetica, sans-serif; color: #cc0033;
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 Verdana,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, Verdana, Helvetica, sans-serif; color: #5f6164;
 width: 256px;
 margin: 0 0 8px 0;
 padding: 3px 0 3px 2px;
}

#usedcarenquiry input.submit {
 font: bold 11px Tahoma, Verdana, 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 Verdana, 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, Verdana, 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, Verdana, 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, Verdana, Helvetica, sans-serif; color: #5d575a; 
	border: 1px solid #9e9e9e;
}
#serviceform textarea {
	width: 140px;
	height: 80px;
	margin: 0;
	padding: 2px;
	font: 13px Tahoma, Verdana, 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, Verdana, 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, Verdana, 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 Verdana, 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 Verdana, Helvetica, sans-serif; color: #686868; 
 margin:10px 0 0 0; padding:3px 0 0 5px;
}

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

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

#contact textarea{
 height:150px;
 width:190px;
 font:bold 10px Verdana, 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   ########################  */
#footerwrapper {
float:left;
width:100%;
background:#000000;
}

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

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

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

.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 Verdana, 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, Verdana, Helvetica, sans-serif; color: #4a4d47;
	margin: 0;
	padding: 6px 0;
}
#terms h1 {
	font: bold 17px Tahoma, Verdana, Helvetica, sans-serif; color: #4a4d47;
	margin: 6px 0;
	padding: 0;
}
#terms a, #terms a:active, #terms a:visited {
	font: 12px Tahoma, Verdana, Helvetica, sans-serif;
	color: #d56901; 
	text-decoration: none; 
}
#terms a:hover {
	font: 12px Tahoma, Verdana, 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 {
 visibility:hidden;
}*/