/* ==== sytner select ==== */

/* ==== 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;margin:0;padding: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} 

/* ==== Main Structures / Common styles  ===== */
html {
margin: 0; 
padding: 0;
font: normal 12px/21px Arial, Helvetica, sans-serif, serif; color:#333333;
background-color:#ffffff;}
.notes {
font: normal 10px/16px Arial, Helvetica, sans-serif, serif; color: #5E5E5E; }
.clear {
clear: both;
height: 0px;
overflow: hidden; }
#pages-wrapper {
background-color: #ffffff;}
#pages { 
width: 940px;
padding: 0;
margin: 0 auto;}
.bigtint {
padding: 0;
margin:0;
}
.break {
width: 100%;
height:1px;
display:block;
overflow:hidden;
background-color:#d2d2d3;
margin-bottom:14px;}

/* ==== Font Face Styles ===== */

@font-face {
font-family: 'AllerLightRegular';
src: url('/fonts/aller_lt-webfont.eot');
src: url('/fonts/aller_lt-webfont.eot?iefix') format('eot'),
url('/fonts/aller_lt-webfont.woff') format('woff'),
url('/fonts/aller_lt-webfont.ttf') format('truetype'),
url('/fonts/aller_lt-webfont.svg#webfontgkXidq1l') format('svg');
font-weight: normal;
font-style: normal;}
@font-face {
font-family: 'Aller';
src: url('/fonts/aller_rg-webfont.eot');
src: url('/fonts/aller_rg-webfont.eot?iefix') format('eot'),
url('/fonts/aller_rg-webfont.woff') format('woff'),
url('/fonts/aller_rg-webfont.ttf') format('truetype'),
url('/fonts/aller_rg-webfont.svg#webfontgeUtxzLt') format('svg');
font-weight: normal;
font-style: normal;}

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

#header {
width: 940px;
height: 119px;
padding: 0;
margin: 0 auto 20px;
border-bottom: solid 4px #4AA82E;}
.headerleft {
width: 500px;
float: left;
padding: 25px 0 0;
margin: 0;}
.headerright {
width: 400px;
float: right;
padding: 45px 0 0 0;
margin: 0;
text-align:right;}
.headerright p.call {
font: normal 32px 'Aller', Arial, Helvetica, sans-serif, serif; color: #4AA82E;
margin: 10px 0 0 0; }


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

#navcontainer {
wifdth: 450px;
float: right;}
#nav {
margin: 0;
padding: 0;
float:right;}	
ul.dropdown li:hover > ul {
visibility: visible;}
/* top level navigation link styling */
ul.dropdown,
ul.dropdown li {
list-style: none;
margin: 0 5px 0 0;
padding: 0;
font-size: 12px;
position: relative;
z-index: 597;
float: left;
vertical-align: middle;}
ul.dropdown a:link,
ul.dropdown a:visited {
margin: 0;
display: block;
color: #666666;	
font-weight: bold;
text-decoration: none;}
ul.dropdown a:hover {
margin: 0;
display: block;
color: #666666;
text-decoration: none; 
background:url(/images/nav/hover-right.jpg) top right no-repeat;}
ul.dropdown a:link span,
ul.dropdown a:visited span {
padding: 7px 12px;
display:block;}
ul.dropdown a:hover span {
margin: 0;
background:url(/images/nav/hover-left.jpg) top left no-repeat;
display:block;}

#used ul.dropdown a#usednav, #home ul.dropdown a#homenav, #locations ul.dropdown a#locationsnav, #contactpage ul.dropdown a#contactnav {
background:url(/images/nav/hover-right.jpg) top right no-repeat;}

#used ul.dropdown a#usednav span, #home ul.dropdown a#homenav span, #locations ul.dropdown a#locationsnav span, #contactpage ul.dropdown a#contactnav span {
margin: 0;
background:url(/images/nav/hover-left.jpg) top left no-repeat;
display:block;}

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

#main {
width: 580px;
padding: 15px 0 0;
float: left;
margin: 0;}
#right {
float: right;
width: 340px;
padding: 0;
margin:0;}


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

#main h1 {
font: normal 27px 'Aller', Arial, Helvetica, sans-serif, serif; 
color:#666666;
margin:0 0 13px 0;}
#main h2 {
font: normal 20px 'Aller', Arial, Helvetica, sans-serif; color: #6a6a6a; 
margin: 9px 0 14px 0;}
#main p {
margin: 0 0 14px 0;
padding: 0; }
#main a:link, #main a:visited, #main a:active {
font-weight: normal;
color:#4AA82E; text-decoration: none; }
#main a:hover {
font-weight: normal;
color: #2f8416; 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;}


/* ====== speedy search ====== */
 
#homesearchcontainer {
width: 300px;
display:block;
background: url(/images/backgrounds/speedy-search.jpg) bottom left repeat-x #fff;
padding: 20px 19px;
margin: 0 0 20px 0;
color:#3A3A3A;
border:solid 1px #bebebe;}
#homesearchcontainer h2 {
font: normal 22px 'Aller', Arial, Helvetica, sans-serif; color: #666666; 
margin: 0 0 9px 0; }
#homesearchcontainer p a:link, #homesearchcontainer p a:active, #homesearchcontainer p a:visited {
color:#fff;
text-decoration: none;
font-weight:normal;
font-size: 12px;}
#homesearchcontainer p a:hover {
color:#c2d6e6;
text-decoration: none;
font-weight:normal;}
#homesearchcontainer p {
padding: 0;
margin: 0 0 10px 0;
font-size: 12px;}
#homesearchcontainer form {
margin: 0 0 0 0;}
#homesearchcontainer .dropdown {
font: 12px Arial, Helvetica, sans-serif; color: #484848;
width: 300px;
margin: 0 0 9px 0;
padding: 5px; 
border: solid 1px #bebebe; }
#homesearchcontainer .submit{
font: bold 12px/28px Arial, Helvetica, sans-serif; color: #584a0d;
width: 198px;
height: 41px;
display:block;
margin: 6px 0 0 0;
padding: 0;
background: url(/images/speedy-search/submit.png) top no-repeat;
border:none;
cursor:pointer;
line-height:28px;
float: left;}


/* Old button code:

.browse-all {
font: bold 16px Arial, Helvetica, sans-serif; color: #666666;
text-decoration:none;
display:block;
margin: 10px 0 0 0;
width: 146px;
height: 21px;
padding: 10px 26px;
float: left;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border: 1px solid #bebebe;
background: #ffffff;  
background: -moz-linear-gradient(top,  #ffffff 0%, #dadada 100%);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dadada));  
background: -webkit-linear-gradient(top,  #ffffff 0%,#dadada 100%); 
background: -o-linear-gradient(top,  #ffffff 0%,#dadada 100%);  
background: -ms-linear-gradient(top,  #ffffff 0%,#dadada 100%);  
background: linear-gradient(to bottom,  #ffffff 0%,#dadada 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 );   
}

.browse-all:hover {
background:#dadada;
}*/



.browse-all {
font: bold 16px Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
margin: 10px 0 0 0;
width: 143px;
height: 18px;
padding: 10px 26px;
float: left;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 2px solid #2C8030;
background: url(/images/used-results/page-selected.jpg) top left repeat #4b8dd1;
background-color: #c7c7c7 !important;
color: white;
}

/*.browse-all:hover {
background:#dadada;
}
*/






/* ====  customer charter ===== */

#customercharter {
width: 300px;
display:block;
background: url(/images/backgrounds/speedy-search.jpg) bottom left repeat-x #fff;
padding: 20px 19px;
margin: 0 0 20px 0;
color:#3A3A3A;
border:solid 1px #bebebe;}
#customercharter a { text-decoration:none}
#customercharter h2 {
font: normal 22px 'Aller', Arial, Helvetica, sans-serif; color: #666666; 
margin: 0 ; }
#customercharter p {
margin-bottom: 12px;}
#customercharter .icon {
width: 60px;
float: left;
padding-bottom: 12px;}
#customercharter .desc {
width: 230px;
float: right;}
.visit-facebook { text-decoration:none; color:#666; font-size:12px;}


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

#usedlistwrapper ul li {
background-image: none;
font-weight:normal;
margin:0;
padding:0;}
#usedlistwrapper .listdescription {
color:#666666;
font-size:17px;
font-weight:normal;
margin:0 0 12px 0;
font-family: 'Aller', Arial, Helvetica, sans-serif;
line-height:26px}
#usedlistwrapper .listprice {
color:#4AA82E;
font-size:24px;
font-weight:normal;
font-family: 'Aller', Arial, Helvetica, sans-serif;}
#controls-wrapper {
padding: 0 0 0 0;
width: 578px;
background: url(/images/used-results/control-pagination-bg.png) top left repeat-x #494949;
margin-bottom:7px;
color:#fff;
border:solid 1px #666666;}
#controls-pagination {
width: 580px;
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: 3px 0 0;}
.list-filter {
padding: 12px 0 0 6px;
float: left;
width:178px;
display:block;}
.list-filter select {
width: 150px;
line-height:25px;
padding: 5px ;
margin: 0 0 0 10px;
font: 12px/25px Arial, Helvetica, sans-serif; color: #5f6164;
border:solid 1px #666666;}
#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 #4b8dd1;
/*background-color:#c7c7c7 !important;*/ 
color:#fff;
font-weight:normal;
border:solid 1px #4AA82E;
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 {
text-decoration:none;
color:#0b3453;
border:1px solid #333333;}
#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:548px;
padding:16px 15px 18px 15px;
display:block;
font-size:11px;
margin:0;
border-top: solid 1px #bebebe;
border-left: solid 1px #bebebe;
border-right: solid 1px #bebebe;
background: url(/images/used-results/usedresult.png) top left repeat-x #d9d9d9;}
.usedlistvehicle-end {
margin: 0 0 20px 0;
border-bottom: solid 1px #bebebe;}
.usedlistvehicle-image { 
margin:0; 
padding: 2px 2px 18px 2px;
float:left; 
background: url(/images/used-results/image-shadow.png ) bottom left no-repeat;}
.usedlistvehicle-right {
width:320px;
float:right;
margin:0; 
padding:0 0 0 0;
color:#3b3b3b;
line-height:19px;}	
.listbreak {
display:block;
height: 10px;}
.usedlistsummary-left {
float: left; 
width: 150px; 
border-right: solid 1px #d2d3d3;
padding: 0 10px 0 0;}
.usedlistsummary-right {
float: left; 
width: 137px;
padding: 0 0 0 15px;}



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

.RemoveFromGarageButton, .AddToGarageButton {
width: 274px;
height: 67px;
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;}
.detailsbanner {
margin-bottom: 13px;}
.mainpicarea {
width: 388px;
float: left;
padding: 5px 0 0 0;}
.mainpicright {
width: 223px;
float: right;
padding: 8px 0 0 20px;
border-left:1px solid #D2D2D3;}
.thumbsarea {
width:223px;
padding: 0 0 8px 0;}
.detailsthumb {
margin: 0 8px 13px 0;
float:left;}
#main p.details-ring {
color: #3a3a3c;
font-size: 27px;
font-family: 'Aller', Arial, Helvetica, sans-serif;
padding: 0 0 0 40px;
background: url(/images/backgrounds/details-ring.png ) top left no-repeat;}
.detailsthumbend {
margin: 0 0 13px 0;
float: left;}
.mainimage {
margin: 0 0 10px 0;
padding: 2px 2px 31px;
background: url(/images/used-results/mainimage-shadow.png) top left no-repeat;}
.details-left {
float:left;
width: 385px;
border-right:1px solid #D2D2D3;
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;}
.sinclair-price {
font-size:19px;
color: #018444;}
.sytner-price-value {
padding: 10px 0 20px 0;
font-size: 27px;
color: #4AA82E;
font-family: 'Aller', Arial, Helvetica, sans-serif;
line-height:45px;}
p.details-saving {
color: #525252;
font-size: 17px;
margin:-10px 0 8px 0;}
#main #usedspeclist li {
width: 560px;
background-image:none;
background-color:#f0f0f0;
margin: 0 0 6px 0;
padding: 4px 10px;}

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

#contact {
width: 526px;
display:block;
overflow: hidden;
background: url(/images/backgrounds/contact-form.jpg) bottom left repeat-x #fff;
padding: 25px 12px 15px 40px;
margin: 0 0 12px 0;
color:#ffffff;
border:solid 1px #BEBEBE;}
#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;
margin: 0 0 10px 0;
font-size: 12px;
color: #5E5E5E;
font-weight:normal; }
#contact h2 {
font: normal 17px 'Aller', Arial, Helvetica, sans-serif; color: #676767; 
margin: 6px 0 14px 0;}
#contact form {
margin: 0 0 0 0;}
#contact .dropdown {
font: 12px Arial, Helvetica, sans-serif; color: #5f6164;
width: 320px;
margin: 0 0 9px 0;
padding: 5px;
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 Arial, 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 Arial, Helvetica, sans-serif; color: #5f6164;
float: left;}
#contact .submit{
font: bold 12px/28px Arial, Helvetica, sans-serif; color: #584a0d;
width: 198px;
height: 41px;
display:block;
margin: 6px 0 10px 0;
padding: 0;
background: url(/images/forms/contact/submit.png) top no-repeat;
border:none;
cursor:pointer;
line-height:28px;}
#contact table label {
width: 160px;
display:block;}
.searchtxt {
padding: 0;
margin: 0 0 -2px 0;}
#contact 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: 12px;}
.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 {
margin: 10px 0 15px 0;}
.findus-left {
float: left;
width: 255px;
padding: 0 20px 0 0;
border-right:solid 1px #d2d2d3;}
.findus-right {
float: right;
width: 280px;}



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

#footer {
width: 940px;
margin: 30px auto 0 auto;
padding: 0 0 0 0;
color: #555555;
font-size:12px;}
#footer .break {
width: 100%;
height:1px;
display:block;
overflow:hidden;
background-color:#333333;
margin-bottom:15px;}
#footer h2 {
font: normal 19px 'Aller', Arial, Helvetica, sans-serif; color: #8d8d8d; 
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;}
.footerleft {
width: 580px;
float: left;
padding: 6px 0 15px 0;
border-top: solid 4px #4AA82E;}
.footerright {
width: 340px;
float:right;
padding: 6px 0 15px 0;
border-top: solid 4px #4AA82E;}
#footer .footerright p  {
line-height:28px;}
#customercharter 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;
}