﻿/* ===== Sandicliffe 2009 Stylesheet - (c) Bluesky Interactive ====== */


html {
margin: 0; 
padding: 0;
font: 12px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif, serif; color: #262424;
background-color: #fff;
}

body {
background:url(/images/body-bg.jpg) top left repeat-x #fff;}

img {
margin: 0; 
padding: 0;
border: 0 }

.notes {
font: normal 10px/16px Trebuchet MS, Arial, Helvetica, sans-serif, serif; }

.clear {
clear: both;
height: 0px;
overflow: hidden; }

#pages { 
width: 980px;
padding: 0;
margin: 0 auto;}


/* ==== header ==== */

#header {
width: 980px;
padding: 0;
margin: 0 auto;
height: 115px; }

.headerleft {
width: 325px;
float: left;
padding: 0;
margin: 0;}

.headerright {
width: 640px;
float: right;
padding: 0 15px 0 0;
margin: 0;
background:url(/images/header/header-right-bg.jpg) top right no-repeat;}

.headerlogos {
float: left;
margin-top: -6px;}

#headerlinks {
width: 640px;
height: 24px;
text-align:right;
font: bold 11px/22px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif, serif; color: #fff;
display:block;
overflow:hidden;}

#headerlinks a:link, #headerlinks a:visited, #headerlinks a:active {
font-weight: bold;
color: #fff;
text-decoration: underline; }
#headerlinks a:hover {
color: #ffcc00;
text-decoration: underline;
font-weight: bold;}

#headernumber {
padding-top: 6px;
width: 640px;
height: 51px;
text-align:right;
font: bold 37px/30px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif, serif; color: #005a9c;
display:block;
overflow:hidden;
background-color:#FFFFFF;}

.lo-call-rate {
font: normal 11px/21px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif, serif;}




/* ====== ad thumbs ====== */

.adthumb1 {
border: solid 1px #2d78af;
padding:4px;
margin: 0 6px 6px 0;}

.adthumb2 {
border: solid 1px #2d78af;
padding:4px;
margin: 0 0 6px 0;}


/* ==== Menu Image ====== */
.MenuImageContainer
{
    border: 1px solid #000000;
    background-color: #FFFFFF;
    text-align: center;
    width: 170px;
    visibility: hidden;
}

/* ====== navigation ====== */

#nav {
width: 627px;
height: 34px;
margin: 0;
padding: 0 0 0 13px;
background: url(/images/nav/bg.jpg) top left no-repeat;
font-size: 18px;}	

.navborder {
border-right: 1px solid #3d81b4;	
}

ul.dropdown li:hover > ul {
visibility: visible;}


/* top level navigation link styling */

ul.dropdown,
ul.dropdown li {
list-style: none;
margin: 0;
padding: 0;
color: #ffffff;
position: relative;
z-index: 597;
float: left;
vertical-align: middle;}

ul.dropdown a:link,
ul.dropdown a:visited {
margin: 0;
display: block;
padding: 5px 9px 7px 9px;
color: #ffffff;	
text-decoration: none;
font-weight: bold;}

ul.dropdown a:hover {
margin: 0;
display: block;
padding: 5px 9px 7px 9px;
color: #fff;
text-decoration: none;
background: url(/images/nav/top-level-hover.jpg) top left repeat-x;
font-weight: bold;}


/*drop-down navigation block link styling */
ul.dropdown ul {
	float: left;
	width: 150px;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
}
ul.dropdown ul a:link,
ul.dropdown ul a:visited {
	width: 130px;
	display: block;
	margin: 0;
	padding: 5px 6px 5px 6px;
	color: #dfdfdf;
	border-bottom: 1px solid #7dabcd;
	background: #1b89db url(/images/nav/dropdown-bg.gif) repeat-y right;

}
ul.dropdown ul a:hover {
	width: 130px;
	display: block;
	margin: 0;
	padding: 5px 6px 5px 6px;
	border-bottom: 1px solid #7dabcd;
	color: #fff;
	background: #3eadff;

}
/* drop out navigation block link styling */
ul.dropdown ul li ul {
	float: left;
	width: 158px;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 100%;
	display: block;

}
ul.dropdown ul li ul a:link,
ul.dropdown ul li ul a:visited {
	width: 146px;
	display: block;
	margin: 0;
	padding: 5px 6px 5px 6px;
	color: #dfdfdf;	
	border-bottom: 1px solid #7dabcd;
	background: #1b89db url(/images/nav/dropdown-bg.gif) repeat-y right;

}
ul.dropdown ul li ul li a:hover {
	width: 146px;
	display: block;
	margin: 0;
	padding: 5px 6px 5px 6px;
	border-bottom: 1px solid #7dabcd;
	color: #fff;
	background: #3eadff;

}




/* ===== Breadcrumbs ====== */

#breadcrumbs {
font: normal 12px/22px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif, serif; color: #000;
height:37px;
width: 950px;
padding: 20px 15px 0 15px;}

#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active {
font-weight: normal;
color: #000;
text-decoration: none; }
#breadcrumbs a:hover {
color: #000;
text-decoration: underline;
font-weight: normal;}





/* ===== Home Scroller ====== */



#scrolling-container {
width: 345px;}

#scrolling-container .scrollleft, #scrolling-container .scrollright {
cursor:pointer;
border:none;
background:none;
outline:none;}

#scrolling-container .scrollleft {
float: left;
position:relative;
z-index:99999;
margin-right: 5px;}


#scrolling-container .scrollright {
float: right;
position:relative;
z-index:99999;}

#scrolling-container .carousel {
float: left;}

#scrolling-container .carousel ul li {
margin: 0 5px 0 0;}





/* ===== Plus Cards ====== */

.pluscard, .pluscard-new{
float:right;
margin: -13px 10px 0 0;
padding: 0;}

.pluscard-returning{
float:right;
margin: -13px 0 0 0;
padding: 0;}

.pluscard-large {
float: right;
margin: 4px 0 6px 10px;}


/* ====== Style for AutoComplete text box ====== */

.daCSSDropDown {
border: 2px solid #4d4e52;
width: 350px !important;
padding: 2px 2px 2px 2px !important;
background-color: #FFFFFF;}

.daCSSDropDown li {
margin: 0px !important; }

.daCSSDropDownItem li {
margin: 0px !important;
padding: 0px !important;}

.daCSSDropDownItem {
color: #262424;
border-bottom: 0px solid #96c7fd;
font-size: 14px;
list-style:none;}

.daCSSDropDownItemHighLight {
background-color: #367ed0;
color: #ffffff;
cursor: pointer;
border-bottom: 0px solid #96c7fd;
font-size: 14px;
list-style:none;}

.DaSearch {
font: 13px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; color: #5f6164;
width: 257px;
padding: 3px 0 3px 1px;}


/* ==== content ==== */

#content {
width: 950px;
margin: 0;
padding: 0 15px 25px 15px;
font: normal 11px/15px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif, serif; color: #000000;}
#content p {
margin: 0 0 12px 0;
padding: 0; }

#content a:link, #content a:visited, #content a:active {
font-weight: normal;
color: #000;
text-decoration: none; }
#content a:hover {
color: #000;
text-decoration: underline;
font-weight: normal;}


/* ==== main content ==== */

#main {
width: 930px;
height:351px;
padding: 10px 10px 0 10px;
margin: 0 0 20px 0;
background: url(/images/main/bg.gif) top left no-repeat #005a9c;
overflow:hidden;
display:block;
font: normal 11px/15px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif, serif; color:#bfd6e6;}


#main-suzuki {
width: 930px;
height:621px;
padding: 10px 10px 0 10px;
margin: 0 0 20px 0;
background: url(/images/main/bg-suzuki.gif) top left no-repeat #005a9c;
overflow:hidden;
display:block;
font: normal 11px/15px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif, serif; color:#bfd6e6;}

#main a:link, #main a:visited, #main a:active {
font-weight: bold;
color: #fff;
text-decoration: underline; }
#main a:hover {
color: #ffcc00;
text-decoration: underline;
font-weight: bold;}

#main p {
margin: 0 0 12px 0;
padding: 0;}

#main p em {
color:#FFFFFF;
font-style:normal;
font-weight:bold;}


#main-left ul {
list-style:disc;
margin: 0 0 10px 16px;
padding:0 0 0 8px;}


.righthalfbody ul {
list-style:disc;
margin: 0 0 10px 16px;
padding:0 0 0 8px;}

.contentfloat ul {
list-style:disc;
margin: 0 0 10px 16px;
padding:0 0 0 8px;}

#main-left {
width: 380px;
float:left;}

#main-right {
width: 540px;
float:right;}

.main-left-left {
width: 140px;
float: left;}

.main-left-right {
width: 230px;
float: right;}


.newcarfeatures {
width: 220px;
height: 80px;
overflow: auto;
margin: 0 0 10px 0; 
padding: 3px 5px 7px 5px;
border: 1px solid #337bb0; }

.newcarfeatures, .fullbody, .halfbody, .righthalfbody {
scrollbar-face-color: #3eadff;
scrollbar-shadow-color: #017cd7;
scrollbar-highlight-color: #017cd7;
scrollbar-3dlight-color: #017cd7;
scrollbar-darkshadow-color: #017cd7;
scrollbar-track-color: #017cd7;
scrollbar-arrow-color: #ffffff;}

.fullbody {
width: 918px;
height: 300px;
overflow: auto;
margin: 0 0 10px 0; 
padding: 3px 5px 7px 5px;
border: 1px solid #337bb0; }

.halfbody {
width: 368px;
height: 300px;
overflow: auto;
margin: 0 0 10px 0; 
padding: 3px 5px 7px 5px;
border: 1px solid #337bb0; }


.righthalfbody {
width: 368px;
height: 329px;
overflow: auto;
margin: 0 0 10px 0; 
padding: 3px 5px 7px 5px;
border: 1px solid #337bb0; }

.pricelead {
color:#FFFFFF;
font: normal 18px/26px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif, serif;}

.price {
color:#bfd6e6;
font-size:20px;
line-height:24px;
letter-spacing:-1px;}
.sandicliffeprice {
color:#ffffff;
font-size:34px;
font-weight:bold;
line-height:35px;
letter-spacing:-1px;}
.details-icon {
margin: 4px 7px 0 0;}







/* ====== New Cars Default Page ===== */

.newcarchoice1 {
float: left;
width:176px;
margin: 2px 7px 0 0;
background-color:#0460a3;
border: solid 1px #337bb0;
text-align:center;
padding:5px 0 0 0;}

.newcarchoice2 {
float: left;
width:176px;
margin: 2px 0 0 0;
background-color:#0460a3;
border: solid 1px #337bb0;
text-align:center;
padding:5px 0 0 0;}


#newcarthumbwrapper {
width: 345px;
background-color:#FFFFFF;
padding: 0 0 5px 5px;
margin: 3px 0 0 0;}

#newcarthumbwrapper a:link,  #newcarthumbwrapper a:visited, #newcarthumbwrapper a:active {
color:#005a9c;
text-decoration:none;}

#newcarthumbwrapper a:hover {
color:#005a9c;
text-decoration:underline;}


.newcardealerimage {
float: right;
margin: 0 0 10px 10px;
border: solid 1px #2d78af;
padding:4px;}



/* ====== Find Us Default Page ===== */

.finduschoice1 {
float: left;
width:120px;
margin: 2px 7px 5px 0;
background-color:#0460a3;
border: solid 1px #337bb0;
text-align:center;
padding:5px 0 5px 0;}

.finduschoice2 {
float: left;
width:120px;
margin: 2px 0 5px 0;
background-color:#0460a3;
border: solid 1px #337bb0;
text-align:center;
padding:5px 0 5px 0;}




/* ====== Home page ===== */
#home-offers {
	width: 345px;
	height: 222px;
	color:#FFFFFF;
	/*margin: -366px 0 32px 559px;*/
	margin: 0 0 0 559px;
	padding: 10px 18px 0 18px;
	z-index:1;
	display:block;}
	
	#film-wrapper {
width: 868px;
padding: 15px 0 0 27px;}

#home-offers-wrapper {
width: 950px;
height: 361px;
display:block;
padding: 0;
margin: -366px 0 10px 0;}
	
	
#home-offers a:link, #home-offers a:visited, #home-offers a:active {
color:#FFFFFF;
text-decoration:none;
font-weight: bold;}

#home-offers a:hover {
color:#91b8d4;
text-decoration:none;
font-weight: bold;}
	
	
	
#home-offers h1 {
font: bold 18px Trebuchet MS, Arial, Helvetica, sans-serif; color: #fff; 
margin: 0 0 10px 0;}
	
	
#home-box {
	width: 930px;
	height: 341px;
	margin: 0 0 20px 0;
	padding: 10px 10px;
	background: url(/images/home/montage.jpg) no-repeat;}
	
	
#home-box h1 {
font: bold 18px Trebuchet MS, Arial, Helvetica, sans-serif; color: #fff; 
margin: 0 0 7px 0;}

#home-box p {
color: #BFD6E6;}
	
	
.homeboxleft {
float: left;
width: 530px;}

.homeboxright {
float: right;
width: 380px;}
	

.homeimage {
margin-bottom: 16px;}

#home-content-container {
	position: relative;}
	
	
.booking-box{
float: right;
width: 109px;
padding: 0px;
margin: 5px 0 5px 5px;
}
	
.book-here-button {
float: right;
margin-bottom: 5px;
}

.plus-it-button{
float: right;
}


/* ====== Embedded You Tube Video ===== */
#youtube-video {
margin:0 0 0 61px;
}

/* ====== Tabbed Content ===== */

#adv1 {
width: 440px;
background-color:#FFFFFF;
margin-bottom: 16px;}

#adv1 ul li {
background-image:none;
margin:0 3px 0 0;
padding:0;}

#spec-tab ul {
margin: 0 0 15px 0;
list-style-type: none; 
padding: 0;
clear:both;}
#spec-tab ul li {
background-image: url(/images/left-bullet.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 0 0 0 18px;
margin: 0 0 5px 5px;
float:none;	}



#finance-tab ul {
margin: 0 0 15px 0;
list-style-type: none; 
padding: 0;
clear:both;}
#finance-tab ul li {
background-image: url(/images/left-bullet.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 0 0 0 18px;
margin: 0 0 5px 5px;
float:none;	}

#environment-tab ul {
margin: 0 0 15px 0;
list-style-type: none; 
padding: 0;
clear:both;}
#environment-tab ul li {
background-image: url(/images/left-bullet.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 0 0 0 18px;
margin: 0 0 5px 5px;
float:none;	}


.usual * {
margin: 0;
padding: 0;}

.usual {
background: #e6e6e6;
color:#262424;
padding:0;
width:440px;
margin:0;}

.usual li { 
list-style:none;
float:left;
padding: 0;
margin:0 3px 0 0; }

.usual ul a {
display:block;
padding:3px 0 0 0;
text-decoration:none!important;
text-align:center;
margin:1px;
margin-left:0;
color:#717171;
background:url(/images/tab-notselected-bg.jpg) top left no-repeat;
width: 103px;
height: 24px;}

.usual ul a:hover {
color:#e1e1e1;
background:url(/images/tab-hover-bg.jpg) top left no-repeat;}

.usual ul a.selected {
margin-bottom:0;
color:#5292fe;
background:url(/images/tab-selected-bg.jpg) top left no-repeat;
border-bottom:1px solid #fff;
cursor:default;  }
.usual #spec-tab, .usual #finance-tab, .usual #environment-tab {
padding:19px 14px 8px 10px;
clear:left;
background: #FFFFFF;}







/* ====== Meet the Team ===== */

.cvpicright {
float:right;
margin: 0 0 6px 6px;}

.cvpicleft {
float:left;
margin: 0 10px 6px 0;}



/* ===== button swapper styles ====== */


#panelswrapper {
width: 380px;
border:solid 1px #337bb0;
margin: 7px 0 0 0;}

#rangeHomeContainer {
float: left;
margin: 0 10px 0 0;}

#rangeHomeContainer ul, #rangeHomeContainer li {
float:left;
list-style:none;
margin: 0;
padding:0;}

#panels {	
margin: 15px 0 0 0;
width: 146px;
height: 25px;
overflow: hidden;
position: relative;
z-index:1;
float: left;
}

#panels div {
width: 146px;
display: none;}

#panels div div {
display: block;
width: auto;
height: auto;}







/* ====  headings ==== */

#main h1 {
font: bold 18px Trebuchet MS, Arial, Helvetica, sans-serif; color: #fff; 
margin: 0 0 7px 0;}
#main  h2 {
font: normal 18px Trebuchet MS, Arial, Helvetica, sans-serif; color: #b3cee1; 
margin: 0 0 12px 0; }
#main  h3 {
font: bold 12px/21px Trebuchet MS, Arial, Helvetica, sans-serif; color: #b3cee1; 
margin: 0 0 8px 0; }
#main  h4 {
font: normal 12px/21px Trebuchet MS, Arial, Helvetica, sans-serif; color: #7eabcc; 
margin: 0 0 8px 0; }


/* ====== home speedy search ====== */

#homesearchcontainer {
margin: 0 0 10px 0;
width: 260px;
background: url(/images/speedy-search-bg.jpg) top left no-repeat #2e3c7a;
/*background: url(/images/home-speedy-search-bg.jpg) top left no-repeat #2e3c7a;*/
padding: 21px 10px 0 10px; }
#homesearchcontainer h2 {
font: normal 18px Trebuchet MS, Arial, Helvetica, sans-serif; color: #fff; 
margin: 0 0 8px 0; }

#homesearchcontainer h3 {
font: normal 13px/21px Trebuchet MS, Arial, Helvetica, sans-serif; color: #A2C5FF; 
margin: 0 0 8px 0; }

#homesearchcontainer form {
margin: 0 0 0 0;}

#keyword-search-container {
height: 202px;}

#homesearch {
width: 260px;
padding: 22px 0 0 0;
margin: 0 ;}

#homesearch select {
font: 13px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; color: #5f6164;
width: 260px;
margin: 0 0 8px 0;
padding: 3px 0; }
#homesearch .dropdown {
width: 127px;
margin: 0 6px 8px 0;
padding: 3px 0; }
#homesearch .dropdown2 {
width: 127px;
margin: 0 0 8px 0;
padding: 3px 0; }
#homesearch input{
font: normal 17px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; color: #fff;
width: 154px;
margin: 4px 0 0 0;
height: 38px;
padding: 0;
background: url(/images/speedy-submit-bg.jpg) top no-repeat;
border:none;
cursor:pointer; }




/* ====== advanced search ====== */




#advancedsearchcontainer {
width: 138px;
padding: 8px 5px 5px 5px;
margin: 0 0 0 0;
border: solid 1px #337bb0;
background-color:#0460a3;
float:left;}

#advancedsearch {
width: 138px;
padding: 0;
margin: 0;}


#commercials .COGDealershipDropDown {
display:none;}

#advancedsearch form {
margin: 0 0 0 0;}

#advancedsearch select {
font: 11px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; color: #5f6164;
width: 138px;
margin: 0 0 7px 0;
padding: 3px 0;}




#advancedsearch .COGCarSearchButton{
width: 138px;
height: 35px;
margin: 4px 0 2px 0;
padding: 0;
background: url(/images/advanced-search-submit.jpg) top no-repeat;
border:none;
cursor:pointer;
clear:both;}

.searchpage-offer {
float: right;}









/* ====  used vehicle list   ===== */


.usedmain {
padding-right: 0;}
#paginationwrapper {
width: 595px;
padding: 5px 10px 3px 10px;
margin: 9px 0 0 0;
border: solid 1px #337bb0;
/* IE6 Workaround */
height: 44px;	
display:block;
overflow:hidden;
background-color:#0460a3;}

#filter {
float:left;
width: 297px;}

#filter select {
width: 286px;
margin: 0;
padding: 0;
height: 21px;
font: 11px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; color: #5f6164;}

#pagination {
float: left;
border-left: solid 1px #337bb0;
padding-left:10px;
width: 287px;}
.pagecount-bg {
margin: 0 0 0 0;
padding: 0 0 4px 0;}
#pagination ul li {
background-image: none;
padding: 0;
margin: 0;	}
#pagination .COGPager li {
display: inline;
border-top: solid 1px #337bb0;
border-bottom: solid 1px #337bb0;
border-right: solid 1px #337bb0;
text-align:center;
list-style-type: none;
float:left; }
#pagination .COGPager .COGPagerItemSelected span {
background-color:#a3c3db !important;
color: White; }
#pagination .COGPager span  {
background-color:#FFFFFF;
display: block;
width:25px;
padding: 2px 0; }
#pagination .COGPager a:link, #pagination .COGPager a:visited, #pagination .COGPager a:active {
background-color:#FFFFFF;
text-decoration: none;
color: #757575;
width:25px;
display:block;
padding: 2px 0;}
#pagination .COGPager a:hover{
background-color:#02528d;
text-decoration: none;
color: #ffffff;
width:25px;
display:block;
padding: 2px 0;}
#pagination .COGPager .COGPagerPrevious {
border-left: solid 1px #8fa0c4;}
#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: 304px;
height: 86px;
margin: 0 9px 7px 0;
padding:0 0 0 0;
float: left;
background: url(/images/used-list-bg-9.jpg) top left no-repeat #fff;}

.usedlistvehicle-left {
color:#262424;
font-size:10px;
width: 95px;

}
.usedlistvehicle-right {
color: #6c6c6c;
font-size:9px;
width: 192px;
float: right;
line-height:13px;
padding: 0 4px 0 0;}
.usedlistvehicle-image {
padding: 0;
margin:0;
float:left;
margin: 7px 0 0 5px;}
.usedlistvehicle-title {
font: normal 11px/25px Trebuchet MS, Arial, Helvetica, sans-serif; color: #4f4f4f;
width: 192px;
overflow:hidden;
display:block;
height: 22px;}


.showroompricebox {
float:left;
width: 90px;
padding-top: 3px;}

.internetpricebox {
float: left;
padding-top: 3px;}

.usedlistvehicle-pricehead {
font: normal 10px/13px Trebuchet MS, Arial, Helvetica, sans-serif; color: #005a9c;}

.usedlistvehicle-showprice {
font: normal 15px/15px Trebuchet MS, Arial, Helvetica, sans-serif; color: #005a9c;}

.usedlistvehicle-netprice {
font: normal 15px/15px Trebuchet MS, Arial, Helvetica, sans-serif; color: #005a9c;}





/* ====  used vehicle details ===== */

#ie-details {
margin: -21px 0 0 0; }

.useddetails-mainimg {
border: solid 1px #d9e7f9;}

.useddetails-title {
font: normal 15px/26px Trebuchet MS, Arial, Helvetica, sans-serif; color: #6c6c6c;}
.useddetails-price {
font: bold 30px/30px Trebuchet MS, Arial, Helvetica, sans-serif; color: #d0003b;
letter-spacing:-1px;}

.featurestable {
margin: 0 0 13px 0;
}
.borderright {
border-left: solid 1px #c2c2c2;
padding-left: 10px;}


#useddetails-thumb a:link, #useddetails-thumb a:visited, #useddetails-thumb a:active {
font-weight: normal; 
text-decoration: none;
cursor:pointer;
padding: 1px;
border: solid 1px #7fa1dc;
display:block;
float:left;
margin: 0 0 9px 0;}
#useddetails-thumb a:hover {
font-weight: normal;
text-decoration: none; 
cursor:pointer;
padding: 1px;
border: solid 1px #fff;}


.useddetails-related {
background-color: #f3f3f3;
border:solid 1px #cccccc;
padding: 5px 5px 0 5px;
width: 178px;
margin: 0 0 13px 0;}
.useddetails-relatedimg {
margin: 0 0 8px 0;}


.radioad {
text-align: right;
height:33px;
background:url(/images/radio-ad-bg.jpg) top left no-repeat;
padding: 5px 0 0 0;}



/* ===== Used Details Finance  ===== */

.wz-adjust {
width: 342px;
padding: 3px;
margin:0 0 12px 0;
background-color:#0a6bb0;
border: solid 1px #3677b1;}

.wz-adjustdrop {
width: 80px;
margin: 0 3px 0 0;
padding: 2px 0;
font: 10px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif, serif; color: #4d4d4d;}

.apr {
font-size: 13px;
font-weight:bold;
padding: 3px 0;}

.wz-applynow {
cursor:pointer;
width: 91px;
height: 22px;
border: none;
background:url(/images/webzation/apply-now.jpg) top left no-repeat;
padding: 0;
margin: 0 0 6px 0;}

.wz-moreinfo {
cursor:pointer;
width: 91px;
height: 22px;
border: none;
background:url(/images/webzation/more-info.jpg) top left no-repeat;
padding: 0;
margin: 0 0 6px 0;}

.wz-update {
cursor:pointer;
width: 91px;
height: 22px;
border: none;
background:url(/images/webzation/update.jpg) top left no-repeat;
padding: 0;
margin: 0;}






/* ===== Used Details Image Sliders ===== */

#screen{
width:380px;
padding:0;
background-color:#017cd7;
margin: 0;}
#screen ul {
margin: 0;}			
#screen li{
float:left;
list-style:none;			}
#screen .jq-ss-crop{
margin:0;
border:1px solid #FFFFCC;
float:left;}
#left,#right{
font-size:9px;
display:block;
text-decoration:none;
color:black;}
#view{
width:360px;
height: 54px;
overflow:hidden;
background-color:#017cd7;
padding: 2px 0 0 0;}
#view li {
margin: 0 2px 0 0;}
#images{
width:3818px !important;
width:3822px;
padding:0;}
#images li img{
border:0;}

.photos {
text-align:center;}




/* ====== Tabby Stuff ========= */

.contentfloat {
	float:left;
	margin:0px;
	height:341px;
	width:380px;
	padding: 0 0 0 10px
}
.ulfloatie6 {
	position:relative;
	float:left;
	padding:0px;
	right:-3px;
	margin:0;
	list-style:none;
}
#ulfloat {
	float:left;
	padding:0px;
	margin:0px;
	list-style:none;
	height: 341px;
	background: url(/images/ulfloat/main-bg.gif) top left repeat-y;
}


#ulfloat .UnselectedTabli a, #ulfloat .UnselectedTabli a:link, #ulfloat .UnselectedTabli a:visited {
	width: 130px;
	height: 19px;
	display:block;
	margin:0 0 7px 0;	
	background: url(/images/ulfloat/tab-bg.gif) top left no-repeat;	
	cursor: pointer;
	text-decoration: none;
	font-weight:bold;
	padding: 3px 10px 0 10px;
	text-decoration: none;
	color:#ffffff;
}
#ulfloat .UnselectedTabli a:hover {
	text-decoration: none;
	color: #ffffff;
	background: url(/images/ulfloat/tab-pointer.gif) top left no-repeat;	
}
#ulfloat .SelectedTabli a, #ulfloat .SelectedTabli a:link, #ulfloat .SelectedTabli a:visited, #ulfloat .SelectedTabli a:hover {
	width: 130px;
	height: 19px;
	display: block;
	margin:0 0 7px 0;
	background: url(/images/ulfloat/tab-pointer.gif) top left no-repeat;	
	cursor: pointer;
	text-decoration: none;
	font-weight:bold;
	padding: 3px 10px 0 10px;
	text-decoration: none;
	color:#ffffff;
}




/* ====== Find Us ======= */


#findusright {
float: right;
width: 159px;}

.findus-photo {
float:right;
border:solid 1px #337bb0;
padding: 5px;
margin: 3px 0 6px 0;}

.googlemaps {
margin: 0 0 8px 0;}

#bluetable {

	border: 1px solid #337bb0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	background-color: #0460a3;
	margin: 0 0 13px 0;  }
#bluetable p {
	margin: 0;
	padding: 0; }
#bluetable td {
	border: 1px solid #337bb0;
	padding: 2px;
	margin: 0 }
#bluetable td.subheader {
	background-color: #ccd8ba; }
#bluetable th {
	border-left: 1px solid #337bb0;
	border-right: 1px solid #337bb0;
	border-bottom: 1px solid #337bb0;
	background-color: #0c6bb0;
	font-weight: bold;
	padding: 2px;
	margin: 0;
	text-align: left; }
	

.getdirecttions {
background: #0460a3;
border: solid 1px #337bb0;
padding: 5px 5px 0 5px;
margin: 3px 0 0 0;
width: 147px;
float: right;}

.directionsinput {
font: 11px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; color: #5f6164;
width: 130px;
margin: 5px 12px 3px 0;
padding: 3px 0;}


.directionssubmit {
width: 111px;
height: 27px;
margin: 4px 0 0 0;
padding: 0;
background: url(/images/directions-submit.jpg) top no-repeat;
border:none;
cursor:pointer;
clear:both;}

/* ===== Find Us Pages TomTom ===== */

#tomtompostcode {
width: 95px;
height: 32px;
padding: 40px 9px 0 78px;
margin:0 0 7px 0;
background: url(/images/tomtom.jpg) top no-repeat;
font-size:15px;
font-weight:bold;
text-align:center;
color:#fff;}


/* ====== History ===== */

.historythumb {
margin-right: 9px;}


/* ====== loyalty application form ===== */

#loyaltyform {
width: 720px;
margin: 0;
padding: 14px 10px 10px 10px;
background-color:#f3f3f3;
border: solid 1px #cccccc;
color:#262424;}
#loyaltyform table {
margin: 0;}
#loyaltyform form {
margin: 0;
padding: 0; }
#loyaltyform td {
margin: 0;
padding: 0 0 5px 0; }
#loyaltyform p {
margin: 0 0 0 0;
padding: 0; }
#loyaltyform input {
margin-top: 5px;}
#loyaltyform select {
width: 455px;
margin: 0 0 0 0;
padding: 3px 0;
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
color:#464646;}
#loyaltyform input.chkbox {
margin: 0 6px 0 0;
padding: 0;
font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif;  color:#464646;
border: 0; }
#loyaltyform .contactwidth {
width: 453px;
margin: 0 60px 0 0;
padding: 2px 0 2px 0;
font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif;  color:#464646;}
#loyaltyform textarea {
font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif;  color:#464646;
width: 451px;
height: 60px;
margin: 0 60px 0 0;
padding: 2px 0; }
.chkbox {
margin: 3px 6px 0 0;
padding: 0;
font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif;  color:#464646;
border: 0;}
#dvOriginalDisclaimer {
margin: 10px 0 0 79px;}
.disclaimertxt {
display: block;}
#loyaltyform .contactsubmit {
font: normal 17px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; color: #fff;
width: 154px;
margin: 11px 0 0 0;
height: 38px;
padding: 0;
background: url(/images/loyalty-submit.jpg) top no-repeat;
border:none;
cursor:pointer;}


/* ====== Quick Contact Form ===== */

#newcarenquiry  {
width: 368px;
margin: 0 0 0 0;
padding: 8px 5px 10px 5px;
border:solid 1px #337bb0;
background-color:#0460a3; }
#newcarenquiry label  {
margin: 0;
padding: 0;
width: 50px; }
#newcarenquiry input { 
font: 11px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; color: #5f6164;
width: 280px;
margin: 0 0 8px 0;
padding: 3px 0 3px 2px;}
#newcarenquiry input.submit {
color: #fff;
width: 138px;
height: 35px;
margin: 4px 0 0 0;
padding: 0;
border:none;
background:url(/images/call-me-back-submit.jpg) top left no-repeat;
cursor:pointer;}




/* ====== contact form ====== */


#contactform  {
width: 340px;
margin: 0 0 0 0;
padding: 0;
/*border:solid 0px #337bb0;*/
 }
#contactform label  {
margin: 0;
padding: 0 0 0 0;
width: 50px; }
#contactform input { 
font: 11px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; color: #5f6164;
width: 340px;
margin: 3px 0 8px 0;
padding: 3px 0 3px 2px;}
#contactform .Area {
font: 11px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; color: #5f6164;
width: 340px;
margin: 3px 0 8px 0;
padding: 3px 0 3px 2px;
}
#contactform .DropDown {
font: 11px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; color: #5f6164;
width: 345px;
margin: 3px 0 8px 0;
padding: 3px 0 3px 2px;
}

#contactform .DropDownSml {
font: 11px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; color: #5f6164;
width: 165px;
margin: 3px 10px 8px 0;
padding: 3px 0 3px 2px;
}

#contactform .DropDownSml2 {
font: 11px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; color: #5f6164;
width: 165px;
margin: 3px 0 8px 0;
padding: 3px 0 3px 2px;
}

#contactform input.submit {
color: #fff;
width: 138px;
height: 35px;
margin: 7px 0 0 0;
padding: 0;
border:none;
background:url(/images/call-me-back-submit.jpg) top left no-repeat;
cursor:pointer;}

#Optin_Optin
{
display: inline;
width: 20px !important;
margin: 0px !important;
padding: 0px !important;
}

.Validation
{
    margin: 20px;
    color: White !important;
}


/* ==== footer ==== */

#footerwrapper {
width:100%;
height:28px;
background: url(/images/footer/bg.jpg) top left repeat-x;
position:fixed;
bottom:0;
z-index:1000;
overflow:hidden;
display:block;}

#footer {
width: 950px;
padding: 6px 15px 0 15px;
color: #b3cde0;
margin: 0 auto;}

#footer p {
margin: 0 0 11px 0;
font-size:11px;}
#footer a:link, #footer a:visited, #footer a:active {
font-weight: normal;
color: #b3cde0; 
text-decoration: none; }
#footer a:hover {
font-weight: normal;
color: #fff; 
text-decoration: none;}


#footerleft {
width: 635px;
float:left;}

#footerright {
float:right;
width:296px;
text-align:right;}






/* ===== Tooltips ===== */

#tooltip {
	width: 345px;
	height:309px;
	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: #0033FF; font-size:10px;}



.tooltipheader {
width: 337px;
height: 35px;
padding: 9px 0 0 40px;
margin:0;
background: url(/images/tooltip-top.gif) top right no-repeat;
color:#FFFFFF;
font-size: 16px;}

.tooltipbody {
width: 329px;
height:180px;
padding: 0 7px 0 40px;
margin:0;
background: url(/images/tooltip-bottom.gif) top right no-repeat;
color:#FFFFFF;
font-size:11px;}


.tooltipheaderplus {
width: 357px;
height: 24px;
padding: 9px 0 0 20px;
margin:0;
background: url(/images/tooltip-top-plus.gif) top left no-repeat;
color:#FFFFFF;
font-size: 16px;}


.tooltipbodyplus {
width: 326px;
height:72px;
padding: 2px 30px 0 20px;
margin:0;
background: url(/images/tooltip-bottom-plus.gif) top left no-repeat;
color:#FFFFFF;
font-size:11px;}


.tooltipbodyplustall {
width: 326px;
height:150px;
padding: 2px 30px 0 20px;
margin:0;
background: url(/images/tooltip-bottom-plus-tall.gif) top left no-repeat;
color:#FFFFFF;
font-size:11px;}




.tooltipbody li {
padding: 0 6px 0 0;
margin: 0 0 3px 15px;}

.tooltipspacer {
height: 10px;}





/* ===== Scrappage Countdown Timer ===== */


#scrappage-countdown {
width: 270px;
height: 41px;
background: url(/images/scrappage-countdown-bg.jpg) top right no-repeat;
padding:40px 0 0 80px;
margin:0 0 7px 0;
color:#fff;
font-size: 13px;
font-weight:bold;}



