body {
  font-family: "Trebuchet MS", Arial, Verdana;
  font-size: 12px;
  line-height: 16px;
  background-color: #CFCFCF;
}

input, select, button, textarea {
  font-family: "Trebuchet MS", Arial, Verdana;
  line-height: 17px;
  font-size: 14px;
}

/* Top Grey Nav */
div#top {
  background-color: #EEEEEE;
  border-bottom: 1px solid #E5E5E5;
  width: 100%;
  font-size: 11px;
}
div#top div {
  width: 940px;
  text-align: right;
  padding: 6px;
  margin-left: auto;
  margin-right: auto;
  line-height: 11px;
}

div#top a {
  color: #999999;
  text-decoration: underline;
  letter-spacing: 1pt;
}

/* Header */
div#header {
  background-color: #FFFFFF;
  
}
div#header div#header-content {
  margin-left: auto;
  margin-right: auto;
  width: 940px;
  height: 105px;
  background-color: #FFFFFF;
}
div#header div#logo {
  padding: 15px 10px 10px 20px;
  display: block;
}
div#header div#strapline {
  text-decoration: none; text-indent:-999px; outline:none;
  background: url(/Images/whybuyelsewhere.gif) no-repeat top left;
  height: 21px;
  width: 400px;
  display: block;
  margin-left: 10px;
}
div#header div#tel {
  display: block;
  float: right;
  width: 298px;
  height: 45px;
  background: url(/Images/calltoaction.gif) no-repeat top left;
  margin-top: 53px;
  margin-right: 10px;
}
div#header div#tel span {
  display: block;
  text-align:center;
  margin-top: 32px;
  font-size: 11px;
  line-height: 11px;
}
/* Menu */
div#menu {
  background: url(/Images/menu_resize.gif) repeat-x top left;
  height: 39px;
}

/* Main */
h1 {
  color: #C91619;
  font-size: 20px;
  font-weight: bolder;
}
h2 {
  color: #555555;
  font-size: 16px;
  font-weight: bolder;
  margin-top: 10px;
}

div#main {
  background: #FFFFFF url(/Images/main_resize.gif) repeat-x top left;
}

div#main-holder {
  background-color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  width: 910px;
  padding: 15px 15px 15px 15px;
}
div#main-content {
  float: left; width: 620px; border: 0px solid #CCCCCC;
}

div#main-content p {
  line-height: 20px;
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: justify;
}

span.bired, p.bired {
  font-weight: bolder;
  font-style: italic;
  color: #C91619;
}

div#main-content a.red {
  color: #C91619;
  text-decoration: none;
}
div#main-content a.red:hover {
  color: #C91619;
  text-decoration: underline;
}

/* Footer */
div#footer {
  background: #CFCFCF url(/Images/footer_resize.gif) repeat-x top left;
  height: 152px;
}

div#footer-content {
  color: #666666;
  margin-left: auto;
  margin-right: auto;
  width: 910px;
  padding: 10px;
  line-height: 16px;
  font-size: 11px;
}

div#footer-content a {
  color: #666666;
}

/* ------------------------------------------------------------------------ */
/* -- Main Menu ----------------------------------------------------------- */
/* ------------------------------------------------------------------------ */

.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Main Menu */
.nav {
  width: 942px;
  margin-left: auto;
  margin-right: auto;
  background: url(/Images/menu_divider.gif) no-repeat top right;
  z-index: 100;
}

/* Main Menu List Item */
.nav li {
  float: left;
  height: 39px;
  background: url(/Images/menu_divider.gif) no-repeat top left;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 100;
}

/* Main Menu List Item (Hover) */
.nav li:hover a, .nav li.sfHover a {
  background: #2F57AE;
  color: #D3DEEA;
  text-decoration: underline;
}

/* Main Menu List Item Link (Blur) */
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  margin-left: 2px;
  text-align: center;
  padding: 10px 0px 10px 0px;
  font-weight: bolder;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 20px;
  display: block;
  text-decoration: none;
}

/* Main Menu List Item Link (Hover) */
.nav li a:hover {
  background: #2F57AE;
  color: #D3DEEA;	
}

/* Sub Menu */
.nav ul {
  background: #2F57AE;
  list-style: none;
  margin: 0;
  width: 180px;
  position: absolute;
  top: -999em;
  left: -1px;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #1F3A73;
}

/* Sub Menu (Parent Hovered) */
.nav li:hover ul, .nav li.sfHover ul {
  top: 39px;
  margin-left: 1px;
}

/* Sub Menu List Item */
.nav ul li {
  height: 20px;
  border: 0;
  float: none;
}

/* Sub Menu Link (Blur) */
.nav ul a {
  background: #2F57AE;
  white-space: nowrap;
}

/* Sub Menu Link (Hover) */
.nav ul a:hover {
  background: #2F57AE;
  color: #000;
}

/* Sub Menu Item Link (Parent Hovered) */
.nav li:hover ul a, .nav li.sfHover ul a, .nav li:hover ul a:active, .nav li.sfHover ul a:active, .nav li:hover ul a:visited, .nav li.sfHover ul a:visited {
  background: #2F57AE;
  color: #959595;	
  padding: 0px 3px 0px 8px;
  text-align: left;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 12px;
  margin: 0;
  text-decoration: none;
}

/* Sub Menu Item Link (Hover) */
.nav li:hover ul a:hover, .nav li.sfHover ul a:hover {
  background: #2F57AE;
  color: #D3DEEA;	
  text-decoration: underline;
}

/* ------------------------------------------------------------------------ */
/* -- Vehicle Buttons ----------------------------------------------------- */
/* ------------------------------------------------------------------------ */

a.csHomePage {
  float: left; 
  margin-top: 24px; 
  border: 1px solid #5B5B5B;
  color: #000000;
  text-decoration: none;
  width: 180px; 
  height: 170px; 
  margin-right: 24px;
  position: relative; 
  background-repeat: no-repeat;
  background-position: 0px 31px;
  text-align: center;
}
a.csHomePage span.title {
  display: block;
  color: #000000;
  font-size: 13px;
  padding-top: 5px;
  line-height: 20px;
}
a.csHomePage span.price {
  position: absolute;
  left: -5px;
  bottom: -3px;
  background: url(/Images/priceoverlay.png) no-repeat top left;
  width: 190px;
  height: 27px;
  padding-top: 13px;
  font-weight: bolder;
  color: #FFFFFF;
  font-size: 14px;
  cursor: pointer;
}
a.csHomePage:hover span.title {
  color: #C91619;
  text-decoration: underline;
}

a.csStock {
  z-index: 10;
  float: left; 
  margin-top: 20px; 
  border: 1px solid #888888;
  color: #000000;
  text-decoration: none;
  width: 300px; 
  height: 177px; 
  margin-right: 16px;
  position: relative;
  text-align: center;
  cursor: pointer;
}
a.csStock span.title {
  display: block;
  color: #000000;
  overflow: hidden;
  height: 20px;
  border-bottom: 1px solid #888888;
  font-size: 13px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 20px;
  cursor: pointer;
}
a.csStock span.deposit {
  display: block;
  background-color: #DDDDDD;
  width: 296px;
  padding: 2px;
  font-size: 11px;
  line-height: 13px;
  text-align: left;
  cursor: pointer;
}
a.csStock span.spec {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border-bottom: 1px solid #888888;
  text-align: left;
  padding-left: 185px;
  display: block;
  height: 107px;
  color: #000000;
  font-size: 11px;
  padding-top: 3px;
  padding-bottom: 5px;
  line-height: 16px;
}
a.csStock span.price {
  position: absolute;
  left: 116px;
  top: 140px;
  background: url(/Images/priceoverlay.png) no-repeat top left;
  width: 190px;
  height: 28px;
  padding-top: 13px;
  font-weight: bolder;
  color: #FFFFFF;
  font-size: 11px;
  cursor: pointer;
}
a.csStock span.price b {
  font-size: 18px;
}
a.csStock:hover span.title {
  color: #C91619;
  text-decoration: underline;
}

a.csModel {
  z-index: 10;
  float: left; 
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #888888;
  color: #000000;
  text-decoration: none;
  width: 300px; 
  height: 190px; 
  margin-right: 16px;
  position: relative;
  text-align: center;
  cursor: pointer;
}
a.csModel span.title {
  display: block;
  color: #FFFFFF;
  overflow: hidden;
  height: 33px;
  border-bottom: 1px solid #888888;
  font-size: 13px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 20px;
  cursor: pointer;
  background-color: #B12525;
}
a.csModel span.title b {
  font-size: 10px; line-height: 14px;
}
a.csModel span.deposit {
  display: block;
  background-color: #DDDDDD;
  width: 296px;
  padding: 2px;
  font-size: 11px;
  line-height: 13px;
  text-align: left;
  cursor: pointer;
}
a.csModel span.spec {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border-bottom: 1px solid #888888;
  text-align: left;
  padding-left: 185px;
  display: block;
  height: 107px;
  color: #000000;
  font-size: 11px;
  padding-top: 3px;
  padding-bottom: 5px;
  line-height: 16px;
}
a.csModel span.price {
  position: absolute;
  left: 116px;
  top: 155px;
  background: url(/Images/priceoverlay.png) no-repeat top left;
  width: 190px;
  height: 28px;
  padding-top: 13px;
  font-weight: bolder;
  color: #FFFFFF;
  font-size: 11px;
  cursor: pointer;
}
a.csModel span.price b {
  font-size: 18px;
}
a.csModel:hover span.title {
  color: #FFFFFF;
  text-decoration: underline;
}

/* ------------------------------------------------------------------------ */
/* -- Ad Buttons ---------------------------------------------------------- */
/* ------------------------------------------------------------------------ */

a.adUsed {
  display: block;
  border: 1px solid #999999;
  width: 100%;
  height: 110px;
  margin-top: 20px;
  text-decoration: none;
}
a.adUsed .title {
  display: block;
  background-color: #FFFFFF;
  font-size: 16px;
  padding: 9px 9px 9px 9px;
  font-weight: bolder;
  color: #C91619;
}
a.adUsed:hover {
  text-decoration: none;
}
a.adUsed:hover .title {
  text-decoration: underline;
}
a.adUsed:hover span.desc {
  text-decoration: none;
}
a.adUsed span.desc {
  padding: 2px 10px 0px 10px;
  color: #000000;
  display: block;
  font-size: 12px;
  text-align: left;
  line-height: 18px;
}
a.adUsed b {
  color: #C91619;
}

a.adNewsletter {
  display: block;
  background: #FFFFFF url(/Images/enews_resize.gif) repeat-x top left;
  width: 100%;
  height: 110px;
  color: #000000;
  text-decoration: none;
  border: 1px solid #3670BC;
  margin-top: 20px;
}
a.adNewsletter span.whiteborder {
  display: block;
  height: 108px;
  border: 1px solid #FFFFFF;
  cursor: hand;
}
a.adNewsletter span.title {
  color: #3670BC;
  text-decoration: none;
  font-weight: bolder;
}
a.adNewsletter:hover span.title {
  text-decoration: underline;
  color: #1C7EFF;
}
a.adNewsletter span.desc {
  background: url(/Images/newsletter_icon.gif) no-repeat 25px 25px;
  display: block;
  padding: 18px 10px 10px 0px;
  text-align: right;
  font-size: 16px;
  line-height: 18px;
}

div.adWhatWeOffer {
  border: 1px solid #FFFFFF;
  width: 100%;
  height: 230px;
  background: url(/Images/weofferpostit.png) no-repeat top left;
  
  text-decoration: none; text-indent:-9999px; outline: none;
}

div.adSearchStock {
  border: 1px solid #2F57AE;
  width: 100%;
  height: 140px;
  margin-top: 0px;
  position: relative;
  background-color: #193C7D;
}

div.adSearchStock img.vwlogo {
  position: absolute;
  top: -8px;
  right: -9px;
}

div.adSearchStock span.title {
  display: block;
  background-color: #FFFFFF;
  font-size: 18px;
  padding: 9px 9px 9px 9px;
  font-weight: bolder;
  color: #C91619;
  border-bottom: 1px solid #8EA9CC;
}
div.adSearchStock span.desc {
  padding: 10px 10px 0px 10px;
  font-weight: bolder;
  color: #FFF;
  display: block;
  font-size: 16px;
  text-align: center;
  background: url(/Images/search_resize.gif) repeat-x top left;
}
div.adSearchStock select.model {
  width: 100%;
  margin-top: 8px;
  text-align: center;
}
div.adSearchStock button.search {
  width: 100%; 
  margin-top: 7px;
}

a.adOOM {
  margin-top: 0px;
  margin-bottom: 20px;
  border: 1px solid #888888;
  background-color: #FFFFFF;
  background: #FFF url('/Images/oom_resize.gif') repeat-x top left;
  color: #000000;
  text-decoration: none;
  width: 260px; 
  height: 234px; 
  display: block;
  margin-right: 16px;
  position: relative;
  text-align: center;
  cursor: pointer;
}
a.adOOM span.title {
  display: block;
  color: #FFFFFF;
  overflow: hidden;
  height: 40px;
  border-bottom: 1px solid #888888;
  font-size: 13px;
  padding-top: 24px;
  padding-bottom: 0px;
  line-height: 20px;
  cursor: pointer;
  background-color: #B12525;
}
a.adOOM span.title b {
  font-size: 10px; line-height: 14px;
}
a.adOOM span.detail {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(/Images/oom.jpg);
  display: block;
  height: 170px;
  color: #FFF;
  text-align: left;
  padding-left: 25px;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding-top: 143px;
}
a.adOOM:hover span.title {
  color: #FFFFFF;
  text-decoration: underline;
}

div.adRecentlyViewed {
  display: block;
  border: 1px solid #999999;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 6px;
  text-decoration: none;
}
div.adRecentlyViewed .title {
  display: block;
  background-color: #FFFFFF;
  font-size: 16px;
  padding: 9px 9px 9px 9px;
  font-weight: bolder;
  color: #C91619;
}

div.adRecentlyViewed ul li {
  margin-left: 10px;
  margin-right: 10px;
  clear: both;
  padding-bottom: 3px;
}
div.adRecentlyViewed ul li a {
  color: #333333;
  text-decoration: none;
}
div.adRecentlyViewed ul li a img {
  border: 1px solid #CCCCCC;
  float: left;
  margin-right: 10px;
}
div.adRecentlyViewed ul li a:hover {
  color: #C91619;
  text-decoration: underline;
}
div.adRecentlyViewed ul li a:hover img {
  border: 1px solid #C91619;
}

/* Vehicle Tabs */
.ui-tabs {
  margin-top: 20px;
  padding: 0px;
  margin-left: 0px;
  margin-bottom: 30px;
}
.ui-tabs-nav {
  width: 610px;
  background: #2F56AC url(/Images/menu_resize.gif) repeat-x top left;
  list-style: none;
	margin: 0;
	height: 31px;
  padding: 0;
  display: block;
  padding-left: 10px;
}
.ui-tabs-nav li {
  float: left;
  margin: 0;
  padding: 0px;
}
.ui-tabs-nav li a {
  display: block;
  padding: 5px 15px 5px 15px;
  margin: 3px 0px 0px 0px;
  text-decoration: none;
  background-color: #EFEEE3;
  border-width: 1px;
  border-style: solid;
  border-color: #2F56AC #2F56AC #2F56AC #2F56AC;
  font-weight: bolder;
  color: #666666;
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-state-active a {
  color: #000000;
  background-color: #FFFFFF;
  border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
}
.ui-tabs .ui-tabs-hide {
  display: none;
}
.ui-tabs-panel {
  width: 578px;
  display: block;
  clear: left;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #2F56AC;
  padding: 20px;
}
.ui-tabs-panel td {
  font-size: 12px;
  vertical-align: top;
  padding-top: 3px;
}
.ui-tabs-panel td input, .ui-tabs-panel td textarea {
  margin-top: -3px;
}

/* Misc */
form#ModelSelectForm select {
  width: 140px;
  vertical-align: middle;
}
input#ModelSelectGo {
  width: 40px;
  height: 26px;
  vertical-align: middle;
}

div#main-content p.disclaimer {
  margin-top: 3px;
  line-height: 12px;
  font-size: 11px;
  color: #444444;
}

div.printpage, div.addshortlist {
  float: right;
  border: 1px solid #ECECEC;
  width: 140px;
  margin-top: 3px;
  clear: right;
}
div.printpage a, div.addshortlist a {
  display: block;
  text-align: center;
  padding: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #FFF #D1D1D1 #D1D1D1 #FFF;
  background-color: #F4F4F4;
  text-decoration: none;
  color: #828282;
  /* color: #CC2B12; */
}
div.printpage img, div.addshortlist img {
  vertical-align: text-top;
}
div.printpage a:hover, div.addshortlist a:hover {
  display: block;
  text-align: center;
  padding: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #E3EFFC #A8CAED #A8CAED #E3EFFC;
  background-color: #D4E6F9;
  text-decoration: none;
  color: #2B4FA2;
}

input#YourName, input#CompanyName, input#Email {
  width: 200px;
}
textarea#Address {
  width: 300px;
  height: 88px;
}
input#Postcode, input#Telephone {
  width: 120px;
}
table.contactus td {
  font-size: 12px;
  vertical-align: top;
  padding-top: 3px;
}
table.contactus td input, table.contactus td textarea {
  margin-top: -3px;
}

textarea#Message {
  width: 400px;
  height: 128px;
  vertical-align: top;
}

ul.validation-summary-errors {
  margin-left: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
}

ul.validation-summary-errors li {
  color: #C91619;
  list-style-type: disc;
  margin-left: 20px;
}

span.field-validation-error {
  color: #C91619;
}

.input-validation-error {
  border: 1px solid #C91619;
  background-color: #FAEBEC;
}

.privacy li {
  margin-bottom: 10px;
}

ul.bullet {
  list-style-type: disc;
  margin-left: 30px;
}
ul.bullet li {
  margin-bottom: 5px;
}
ul.numeric {
  list-style-type: decimal;
  margin-left: 30px;
}
ul.numeric li {
  margin-bottom: 15px;
  line-height: 20px;
  font-size: 14px;
}
ul.numeric li a.question {
  cursor: pointer;
  font-weight: bolder;
}
ul.news {
  list-style-type: none;
  margin-left: 0px;
}
ul.news li {
  margin-bottom: 15px;
  line-height: 20px;
  font-size: 14px;
}
ul.news li a.news {
  cursor: pointer;
  font-weight: bolder;
}
ul.news li blockquote {
  margin-top: 3px;
  border: 1px solid #CCCCCC;
  background-color: #FAFAFA;
  padding: 10px;
}
div#main-content ul.news li blockquote p {
  font-size: 12px;
}
div#main-content ul.news li li {
  font-size: 12px;
  margin-bottom: 5px;
}

div.team_member {
  margin-top: 15px;
}
div.team_member .photo {
  float: left;
  background-image: url('/Images/picture_frame.gif');
  background-repeat: no-repeat;
  width: 158px;
  height: 158px;
  padding: 9px;
  margin-top: -3px;
}
div#main-content div.team_member .photo span {
  text-align: center;
  display: block;
  font-size: 12px;
  padding-top: 6px;
  margin-bottom: 10px;
}
div.team_member .bio {
  float: left;
  width: 440px;
  text-align: justify;
  font-size: 12px;
}
div.team_member .bio h3 {
  font-size: 14px;
  font-weight: bolder;
}
div.team_member .bio h4 {
  font-size: 12px;
  font-weight: bolder;
}
div#main-content div.team_member .bio p {
  font-size: 12px;
}

div#shortlistBox {
  font-size: 12px;
  line-height: 16px;
  display: none;
  font-weight: bolder;
  color: #FFFFFF;
  padding: 2px 5px 5px 5px;
  background: url(/Images/shortlist_resize.gif) repeat-x top left;
  width: 252px;
  text-align: center;
  margin-bottom: 20px;
}
div#shortlistVehicles {
  background-color: #FFFFFF;
  margin-top: 2px;
  text-align: left;
}

div#shortlistVehicles ul {
  padding-top: 5px;
  padding-bottom: 3px;
}
div#shortlistVehicles ul li {
  margin-left: 5px;
  margin-right: 5px;
  clear: both;
  padding-bottom: 3px;
}
div#shortlistVehicles ul li img.remove {
  cursor: pointer;
  float: right;
  margin-top: 5px;
}
div#shortlistVehicles ul li a {
  color: #333333;
  text-decoration: none;
}
div#shortlistVehicles ul li a img {
  border: 1px solid #CCCCCC;
  float: left;
  margin-right: 10px;
}
div#shortlistVehicles ul li a:hover {
  color: #C91619;
  text-decoration: underline;
}
div#shortlistVehicles ul li a:hover img {
  border: 1px solid #C91619;
}

div#shortlistVehicles div.compareButton {
  padding-bottom: 3px;
}
div#shortlistVehicles div.compareButton div {
  margin: 0px 5px 0px 5px; border: 1px solid #ECECEC;
}
div#shortlistVehicles div.compareButton a {
  text-align: center; display: block; border-width: 1px; border-style: solid; padding: 4px; border-color: #FFF #D1D1D1 #D1D1D1 #FFF; background-color: #F4F4F4; text-decoration: none; color: #C91619;
}

table.comparison tr td {
  padding: 3px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #EEEEEE;
  background-color: #FFF;
  text-align: center;
  vertical-align: middle;
}

a.enquire {
  border-width: 1px;
  border-style: solid;
  border-color: #ECAEAF #870E30 #870E30 #ECAEAF;
  background-color: #C91619;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bolder;
  font-size: 14px;
}

table.comparison tr td.section {
  font-weight: bolder;
  padding: 8px 0px 8px 8px;
  background-color: #F9F9F9;
  border-left: 1px solid #CCCCCC;
  color: #2F57AE;
  text-align: left;
}
table.comparison tr td.field {
  padding: 8px 0px 8px 8px;
  background-color: #EEEEEE;
  border-left: 1px solid #CCCCCC;
  text-align: left;
}
table.comparison tr td.monthly {
  color: #C91619;
  font-weight: bolder;
  font-size: 14px;
}