/* ==== Drive Vauxhall 2011(c) bluesky interactive ==== */

@import url("/fancybox/jquery.fancybox-1.3.4.css");

/* ==== Reset ==== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse}fieldset,img{border:0}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/* ==== Common  ===== */
body, html {margin:0; padding: 0; font:normal 13px/21px Arial, Helvetica, sans-serif, serif; color:#fff;}
p {font:normal 13px/21px Arial, Helvetica, sans-serif, serif; color:#1b1b1b; line-height: 16pt; margin-bottom: 10px;}
img {margin:0; padding:0; border:0;}
.notes, #main .notes, #left .notes, #right .notes {font: normal 10px/16px Arial, Helvetica, sans-serif, serif; color: #5E5E5E;}
.notes-white, #main .notes-white, #left .notes-white, #right .notes-white {font: normal 10px/16px Arial, Helvetica, sans-serif, serif; color: #fff;}
.clear {clear:both; height:0px; overflow:hidden;}
.break {width:100%; height:1px; display:block; overflow:hidden; background-color:#c5c5c5; margin-bottom:14px;}
.break-yellow {width:100%; height:1px; display:block; overflow:hidden; background-color:#957e45; margin-bottom:14px;}

/* ==== font face styles ==== */

@font-face {
font-family: 'Vauxhall';
src: url('/fonts/vauxrg-webfont.eot');
src: url('/fonts/vauxrg-webfont.eot?#iefix') format('eot'),
url('/fonts/vauxrg-webfont.woff') format('woff'),
url('/fonts/vauxrg-webfont.ttf') format('truetype'),
url('/fonts/vauxrg-webfont.svg#webfontWcvYy8rL') format('svg');
font-weight: normal;
font-style: normal;}
@font-face {
font-family: 'Vauxhall-Bold';
src: url('/fonts/vauxb_-webfont.eot');
src: url('/fonts/vauxb_-webfont.eot?#iefix') format('eot'),
url('/fonts/vauxb_-webfont.woff') format('woff'),
url('/fonts/vauxb_-webfont.ttf') format('truetype'),
url('/fonts/vauxb_-webfont.svg#webfontDC2Ve1kT') format('svg');
font-weight: normal;
font-style: normal;}
@font-face {
font-family: 'Vauxhall-Italic';
src: url('/fonts/vauxrgi-webfont.eot');
src: url('/fonts/vauxrgi-webfont.eot?#iefix') format('eot'),
url('/fonts/vauxrgi-webfont.woff') format('woff'),
url('/fonts/vauxrgi-webfont.ttf') format('truetype'),
url('/fonts/vauxrgi-webfont.svg#webfontV4SMoaNA') format('svg');
font-weight: normal;
font-style: normal;}

/* ==== Wrapper ==== */
#form1 {height: 100%;min-height: 100%;}
#pages { width:980px; margin:0 auto; padding:0;min-heght: 200px;}

/* ==== autocomplete for partners bit ==== */
#helper {
	display: block;
	position: absolute;
}
#helper a {
	display: block;
	width: 100%;
	padding: 10px;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	background: #FFF;
}
#helper a:hover {
	background: #999;
	color: #FFF;
}

/* ==== Main Layout ==== */
#left {
float:left;
width:300px;}

#right {
float:right;
width: 660px;}

#main {
float:left;
width: 380px;
margin-bottom:20px;}

a.greybuttonrotate, a.greybuttonrotate:link, a.greybuttonrotate:active, a.greybuttonrotate:visited, #home-offer-rotate a.greybuttonrotate, #home-offer-rotate a.greybuttonrotate:link,#home-offer-rotate a.greybuttonrotate:active, #home-offer-rotate a.greybuttonrotate:visited {
font: normal 18px 'Vauxhall-Bold', Arial, Helvetica, sans-serif; color: #fff;
width: 260px;
margin: 0 0 15px 0;
line-height:40px;
height: 40px;
padding: 0 0 6px 12px;
display:block;
background: url(/images/buttons/grey-button.png) top left no-repeat;
border:none;
cursor:pointer;
text-align:left;
text-decoration:none;
position:relative;
top: -60px;
left:40px;}

a.greybuttonrotate:hover, #home-offer-rotate a.greybuttonrotate:hover {
color: #ccc;
text-decoration:none;}

a.greybutton, a.greybutton:link, a.greybutton:active, a.greybutton:visited, a.greybuttonapply, a.greybuttonapply:link, a.greybuttonapply:active, a.greybuttonapply:visited {
font: normal 18px 'Vauxhall-Bold', Arial, Helvetica, sans-serif; color: #fff;
width: 260px;
line-height:40px;
height: 40px;
padding: 0 0 0px 12px;
background: url(/images/buttons/grey-button.png) top left no-repeat;
border:none;
cursor:pointer;
text-align:left;
text-decoration:none;
display:block;}

a.greybutton, a.greybutton:link, a.greybutton:active, a.greybutton:visited {margin: 0 0 8px 0;}
a.greybuttonapply, a.greybuttonapply:link, a.greybuttonapply:active, a.greybuttonapply:visited {margin: 10px 0 15px 0;}

a.greybutton:hover, a.greybuttonapply:hover {
color: #ccc;
text-decoration:none;}

a.viewmap, a.viewmap:link, a.viewmap:active, a.viewmap:visited, a.viewcareers, a.viewcareers:link, a.viewcareers:active, a.viewcareers:visited {
font: normal 16px 'Vauxhall-Bold', Arial, Helvetica, sans-serif; color: #3e829b;
width: 100px;
float:right;
margin: 0 0 8px 0;
line-height:30px;
height:30px;
background: url(/images/round-arrow.png) top right no-repeat;
border:none;
cursor:pointer;
text-align:left;
text-decoration:none;
display:block;}
a.viewmap:hover, a.viewcareers:hover {
color: #4b9cb9;
text-decoration:none;}
a.viewmap, a.viewmap:link, a.viewmap:active, a.viewmap:visited {padding: 0 30px 0px 12px;}
a.viewcareers, a.viewcareers:link, a.viewcareers:active, a.viewcareers:visited {padding: 0 30px 0px 12px;}

a.viewoffer, a.viewoffer:link, a.viewoffer:active, a.viewoffer:visited {
font: normal 16px 'Vauxhall-Bold', Arial, Helvetica, sans-serif; color: #333;
width: 100px;
float:right;
margin: 0 0 8px 0;
line-height:20px;
height:30px;
padding: 0 20px 0px 12px;
background: url(/images/round-arrow.png) top right no-repeat;
border:none;
cursor:pointer;
text-align:left;
text-decoration:none;
display:block;}
a.viewoffer:hover {
color: #666;
text-decoration:none;}

.tealblue {
color: #3e829b;
font-weight:bold;}

a.tealblue {
color: #3e829b;
font-weight:bold;
text-decoration:none;}

h1 {
font: normal 26px 'Vauxhall-Bold', Arial, Helvetica, sans-serif; color: #232a31;
line-height:28px;
margin: 0 0 8px 0;}

h2 {
font: normal 20px 'Vauxhall', Arial, Helvetica, sans-serif; color: #232a31;
font-weight:bold;
line-height:22px;
margin: 0 0 8px 0;}

#main p, #twitter-wrapper p {font:normal 13px/21px Arial, Helvetica, sans-serif, serif; color:#1b1b1b; line-height: 16pt; margin-bottom: 10px;}

#pages-wrapper {
padding: 0;
width: 100%;}

/* ==== Different coloured Page Backgrounds ==== */
/*~~generic~~*/
.darktext {color:#333333;}
.whitetext {color:#fff;}

/*~~blue~~*/
#pages-wrapper.bluegradient {
background: url("/images/backgrounds/blue-bg.png") repeat-x scroll left top #49c6ee;}
#header-wrapper.blue 
{background:#277b98;}
#headerright .textblue {color:#cbe5ef;}
#pages-wrapper.bluegradient #main a {text-decoration:none;color:#277b98;font-weight:bold;}

/*~~red~~*/
#pages-wrapper.redgradient {
background: url("/images/backgrounds/red-bg.png") repeat-x scroll left top #ffabab;}
#header-wrapper.red 
{background:#dd1111;}
#pages-wrapper.yellowgradient #main a {text-decoration:none;color:#990000;font-weight:bold;}

/*~~yellow~~*/
#pages-wrapper.yellowgradient {
background: url("/images/backgrounds/yellow-bg.png") repeat-x scroll left top #ffcd8a;}
#header-wrapper.yellow 
{background:#ec980b;}
#pages-wrapper.yellowgradient #main a {text-decoration:none;color:#cc6600;font-weight:bold;}

/*~~green~~*/
#pages-wrapper.greengradient {
background: url("/images/backgrounds/green-bg.png") repeat-x scroll left top #bce5c6;}
#header-wrapper.green 
{background:#46a933;}
#pages-wrapper.greengradient #main a {text-decoration:none;color:#006600;font-weight:bold;}




/* ==== Header ==== */
#header-wrapper 
{height:3px;
display:block;}
#header 
{width:980px; 
margin:-3px auto 0; 
padding:0;
overflow:hidden; }
#headerleft 
{width: 240px;
float:left;
padding-top:20px;}
#headerright 
{width: 660px;
float:right;}
#headerright-top
{width: 660px;
height:33px;
display:block;
overflow:hidden;
position:relative;
top:-3px;}
#headerright-bottom
{width: 660px;
height:90px;
padding: 10px 0px;
display:block;
overflow:hidden;
text-align:right;}
.call-float 
{float:left;}
.vauxhall-logo 
{float:right;
padding: 8px 0 0 30px;}
#headerright p.call {
font: normal 32px 'Vauxhall-Bold', Arial, Helvetica, sans-serif, serif;
margin: 0 0 0 0;
line-height:40px;
color:#fff;}

/* ====== topnav  ====== */

#topnav {
width: 660px;
height:330px;
float:left;
text-align:left;
margin: 0;
padding: 0 0 0 18px;}
#topnav ul, #topnav ul li {
list-style: none;
background:none;
margin:0; 
padding:0 10px 0 0;}
#topnav ul li {
float:left;
margin:0 11px 0 0;
line-height:33px;}
#topnav ul li.last {
background:none;
margin-right: 0;
border-right:none;}
#topnav a:link, #topnav a:active, #topnav a:visited {
text-decoration: none;
color:#fff;
-webkit-transition:color .3s linear;
-moz-transition:color .3s linear;
-o-transition:color .3s linear;
transition:color .3s linear;}
#topnav a:hover {
text-decoration: none;
color:#333;}

/* ====== nav top level ====== */

#navcontainer {
width: 980px;
height: 81px;
border: none;
z-index:999999;
position: relative;}

#dropList { 
height:81px; 
width:980px; 
font-family: Arial, Helvetica, sans-serif;
z-index:999999;
border: none;} 
#dropList ul#menu li.level1-li { 
float:left; 
height:81px; 
padding: 0; 
margin:0;
z-index:999999; } 
#navcontainer .mainmenu_item {
font: normal 19px 'Vauxhall-Bold', Arial, Helvetica, sans-serif; color:#fff;}
#navcontainer .submenu_item {
color:#fff;
display:block;
font-size:11px;
font-weight:normal;
padding-top:0;
line-height:16px;}
#dropList ul#menu {
margin:0;
padding:0;
list-style:none;
white-space:nowrap;
z-index:999999;} 
#dropList ul#menu, #dropList ul#menu li, #dropList ul#menu li div, #dropList ul#menu li div div {
z-index:999999;
position:relative}
#dropList ul#menu li.level1-li a.level1-a {
display:block;
height:71px;
float:left;
font-size: 11px;
padding:10px 10px 0 10px;
text-decoration:none; 
line-height:20px;
white-space:nowrap;
font-weight:normal; 
color:#ffffff;
width: 120px;}
#dropList ul#menu li.level1-li a#New.level1-a {
width: 130px;}
#dropList ul#menu li.level1-li a#Motab.level1-a {
width: 100px;}
#dropList ul#menu li.level1-li a#last.level1-a {
background: none;
width: 115px;}
#dropList ul#menu li.sub a.level1-a {
color:#ffffff;} 
#dropList ul#menu li.level1-li:hover, #dropList ul#menu li.level1-li a.level1-a:hover {
position:relative;
color:#fff;}
#dropList ul#menu li.level1-li a.level1-a:hover span, #dropList ul#menu li.level1-li:hover a.level1-a span {
color: #fff;}
#dropList ul#menu li.sub a.level1-a:hover {
height:71px; 
color:#ffffff; }  


/* ===== drop styles ===== */

#dropList ul#menu li div.listHolder { 
position:absolute; 
left:-9999px; 
top:82px; 
border: none; 
padding:0 3px 6px;
z-index:999999;} 
#dropList ul#menu :hover div.listHolder {
left:0;} 
#dropList ul#menu a:hover div.listHolder {
left:0; 
top:80px;} 

/* ===== Dropdown Positions ===== */

#dropList ul#menu div.col1 {
width:139px;
z-index:999999;
margin-left: -3px; }
#dropList ul#menu div.col1 .listCol {
min-height: 186px;}
#dropList ul#menu div.col2 {
width:280px;
z-index:999999;
margin-left: -3px;}
#dropList ul#menu div.col3 {
width:420px;
z-index:999999;
margin-left: -3px;}
#dropList ul#menu div.col4 {
width:560px;
z-index:999999;
margin-left: -3px;} 
#dropList ul#menu div.col5 {
width:705px;
z-index:999999;
margin-left: -3px;} 
#dropList ul#menu a:hover div.left1, #dropList ul#menu :hover div.left1 {
left:-140px;} 
#dropList ul#menu a:hover div.left2, #dropList ul#menu :hover div.left2 {
left:-278px;}
#dropList ul#menu a:hover div.left4, #dropList ul#menu :hover div.left4 {
left:-566px;}
#dropList div.listCol {
display:block; 
float:left; 
padding:15px 10px 10px; 
margin:0; 
width:119px;
z-index:999999;} 
#dropList .nav-vert-divide {
width: 1px; 
height: 286px; 
float:left;}*/
/*#dropList .nav-vert-divide.blue - colour with colour styles */
#dropList div.listCol h5 {
padding:5px 0 10px 3px; 
margin:0; 
font: normal 14px 'Vauxhall-Bold', Arial, Helvetica, sans-serif; color: #fff; 
text-align:left;}
/*#dropList div.listCol h5 - colour with colour styles */
#dropList div.listCol ul {
padding:10px 0 15px 0; 
margin:0; 
list-style:none;} 
#dropList div.listCol ul li {
line-height:15px;
padding:0; 
margin:0;} 
#dropList div.listCol ul li a {
display:block;  
color:#fff; 
text-decoration:none; 
padding:4px 0 4px 5px; 
font-weight:normal; 
white-space:nowrap; 
text-align:left; 
width:114px;
font: normal 11px Arial, Helvetica, sans-serif; color: #ffffff; } 
#dropList div.listCol ul li a:hover {
text-decoration:none;
background:#000;} 
#dropList table, #dropList table tr, #dropList table tr td, #dropList table td, #dropList .listholder, #dropList .listCol {
z-index:999999; }
/* IE6 only  */
#dropList table { 
border-collapse:collapse;
margin:-1px -10px; 
font-size:1em; 
width:0; 
height:0;
z-index:999999;
background-color:#990e0e;} 
#dropList table table { 
border-collapse:collapse; 
margin:-1px -10px 0 -9px; 
font-size:1em; 
width:0; 
height:0;
z-index:999999;
background-color:#990e0e;}

.navshadow {
width:980px;
height:15px;
display:block;
margin-top:1px;
margin-bottom:10px;
background:url(/images/backgrounds/nav-shadow.png) top left no-repeat;}

/*===== menu colour styles ======*/

/*~~blue~~*/
#topnav.blue {background: url("/images/backgrounds/subnav-bg.png") scroll left top no-repeat;}
#topnav ul .blue, #topnav ul li .blue{border-right: 2px solid #3fa9d0;}

#navcontainer.blue{background:url("/images/backgrounds/navs/nav-blue.png") scroll top left repeat-x;}
#dropList ul#menu li.level1-li a.level1-a.blue {background:url(/images/backgrounds/navs/nav-a-blue.png) top right no-repeat;}
#dropList ul#menu li.level1-li.blue:hover, #dropList ul#menu li.level1-li a.level1-a.blue:hover {background:url(/images/backgrounds/navs/nav-blue-hover.png) top right no-repeat;} 
#dropList ul#menu li.level1-li a.level1-a.blue:hover, #dropList ul#menu li.level1-li:hover a.level1-a.blue, #dropList ul#menu li.level1-li #first a.level1-a.blue:hover, #dropList ul#menu li.level1-li #last a.level1-a.blue:hover {
color:#fff; 
background:url(/images/backgrounds/navs/nav-blue-hover.png) top right no-repeat;}
.bluearea {
background:url(/images/backgrounds/navs/nav-drop-blue.png) top left repeat-x #277b98;}
#dropList .nav-vert-divide.blue {background:url(/images/backgrounds/navs/nav-vert-divide-blue.png) top left no-repeat;} 
#dropList div.listCol h5.blue {border-bottom:solid 1px #024760;} 

/*~~red~~*/
#topnav.red {background: url("/images/backgrounds/navs/sub-menu-red.png") scroll left top no-repeat;}
#topnav ul .red, #topnav ul li .red{border-right: 2px solid #feb3b3;}

#navcontainer.red{background:url("/images/backgrounds/navs/nav-red.png") scroll top left repeat-x;}
#dropList ul#menu li.level1-li a.level1-a.red {background:url(/images/backgrounds/navs/nav-a-red.png) top right no-repeat;}
#dropList ul#menu li.level1-li.red:hover, #dropList ul#menu li.level1-li a.level1-a.red:hover {background:url(/images/backgrounds/navs/nav-redhover.png) top right no-repeat;} 
#dropList ul#menu li.level1-li a.level1-a.red:hover, #dropList ul#menu li.level1-li:hover a.level1-a.red, #dropList ul#menu li.level1-li #first a.level1-a.red:hover, #dropList ul#menu li.level1-li #last a.level1-a.red:hover {
color:#fff; 
background:url(/images/backgrounds/navs/nav-redhover.png) top right no-repeat;}
.redarea {
background:url(/images/backgrounds/navs/nav-drop-red.png) top left repeat-x #e22d2d;}
#dropList .nav-vert-divide.red {background:url(/images/backgrounds/navs/nav-vert-divide-red.png) top left no-repeat;} 
#dropList div.listCol h5.red {border-bottom:solid 1px #a43031;} 

/*~~yellow~~*/
#topnav.yellow {background: url("/images/backgrounds/navs/sub-menu-yellow.png") scroll left top no-repeat;}
#topnav ul .yellow, #topnav ul li .yellow{border-right: 2px solid #ffc579;}

#navcontainer.yellow{background:url("/images/backgrounds/navs/nav-yellow.png") scroll top left repeat-x;}
#dropList ul#menu li.level1-li a.level1-a.yellow {background:url(/images/backgrounds/navs/nav-a-yellow.png) top right no-repeat;}
#dropList ul#menu li.level1-li.yellow:hover, #dropList ul#menu li.level1-li a.level1-a.yellow:hover {background:url(/images/backgrounds/navs/nav-yellow-hover.png) top right no-repeat;} 
#dropList ul#menu li.level1-li a.level1-a.yellow:hover, #dropList ul#menu li.level1-li:hover a.level1-a.yellow, #dropList ul#menu li.level1-li #first a.level1-a.yellow:hover, #dropList ul#menu li.level1-li #last a.level1-a.yellow:hover {
color:#fff; 
background:url(/images/backgrounds/navs/nav-yellow-hover.png) top right no-repeat;}
.yellowarea {
background:url(/images/backgrounds/navs/nav-drop-yellow.png) top left repeat-x #eb970a;}
#dropList .nav-vert-divide.yellow {background:url(/images/backgrounds/navs/nav-vert-divide-yellow.png) top left no-repeat;} 
#dropList div.listCol h5.yellow {border-bottom:solid 1px #cc901d;} 

/*~~green~~*/
#topnav.green {background: url("/images/backgrounds/navs/sub-menu-green.png") scroll left top no-repeat;}
#topnav ul .green, #topnav ul li .green{border-right: 2px solid #c9ead1;}

#navcontainer.green{background:url("/images/backgrounds/navs/nav-green.png") scroll top left repeat-x;}
#dropList ul#menu li.level1-li a.level1-a.green {background:url(/images/backgrounds/navs/nav-a-green.png) top right no-repeat;}
#dropList ul#menu li.level1-li.green:hover, #dropList ul#menu li.level1-li a.level1-a.green:hover {background:url(/images/backgrounds/navs/nav-green-hover.png) top right no-repeat;} 
#dropList ul#menu li.level1-li a.level1-a.green:hover, #dropList ul#menu li.level1-li:hover a.level1-a.green, #dropList ul#menu li.level1-li #first a.level1-a.green:hover, #dropList ul#menu li.level1-li #last a.level1-a.green:hover {
color:#fff; 
background:url(/images/backgrounds/navs/nav-green-hover.png) top right no-repeat;}
.greenarea {
background:url(/images/backgrounds/navs/nav-drop-green.png) top left repeat-x #45a932;}
#dropList .nav-vert-divide.green {background:url(/images/backgrounds/navs/nav-vert-divide-green.png) top left no-repeat;} 
#dropList div.listCol h5.green {border-bottom:solid 1px #3e8b45;} 


/* ====== home speedy search ====== */
#searchcontainer-top {
width: 300px;
height:22px;
display:block;
background:url(/images/speedy-search/search-top.png) top left no-repeat;}
#homesearchcontainer {
border-bottom: 1px solid #79a109;
border-left: 1px solid #79a109;
border-right: 1px solid #79a109;
background: #bdc829;
width: 268px;
min-height:160px;
display:block;
padding: 15px;
margin: 0 0 20px 0;
/*background:url(/images/speedy-search/search-body.png) bottom left no-repeat;*/}
#homesearchcontainer h2 {
font: normal 21px 'Vauxhall-Bold', Arial, Helvetica, sans-serif; color: #2d2f37; 
margin: 0 0 7px 0; }
#homesearchcontainer p {
padding: 0;
margin: 0 0 12px 0;
font: 13px Arial, Helvetica, sans-serif; color: #2d2f37;}
#homesearchcontainer .green {
font: normal 18px 'Vauxhall-Bold', Arial, Helvetica, sans-serif; color: #777e15; 
margin: 6px 0 10px 0; }
#homesearchcontainer form {
margin: 0 0 0 0;}
#homesearchcontainer .dropdown {
font: 12px Arial, Helvetica, sans-serif; color: #5f6164;
width: 262px;
margin: 0 0 8px 0;
padding: 5px;
border: solid 1px #abadb3;}
#homesearchcontainer .dropdownleft, #homesearchcontainer .dropdownright  {
font: 12px Arial, Helvetica, sans-serif; color: #5f6164;
width: 127px;
margin: 0 0 8px 0;
padding: 5px;
border: solid 1px #abadb3;}
#homesearchcontainer .dropdownleft {
float:left;}
#homesearchcontainer .dropdownright {
float:right;}
#homesearchcontainer .submit, .warrantybox .directionssubmit {
font: normal 18px 'Vauxhall-Bold', Arial, Helvetica, sans-serif; color: #fff;
width: 260px;
margin: 6px 0 5px 0;
line-height:40px;
height: 40px;
padding: 0 0 6px 12px;
background: url(/images/buttons/grey-button.png) top no-repeat;
border:none;
cursor:pointer;
text-align:left; }
#homesearchcontainer .break {
width: 100%;
height:1px;
display:block;
overflow:hidden;
background-color:#444444;
margin-bottom:14px;}

/*==== forms =====*/
#advancedsearch {
width: 620px;
display:block;
padding: 20px;
margin: 15px 0 20px 0;
background:#4ca3c3;}
#advancedsearch h2 {
font: normal 21px 'Vauxhall-Bold', Arial, Helvetica, sans-serif; color: #fff; 
margin: 0 0 7px 0; }
#advancedsearch p {
padding: 0;
margin: 0 0 12px 0;
font: 13px Arial, Helvetica, sans-serif; color: #fff;}
#advancedsearch form {
margin: 0 0 0 0;}
#advancedsearch .dropdown {
font: 12px Arial, Helvetica, sans-serif; color: #5f6164;
width: 341px;
margin: 0 0 8px 0;
padding: 5px;
border: solid 1px #8a8a8a;}
#advancedsearch .dropdownleft, #advancedsearch .dropdownright  {
font: 12px Arial, Helvetica, sans-serif; color: #5f6164;
width: 166px;
margin: 0 10px 8px 0;
padding: 5px;
border: solid 1px #8a8a8a;}
#advancedsearch .dropdownleft {
float:left;}
#advancedsearch .dropdownright {
float:right;}
#advancedsearch .textinput {
border: 1px solid #8a8a8a;
color: #333333;
float: left;
font: 12px Arial,Helvetica,sans-serif;
height: 25px;
margin: 0 5px 8px 0;
padding: 0 5px;
width: 329px;}
#advancedsearch .textarea {
border: 1px solid #8a8a8a;
color: #333333;
float: left;
font: 12px Arial,Helvetica,sans-serif;
height: 75px;
margin: 0 5px 8px 0;
padding: 5px 5px 0;
width: 329px;}
#advancedsearch .submit{
font: normal 18px 'Vauxhall-Bold', Arial, Helvetica, sans-serif; color: #fff;
width: 260px;
margin: 6px 0 5px 0;
line-height:40px;
height: 40px;
padding: 0 0 6px 12px;
background: url(/images/buttons/grey-button.png) top no-repeat;
border:none;
cursor:pointer;
text-align:left; }
#advancedsearch .break {
width: 100%;
height:1px;
display:block;
overflow:hidden;
background-color:#444444;
margin-bottom:14px;}
#advancedsearch #cashfieldcontrol {
background: url("/images/buttons/price-off.png") no-repeat scroll left top transparent;
color: #ccc;
cursor: pointer;
display: block;
float: left;
font-weight: bold;
height: 40px;
line-height: 40px;
margin: 0 0 10px;
text-align: center;
width: 160px;}
#advancedsearch #cashfieldcontrol.selected {
background: url("/images/buttons/price-on.png") no-repeat scroll left top transparent;
color: #fff;
text-decoration: none;}
#advancedsearch #monthlyfieldcontrol {
background: url("/images/buttons/month-off.png") no-repeat scroll left top transparent;
color: #ccc;
cursor: pointer;
display: block;
float: left;
font-weight: bold;
height: 40px;
line-height: 40px;
margin: 0 8px 10px 0;
text-align: center;
width: 172px;}
#advancedsearch #monthlyfieldcontrol.selected {
background: url("/images/buttons/month-on.png") no-repeat scroll left top transparent;
color: #fff;
text-decoration: none;}
/* ====== speedy search tabs ====== */

#homesearchcontainer ul, #homesearchcontainer ul li {
list-style:none;
background:none;}
#homesearchcontainer #usedsearchtab, #homesearchcontainer #newsearchtab , #homesearchcontainer #vansearchtab, #homesearchcontainer #shortlisttab, #mapviewtab, #streettab {
width: 262px;
padding: 0 0 0 13px;
/*height:313px;*/}
#searchtabs {
margin: 0;
position: relative;
top:-5px;
left:-9px;
width:50px;}
.ui-tabs-hide {
display: none;}
.ui-tabs-nav {
list-style: none;
margin: 0;
padding: 0;
top: -14px;
left: -54px;
position:absolute;
z-index:99;}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";}
.ui-tabs-nav li {
/*float: left;*/
margin: 0 0 3px 0;
min-width: 48px; /* be nice to Opera */
min-height:46px;}
.ui-tabs-nav a, .ui-tabs-nav a span {
display: block;
padding: 0;
width:48px; 
height:46px;}
.ui-tabs-nav a {
margin: 0 0 0 0; /* position: relative makes opacity fail for disabled tab in IE */
padding-left: 0;
color: #fff;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */    
outline: 0; /* prevent dotted border in Firefox */}
.ui-tabs-nav .ui-tabs-selected a {
position: relative;
/*top: 1px;*/
top: 0;
z-index: 2;
margin-top: 0;
color: #fff;}
.ui-tabs-nav a span {
width: 42px; /* IE 6 treats width as min-width */
min-width: 42px;
height: 40px; /* IE 6 treats height as min-height */
min-height: 40px;
padding: 0;
margin: 0;}
*>.ui-tabs-nav a span { /* hide from IE 6 */
width: auto;
height: auto;}
.ui-tabs-nav .ui-tabs-selected a span {
padding-bottom: 0;}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
background: url(/images/speedy-search/tab-selected.png) top left no-repeat;}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: default;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;}
.ui-tabs-panel {/* declare background color for container to avoid distorted fonts in IE while fading */
background: none; }
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
display: inline-block;}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;}

#homesearchcontainer ul #usedcartabcontroller.selected, #homesearchcontainer ul li #usedcartabcontroller.selected
{background: url(/images/speedy-search/used-selected.png) top left no-repeat;}
#homesearchcontainer ul #usedcartabcontroller, #homesearchcontainer ul li #usedcartabcontroller
{background: url(/images/speedy-search/used-off.png) top left no-repeat;}

#homesearchcontainer ul #newcartabcontroller.selected, #homesearchcontainer ul li #newcartabcontroller.selected
{background: url(/images/speedy-search/new-selected.png) top left no-repeat;}
#homesearchcontainer ul #newcartabcontroller, #homesearchcontainer ul li #newcartabcontroller
{background: url(/images/speedy-search/new-off.png) top left no-repeat;}

#homesearchcontainer ul #newvanabcontroller.selected, #homesearchcontainer ul li #newvanabcontroller.selected
{background: url(/images/speedy-search/vans-selected.png) top left no-repeat;}
#homesearchcontainer ul #newvanabcontroller, #homesearchcontainer ul li #newvanabcontroller
{background: url(/images/speedy-search/vans-off.png) top left no-repeat;}

#homesearchcontainer ul #listtabcontroller.selected, #homesearchcontainer ul li #listtabcontroller.selected
{background: url(/images/speedy-search/shortlist-selected.png) top left no-repeat;}
#homesearchcontainer ul #listtabcontroller, #homesearchcontainer ul li #listtabcontroller
{background: url(/images/speedy-search/shortist-off.png) top left no-repeat;}

#homesearchcontainer ul #mapviewcontroller.selected, #homesearchcontainer ul li #mapviewcontroller.selected
{background: url(/images/speedy-search/mapview-selected.png) top left no-repeat;}
#homesearchcontainer ul #mapviewcontroller, #homesearchcontainer ul li #mapviewcontroller
{background: url(/images/speedy-search/mapview-off.png) top left no-repeat;}

#homesearchcontainer ul #streetviewcontroller.selected, #homesearchcontainer ul li #streetviewcontroller.selected
{background: url(/images/speedy-search/street-selected.png) top left no-repeat;}
#homesearchcontainer ul #streetviewcontroller, #homesearchcontainer ul li #streetviewcontroller
{background: url(/images/speedy-search/street-off.png) top left no-repeat;}

#homesearchcontainer #cashfieldcontrol, #homesearchcontainer #monthlyfieldcontrol {
  background: url("/images/buttons/cash-off.png") no-repeat scroll left top transparent;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  float: left;
  height: 31px;
  line-height: 31px;
  margin: 0 0 15px 0px;
  text-align: center;
  width: 124px;}
#homesearchcontainer #monthlyfieldcontrol
{margin-right:12px;}
#homesearchcontainer #cashfieldcontrol.selected, #homesearchcontainer #monthlyfieldcontrol.selected {
  background: url("/images/buttons/cash-on.png") no-repeat scroll left top transparent;
  color: #FFFFFF;}


/*=== Home page ====*/

#home-offer-rotate {
width: 660px;
height:322px;
border: solid 1px #dedede;
display:block;
position:relative;
margin: 0 0 20px 0;}
#home-offer-nxt, #home-offer-prv {
width:34px;
height:107px;
position:absolute;
top: 108px;
cursor:pointer;
z-index:9;}
#home-offer-nxt {
right: -10px;
background: url(/images/home/right-arrow.png) top left no-repeat;}
#home-offer-prv {
left: -10px;
background: url(/images/home/left-arrow.png) top left no-repeat;}

#twitter-wrapper {
float:right;
width:240px;
margin:0 20px 20px 0;}
#tweet {
min-height:60px;
background: url(/images/backgrounds/twitter-bg.png) top left no-repeat;
width:210px;
overflow:hidden;
padding: 12px 15px 0px 15px;
font: normal 13px Arial, Helvetica, sans-serif; color: #1b1b1b;}
#twitter-bottom {
font: normal 13px Arial, Helvetica, sans-serif; color: #000;
background: url(/images/backgrounds/twitter-bottom.png) top left no-repeat;
width:215px;
padding: 10px 25px 0 0;
text-align:right;}


#right-bottom {
float:right;
width:240px;
margin:0 0px 20px 0;}

.white-vaux {
font: normal 20px 'Vauxhall', Arial, Helvetica, sans-serif; color: #fff;
font-weight:bold;
margin: 0 0 10px 0;}

.bigcall {
font: normal 26px 'Vauxhall', Arial, Helvetica, sans-serif; color: #fff;
font-weight:bold;
margin: 0 0 10px 0;}

.grey-vaux {
font: normal 18px 'Vauxhall', Arial, Helvetica, sans-serif; color: #49494b;
font-weight:bold;
margin: 0 0 10px 0;}
.grey-vaux a {color: #49494b;text-decoration:none;}
.model-title {
font: normal 14px 'Vauxhall', Arial, Helvetica, sans-serif; color: #49494b;
font-weight:bold;
margin: 0 0 10px 0;}


.adpadd, .adpadd-end {
margin: 0 0 15px 0;}
.adpadd {margin-right:20px;}
.imgpad {
padding-bottom:8px;}
.imgpadbig {
padding-bottom:15px;}

a.redlinks {color:#990000; text-decoration:none; font-weight:bold;}

/*==== tables ====*/

/*~~~ standard grey~~~*/
.datatable {
background: none repeat scroll 0 0 #f4f4f4;
border: 1px solid #666666;
border-collapse: collapse;
margin: 0 0 10px;
padding: 0;}
.datatable td {
border: 1px solid #666666;
color: #333333;
font-size: 11px;
padding: 7px;}
.datatable th {
background: none repeat scroll 0 0 #efefef;
border: 1px solid #666666;
color:#333333;
font-size: 12px;
font-weight: bold;
padding: 7px;}
.datatable h1 {
color:#0066cc;
font-size:14px;}
.datatable-tint {
background:#c6c6c6;
font-weight:bold;
color:#333333;}

/*~~~ orange/yellow ~~~*/
#detailtabwrap .wzlisttable {
border: 1px solid #cc6600;
border-collapse: collapse;
margin: 15px 0 10px 0;
padding: 0px;
background: #ffd397;}
#detailtabwrap .wzlisttable p {
margin: 0;
padding: 0;}
#detailtabwrap .wzlisttable td {
border: 1px solid #cc6600;
padding: 5px;
color: #232a31;
font-size: 11px;}
#detailtabwrap .wzlisttable th {
border: 1px solid #cc6600;
color:#232a31;
font-size: 11px;
padding: 5px;
font-weight: bold;
background: #ffe2ba ;}
.wzlisttable-tint {
background-color:#ffba60;
color:#232a31;}


.wzlist {
border: 1px solid #cc6600;
border-collapse: collapse;
margin: 5px 0 0 0;
padding: 0px;
background: #ffd397;}
.wzlist p {
margin: 0;
padding: 0;}
.wzlist td {
border: 1px solid #cc6600;
padding: 2px;
color: #232a31;
font-size: 11px;}
.wzlist th {
border: 1px solid #cc6600;
color:#232a31;
font-size: 11px;
padding: 2px;
font-weight: bold;
background: #ffe2ba ;}

/*~~~ blue ~~~*/
.datatable-blue {
border: 1px solid #006699;
border-collapse: collapse;
margin: 15px 0 10px 0;
padding: 0px;
background: #c1e5fe;}
.datatable-blue p {
margin: 0;
padding: 0;}
.datatable-blue td {
border: 1px solid #006699;
padding: 5px;
color: #232a31;
font-size: 11px;}
.datatable-blue th {
border: 1px solid #006699;
color:#232a31;
font-size: 11px;
padding: 5px;
font-weight: bold;
background: #d6eefe ;}
.datatable-blue-tint {
background-color:#d6eefe;
color:#232a31;}


/* ==== list styles  ==== */


#right ul, #right ul li {
list-style: none;
padding: 0;
margin:0;}
#right ul {
margin-bottom: 17px;}
#right ul li {
list-style: none;
background-image:url("/images/bullet.png");
background-position:left top;
background-repeat:no-repeat;
margin:0 0 7px 10px;
padding:0 0 0 18px;
color:#333333;}

#offer ul, #offer ul li {
list-style: none;
padding: 0;
margin:0;}
#offer ul {
margin-bottom: 17px;}
#offer ul li {
list-style: none;
background-image:url("/images/tick.png");
background-position:left top;
background-repeat:no-repeat;
color:#fff;
padding-left:30px;}



#right #twitter_update_list {
line-height:16pt;
list-style:none !important;}


/* ==== garage  ==== */

#compare-view-all {
margin-top:5px;}
#compare-view-all a.compare, #compare-view-all a.viewall {
float:left;
display:block;}
#compare-view-all a.compare {
margin: 0;}
#compare-view-all a.viewall {
margin: 0 5px 0 0;}
.shortlistrecord {
width: 260px;
padding: 0;
display:block; 
overflow:hidden; 
text-align:left;}
.shortlistpic {
float: left;
margin: 0 10px 10px 0;}
#left #homesearchcontainer p.shortlisttitle {
font-size:11px;
line-height:19px;
padding: 0;
margin:0 0 6px 0;}
#homesearchcontainer p.shortlistprice {
color: #fff;
font-size: 14px;
font-weight:bold;
margin: 0 0 4px 0;}
.shortlistcontrols {
font-size: 10px;}
.shortlistcontrols a:link, .shortlistcontrols a:active, .shortlistcontrols a:visited, #right .shortlistcontrols a:link, #right .shortlistcontrols a:active, #right .shortlistcontrols a:visited {
text-decoration:none;
color:#fff;}
.shortlistcontrols a:hover, #right .shortlistcontrols a:hover{
text-decoration:none;
color:#eaeaea;}  
.shortlisticon {
margin: 3px 5px 0 3px;}
.shortlisticon2 {
margin: 3px 5px 0 12px;}


/*=== Coloured boxes styles ====*/
/*~~~blue boxe styles~~~*/
.bluebox a, .orangebox a, .bluebox-large a, .bluebox-full a {
text-decoration:none;}

#right .bluebox {
background:#4ca3c3;
width:280px;
padding:15px 20px;
height:185px;
overflow:hidden;
float:left;
margin-bottom:20px;}
#right .bluebox-large {
background:#4ca3c3;
width:280px;
padding:15px 20px;
height:620px;
overflow:hidden;
float:left;
margin-bottom:20px;}
#right .bluebox-full {
background:#4ca3c3;
width:620px;
padding:15px 20px;
margin-bottom:20px;}
#right .bluebox-large h2, #right .bluebox-full h2 {
font: normal 18px 'Vauxhall-Bold' Arial, Helvetica, sans-serif; color: #fff;
line-height: 16pt;
margin-bottom:8px;}
#right .bluebox p, #right .bluebox-large p, .managers-box p, .managers-box-end p, #right .bluebox-full p
{font: normal 13px Arial, Helvetica, sans-serif; color: #fff;
line-height: 18pt;
margin-bottom:6px;}

.aquabox {
background:#0fccc1;
border: 1px solid #339999;
width:260px;
padding:20px;
color:#fff;
font-size:13px;
min-height:140px;
margin-bottom:20px;}

.newsletter {
background:#3fcbff;
border: 1px solid #169fbe;
width:260px;
padding:15px 20px;
margin-bottom:20px;}

.itunes {
width:285px;
background: url(/images/promotions/banners/home/iphone-bg.jpg) top left no-repeat;
padding:4px 0px 0px 15px;
height:105px;
margin-bottom:20px;}
.itunes p {
font: normal 11px Arial, Helvetica, sans-serif; color: #fff;
font-weight:bold;
line-height:12pt;}
.itunes a {text-decoration:none;}

/*~~~Orange box styles~~~*/
.orangebox {
background:#ee8600;
border: 1px solid #ab6000;
width:270px;
padding:15px;
color:#fff;
font-size:13px;
min-height:140px;
margin-bottom:20px;}
.orangebox p {color:#fff;}
.orangebox a {color:#fff; text-decoration:none;}
.last-viewed-img {
float:left;
width:122px;
margin-right:10px;}
.youmightlikethumb {
width:122px;}


.mustardboxtop {background: url(/images/backgrounds/mustardbox-top.png) top left no-repeat;
border-left: 1px solid #b3850d;
border-right: 1px solid #b3850d;
border-top: 1px solid #b3850d;
width:300px;
height:13px;
display:block;}
.mustardbox {
background:#eaa000;
border-left: 1px solid #b3850d;
border-right: 1px solid #b3850d;
border-bottom: 1px solid #b3850d;
width:260px;
padding:15px 20px;
color:#fff;
font-size:13px;
min-height:140px;
margin-bottom:20px;}
.mustardbox p {color:#333;}
.mustardbox a {color:#333; text-decoration:none;}


/*~~~red boxe styles~~~*/
.redbox {
background: url(/images/backgrounds/wouldlike-bg.png) top left repeat-x #990000;
border: 1px solid #9c0605;
width:260px;
padding:15px 20px;
min-height:140px;
margin-bottom:20px;}
.warrantybox, .downloadbox {
background: #ff3334;
border: 1px solid #7a051b;
width:260px;
padding:15px 20px;
margin-bottom:20px;}
.warrantybox {min-height:140px;}
.warrantybox p, .downloadbox p  {
color:#fff;}
.warrantybox p {line-height:20pt;}
.downloadbox p {line-height:16pt;}
.downloadbox a {color: #fff; text-decoration:none;}
.pdf-icon {
float: right;
padding: 5px 0px 0px 20px;}
.directionsinput {
border: 1px solid #ABADB3;
color: #5F6164;
font: 12px Arial,Helvetica,sans-serif;
margin: 0 0 8px;
padding: 5px;
width: 248px;}

.largered {
background: #ff3535;
border: 1px solid #9c0707;
width:620px;
padding: 20px 20px 15px 20px;
margin: 15px 0 20px 0;}
.motabpad {float:right;}

/*~~~dark/generic box styles~~~*/
#left .financebox {
background:#34363e;
border: 1px solid #151926;
width:260px;
padding:15px 20px;
color:#fff;
font-size:13px;
margin-bottom:20px;}
#left .financebox .break {
width:100%;
height:1px;
margin: 8px 0px;
background:#595a61;
display:block;}
#left h3 {
font: normal 14px 'Vauxhall', Arial, Helvetica, sans-serif; color: #fff;
line-height:16pt;
margin-bottom:15px;}
#left .bigwhite {
font: normal 15px Arial, Helvetica, sans-serif; color: #fff;
font-weight:bold;
line-height:12pt;}
#left .bigwhite a { text-decoration:none;}
#left #partnerscontainer {
background: url("/images/backgrounds/partners-bg.jpg") no-repeat scroll left top transparent;
display: block;
height: 176px;
margin-bottom: 20px;
padding: 80px 20px 0 20px;
width: 260px;
position:relative;}
#left #partnerscontainer p {
font: normal 13px Arial, Helvetica, sans-serif; color: #fff;
line-height:16pt;
margin-bottom:15px;}
#left #partnerscontainer #txtSearchBox {
padding:10px;
border: 1px solid #ccc;
width:180px;
float:left;
z-index:99999;}
/*#left #partnerscontainer #helper {
position:absolute;
top:-300px;
left:20px;
width:180px;
background: #fff;
border: 1px solid #ccc;} */
#left #partnerscontainer .submit {
background: url("/images/buttons/go-button.png") no-repeat scroll center top transparent;
border: medium none;
cursor: pointer;
width: 72px;
height: 40px;
float:right;
margin-top: -40px;
padding: 0;
z-index:9;}
#error {
background: url("/images/backgrounds/partners-frame.png") no-repeat scroll center top transparent;
color: #FFFFFF;
display: block;
height: 155px;
margin-bottom: 20px;
padding: 20px 20px 0 20px;
width: 260px;
overflow:hidden;}
#error h2 {
font: normal 16px 'Vauxhall', Arial, Helvetica, sans-serif; color: #cc0000;
line-height:16pt;
margin-bottom:9px;}
#success {
background: url("/images/backgrounds/partners-frame.png") no-repeat scroll center top transparent;
color: #FFFFFF;
display: block;
height: 170px;
margin-bottom: 20px;
padding: 20px 20px 0 20px;
width: 260px;
overflow:hidden;}
#success h2 {
font: normal 16px 'Vauxhall', Arial, Helvetica, sans-serif; color: #339900;
line-height:16pt;
margin-bottom:9px;}
#error p, #success p {
font: normal 13px Arial, Helvetica, sans-serif; color: #fff;
line-height:16pt;
margin-bottom:9px;} 
#error a, #success a {color: #bebebe;}
#left .break {
width:100%;
background: url("/images/backgrounds/doted-break.png") repeat-x scroll left top transparent;
height:5px;
display:block;
margin: 4px 0px 10px 0px;}
.dot-break {
width:100%;
background: url("/images/backgrounds/doted-break.png") repeat-x scroll left top transparent;
height:5px;
display:block;
margin: 4px 0px 10px 0px;}
#left a {text-decoration:none;}
/*~~~green box styles~~~*/
.greenbox {
background:#56bc5d;
border: 1px solid #389b4d;
width:260px;
padding:15px 20px;
color:#fff;
font-size:13px;
min-height:140px;
margin-bottom:20px;}
.greenbox p {color:#fff;}
.greenbox a {color:#fff; text-decoration:none;}

.smallbox, .smallbox-end {
border: 1px solid #b4b4b4;
display: block;
height: 194px;
margin-bottom: 20px;
padding: 0px;
width: 206px;}
.smallbox {margin-right:17px;float:left;}
.smallbox-end {float:right;}
.silverback {
background: url("/images/backgrounds/silver-boxtop.png") no-repeat scroll left top transparent;
width:196px;
height:27px;
padding: 5px 0 0 10px;
font: normal 16px 'Vauxhall-Bold', Arial, Helvetica, sans-serif; color: #333;}
.smallboximg {
height:119px;
width:206px;
display:block;}
.bottombox {
background: url("/images/backgrounds/box-bottom.png") no-repeat scroll left top transparent;
width:186px;
height:23px;
display:block;
padding: 10px;}

/*===== used car list =====*/
/* COG STUFF */
#usedlistwrapper ul li {
background-image: none;
font-weight:normal;
margin:0;
padding:0;}
#usedlistwrapper .listdescription {
font: normal 16px 'Vauxhall-Bold', Arial, Helvetica, sans-serif; color: #232a31;
margin:16px 0 12px;}
#usedlistwrapper .listprice {
font: normal 22px 'Vauxhall-Bold', Arial, Helvetica, sans-serif; color: #e0050e;
margin:16px 0 12px;}
#controls-wrapper {
width: 660px;
color:#fff;}
#controls-pagination {
width: 660px;
height: 50px;
background: url(/images/used-cars/pagination-bg.png) repeat-x scroll left top transparent;
border: 1px solid #333;
margin: 0;
display:block;
padding: 0 0 0 0;}
#controls-pagination ul li {
list-style:none;
background:none;
padding:0;}
#usedlistwrapper .COGPager li{
display:inline;
text-align:center;
list-style-type: none;
float:left;}
#pagination ul {
padding: 0;}
.list-filter {
padding: 11px 0 0 0;
margin: 0 0 0 12px;
float: left;
width:210px;
display:block;}
.list-filter select {
color: #484848;
font: 11px Arial,Helvetica,sans-serif;
margin: 0;
padding: 5px;
width: 150px;}
#pagination {
float: right;
margin: 10px 9px 0 0;}
#pagination li {
margin: 0;}
#usedlistwrapper .COGPager .COGPagerItemSelected span{
background: url(/images/used-cars/page-selected.jpg) top left repeat-x;
/*background-color:#c7c7c7 !important;*/
color:#fff;
font-weight:bold;
border:solid 1px #cc6600;
margin:0 0 0 0;}
#usedlistwrapper .COGPager span /* not a link style */{
background: url(/images/used-cars/page-not-selected.jpg) top left repeat-x;
color:#9f9f9f;
display:block;
margin:0 6px 0 0;
width:27px;
padding:4px 0 0 0;
font-weight:bold;
border:solid 1px #9f9f9f;
height:24px;}
#usedlistwrapper .COGPager li.COGPagerNext {
width: 27px;
float: left;
margin: 0 9px 0 0;}
#usedlistwrapper .COGPager a:link,
#usedlistwrapper .COGPager a:visited,
#usedlistwrapper .COGPager a:active /* link style */ {
background: url(/images/used-cars/page-link.jpg) top left repeat-x;
text-decoration:none;
color:#3c3c3c;
width: 27px;
margin:0 6px 0 0;
display:block;
padding:4px 0 3px 0;
border:1px solid #9f9f9f;
height:21px;
font-weight:normal;}
#usedlistwrapper .COGPager a:hover {
/*background-color:#c7c7c7;*/
text-decoration:none;
color:#a25c00;
border:1px solid #a25c00;}
#usedlistwrapper .COGPager li.COGPagerItem,
#usedlistwrapper .COGPager li.COGPagerItemSelected  /* hides the pagination display */{
width: 35px;
margin:0 0 0 0;
padding:0;
text-align:center;
display:block;}
#usedlistwrapper .COGPager li.COGPagerItemSelected {
margin-right: 0;}
#usedlist a, #usedlist a:link, #usedlist a:visited, #usedlist a:active {
font-weight:normal;
color:#262424;
text-decoration:none;
display:block;
cursor:pointer;}
#usedlist a:hover {
font-weight: normal;
color:#262424;
text-decoration:none;
display:block;
cursor:pointer;}
.usedlistvehicle {
background: #ffba60;
width: 630px;
padding: 15px;
display:block;
font-size:11px;
border: 1px solid #cc6600;
margin-bottom:10px;}
#usedlistwrapper .usedlistvehicle h1 {
font-size:16px;
color:#005b96;}
.usedlistvehicle-image { 
background: #f07100;
float: left;
padding: 4px;
margin:0;
width:204px;
height:150px;}
.usedlistvehicle-right {
width:405px;
float:right;
margin:0; 
padding:0 0 0 0;
color:#3c3c3c;
line-height:18pt;}
.usedlistsummary-right {
float: left;
padding: 0 0 0 15px;
width: 157px;}
.usedlistsummary-left {
border-right: 1px solid #cc6600;
float: left;
padding: 0 10px 0 0;
width: 200px;}
.listbreak {
display:block;
height: 10px;}
#usedlistwrapper .usedlistvehicle h1 {
font-size:16px;
font-weight:normal;
color:#005b96;}
#usedlistwrapper .usedlistvehicle h2 {
font-size:16px;
font-weight:normal;
color:#666666;}
.usedlistvehicle-main {
margin-top:-25px;}
.usedlistvehicle-keyfeatures {
float: left;
font-size: 10px;
padding: 10px 0 0 7px;
width: 429px;
color: #3B3B3B;}
.usedlistvehicle-carweb {
background: url("/images/backgrounds/used-cars/car-web.jpg") repeat-x scroll left top transparent;
float: right;
height: 57px;
margin: 0 -10px 0 0;
padding: 0 0 0 7px;
width: 439px;}
.usedlistvehicle-carweb-box {
float:left;
padding: 7px;
width: 130px;
height: 57px;}
.car-web-icon {
float:left;}
#usedlistwrapper .car-web-repeater {
float:left;
margin:5px 0 0 5px;
font-size:10px}
.usedlistvehicle-title-left {
float:left;}
.usedlistvehicle-title-right {
float:right;
text-align:right;}
#webzation_repeater {
font-size:10px;
background: none repeat scroll 0 0 #F7F7F7;
border: 1px solid #B3B3B3;
border-collapse: collapse;
margin: 15px 0 0;
padding: 0;}
#webzation_repeater th {	
background: none repeat scroll 0 0 #EEEFF1;
border: 1px solid #CECECE;
color: #2F2F2F;
font-size: 11px;
font-weight: normal;
padding: 4px;}
#webzation_repeater td {
border: 1px solid #CECECE;
color: #3B3B3B;
font-size: 11px;
padding: 4px 0 4px 4px;}
a.wz-apply {
background: url("/images/used-cars/red-button.png") no-repeat scroll left top;
font: normal 18px 'Vauxhall-Bold', Arial, Helvetica, sans-serif; color: #fff;
text-align:center;
display: block;
width:299px;
height:40px;
line-height:40px;
margin: 6px 0px;
text-decoration:none;}
a.wz-other {
background: url("/images/used-cars/wide-grey.png") no-repeat scroll left top;
font: normal 18px 'Vauxhall-Bold', Arial, Helvetica, sans-serif; color: #fff;
text-align:center;
display: block;
line-height:40px;
width:299px;
height:40px;
margin: 6px 0px;
text-decoration:none;}

/* ===== Webzation ====== */

#wz_adjustbox {
background: #ef7c00;
border: 1px solid #cc6600;
color: #333333;
height: 40px;
font-size: 12px;
margin: 0 0 20px;
padding: 10px 0 0 10px;
width: 650px;}
#wz_adjustbox select {
color: #5F6164;
font: 11px/25px Arial,Helvetica,sans-serif;
margin: 0;
padding: 3px 0;
width: 110px;}
#wz_adjustbox .adjustbox {
float: left;
margin: 3px 5px 0 0;
width: 160px;
padding-right: 10px;
line-height: 22px;}
#wz_adjustbox input.deposit {
height: 21px;
padding: 0 3px;
width: 90px;}
#detailtabwrap .wz-adjust-top {
width: 649px;
height:5px;
display:block;
overflow:hidden;
margin:0;
background: url(/images/backgrounds/wz-update-top.png ) top left no-repeat;}
#detailtabwrap #wz_adjustbox {
background: #ef7c00;
border: 1px solid #cc6600;
color: #FFFFFF;
height: 40px;
margin: 0 0 10px;
padding: 10px 0 0 15px;
width: 605px;
font-size:11px;
/*background: url(/images/used-results/wz/update-bg.png ) top left no-repeat;*/
color:#333333;}
#detailtabwrap #wz_adjustbox h2 {
color: #fff;
font: 14px Tahoma Arial,Helvetica,sans-serif,serif;
margin:0;
padding:0;}
#detailtabwrap #wz_adjustbox select, #detailtabwrap #wz_adjustbox input.deposit {
color: #5F6164;
font: 11px/25px Arial,Helvetica,sans-serif;
margin: 0;
padding: 3px 0;
width: 100px;}
#detailtabwrap #wz_adjustbox .adjustbox {
float: left;
margin: 3px 5px 0 0;
width: 150px;
padding-right: 5px;
line-height: 22px;}
#detailtabwrap #wz_adjustbox input.deposit {
height: 21px;
padding: 0 3px;
width: 100px;}
#wz_adjustbox .wz_submit, #detailtabwrap #wz_adjustbox .wz_submit {
width: 95px;
height: 35px;
display:block;
margin: -3px 15px 0 0;
padding: 0;
background: url(/images/used-cars/update.png) top no-repeat;
border:none;
cursor:pointer;
line-height:28px;
float: right;}
.wzdetailstable {
float: left;
margin-right: 20px;}
.datatable .wzbtnlayout, .datatable .wzbtnlayout td {
border: none;}

.finance-left {
float:left;
width:300px;}
.finance-right {
float:right;
width:300px;}

/*======= Used Car Detail Page ======*/
.yellowtext {
font: normal 18px 'Vauxhall-bold', Arial, Helvetica, sans-serif; color: #f07100;
margin: 0 0 10px 0;}

#img-wrapper {
position:relative;
margin-bottom:10px;
height:300px;
width:660px;
padding:0px;}
p.detailsprice {
font: normal 21px 'Vauxhall-bold', Arial, Helvetica, sans-serif; color: #e0050e;} 
#detail-slide {
width:390px;
height:293px;
padding: 0;
border: 4px solid #f07100;
float:right;
display:block; 
overflow:hidden;
margin: 0 0 20px 0;}
#detail-slide img { display: none; }
#detail-slide img.firstbigimg { display: block }
#thumbsarea {
float: left;
width:250px;
margin-bottom:10px;}
#thumbsarea ul, #thumbsarea ul li {
margin: 0;
padding: 0;
background:none;
list-style:none;}
#thumbsnav .detailsthumb, #thumbsnav .detailsthumbend {
float: left;
margin:0 12px 6px 0;
height:53px;
width:70px;
padding: 2px;
background:#f07100;}
#thumbsnav .detailsthumbend {
margin-right: 0;}
#right #thumbsarea p.call {
font: normal 22px/33px 'Vauxhall-bold', Arial, Helvetica, sans-serif; color:#cc0000;
background:url(../images/used-cars/re-phone.png) no-repeat top left;
margin:0 0 5px;
padding:0px 0 5px 32px;}
.AddToGarageButton, .RemoveFromGarageButton {
background: url("/images/used-cars/yellow-button.png") no-repeat scroll left top transparent;
font: normal 18px 'Vauxhall-Bold', Arial, Helvetica, sans-serif; color: #fff;
text-align:center;
border: medium none;
display: block;
height: 40px;
width: 240px;
margin: 8px 0px;}
#threeboxes {
width:660px;
display:block;}

.specbox, .specbox-end, .specboxred, .specboxred-end {
color:#fff;
width:173px;
height:186px;
padding: 15px;
margin-bottom:20px;
display:block;}
.specbox {margin-right:20px;float:left;background: #f07100;border: 1px solid #c95701;}
.specbox-end {float:right;background: #f07100;border: 1px solid #c95701;}
.specboxred {margin-right:20px;float:left;background: #d53838;border: 1px solid #990000;}
.specboxred-end {float:right;background: #d53838;border: 1px solid #990000;}
.specbox p, .specbox-end p, .specboxred p, .specboxred-end p {color:#fff;}
.specboxred .break, .specboxred-end .break {height:1px;width:100%;background:#F66;display:block; margin: 4px 0px;}
.howmuch-icon {
float: left;
margin: 0 10px 11px 0}
.detailyellow {color:#ffc080; font-weight:bold;}
.specboxred-end p.call {
font: normal 20px/33px 'Vauxhall-bold', Arial, Helvetica, sans-serif; color:#fff;
background:url(../images/new-cars/white-phone.png) no-repeat top left;
margin:0 0 5px;
padding:0px 0 5px 32px;}


/* ====== Used details page tabs ====== */

#bottomdetails {
width:660px;
margin: 50px 0 20px 0;
position:relative;}
#detailstabs ul, #detailstabs ul li {
list-style:none;
/*background:none;
margin: 0; */
padding:0;}
#styledspec ul {
margin-bottom: 17px;}
#styledspec ul li {
background-image: !important url("/images/bullet.png");
background-position:left top;
background-repeat:no-repeat;
margin:0 0 7px 0;
padding:0 0 0 18px;
width:290px;
float:left;
line-height:20px;
color:#333;}

#detailstabs #detailtabwrap {
width: 620px;
background: #ffba60;
border: 1px solid #cc6600;
padding: 16px 20px 14px 20px;	
margin: -1px 0 20px 0;}
#right #detailtabwrap h3 {
margin-top: 6px;}
#detailstabs .ui-tabs-nav {
list-style: none;
margin: 0;
padding: 0;
font: normal 13px/42px 'Vauxhall', Arial, Helvetica, sans-serif;
background: url(/images/backgrounds/tab-nav-bg.png) bottom left no-repeat;}
#detailstabs .ui-tabs-nav li {
float: left;
margin: 0 5px 0 0;
min-width: 122px;
position:relative;
left: 54px;
top:-26px;}
#detailstabs .ui-tabs-nav a, #detailstabs .ui-tabs-nav a span {
display: block;
padding: 0;
background: url(/images/used-cars/used-off.png) top right no-repeat;
width:122px;
height:41px;}
#detailstabs .ui-tabs-nav a {
margin: 0;
padding-left: 0;
color: #fff;
text-align: center;
text-decoration: none;
white-space: nowrap; 
outline: 0; }
#detailstabs .ui-tabs-nav .ui-tabs-selected a {
position: relative;
top: 0px;
z-index: 2;
margin-top: 0;
color: #111111;}
#detailstabs .ui-tabs-nav a span {
width:122px;
min-width: 122px;
height: 41px; 
min-height: 41px;}
#detailstabs .ui-tabs-nav .ui-tabs-selected a span, #detailstabs .ui-tabs-nav a:focus span, #detailstabs .ui-tabs-nav a:active span {
background: url(/images/used-cars/used-selected.png) top left no-repeat;}
#detailstabs .ui-tabs-nav .ui-tabs-selected a:link, #detailstabs .ui-tabs-nav .ui-tabs-selected a:visited, #detailstabs .ui-tabs-nav .ui-tabs-disabled a:link, #detailstabs .ui-tabs-nav .ui-tabs-disabled a:visited {
cursor: default;}
#detailstabs .ui-tabs-nav a:hover, #detailstabs .ui-tabs-nav a:focus, #detailstabs .ui-tabs-nav a:active,
#detailstabs .ui-tabs-nav .ui-tabs-deselectable a:hover, #detailstabs .ui-tabs-nav .ui-tabs-deselectable a:focus, #detailstabs .ui-tabs-nav .ui-tabs-deselectable a:active {
cursor: pointer;}


/* ====== New details page tabs ====== */

#detailstabsnew ul, #detailstabsnew ul li {
list-style:none;
/*background:none;
margin: 0; */
padding:0;}
#styledspecnew ul {
margin-bottom: 17px;}
#styledspecnew ul li {
padding:0 0 0 18px;
background-image: !important url("/images/bullet-white.png");
background-position:left top;
background-repeat:no-repeat;
margin:0 0 7px 0;
width:290px;
float:left;
line-height:20px;
color:#fff;}

#right .bluebox-full ul {
margin-bottom: 17px;}
#right .bluebox-full ul li {
padding:0 0 0 18px;
background: !important url("/images/bullet-white.png");
background-position:left top;
background-repeat:no-repeat;
font-weight:bold;
margin:0 0 7px 0;
line-height:22px;
color:#fff;}

#detailstabsnew #detailtabwrapnew {
width: 620px;
background: #d53838;
border: 1px solid #990000;
padding: 16px 20px 14px 20px;	
margin: -1px 0 20px 0;}
#detailstabsnew #detailtabwrapnew p {color:#fff;}
#detailstabsnew #detailtabwrapnew h2 {color:#fff;}
#right #detailtabwrapnew h3 {
margin-top: 6px;}
#detailstabsnew .ui-tabs-nav {
list-style: none;
margin: 0;
padding: 0;
font: normal 13px/42px 'Vauxhall', Arial, Helvetica, sans-serif;
background: url(/images/backgrounds/tab-nav-bg.png) bottom left no-repeat;}
#detailstabsnew .ui-tabs-nav li {
float: left;
margin: 0 5px 0 0;
min-width: 122px;
position:relative;
left: 54px;
top:-26px;}
#detailstabsnew .ui-tabs-nav a, #detailstabsnew .ui-tabs-nav a span {
display: block;
padding: 0;
background: url(/images/new-cars/tab-off.png) top right no-repeat;
width:122px;
height:41px;}
#detailstabsnew .ui-tabs-nav a {
margin: 0;
padding-left: 0;
color: #fff;
text-align: center;
text-decoration: none;
white-space: nowrap; 
outline: 0; }
#detailstabsnew .ui-tabs-nav .ui-tabs-selected a {
position: relative;
top: 0px;
z-index: 2;
margin-top: 0;
color: #ccc;}
#detailstabsnew .ui-tabs-nav a span {
width:122px;
min-width: 122px;
height: 41px; 
min-height: 41px;}
#detailstabsnew .ui-tabs-nav .ui-tabs-selected a span, #detailstabsnew .ui-tabs-nav a:focus span, #detailstabsnew .ui-tabs-nav a:active span {
background: url(/images/new-cars/tab-selected.png) top left no-repeat;}
#detailstabsnew .ui-tabs-nav .ui-tabs-selected a:link, #detailstabsnew .ui-tabs-nav .ui-tabs-selected a:visited, #detailstabsnew .ui-tabs-nav .ui-tabs-disabled a:link, #detailstabsnew .ui-tabs-nav .ui-tabs-disabled a:visited {
cursor: default;}
#detailstabsnew .ui-tabs-nav a:hover, #detailstabsnew .ui-tabs-nav a:focus, #detailstabsnew .ui-tabs-nav a:active,
#detailstabsnew .ui-tabs-nav .ui-tabs-deselectable a:hover, #detailstabsnew .ui-tabs-nav .ui-tabs-deselectable a:focus, #detailstabsnew .ui-tabs-nav .ui-tabs-deselectable a:active {
cursor: pointer;}


/* ===== Details Page Test Drive Form ===== */

#details-test-form {
width: 260px;
display:block;
overflow: hidden;
padding: 5px 0 10px 0;
margin: 0 0 10px 0;
color:#444444;
position:relative;}
#details-test-form p a:link, #details-test-form p a:active, #details-test-form p a:visited {
color:#ce1b1c;
text-decoration: none;
font-weight:normal;
-webkit-transition:color .3s linear;
-moz-transition:color .3s linear;
-o-transition:color .3s linear;
transition:color .3s linear;}
#details-test-form p a:hover {
color:#ce1b1c;
text-decoration: underline;
font-weight:normal;}
#details-test-form p {
padding: 0;
margin: 0 0 4px 0;
font-size: 12px;
color: #333333;
font-weight:normal; }
#details-test-form h2 {
font: normal 18px 'vauxhall-bold', Arial, Helvetica, sans-serif; color: #6d6d6d; 
margin:0 0 11px 0;}
#details-test-form form {
margin: 0 0 0 0;}
#details-test-form .dropdown {
font: 12px Arial, Helvetica, sans-serif; color: #5F6164;
width: 260px;
margin: 0 5px 9px 0;
padding: 6px;
border:solid 1px #666;}
#details-test-form .textinput {
width: 248px;
margin: 0 5px 10px 0;
padding: 0 5px 0 5px;
height: 25px;
border:solid 1px #c9c9c9;
font: 12px Arial, Helvetica, sans-serif; color: #5F6164;
float: left;}
#details-test-form .textarea {
width: 248px;
margin: 0 5px 10px 0;
padding: 5px 5px 0 5px;
height: 75px;
border:solid 1px #c9c9c9;
font: 12px Arial, Helvetica, sans-serif; color: #5F6164;
float: left;}
#details-test-form .submit{
font: normal 18px 'Vauxhall-bold', Arial, Helvetica, sans-serif; color: #fff;
text-align:left;
width: 260px;
margin: 3px 0 10px 0;
height: 36px;
line-height:30px;
padding: 0;
background: url(/images/used-cars/red-button.png) top no-repeat;
border:none;
cursor:pointer;
text-align:center; }
#details-test-form table label {
width: 200px;
display:block;
cursor:auto;}
#details-test-form .chkbox {
margin: 0 7px 0 0;}

/*======= Compare Page =========*/

#compare {
width: 980px;}
#compare-contain {
border: 1px solid #CC6600;
background: #FFBA60;
color: #232A31;
margin: 0 0 20px;
padding: 0;
width: 980px;}
#compare-contain a:link, #compare-contain a:visited, #compare-contain a:active {
color: #232A31;
font-weight: normal;
text-decoration: none;}
#compare-contain a:hover {
background: #ffc77f;
color: #F07100;
font-weight: normal;
text-decoration: none;}
#compare-contain #comp-title {
background: url("/images/used-cars/pagination-bg.png") repeat-x scroll left top transparent;
color: #FFFFFF;}


#compare-contain select {
border: 1px solid #BCB9C2;
color: #232A31;
font: 11px/25px Arial,Helvetica,sans-serif;
margin: 0;
padding: 3px;
width: 145px;}
#compare-contain .holder {
border-bottom: 1px solid #CC6600;
border-right: 1px solid #CC6600;
float: left;
height: 114px;
padding: 10px 0 0 6px;}
#compare-contain #comp-title .holder {
border-bottom: 1px solid #CC6600;
border-right: 1px solid #5a5a5a;
height: 37px;
padding: 12px 0 0 6px;}
.comp-first {width: 158px;}
.comp-vehicle {width: 120px;}
.comp-price {width: 58px;}
.comp-mileage {width: 65px;}
.comp-reg, .comp-fuel, .comp-eco {width: 60px;}
.comp-body {width: 80px;}
.comp-trans {width: 85px;}
.comp-tax {width: 77px;}
.comp-co2 {width: 60px;}

/* ===== Quick Contact Form ===== */

#quick-contact-form {
width: 260px;
display:block;
overflow: hidden;
padding: 5px 0 10px 0;
margin: 0;
color:#444444;
position:relative;}
#quick-contact-form p {
padding: 0;
margin: 0 0 4px 0;
font-size: 12px;
color: #333333;
font-weight:normal; }
#quick-contact-form h2 {
font: normal 18px 'vauxhall-bold', Arial, Helvetica, sans-serif; color: #6d6d6d; 
margin:0 0 11px 0;}
#quick-contact-form form {
margin: 0 0 0 0;}
#quick-contact-form .dropdown {
font: 12px Arial, Helvetica, sans-serif; color: #5F6164;
width: 260px;
margin: 0 5px 9px 0;
padding: 6px;
border:solid 1px #666;}
#quick-contact-form .textinput {
width: 248px;
margin: 0 5px 10px 0;
padding: 0 5px 0 5px;
height: 25px;
border:solid 1px #c9c9c9;
font: 12px Arial, Helvetica, sans-serif; color: #5F6164;
float: left;}
#quick-contact-form .textarea {
width: 248px;
margin: 0 5px 10px 0;
padding: 5px 5px 0 5px;
height: 75px;
border:solid 1px #c9c9c9;
font: 12px Arial, Helvetica, sans-serif; color: #5F6164;
float: left;}
#quick-contact-form .submit{
background: url("/images/buttons/grey-button.png") no-repeat scroll left top transparent;
border: medium none;
color: #FFFFFF;
cursor: pointer;
display: block;
font: 18px/40px 'Vauxhall-Bold',Arial,Helvetica,sans-serif;
height: 40px;
line-height:40px;
margin: 0px;
padding: 0 0 0 12px;
text-align: left;
text-decoration: none;
width: 260px;}
  
.managers-box, .managers-box-end {
text-align:center;
float:left;
width:190px;
margin: 15px 0;}
.managers-box {margin-right:22px;}

/*==== footer ====*/
#footer-wrapper {
display:block;
width:100%;}
#footer-top-wrapper {
display:block;
width:100%;}	
#footer-top 
{width:980px; 
margin: 0 auto 0px; 
padding:30px 0px;}
#footer-top h2, #footer-bottom h2 {
font: normal 20px 'Vauxhall', Arial, Helvetica, sans-serif; color: #fff;
font-weight:bold;
margin: 0 0 10px 0;}
#footer-top p, #footer-bottom p {font: normal 13px Arial, Helvetica, sans-serif; color: #fff;
line-height:16pt;
margin: 0 0 10px 0;}

#footer-top .col-blue, #footer-top .col-red, #footer-top .col-yellow, #footer-top .col-green {
float:left;
width:250px;
padding:0;}

#footer-top .col-blue-end, #footer-top .col-red-end, #footer-top .col-yellow-end, #footer-top .col-green-end {
float:right;
width:220px;
padding:0;}

#footer-bottom 
{width:980px; 
margin: 0 auto 0; 
padding:30px 0;}
#footer-bottom #leftboxes {
width:225px;
float:left;
padding-top: 30px;}
#footer-bottom #followus, #footer-bottom #driveapp {
width:195px;
height:140px;
padding: 15px;
margin-bottom:20px;
overflow:hidden;}
#footer-bottom #footerinfo {
float:right;
width:730px;
padding: 90px 0px;}

/*=== footer colours =====*/

/*~~~BLUE~~~*/
#footer-top-wrapper.blue {	
background:#024760;}
#footer-wrapper.blue {	
background:#002b3a;}
#footer-bottom #followus.blue, #footer-bottom #driveapp.blue {background: #043a4e;}

.col-blue a, .col-blue-end a {
text-decoration:none;
color:#c7ebf6;
line-height:20pt;}
.col-blue a:hover, .col-blue-end a:hover {color:#a6d9e9;}

a.blue {
text-decoration:none;
color:#75b5c8;
line-height:16pt;}
a.blue:hover {
color:#62a1b3;}

/*~~~RED~~~*/
#footer-top-wrapper.red {	
background:#d53838;}
#footer-wrapper.red {	
background:#af0f0f;}
#footer-bottom #followus.red, #footer-bottom #driveapp.red {background: #990000;}

.col-red a, .col-red-end a {
text-decoration:none;
color:#cccccc;
line-height:20pt;}
.col-red a:hover, .col-red-end a:hover {color:#c5b6b6;}

a.red {
text-decoration:none;
color:#ff9999;
line-height:16pt;}
a.red:hover {
color:#e79999;}

/*~~~YELLOW~~~*/
#footer-top-wrapper.yellow {	
background:#ef7c00;}
#footer-wrapper.yellow {	
background:#d9620b;}
#footer-bottom #followus.yellow, #footer-bottom #driveapp.yellow {background: #b84e00;}

.col-yellow a, .col-yellow-end a {
text-decoration:none;
color:#ffffcc;
line-height:20pt;}
.col-yellow a:hover, .col-red-yellow a:hover {color:#ecec9f;}

a.yellow {
text-decoration:none;
color:#f4b264;
line-height:16pt;}
a.yellow:hover {
color:#e1a155;}


/*~~~GREEN~~~*/
#footer-top-wrapper.green {	
background:#56bc5d;}
#footer-wrapper.green {	
background:#2f8d26;}
#footer-bottom #followus.green, #footer-bottom #driveapp.green {background: #217c17;}

.col-green a, .col-green-end a {
text-decoration:none;
color:#dfffed;
line-height:20pt;}
.col-green a:hover, .col-red-green a:hover {color:#beecd1;}

a.green {
text-decoration:none;
color:#b3ffaf;
line-height:16pt;}
a.green:hover {
color:#97e693;}