/* ==== Gravells 2011(c) bluesky interactive ==== */

/* ==== common ==== */

html {
margin: 0; 
padding: 0;
font: normal 12px/21px Arial, Helvetica, sans-serif, serif; color:#333333;
background-color:#101010;}
img {
margin: 0; 
padding: 0;
border: 0 }
.notes {
font: normal 10px/16px Arial, Helvetica, sans-serif, serif; color: #5E5E5E; }
.newcarnotes {
font: normal 12px Arial, Helvetica, sans-serif, serif; color: #5E5E5E; }
.clear {
clear: both;
height: 0px;
overflow: hidden; }

#home-pages-wrapper {
background:url(/images/backgrounds/main-bg.jpg) center top repeat-x #fff ;}

#pages-wrapper {
background:url(/images/backgrounds/page-bg.jpg) center top repeat-x #f7f7f7 ;}

#pages { 
width: 970px;
padding: 0 10px 0 10px;
margin: 0 auto;}
.break {
width: 100%;
height:1px;
display:block;
overflow:hidden;
background-color:#cecece;
margin-bottom:14px;}
.greytint {
width: 598px;
display:block;
overflow: hidden;
background: url(/images/backgrounds/greytint.jpg) bottom left repeat-x #ffffff;
padding: 25px 12px 15px 40px;
margin: 0 0 12px 0;
position:relative;
border:solid 1px #b3b3b3;}

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

#header {
width: 958px;
height: 90px;
padding: 0px;
margin: 0 auto;
background-color:#FFFFFF;}
.headerright a:link, .headerright a:active, .headerright a:visited, .headerright a:hover {
text-decoration:none;
color: #999;
font-weight:normal;}
.headerleft {
width: 300px;
float: left;
padding: 0 0 0 0;
margin: 0;}
.headerleft .dealertitle {
font-size: 35px;
padding: 42px 0 7px 0;
color:#494949;}
.headerleft .dealersubtitle {
font-size: 19px;
padding: 0 0 0 0;
color:#2d2d2d;}
.headerright {
width: 650px;
float: right;
padding: 0 0 0 0;
margin: 0;
text-align:right;
font: normal 11px Arial, Helvetica, sans-serif, serif; 
color: #fff; }
#topnav {
width: 619px;
height: 25px;
padding: 7px 0 0 0;
margin: 0 0 32px 0;
background:url(/images/backgrounds/topnav.png) top left no-repeat;
float: right;
text-align:center;
font-weight:bold;}
#topnav a:link, #topnav a:active, #topnav a:visited {
text-decoration:none;
color: #fff;}
#topnav a:hover {
color:#fb0404;
text-decoration:none;}

/* ====== nav ====== */

#navcontainer {
width: 970px;
height: 40px;
margin: 0 auto;
padding: 0;
display:block;
color:#000;
background-color:#FFFFFF;}
#nav {
width: 970px;
margin: 0;
padding: 0;
height:40px;
color:#000;
display:block;
border:none;}	
ul.dropdown li:hover > ul {
visibility: visible;}
/* top level navigation link styling */
ul.dropdown,
ul.dropdown li {
list-style: none;
margin: 0;
padding: 0;
font-size: 12px;
color: #000000;
position: relative;
z-index: 597;
float: left;
vertical-align: middle;}
ul.dropdown a:link,
ul.dropdown a:visited {
margin: 0;
display: block;
padding: 9px 10px 10px 11px;
color: #000000;	
font-weight: bold;
text-decoration: none;
border-bottom:solid 1px #9f9f9f;}
ul.dropdown a:hover {
margin: 0;
display: block;
color: #cc0000;
font-weight: bold;
text-decoration: none;
background-color:#FFFFFF;
border-bottom:solid 1px #9f9f9f;}
/*drop-down navigation block link styling */
ul.dropdown ul {
float: left;
width: 191px;
margin: 0 0 0 0;
padding: 0 0 0 0;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 999999;
background-color:#FFFFFF;
border-bottom:solid 1px #cccccc;}
ul.dropdown ul a:link,
ul.dropdown ul a:visited {
width: 179px;
font-size: 12px;
display: block;
margin: 0 0 0 0;
padding: 6px 0 6px 12px;
color: #000;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
z-index: 99999;}
ul.dropdown ul a:hover {
width: 179px;
display: block;
font-weight:bold;
margin: 0;
color: #cc0000;
background-color: #ffffff;
z-index: 99999;}
/* drop out navigation block link styling */
ul.dropdown ul li ul {
float: left;
width: 200px;
margin: 0;
padding: 0;
font-weight:bold;
top: 0px;
left: 100%;
display: block;}
ul.dropdown ul li ul a:link,
ul.dropdown ul li ul a:visited {
width: 188px;
display: block;
margin: 0;
font-weight:bold;
padding: 6px 0 6px 12px;
color: #000000;}
ul.dropdown ul li ul li a:hover {
width: 188px;
display: block;
margin: 0;
color: #cc0000;
font-weight:bold;
background-color: #ffffff;}
.navshadow {
width: 970px;
height: 14px;
background:url(/images/backgrounds/nav-shadow.png) top center no-repeat;
display:block;
overflow:hidden;
margin: 0 0 10px 0;}

/* ==== site structure ==== */

#left {
float: left;
width: 267px;
padding: 0 0 15px 0;}
#right {
float: right;
width: 235px;
padding: 0 0 15px 0;}

#homestyles #left {
float: left;
width: 243px;
padding: 0;}
#main {
float: left;
width: 652px;
padding: 20px 0 0 0;
margin-bottom:20px;
margin-left:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000;}

/*==image rotate end===*/

#homerotate, #homerotate div{
background: none !important;
width: 635px;
float:left;
z-index:3;
position:relative;}

#homerotate p.title {
font: normal 30px Tahoma, Helvetica, sans-serif, serif; color:#1a1a1a;
margin:0 0 10px 0;
padding: 5px 0 0 20px;}

#homerotate p.sub {
font: normal 20px Tahoma, Arial, Helvetica, sans-serif, serif; color:#999999;
line-height:20px;
margin:20px 0 10px 20px;}

#homerotate a.rotate, #homerotate a.rotate:link,  #homerotate a.rotate:active,  #homerotate a.rotate:visited,  #homerotate a.rotate:hover {
font: normal 14px Tahoma, Helvetica, sans-serif, serif; color:#cc0000;
line-height:20px;
margin:20px 0 10px 20px;
text-decoration:none;}

#homerotate .slideone {
width: 635px;
height:413px;
margin-top:16px;
margin-bottom:16px;
padding: 0 0 0;
background:url(/images/home/renault-clio-imusic.png) top left no-repeat !important;
z-index:4;}
#homerotate .slidetwo{
width: 635px;
height:413px;
margin-top:16px;
margin-bottom:16px;
padding: 0 0 0;
background:url(/images/home/kia-picanto-11.png) top left no-repeat !important;
z-index:5;}
#homerotate .slidethree{
width: 635px;
height:413px;
margin-top:16px;
margin-bottom:16px;
padding: 0 0 0;
background:url(/images/home/cliotwingo-pzaz.png) top left no-repeat !important;
z-index:6;}
#homerotate .slidefour{
width: 635px;
height:413px;
margin-top:16px;
margin-bottom:16px;
padding: 0 0 0;
background:url(/images/home/kia-rio.png) top left no-repeat !important;
z-index:7;}
#homeslide-nav {
height:27px;
padding: 0 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: 13px;
height:13px;
display:inline-block;
outline:none;
background:url(/images/backgrounds/homeslide-nav.png) top left no-repeat;
margin: 0 5px;
text-indent:-9999px}
#homeslide-nav a.activeSlide {
background:url(/images/backgrounds/homeslide-nav-active.png) top left no-repeat;}

/*==image rotate end===*/


#top-pad {
width: 652px;
margin: 30px 0 0 0;}

#homestyles #main {
float: left;
width: 711px;
padding: 0;}

#home-offer {
width: 500px;
float: left;}

#home-text {
width: 400px;
float: right;
margin-bottom:20px;}

.mainimage {
width:652px;
margin-bottom:10px;}

#why-gravells {
width: 185px;
background-color:#CCC;
padding: 20px;
border:solid 4px #ba242d;
margin: 15px 0 10px 0;}

#homeoffercarosel {
margin-left: 20px;}

#film-wrapper {
width: 527px;
padding:0px;
margin-top:0px;}


/* ==== site structure headings  ==== */


#main h1 {
font: normal 22px Arial, Helvetica, sans-serif, serif; 
color:#43484e;
margin:0 0 11px 0;}
#main h2 {
font: normal 18px Arial, Helvetica, sans-serif; color: #41464c; 
margin: 0 0 14px 0;
padding: 8px 0 0 0;}
#main p {
margin: 0 0 14px 0;
padding: 0;}
#main a:link, #main a:visited, #main a:active {
font-weight: normal;
color: #CC0033; text-decoration: none; }
#main a:hover {
font-weight: normal;
color: #000000; text-decoration: none;}
#left p {
padding: 0;
margin: 0 0 13px 0; } 
#left h2 {
padding-left: 0; }
#right h2 {
font: normal 18px Arial, Helvetica, sans-serif; color: #41464c; 
margin: 0 0 14px 0;
padding: 8px 0 0 0;}
#right p {
margin: 0 0 14px 0;
padding: 0;}
#right a:link, #right a:visited, #right a:active {
font-weight: normal;
color: #CC0033; text-decoration: none; }
#right a:hover {
font-weight: normal;
color: #000000; text-decoration: none;}


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

#main ul {
margin-bottom: 17px;}
#main ul li {
background-image:url("/images/bullet.gif");
background-position:left top;
background-repeat:no-repeat;
margin:0 0 7px 10px;
padding:0 0 0 18px;}

/* ==== left quick links   ==== */

#left-links {
padding-top: 10px;}
#left-links h2 {
margin-bottom: 14px;
color: #41464c;
font-size: 17px;}
#left-links ul {
margin-bottom: 17px;}
#left-links ul li {
background-image:url("/images/bullet.gif");
background-position:left top;
background-repeat:no-repeat;
margin:0 0 4px 15px;
padding:0 0 0 18px;}

/* ==== home quick nav list styles  ==== */

ul#home-quick-links-list a:link, ul#home-quick-links-list a:active, ul#home-quick-links-list a:visited  {
text-decoration:none;
color:#32373b;
padding: 0;}
ul#home-quick-links-list a:hover {
text-decoration:none;
color:#070808;
padding: 0;}
#main ul#home-quick-links-list li {
margin-left: 5px;
padding-top: 0;
padding-top: 4px\9;
*padding-top: 0;
padding-bottom: 0;
padding-bottom: 4px\9;
*padding-bottom: 0;}

/* ===== Banners Styles ==== */

.rightbanners {
margin: 0px 0px 10px 0;}
.rightbanners-end {
margin: 0 0 12px 0;}

/* ====== home offers ====== */

#audi-home-slide div {
width:970px;
height: 320px;}
.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:970px;
height:380px;
background:none;}
#flash-items {
background:none !important;
height:380px;
width:970px; 
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 speedy search ====== */
 
#homesearchcontainer {
width: 215px;
height: 306px;
display:block;
padding: 70px 10px 0px 10px;
margin: 30px 0 15px 0;
background:url(/images/used-search/ucs-bg.png) top right no-repeat; }
#homesearchcontainer h2 {
font: normal 17px Tahoma, Arial, Helvetica, sans-serif; color: #41464c; 
margin: 0 0 7px 0; }
#homesearchcontainer p {
padding: 0;
margin: 0 0 5px 0;
font-size: 10px;
color: #fff; }
#homesearchcontainer a:link, #homesearchcontainer a:visited, #homesearchcontainer a:active {
font-weight: bold;
color: #ffcc33; text-decoration: none; }
#homesearchcontainer a:hover {
font-weight: bold;
color: #ffcc66; text-decoration: none;}
#homesearchcontainer form {
margin: 0 0 0 0;}
#homesearchcontainer .dropdown {
font: 12px Arial, Helvetica, sans-serif; color: #5f6164;
width: 212px;
margin: 0 0 9px 0;
padding: 2px 0;
border: solid 1px #abadb3;}
#homesearchcontainer .COGAutoCompleteTextBox {
font: 12px Arial, Helvetica, sans-serif; color: #5f6164;
width: 200px;
height: 18px;
margin: 0 0 9px 0;
padding: 2px 2px;
border: solid 1px #abadb3;}
#homesearchcontainer .dropdownleft, #homesearchcontainer .dropdownright  {
font: 12px Arial, Helvetica, sans-serif; color: #5f6164;
width: 98px;
margin: 0 3px 7px 0;
padding: 2px 0;
border: solid 1px #abadb3;}
#homesearchcontainer .dropdownleft {
float:left;}
#homesearchcontainer .dropdownright {
float:right;}
#homesearchcontainer .submit{
font: normal 17px Tahoma, Arial, Helvetica, sans-serif; color: #99a623;
width: 173px;
margin: 10px 0 15px 0;
height: 35px;
padding: 0;
background: url(/images/used-search/search-button.png) top no-repeat;
border:none;
cursor:pointer; }
#homesearchcontainer .break {
width: 100%;
height:1px;
display:block;
overflow:hidden;
background-color:#444444;
margin-bottom:14px;}
.redtext {
color:#CC0000;
font-weight:bold;}

/* ====== Other Speedy Search ===== */

#othersearchcontainer {
width: 202px;
height: 313px;
display:block;
background-color:#e5e3df;
padding: 26px 25px 0 30px;
margin: 0 0 15px 0;
color:#5C6066;
position:relative;
border: solid 5px #fff;}
#othersearchcontainer h2 {
font: normal 17px Arial, Helvetica, sans-serif; color: #41464c; 
margin: 0 0 10px 0; }
#othersearchcontainer p.search-intro {
font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #5C6066; 
line-height: 21px;
margin: 0 0 11px 0;}
#othersearchcontainer p.search-counter {
font: normal 14px Verdana, Arial, Helvetica, sans-serif; color: #5C6066; 
margin: 8px 0 12px 0;}
#othersearchcontainer p a:link, #othersearchcontainer p a:active, #othersearchcontainer p a:visited {
color:#CC0033;
text-decoration: none;
font-weight:normal;}
#othersearchcontainer p a:hover {
color:#000;
text-decoration: none;
font-weight:normal;}
#othersearchcontainer p {
padding: 0;
margin: 0 0 10px 0;
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #5C6066; }
#othersearchcontainer .dropdown {
font: 12px Verdana, Arial, Helvetica, sans-serif; color: #5C6066;
width: 202px;
height:24px;
line-height:24px;
margin: 5px 0 5px 0;
padding: 2px 0;
border: solid 1px #abadb3;}
#othersearchcontainer .submit{
font: normal 17px Tahoma, Arial, Helvetica, sans-serif; color: #99a623;
width: 202px;
margin: 3px 0 15px 0;
height: 33px;
padding: 0;
background: url(/images/speedy-search/submit.jpg) top no-repeat;
border:none;
cursor:pointer;
text-align:left; }

/* ====== speedy search tabs ====== */

#othersearchcontainer ul, #othersearchcontainer ul li {
list-style:none;
background:none;}
#othersearchcontainer #usedsearchtab, #othersearchcontainer #newsearchtab , #othersearchcontainer #vansearchtab {
width: 199px;
padding: 0;
height:313px;}
#searchtabs {
margin: 0;
position: relative;}
.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: 42px; /* be nice to Opera */}
.ui-tabs-nav a, .ui-tabs-nav a span {
display: block;
padding: 0;
background: url(/images/speedy-search/tab-normal.png) top left no-repeat;
width:42px; 
height:40px;}
.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;}




/* ====== Homepage Styles ===== */

#home-top-section {
width: 970px;
padding: 0 0 0 0;
margin: 0 0 30px 0;}
#home-top-section .top {
width: 955px;
padding: 0 0 0 15px;}
#home-top-section p.lead {
font-size: 25px;
color: #2d3134;
margin: 0 0 11px 0;
padding:15px 0 0 0;}
#home-top-section p.model {
font-size: 14px;
color: #5e6366;
margin: 0 0 8px 0;
padding:0;}
#home-top-section p.price {
font-size: 18px;
color: #c40936;
margin: 0 0 15px 0;
padding:0;}
#home-top-section .locate-centre {
float: right;
margin: 5px 0 0 0;
position:relative;
z-index:9;}
#home-top-section h1 {
font: normal 25px Arial, Helvetica, sans-serif, serif; 
color:#2d3134;
margin:0 0 9px 0;}
#home-top-section h2 {
font: normal 15px Arial, Helvetica, sans-serif, serif; 
color:#5e6366;}
#homebox-wrap a:link, #homebox-wrap a:active, #homebox-wrap a:visited, #homebox-wrap a:hover  {
text-decoration: none;
color:#5C6066;
display:block;}
.homepage-box {
width: 243px;
float: left;
margin: 0 15px 0 0;}
#home-quick-links {
width: 185px;
float: left;
padding: 10px 0 0 10px;}
#home-quick-links ul {
margin-bottom: 17px;}
#home-quick-links ul li {
background-image:url("/images/bullet.gif");
background-position:left top;
background-repeat:no-repeat;
margin:0 0 3px 4px;
padding:0 0 0 18px;}
#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, Arial, 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;}

/* ===== Small White Boxes inc Speedy Search ===== */

.whitebox {
width: 213px;
display:block;
background: url(/images/backgrounds/whitebox-bottom.jpg) bottom left no-repeat #f7f7f7;
padding: 8px 15px 2px 15px;
margin: 0 0 15px 0;}
.whitebox-title {
width: 228px;
height: 27px;
background: url(/images/backgrounds/whitebox-top.jpg) top left no-repeat ;
padding: 12px 0 0 15px;
margin: 0;}

/* ===== Advanced Search ===== */

#advancedsearch {
width: 590px;
display:block;
overflow: hidden;
background: url(/images/backgrounds/contact-bg.jpg) top left repeat-x #3c3c3c;
/*background-color:#e5e3df;*/
padding: 25px 12px 15px 40px;
margin: 0 0 12px 0;
color:#ffffff;
position:relative;
border:solid 4px #ba242d;}
#advancedsearch p a:link, #advancedsearch p a:active, #advancedsearch p a:visited {
color:#ce1b1c;
text-decoration: none;
font-weight:normal;}
#advancedsearch p a:hover {
color:#ce1b1c;
text-decoration: underline;
font-weight:normal;}
#advancedsearch p {
font: normal Tahoma, Helvetica, sans-serif; 
padding: 0;
margin: 0 0 10px 0;
font-size: 12px;
color: #ffffff;
font-weight:normal;}
#advancedsearch h2 {
font: normal 27px Tahoma, Helvetica, sans-serif; color: #ffffff; 
margin: 0 0 2px 0; }
#advancedsearch form {
margin: 0 0 0 0;}
#advancedsearch .dropdown {
font: 12px Verdana, Tahoma, Helvetica, sans-serif; color: #5f6164;
width: 320px;
margin: 0 0 9px 0;
padding: 3px 0;
border:solid 1px #abadb3; }
#advancedsearch .submit{
font: normal 17px Tahoma, Arial, Helvetica, sans-serif; color: #99a623;
width: 172px;
margin: 3px 0 15px 0;
height: 37px;
padding: 0;
background: url(/images/buttons/search.png) top left no-repeat;
border:none;
cursor:pointer;
text-align:left; }


#advancedsearch table label {
width: 190px;
display:block;}
#advancedsearch td {
margin: 0;
padding: 0 0 5px 0;}

/* ====  used vehicle list ===== */

#usedlistwrapper ul li {
background-image: none;
font-weight:normal;
margin:0;
padding:0;}
#usedlistwrapper .listdescription {
color:#131313;
font-size:15px;
font-weight:normal;
margin:0 0 12px 0;}
#usedlistwrapper .listprice {
color:#c40000;
font-size:20px;
font-weight:normal;}
#controls-wrapper {
padding: 0 0 0 0;
width:680px;
background: url(/images/used-results/control-pagination-bg.jpg) top left repeat-x #2e2e30;
margin-bottom:7px;
color:#fff;}
#controls-pagination {
width: 680px;
height: 48px;
margin: 0 0 12px 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: 12px 0 0 25px;
float: left;
width:235px;
display:block;}
.list-filter select {
width: 150px;
line-height:25px;
padding: 3px 0 ;
margin: 0 0 0 10px;
font: 12px/25px Arial, Helvetica, sans-serif; color: #5f6164;}
#pagination {
margin-bottom: 0;
padding-top:8px;}
#pagination li {
margin: 0;}
#usedlistwrapper .COGPager .COGPagerItemSelected span{
background: url(/images/used-results/page-selected.jpg) top left repeat-x #dd0000;
/*background-color:#c7c7c7 !important;*/
color:#fff;
font-weight:bold;
border:solid 1px #cacaca;
margin:0 0 0 0;
font-size: 11px;}
#usedlistwrapper .COGPager span /* not a link style */{
background: url(/images/used-results/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 #666666;
height:24px;
font-size: 11px;}
#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-results/page-link.jpg) top left repeat-x;
text-decoration:none;
color:#3c3c3c;
width: 27px;
margin:0 6px 0 0;
display:block;
padding:4px 0 5px 0;
border:1px solid #666666;
height:19px;
font-weight:normal;
font-size: 11px;}
#usedlistwrapper .COGPager a:hover {
/*background-color:#c7c7c7;*/
text-decoration:none;
color:#c21519;
border:1px solid #c21519;}
#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 {
width:650px;
padding:16px 15px 15px 15px;
display:block;
font-size:11px;
margin-bottom:10px;
background: url(/images/used-results/list-car-bg-light.jpg ) bottom left repeat-x #edeeee;}
.usedlistvehicle-end {
background: url(/images/used-results/list-car-bg-end.jpg ) bottom left repeat-x #edeeee;
margin: 0 0 20px 0;}
.usedlistvehicle-image { 
margin:0; 
padding: 2px 2px 18px 2px;
float:left; 
background: url(/images/backgrounds/image-shadow.png ) bottom left no-repeat;}
.mainimageshadow {
margin:0; 
padding: 2px 2px 30px 2px;
float:left; 
background: url(/images/backgrounds/image-large-shadow.png ) bottom left no-repeat;}
.usedlistvehicle-right {
width:395px;
float:right;
margin:0; 
padding:0 0 0 0;
color:#usedlistvehicle;
line-height:19px;}	
.listbreak {
display:block;
height: 10px;}
.usedlistsummary-left {
float: left; 
width: 202px; 
border-right: solid 1px #d2d3d3;
padding: 0 10px 0 0;}
.usedlistsummary-right {
float: left; 
width: 157px;
padding: 0 0 0 15px;}

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

.RemoveFromGarageButton, .AddToGarageButton {
width: 266px;
height: 82px;
display:block;
border:none;
cursor:pointer;
margin: 0 0 13px 0;}
.AddToGarageButton {
background: url(/images/promotions/banners/add-shortlist.png ) top left no-repeat;}
.RemoveFromGarageButton {
background: url(/images/promotions/banners/remove-shortlist.png ) top left no-repeat;}
.mainpicarea {
width: 388px;
margin-bottom:20px;
float: left;
padding: 0;}
.mainpicright {
width: 223px;
float: right;
padding: 8px 0 0 20px;
border-left:1px solid #b3b3b3;}
.thumbsarea {
width:250px;
margin:10px 0px 5px 10px;
float:left;}
.detailsthumb {
margin: 0 11px 5px 0;
float:left;}
#main p.details-ring {
color: #3a3a3c;
font-size: 19px;
padding: 4px 0 0 35px;
background: url(/images/backgrounds/details-ring.png ) top left no-repeat;}
.detailsthumbend {
margin: 0 0 5px 0;
float: left;}
.details-left {
float:left;
width: 388px;
border-right:1px solid #b3b3b3;
padding: 0 20px 0 0;}
.mag-glass {
float: left;
margin: 2px 13px 0 0;}
.model-range {
float: left;
margin: 5px 13px 0 0;}
.details-right {
float: right;
width: 223px;}
.details-call-text {
font-size:17px;
color:#4d4d4d;
font-weight:normal;
letter-spacing:-1px;}
.gravells-price {
font-size:19px;
color: #be0936;}
.call-used {
font-size:26px;
color: #be0936;}
.gravells-price-value {
padding: 10px 0 12px 0;
font-size: 29px;
line-height:40px;
color: #3a3a3c;}
p.details-saving {
color: #525252;
font-size: 15px;
margin:-10px 0 8px 0;}

/* ====  used shortlist ===== */

.shortlistrecord {
height: 48px; 
width: 199px;
padding: 7px 0 0 0;
display:block; 
overflow:hidden; 
text-align:left;
border-top: solid 1px #bab8b5;}
.shortlistpic {
float: left;
margin: 0 5px 0 0;}
.shorlisttitle {
font-size:10px;}
.shortlistcontrols {
font-size: 10px;}
.shortlistcontrols a:link, .shortlistcontrols a:active, .shortlistcontrols a:visited {
text-decoration:none;
color:#5C6066;}
.shortlistcontrols a:hover{
text-decoration:none;
color:#000;}  
.shortlisticon {
margin: 0 3px 0 3px;}
.shortlisticon2 {
margin: 0 3px 0 10px;}


/* ====== New Car Styles ====== */

.newcartel {
float: left;
margin: 5px 10px 0 0;}
.newcarimglarge {
float: right;
position: relative;
margin: -80px 0 20px 0;}
#newfilter {
width: 602px;
border: solid 5px #fff;
padding: 15px 20px;
margin: 0 0 15px 0;
background-color:#e5e3df;}
#newfilter .col1  {
width: 160px;
float: left;
margin-right: 20px;}
#newfilter .col2  {
width:242px;
float: right;
margin: 0;}
#newfilter h2 {
color: #737373;
font-size: 12px;
margin-bottom: 13px;}
#newfilter .dropdownsmall {
font: 12px Verdana, Arial, Helvetica, sans-serif; color: #5f6164;
width: 160px;
margin: 0 0 15px 0;
padding: 3px 0;
border:solid 1px #abadb3; }
#newfilter .dropdownlarge {
font: 12px Verdana, Arial, Helvetica, sans-serif; color: #5f6164;
width: 242px;
margin: 0 0 15px 0;
padding: 3px 0;
border:solid 1px #abadb3; }

#main #new-tab-wrapper {
width: 652px;
padding-top: 55px;}
#main #newtabs ul, #main  #newtabs ul li {
list-style:none;
background:none;
padding: 0;
margin:0;
font-size:11px;}

#main #newtabs #styledspec ul li {
list-style:none;
background-image:url("/images/bullet.gif");
background-position:left top;
background-repeat:no-repeat;
padding: 0 5px 0 18px;
margin:0 0 7px 2px;
font-size:12px;
float: left;
width: 300px;}

#newtabs #fulldescriptiontab, #newtabs #newsearchtab , #newtabs #vansearchtab {
width: 652px;
padding: 0;}
#newtabs #searchtabs {
margin: 0 0 0 0;}
#newtabs .ui-tabs-hide {
display: none;}
#newtabs .ui-tabs-nav {
list-style: none;
margin: 0;
padding: 0;
top: 0;
left: 0;
z-index:99;
width: 652px;
border-bottom: solid 1px #cecece}
#newtabs .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";}
#main #newtabs .ui-tabs-nav li {
margin: 0 8px 0 0;
min-width: 99px; 
float: left;}
#newtabs .ui-tabs-nav a, #newtabs .ui-tabs-nav a span {
display: block;
padding: 0;
background: url(/images/backgrounds/newcartab-li.jpg) top left repeat-x #ededed;
width:99px; 
height:40px;
line-height:40px;}
#newtabs .ui-tabs-nav a {
margin: 0 0 0 0; 
padding-left: 0;
color: #5C6066;
text-align: center;
text-decoration: none;
white-space: nowrap;     
outline: 0; }
#newtabs .ui-tabs-nav .ui-tabs-selected a {
position: relative;
/*top: 1px;*/
top: 0;
z-index: 2;
margin-top: 0;
color: #5C6066;}
#newtabs .ui-tabs-nav a span {
width: 99px; /* IE 6 treats width as min-width */
min-width: 99px;
height: 40px; /* IE 6 treats height as min-height */
min-height: 40px;
padding: 0;
margin: 0;}
#newtabs .ui-tabs-nav .ui-tabs-selected a span {
padding-bottom: 0;}
#newtabs .ui-tabs-nav .ui-tabs-selected a span, #newtabs .ui-tabs-nav a:focus span, #newtabs .ui-tabs-nav a:active span {
background: url(/images/backgrounds/newcartab-li-select.jpg) top left repeat-x #8b8f97;
color:#fff;}
.newcarprice {
color:#FFF;
font-size:40px;
font-weight:bold;}
.newcarpriceholder {
padding:20px 0px 0px 0px;
margin-bottom:15px;
color:#FFF;
font-size:14px;
line-height:1.8em;
width:234px;
height:110px;
background: url(/images/backgrounds/price-bg.png) top left no-repeat;}
.bodyshopholder {
padding:20px 0px 0px 0px;
margin-bottom:15px;
color:#FFF;
font-size:14px;
line-height:1.8em;
width:234px;
height:160px;
background: url(/images/backgrounds/body-bg.png) top left no-repeat;}
.newcarversions {
width:350px;
float:left;
margin-right:20px;}
.newcarbasic {
width:300px;
float:left;}
.newcarthumbdetail {
margin-bottom:10px;}



.specialoffers {
width:690px;
padding:10px;}

/* ====== News ======= */

.newsleft {
float: left;
width: 85px;}
.newsicon {
margin: 0 10px 0 0;}

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

#contact {
width: 590px;
display:block;
overflow: hidden;
padding: 25px 12px 15px 40px;
margin: 0 0 12px 0;
color:#ffffff;
position:relative;
background: url(/images/backgrounds/contact-bg.jpg) top left repeat-x #3c3c3c;
border:solid 4px #ba242d;}
#contact table {
margin: 0 0 0 0;
padding: 0;
border-collapse:collapse;
/*width: 520px;*/}
#contact p a:link, #contact p a:active, #contact p a:visited {
color:#ce1b1c;
text-decoration: none;
font-weight:normal;}
#contact p a:hover {
color:#ce1b1c;
text-decoration: underline;
font-weight:normal;}
#contact p {
padding: 0;
font: Tahoma, Helvetica, sans-serif;
margin: 0 0 10px 0;
font-size: 12px;
color: #ffffff;
font-weight:normal; }
#contact h2 {
font: normal 27px Arial, Helvetica, sans-serif; color: #ffffff; 
margin: 0 0 2px 0; }
#contact form {
margin: 0 0 0 0;}
#contact .dropdown {
font: 12px Tahoma, Helvetica, sans-serif; color: #5f6164;
width: 320px;
margin: 0 0 9px 0;
padding: 3px 0;
border:solid 1px #abadb3; }
#contact .textinput {
width: 309px;
margin: 0 5px 8px 0;
padding: 0 5px 0 5px;
color: #474747;
height: 25px;
border:solid 1px #abadb3;
font: 12px Tahoma, Helvetica, sans-serif; color: #5f6164;
float: left;}
#contact .textarea {
width: 309px;
margin: 0 5px 8px 0;
padding: 5px 5px 0 5px;
color: #474747;
height: 75px;
border:solid 1px #abadb3;
font: 12px Tahoma, Helvetica, sans-serif; color: #5f6164;
float: left;}
#contact .submit{
font: normal 17px Tahoma, Arial, Helvetica, sans-serif; color: #99a623;
width: 172px;
margin:2px 0 10px 0;
height: 37px;
padding: 0;
background: url(/images/buttons/send.png) top no-repeat;
border:none;
cursor:pointer;
text-align:left; }
#contact table label {
width: 160px;
display:block;}
.searchtxt {
padding: 0;
margin: 0 0 -2px 0;}
#contact td {
margin: 0;
padding: 0 0 5px 0;}


#finance {
width: 590px;
display:block;
overflow: hidden;
padding: 25px 12px 15px 40px;
margin: 0 0 12px 0;
color:#ffffff;
position:relative;
background: url(/images/backgrounds/contact-bg.jpg) top left repeat-x #3c3c3c;
border:solid 4px #ba242d;}
#finance table {
margin: 0 0 0 0;
padding: 0;
border-collapse:collapse;
/*width: 520px;*/}
#finance p a:link, #finance p a:active, #finance p a:visited {
color:#ce1b1c;
text-decoration: none;
font-weight:normal;}
#finance p a:hover {
color:#ce1b1c;
text-decoration: underline;
font-weight:normal;}
#finance p {
padding: 0;
font: Tahoma, Helvetica, sans-serif;
margin: 0 0 10px 0;
font-size: 12px;
color: #ffffff;
font-weight:normal; }
#finance h2 {
font: normal 27px Arial, Helvetica, sans-serif; color: #ffffff; 
margin: 0 0 2px 0; }
#finance form {
margin: 0 0 0 0;}
#finance .dropdown {
font: 12px Tahoma, Helvetica, sans-serif; color: #5f6164;
width: 320px;
margin: 0 0 9px 0;
padding: 3px 0;
border:solid 1px #abadb3; }
#finance .dropdown2 {
font: 12px Tahoma, Helvetica, sans-serif; color: #5f6164;
width: 100px;
margin: 0 0 9px 0;
padding: 3px 0;
border:solid 1px #abadb3; }
#finance .textinput {
width: 309px;
margin: 0 5px 8px 0;
padding: 0 5px 0 5px;
color: #474747;
height: 25px;
border:solid 1px #abadb3;
font: 12px Tahoma, Helvetica, sans-serif; color: #5f6164;
float: left;}
#finance .textarea {
width: 309px;
margin: 0 5px 8px 0;
padding: 5px 5px 0 5px;
color: #474747;
height: 75px;
border:solid 1px #abadb3;
font: 12px Tahoma, Helvetica, sans-serif; color: #5f6164;
float: left;}
#finance .submit{
font: normal 17px Tahoma, Arial, Helvetica, sans-serif; color: #99a623;
width: 172px;
margin:2px 0 10px 0;
height: 37px;
padding: 0;
background: url(/images/buttons/send.png) top no-repeat;
border:none;
cursor:pointer;
text-align:left; }
#finance .reset{
font: normal 17px Tahoma, Arial, Helvetica, sans-serif; color: #99a623;
width: 172px;
margin:2px 0 10px 0;
height: 37px;
padding: 0;
background: url(/images/buttons/reset.png) top no-repeat;
border:none;
cursor:pointer;
text-align:left; }
#finance table label {
width: 160px;
display:block;}
.searchtxt {
padding: 0;
margin: 0 0 -2px 0;}
#finance td {
margin: 0;
padding: 0 0 5px 0;}


/* ==== Data Tables ==== */

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


/* ===== Find Us Pages ===== */

.googlemap {
width: 650px;
height:240px;
padding: 0 0 0 2px;
margin: 10px 0 0 0;
background: url(/images/backgrounds/googlemap.png) top left no-repeat;}
.locationimage {
background-color:#fff;
padding: 2px;
margin:0;}
.locationimageshadow  {
width: 388px;
height:29px;
display:block;
overflow:hidden;
margin: 0 0 14px 0;
padding: 0;
background: url(/images/backgrounds/locationimgshadow.png) top left no-repeat;}

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

#footerwrapper {
background: url(/images/backgrounds/footer-bg.jpg) top left repeat-x #242424;}
#footer {
width: 1000px;
margin: 0 auto 0 auto;
padding: 25px 0 30px 0;
color: #555555;
font-size:12px;
min-height:200px;}
#footer .break {
width: 100%;
height:1px;
display:block;
overflow:hidden;
background-color:#242424;
margin-bottom:15px;}
#footer h2 {
font-size: 12px;
color:#FFCC00;
font-weight:bold;
margin: 0 0 10px 0;}
#footer p {
margin: 0 0 9px 0;
line-height:20px}
#footer a:link, #footer a:visited, #footer a:active {
font-weight: normal;
color: #555555; text-decoration: none; }
#footer a:hover {
font-weight: normal;
color: #848484; text-decoration: none;}
.footersocial {
width: 150px;
float: left;
padding: 0 0 0 0;
margin: 0 20px 0 0;
border-right:#666666 1px;}
.footercol {
width: 100px;
float: left;
padding: 0 0 0 0;
margin: 0 20px 0 0;
border-right:#666666 1px;}
.footercol2 {
width: 300px;
float: left;
padding: 0 0 0 0;
margin: 0 20px 0 0;
border-right:#666666 1px;
border-width:80%;
background: url(/images/backgrounds/footer-bg-png) top left no-repeat;}
#footer .footercol ul {
margin: 0 0 10px 0;}
#footer .footercol ul li {
width: 173px;
padding: 2px 0;
margin: 0;}
#footer .footercol ul li a {
background: url(/images/backgrounds/footer-li-a.gif) top left no-repeat;
padding: 0 0 0 5px;}
.footercontact {
width: 250px;
float: left;
padding: 0 0 0 0;
margin: 0;}
.footerleft {
width: 676px;
padding: 0 0 15px 0;
float: left;}
.footerleft ul#footernav  li {
float: left;
margin-right:8px;}
.footerright {
float: right;
width: 276px;
padding: 28px 0 0 0;}
.footerleft-bottom {
width: 676px;
padding: 25px 0 0 0;
float: left;}
.footerright-bottom {
float: right;
width: 276px;
padding: 8px 0 0 0;}
#footer .social-icon {
margin-right: 10px;}

div#social ul#grower {
margin: 5px 0 12px 0;
list-style: none;
display: inline-block;
}
    
div#social ul#grower li {
padding: 0px;
float: left;
position: relative;
margin-left: 0;
margin-right: 20px;
width: 55px;
height: 55px;}

div#social ul#grower li a {
position: absolute;}

div#social ul#grower li img {
position: absolute;
width: 55px;
top: 0px;
left: 0px;
padding: 0px;
margin: 0 6px 0 0;
border: none;
overflow: hidden;}

.quote1
{background: url(/images/quote1.png) top left no-repeat;
width: 300px;
height:28px;
}

.quote2
{background: url(/images/quote2.png) top right no-repeat;
width: 200px;
height:28px;
padding: 0 0 5px 0;}


#find-gravells {
background-color:#CCC;
padding: 20px;
border:solid 4px #ba242d;
margin: 15px 0 10px 0;
width:260px;
height: 144px;
padding: 18px 15px 0 16px;}


#find-gravells .dropdownstyle {
width: 169px;
margin: 0 0 7px 0;
padding: 2px 0;
font: 12px/18px Tahoma, Arial, Helvetica, sans-serif;
color:#5f6164; }


#find-gravells .find-submit {
width: 172px;
margin: 3px 0 5px 0;
height: 37px;
padding: 0;
background: url(/images/buttons/search.png) top no-repeat;
border:none;
cursor:pointer; }

#find-gravells h2 {
font: normal 18px Arial, Helvetica, sans-serif; color: #fff; 
margin: 0 0 4px 0; }

.offerpadding {
margin: 5px 20px 5px 0px;}

/* header tel tooltips */

#tooltip {
	width: 345px;
	height:246px;
	border:0;
	position: absolute;
	text-align:center;
	background: url(/images/header/tooltip.png) top center no-repeat;
	z-index: 3000;
	padding: 0;

}

#tooltip h5, #tooltip div { margin: 0; color:#f6f7fa; font-size:1px;}


/* ==== 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}