/* ########################   Squire Furneaux 2009   ########################  */

html {
background-color:#4a4a4a;}
body {
margin:0; padding:0;
font:normal 11px/21px Arial, Helvetica, sans-serif; 
color:#4e4e4e;
background: #f4f4f4 url(/images/body-bg.gif) top repeat-x;}
#page {
width:100%;
margin:0; padding:0;}
.clear {
clear:both;
visibility:hidden;}
.notes {
font:10px Arial, Helvetica, sans-serif; color: #5d575a;
margin:0; padding:0 0 10px 0;} 
#breadcrumbs {
font-size: 10px;
font-weight: bold;
height: 20px;
width: 930px;
margin: 5px 0 20px 0;
padding: 0 0 5px 10px;
background: url(/images/page-divide.jpg) bottom repeat-x;}
#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active {
color:#81acd1; 
text-decoration:none; 
font-weight:bold;
text-decoration:underline;}
#breadcrumbs a:hover {
color:#81acd1; 
text-decoration:none;}
.top-banner {
display:block;
margin:0 0 10px 0;}
ul {
margin: 0 0 10px 26px; padding:0;
list-style-type:disc;
background-image:none;}
ul li {
padding:0; 
background-image:none;}

/* ====== Style for AutoComplete text box on homepage ====== */


.COGAutocompleteItem
{
    color: #262424;
    border-bottom: 0px solid #96c7fd;
    font-size: 14px;
    list-style:none;
    margin: 5px;
}
.COGAutocompleteHighlight {
    background-color: #367ed0;
    color: #ffffff;
    cursor: pointer;
	border-bottom: 0px solid #96c7fd;
    font-size: 14px;
    list-style:none;
    margin: 5px;
}

.COGAutoCompleteTextBox {
 font:13px Arial, Tahoma, Helvetica, sans-serif; color: #a6a6a6;
 font-weight:bold;
 width: 294px; 
 margin:0 0 6px 0; padding:7px 0 7px 4px;
}

.COGAutocompleteContainer
{

}


/* ########################   headers   ########################  */

#content h1 {
 font:bold 20px Arial,Helvetica, sans-serif; color:#81acd1;
 margin:0 0 6px 0; padding:0;
 font-weight:bold;
 letter-spacing:1px;
}

#content h2 {
 font:bold 15px/20px Arial,Helvetica, sans-serif; color:#81acd1;
 margin:6px 0 10px 0; padding:0;
 font-weight:bold;
 letter-spacing:1px;
}

#content h3 {
 font:bold 16px Arial,Helvetica, sans-serif; color:#4e4e4e;
 margin:0 0 0 0; padding:0 0 4px 0;
 font-weight:bold;
 letter-spacing:1px;
}


/* ########################   images only   ########################  */

img {
 margin:0;padding:0;
 border:0;
 display:block;
}

.home-main-image {
 margin:0 0 0 0;
 padding:10px 0 0 0;
}


/* ########################   header   ########################  */

#headerfull {
 width:100%;
 margin:0; padding:0;
 background: #e0e0e0 url(/images/header/headerfull-bg.gif) top left repeat-x;
}

#header {
 width:940px; 
 height:130px;
 margin:0 auto; padding:0 10px 0 10px;
 background:url(/images/header/header-bg.gif) top left no-repeat;
}

#header h1{
 font:bold 40px Arial,Helvetica, sans-serif; color:#bdbdbd;
 margin: 20px 0 0 0;
 padding: 0;
 float: left;
}


.brand-logos{
float: right;
margin: 0 0 12px 0;
display: block;
}

.header-right {
 float:right;
 width:100px;
 margin:0; padding:0;
}



/* ########################   menu   ########################  */

#navcontainer {
 width:940px;
 height:40px;
 margin:0 auto; padding:1px 0 0 0;
}

#nav, #nav ul {
 width:940px;
 height:40px;
 list-style:none;
 margin:0; padding:0;
}

#nav li {
 float:left;
 margin:0;
 overflow: hidden;
 display:inline;
 background:url(/images/header/nav-bg.jpg) right no-repeat;
}

#nav li.last {
 border-right:none;
}

#nav a {
 font:12px Arial, Helvetica, sans-serif; color: #4e4e4e;
 text-decoration:none;
 display:block;
 margin:0; padding:14px 13px 11px 13px;
}

#nav a:hover {
 color:#4E4E4E;
 text-decoration:none;
 display:block;
 margin:0;
 /*background:url(/images/header/nav-hover.gif) right no-repeat;*/
	
}
	
#nav li:hover{
 background:url(/images/header/nav-hover.gif) right no-repeat;
}
	
#nav li ul {
 position:absolute;
 left:-999em;
 margin:0 0 0 0; padding:0; 
 z-index:99
}

#nav li ul li {
 margin:0;
 padding:0;
}

#nav li ul a {
 width: 190px;
 float:left;
 padding:14px 0 11px 10px; 
 margin: 0;
 border-top:1px solid #c6c6c6;
 background:#d5d5d5;
 font:12px Arial, Helvetica, sans-serif; color:#4E4E4E;}
	
#nav ul li a:hover { 
 margin:0;
 background:url(/images/header/nav-drop-hover.gif) top left repeat-x;
} 

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
 left:auto;
 border-top:none;
 width:190px;
}


/* ########################   main content   ########################  */

#homebanner {
	float: left;
	width: 940px;
	height: 326px;
	border: 0;
	margin: 0;
	padding: 0;
	z-index: 0;
/*	background-image: url(../images/homebanner-1.jpg);*/
}

#homebanner p{
	color: 4e4e4e;
	margin: 6px 0 5px 0;
}

#homebanner img{
	z-index: 0;
}

#home-searchbox {
	color:#FFFFFF;
	display:block;
	height:280px;
	width:300px;
	margin: -300px 5px 0 35px; 
	z-index:100;
}

#home-searchbox a:link, #home-searchbox a:visited, #home-searchbox a:active {
	color:#4e4e4e; 
	text-decoration:none; 
	font-weight:bold;
}

#home-searchbox a:hover {
 color:#81acd1; 
 text-decoration:underline;
}

 

#home-searchbox p {
  margin: 5px 0 5px 0;
}

#home-search {
 text-align:left;
 font:bold 12px Arial, Helvetica, sans-serif; color: #414141;
 margin:-5px 0 10px 0;
 padding:4px 0 0 0;
 width:330px;
 z-index: 201;
}

#home-search .COGCarMakeDropDown{
 margin:0 6px 9px 0; padding:3px 0 0 0; 
 height:20px;
 width:145px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #5f6164;

}

#home-search .COGCarModelDropDown {
 margin:0 0 9px 0;

 padding:3px 0 0 0;
 height:20px;
 width:145px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #5f6164;
}

#home-search .COGCarPriceFromDropDown {
 margin:0 6px 9px 0; padding:3px 0 0 0; 
 height:20px;
 width:145px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #5f6164;

}

#home-search .COGCarPriceToDropDown {

 margin:0 0 9px 0; padding:3px 0 0 0;
 height:20px;
 width:145px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #5f6164;
}

#home-search .COGCarSearchButton {
width:145px;
height:25px;
margin:0; padding:0;
background:url(/images/home-search-submit.jpg) top left no-repeat;
border:0;
cursor:pointer;

}








#contentfull {
 width:100%;
 margin:0; padding:0;
}

#content {
 width:940px;
 margin:0 auto; padding:0 0 10px 0;

}

#content p {
color: #4e4e4e;
margin: 0 0 7px 0;
}

#content .homeleft{
padding: 15px 0 0 0;
width: 460px;
float: left;
}

#content .homeright{
padding: 15px 0 0 0;
width: 480px;
float: left;
}

#content .homeright .rightone {
width: 140px;
padding: 0 0 0 15px;
float: right;}



#content .homelink {
margin-left: 15px;
float: right;
}

#content .leftbanners{
 width: 140px;
 float: left;
}

#content .center{
float: left;
padding: 5px 20px 0 20px;
width: 460px;
}

#main {
 width:780px;
 margin:0 0 15px 20px;
 padding:7px 0 0 0;
 float:left;
}

.main-left { /* middle column */
 float:left;
 width:460px;
 margin:0; padding:0;
}

.main-left p {
margin:0 0 10px 0;
padding:0;}

.main-right { /* right column */
 float:right;
 width:300px;
 margin:0; padding:0;
}

#content .banner{
 margin-bottom: 10px;
}

#content .right{
width: 300px;
}

#main a:link, #main a:visited, #main a:active {
 color:#81acd1; 
 text-decoration:none; 
 font-weight:bold;
 text-decoration:underline;
}

#main a:hover {
 color:#81acd1; 
 text-decoration:none;
}

#slideshow1 {
	height: 188px;
	z-index: 100;
}






/* ########################   quick search   ########################  */

#quicksearchcontainer {
 width:270px;
 margin:0 0 10px 0; padding:7px 15px 10px 15px;
 background:url(/images/quick-search-bg.jpg) top left repeat-x #e0e0e0;
}

.used-box-divide {
margin:0 0 5px 0;}


#quicksearchcontainer p {
 margin:0; padding:0 0 7px 0;
 font:normal 11px/17px Arial, Helvetica, sans-serif; /*color: #000*/color:#717171;
}

#quicksearchcontainer a:link, #quicksearchcontainer a:visited, #quicksearchcontainer a:active {
 color:#81acd1; 
 text-decoration:underline; 
 font-weight:bold;
}

#quicksearchcontainer a:hover {
 color:#81acd1; 
 text-decoration:none;
}

#quicksearch {
 text-align:left;
 font:bold 12px Arial, Helvetica, sans-serif; color: #414141;
 margin:0 0 10px 0;
 padding:4px 0 0 0;
 width:270px;
}

#quicksearch .COGCarMakeDropDown{
 margin:0 6px 9px 0; padding:3px 0 0 0; 
 height:20px;
 width:130px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #5f6164;
 float:left;
}

#quicksearch .COGCarModelDropDown {
 margin:0 0 9px 0;
 float: left;
 padding:3px 0 0 0;
 height:20px;
 width:130px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #5f6164;
}

#quicksearch .COGCarPriceFromDropDown {
 /*margin:0 6px 9px 0; padding:3px 0 0 0; 
 height:20px;
 width:130px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #5f6164;
 float:left;*/
 
 margin:0 4px 9px 0; padding:3px 0 0 0;
 height:20px;
 width:130px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #5f6164;
}

#quicksearch .COGCarPriceToDropDown {
 /*float:left;
 margin:0 0 9px 0; padding:3px 0 0 0;
 height:20px;
 width:130px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #5f6164;*/
 
 margin:0 0 9px 0; padding:3px 0 0 0;
 height:20px;
 width:130px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #5f6164;
}

#quicksearch .COGCarSearchButton {
width:130px;
height:25px;
margin:0; padding:0;
background:url(/images/quick-search-submit.jpg) top left no-repeat;
border:0;
cursor:pointer;
}


#list-bottom-controls {
 float:left;	
 width:690px;
 margin:20px 0 0 0; padding:5px 5px 4px 5px;
 background:#838383;
}

#list-bottom-controls .pagecount-bg {
float: left;
width:481px;
background:none;
color:#fff;
padding: 4px 0 4px 4px;
margin: 0;}

#list-bottom-controls #pagination {
 width:200px;
 float:right;
 margin:0 0 0 0;
 padding:0;
}

/* ########################  Social Box ######################### */

#socialboxcontainer {
 width:270px;
 height:125px;
 margin:0 0 10px 0; padding:7px 15px 10px 15px;
 background:url(/images/quick-search-bg.jpg) top left repeat-x #e0e0e0;
}

#socialboxcontainer h3 {
	float:left; margin-top:8px;
	}


/* ########################   special offers   ########################  */

.offers-price-red {
 font-size:12px;
 font-weight:bold;
 color:#aa1818;
}

.offer-top { /* offers box */
 width:460px;
 margin:10px 0 10px 0; padding:0 0 10px 0;
 border-bottom: 1px solid #d3d3d3;
}

.offer { /* offers box */
 width:460px;
 margin:0 0 10px 0; padding:0 0 10px 0;
 border-bottom: 1px solid #d3d3d3;
}

.offer img {
 display:block;
}

.offer-left {
 width: 210px;
 float:left;
 margin:0; padding:0;
}

.offer-right {
 width: 230px;
 float:right;
 margin:0; padding:0;
}

.motability-offer-right {
 width: 230px;
 float:right;
 margin:0; padding:22px 0 0 0;
}

.offers-title {
 font-size:15px;
 font-weight:bold;
 color:#4a4a4a;
}

.offers-pricesave {
 font-size:15px;
 font-weight:bold;
 color:#aa1818;
}





/* ######################## used details benefits   ############################## */


#used-benefits  {
 font-size: 10px;
 float:left;	
 width:120px;
 margin:0 0 10px 0; 
 padding:10px;
 background:url(/images/quick-search-bg.jpg) top left repeat-x #e0e0e0;;
}

#used-benefits ul{
margin-left: 13px;	
}

#used-benefits a:link, #used-benefits a:visited, #used-benefits a:hover, #used-benefits a:active{
text-decoration: none;	
font-weight: normal;
}

#used-benefits h2 {
 font:bold 18px Arial,Helvetica, sans-serif; color:#fff;
 margin:0 0 10px 0; 
 padding:0 0 2px 0;
 font-weight:bold;
 letter-spacing:1px;
}



/* ######################## call us number  ############################## */


#call-us  {
 float:left;	
 width:270px;
 margin:0 0 10px 0; padding:7px 15px 10px 15px;
 background:url(/images/quick-search-bg.jpg) top left repeat-x #e0e0e0;
}

#call-us p {
 margin:0; 
 padding:0 0 7px 0;
 font:bold 11px/17px Arial, Helvetica, sans-serif; color: #4e4e4e;
 line-height:16px;
}

#call-us table {
 margin-top:5px;
}

#call-us .telno{
 font-size: 15px;
 line-height:20px;
 font-weight: bold;
}



/* ########################   call me back form  ########################  */

#callmeback  {
 float:left;	
 width:280px;
 margin:0 0 10px 0; padding:10px 10px 20px 10px;
 background:url(/images/quick-search-bg.jpg) top left repeat-x #e0e0e0;
}

#callmeback p {
 margin:0; padding:0 0 4px 0;
 font:normal 11px/17px Arial, Helvetica, sans-serif; color: 4e4e4e;
}

#callmeback table {
 margin:10px 0 0 0; padding:0;
}

#callmeback form {
 margin:0; padding:0;
}

#callmeback label  {
 color:#4e4e4e;
 float:left;
 font-weight:bold;
 margin:0;
 padding:0;
 width:100px;
}

#callmeback .findoutmore-input {
 float:left;
 font:bold 10px Arial, Helvetica, sans-serif; color: #686868;
 width:165px;
 margin:0 0 10px 0;
 padding:3px 0 3px 2px;
}

#callmeback .dealer-select { 
 float:left;
 font:bold 10px/24px Arial, Helvetica, sans-serif; color: #686868;
 width:169px;
 margin:0 0 10px 0;
 padding:3px 0 3px 2px;
}

#callmeback textarea{
 float:left;
 font:bold 10px Arial, Helvetica, sans-serif; color: #686868;
 width:165px;
 margin:0 0 10px 0;
 padding:3px 0 3px 2px;
}

#callmeback .findoutmorebutton {
 float:right;
 width:169px;
 height:25px;
 margin:0 10px 10px 0; padding:0;
 border:0;
 cursor:pointer;
 background:url(/images/quickcontact-button.gif)
}

/* ########################   call me back form  ########################  */

#details-callmeback  {
 float:left;	
 width:280px;
 margin:0 0 10px 0; padding:10px 10px 20px 10px;
 background:url(/images/quick-search-bg.jpg) top left repeat-x #e0e0e0;
}

#details-callmeback p {
 margin:0; padding:0 0 4px 0;
 font:normal 11px/17px Arial, Helvetica, sans-serif; color: 4e4e4e;
}

#details-callmeback ul {
 margin: 10px 0 0 15px;
 list-style-type: none; 
 padding: 0
}

#details-callmeback ul li {
 font-weight: bold;
 list-style-type: none; 
 padding:0 0 7px 0;
 margin:0;
}

.questionmark {
 float:left;
 margin:0 5px 0 0; padding:3px 0 0 0;
}





/* ########################   used car advanced search  ########################  */

#advancedsearch {
 width:440px;
 margin:0; padding:15px 10px 15px 10px;
 background-color: #e0e0e0;
 background-image: url(/images/quick-search-bg.jpg);
 background-repeat: repeat-x;
 border-top:1px solid #cccccc;
}
#advancedsearch .COGCarMakeDropDown, #advancedsearch .COGCarModelDropDown, #advancedsearch .COGCarVersionDropDown, #advancedsearch .COGCarFuelDropDown, #advancedsearch .COGCarTransmissionDropDown {
 margin:0 0 9px 0;
 padding:3px 0 0 0;
 height:22px;
 width:440px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #686868;
}

#advancedsearch .COGCarPriceFromDropDown {
 float:left;
 margin:0 10px 9px 0; padding:3px 0 0 0; 
 height:22px;
 width:215px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #686868;
 float:left;
}

#advancedsearch .COGCarPriceToDropDown {
 float:left;
 margin:0 0 9px 0; padding:3px 0 0 0;
 height:22px;
 width:215px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #686868;
}

#advancedsearch .COGCarSearchButton {
 width:440px;
 height:27px;
 margin:2px 0 0 0; padding:0;
 background:url(/images/advanced-search-submit.jpg) top left no-repeat;
 border:0;
 cursor:pointer;
}



/* ########################   new car landing pages   ########################  */

#newcarthumbs{
margin: 0px;
padding: 0px;
}

#newcarthumbs a:link, #newcarthumbs a:visited, #newcarthumbs a:active {
 text-decoration:none; 
}

#newcarthumbs a:hover {
 text-decoration:underline;
}


#newcarthumbs .newcarthumb{
float: left;
margin: 0 17px 5px 0;
width: 142px;
}
#newcarthumbs .newcarthumb-last{
float: right;
margin: 0 0 5px 0;
width: 142px;
}



/* new car slideshow */

#imageSlideshowHolder {
	width: 780px;
	height: 278px;
	margin: 0 0 20px 0;
	padding: 0;	
	background-color: #e4e5e5;
	position: relative;	/* Never change this value */
}
.imageInGallery {		
	width: 780px;
	height: 278px;
	background-color: #e4e5e5;
	/* Never change these 3 value */
	left: 0px;
	top: 0px;
	position: absolute;	
}
#imageSlideshowHolder img {
	position: absolute;
}

.new-car-price {
font-size:18px;
line-height:26px;
letter-spacing:-.6px;
padding:3px 0 3px 6px;
color:#fff;
background:#81acd1;
display:block;}

.new-price {
 color:#4a4a4a;
 font-size:16px;
 line-height:24px;
 font-weight:bold;
}

.new-save {
 color:#aa1818;
 font-size:18px;
 line-height:22px;
 font-weight:bold;
 letter-spacing:-.5px;
}

/* ########################   used details styles   ########################  */

.useddetails-title{
 font:bold 18px Arial,Helvetica, sans-serif; color:#81acd1;
 margin:0 0 6px 0; padding:0;
 font-weight: normal;
 letter-spacing:1px;
}

.useddetails-price{
font-size: 22px;
font-weight: bold;
}

.useddetails-left {
	float:left;
	width:410px;
	padding:20px;
	background:#d8d8d8;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
	text-align: center;
}

.useddetails-right {
 float:right;	
 width:176px;
 margin:10px 0 0 0; padding:0;
}

.details-price {
	width:310px;
	height:40px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color: #915B5B;
	background-image: url(../images/details-price-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.details-viewtumb {
 width:410px; height:21px;
 margin:5px 0 0 0; padding:0;
 display:block;
 background:url(../images/used-details/enlargethumb-bg.png) no-repeat;
 font-size:10px;
 font-weight:bold;
 color:#545454;
 text-align:center;
}

.detailsthumb {
 float:left;
 margin:0 0 5px 0;
}

.detailsthumbend { /*end thumb */
 float:left;
 margin:0 0 5px 0;
}

.activeSlide {
background:#999999;
}

.vehdetails {
 float:left;	
 width:290px;
 overflow:hidden;
 margin:10px 0 0 0; padding:10px;
 background:url(/images/quick-search-bg.jpg) top left repeat-x #e0e0e0;
}

#would-like-to {
	width:450px;
	float:left;
	margin-top:10px;
}

#would-like-to img {
	float: left;
	margin-right: 10px;
	margin-bottom:10px;
}

#would-like-to .would-like-to-end-image {
	margin-right:0px;
	}


.vehdetails table {
	background:#f0f0f0;
}

.vehdetails td {
	padding:2px 5px;
	border:1px #cecece solid;
	}

.dealershipdetails {
 float:left;	
 width:290px;
 margin:10px 0 0 0; padding:10px;
 background:url(/images/quick-search-bg.jpg) top left repeat-x #e0e0e0;
}

.details-dealername {
 font-size:12px;
 font-weight:bold;
 color:#545454;
}

.details-dealertel {
 font-size:18px;
 font-weight:bold;
 color:#545454;
}

.details-dealerlink {
 font-size:11px;
 line-height:18px;
 margin:0; padding:0;
}

.detailsspec {
 width:410px;
 margin:10px 0 0 0; padding:20px;
 background:url(/images/quick-search-bg.jpg) top left repeat-x #e0e0e0;
}

.photos {
 width:460px;
 margin: 10px 0 13px 0; padding: 0;
}

.mainimage {
 margin:0; padding:0;
}

.thumbs {
 width:300px;
 float: left;
 margin:0 0 10px 0;  padding:0;

}

#dealerlocation {
 width:200px;
 margin:0; padding:10px 0 0 0;
 line-height:24px;
 color:#fff;
}

.details-telephone {
 font-size:16px;
 line-height:18px;
 font-weight:bold;
}



/* ########################   details contact form   ########################  */

#usedcarenquiry  {
 width: 260px;
 margin: 7px 0 0 0;
 padding: 0 0 0 0;
}

#usedcarenquiry label  {
 margin:0;
 padding:0;
 width:50px;
}

#usedcarenquiry input { 
 font: 13px Tahoma, Arial, Helvetica, sans-serif; color: #5f6164;
 width: 256px;
 margin: 0 0 8px 0;
 padding: 3px 0 3px 2px;
}

#usedcarenquiry input.submit {
 font: bold 11px Tahoma, Arial, Helvetica, sans-serif; color: #fff;
 width: 260px;
 height: 38px;
 margin: 4px 0 10px 0;
 padding: 0;
 border:none;
 background:url(/images/call-me-back-submit.jpg) top left no-repeat;
 cursor:pointer;
}



/* ########################   accordian   ########################  */

.message_list {
list-style: none;
margin: 10px 0 15px 0;
padding: 0;
width: 460px;}
.message_list li {
padding: 0;
margin: 0;
background: url(/images/message-bar.png) no-repeat;}
.message_head {
padding: 10px 10px 10px 10px;
cursor: pointer;
position: relative;
display:block;
margin: 0 0 0 0;}
.message_head .timestamp {
color: #666666;
font-size: 100%;
position: absolute;
right: 20px;
top: 13px;}
.message_head cite {
font-size: 100%;
font-weight: bold;
font-style: normal;
padding: 5px 0 5px 0;}
.message_body {
padding: 5px 10px 15px;}


/* ########################   news page   ########################  */

.news-photo-top {
 float:right;
 margin:20px 5px 10px 10px; padding:0;
 display:block;
}

.news-photo {
 float:right;
 margin:0 0 10px 10px; padding:0;
 display:block;
}



/* ########################  testimonials  ########################  */

.testimonial {
 display:block;
 margin:0 0 15px 0;
 padding:5px 12px 5px 12px;
 background:#f4f4f4;
 border: 1px solid #e2e2e2;
}


/* ########################   find us page   ########################  */

#callmeback .COGDealerDropDown {
 margin:0 6px 9px 0; padding:3px 0 0 0; 
 height:20px;
 width:270px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #5f6164;
 float:left;
}

#maingooglemap {
margin:15px 0 10px 0;}

#google-map {
 width:452px;
 height:392px;
 margin:10px 0 0 0; padding:3px 4px 3px 4px;
 background:url(../images/google-map-bg.jpg) top left no-repeat;
}

.findus-left {
 float:left;
 width:170px;
 margin:0; padding:0;
}

.findus-right {
 float:right;
 width:270px;
 margin:0 0 20px 0; padding:0;
}

#openinghourstable {
 font:11px/16px Arial, Helvetica, sans-serif; color: #414141;
 border:1px solid #c8c8c8;
 border-collapse:collapse;
 margin:0 0 15px 0; padding:0; 
 background-color:#efefef 
}

#openinghourstable p {
 margin:0; padding:0;
}

#openinghourstable td {
 border:1px solid #bfc4b8;
 margin:0; padding:5px;
}

#openinghourstable td.subheader {
 background-color:#ccd8ba; 
}

#openinghourstable th {
 border-left:1px solid #c8c8c8;
 border-right:1px solid #c8c8c8;
 border-bottom:1px solid #c8c8c8;
 background-color:#e1e1e1;
 font-weight:bold; 
 margin:0; padding:3px;
 color:#414141;
 text-align:left; 
}

#openinghourstable tr:hover {
 background-color:#FFF; 
}


/* ===== Tooltips ===== */

#tooltip {
	width: 345px;
	height:309px;
	border:0;
	position: absolute;
	text-align:center;
/*	background: url(/images/tooltip-bottom.gif) top right no-repeat;*/
	z-index: 3000;
	padding: 0;

}

#tooltip h5, #tooltip div { margin: 0; color: #0033FF; font-size:10px;}



.tooltipheader {
width:319px;
height:26px;
padding: 9px 42px 0 15px;
margin:0;
background: url(/images/tooltip-top.gif) top left no-repeat;
color:#FFFFFF;
font-size: 16px;}

.tooltipbody {
width:319px;
height:103px;
padding: 0 42px 0 15px;
margin:0;
background: url(/images/tooltip-bottom.gif) bottom left no-repeat;
color:#FFFFFF;
font-size:11px;}


/* ########################   main contact form   ########################  */

#contact {
 width:430px;
 padding:5px 15px 20px 15px;	
 font-weight:bold;
 background-image: url(/images/contact-us-bg.jpg);
 background-repeat: repeat-x;
 background-color: #e0e0e0
}

#contact  ul  {
	margin: 10px 0 5px 0; 
	padding: 0 3px 3px 0;
	list-style-type: none;
}	
#contact  ul li  {
	background-image:none;
	background-repeat: no-repeat;
	background-position: 0 .30em;
	padding: 0 0 3px 0;
	font-size:12px;
}

#contact p {
 font-weight:normal;
}

#contact label{
 float:left;
 width:140px;
 margin:10px 0 0 0;
 padding:0 5px 0 0;
 font-weight:normal;
}

#contact option{

 margin:0 0 0 0; padding:1px 0 1px 0;
}

.filledcontact-dropdown {
 height:18px;
 width:273px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #686868; 
 margin:10px 0 0 0; padding:3px 0 0 0;
}

.contact-dropdown {
 height:18px;
 width:280px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #686868; 
 margin:10px 0 0 0; padding:3px 0 0 0;
}

.contact-width {
 height:18px;
 width:268px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #686868; 
 margin:10px 0 0 0; padding:3px 0 0 5px;
}

#contact textarea{
 height:150px;
 width:273px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #686868; 
 margin:10px 0 0 0; padding:3px 0 0 5px;
}

#contact .contact_checkbox {
 width:15px;
 margin:0 4px 0 0; padding:0;
 border:0;	
}

#contact .contact-button {
 float:right;
 width:280px;
 height:38px;
 margin:2px 0 0 0; padding:0;
 background:url(/images/call-me-back-button.jpg) top left no-repeat;
 border:0;
 cursor:pointer;
}

/* ########################   footer   ########################  */

#footerfull{
	 width:100%;
	 height: 100%;
	 margin:0; padding:0 0 10px 0;
	 background-image: url(../images/fooger-bg.gif);
	 overflow: visible;
	 background-position: top center;
	 background-repeat: no-repeat;
	 background-color: #4a4a4a;
}

#footer {
	 width:940px;
	 margin:0 auto; padding:0;
	 color: #999999;
 	 background-image: url(../images/fooger-bg.gif);
	 overflow: visible;
	 background-position: top center;
	 background-repeat: no-repeat;

}

#footer h4{
	margin: 17px 0 18px 0;
	font-size: 20px;
}

.topfooter-wrapper {
 width:940px;
 margin:0 auto; padding:0 0 0 0;
}

.topfooter {
 width:940px;
 margin:0 auto; padding:7px 0 0 0;
}

.topfooter-left {
 float:left;
 width:210px;
 margin:0; padding:0;
}

.topfooter-right {
 float:right;
 width:270px;
 margin:0; padding:0;
}

.bottomfooter {
 width:920px;
 float:left;
 margin:0;
 padding:12px 10px 10px 10px;
 color:#868380;
}

#footer p  {
 font:11px/17px Arial, Helvetica, sans-serif;
 color:#999999;
 margin:0 0 7px 0;
}

#footer table {
 margin:0;
}

#footer table td {
 font-size:11px;
}

#footer a {
 color:#999999; 
 text-decoration:none;
}

#footer a:hover {
 color:#868380; 
 text-decoration:underline;
}

.footerone {
 float:left;	
 width:160px;
 min-height:140px;
 margin:0 180px 0 0; padding:0;

}
	
.footertwo {
 float:left;	
 width:220px;
 min-height:140px;
 margin:0 20px 0 0; padding:0;

}
	
.footerthree {
 float:left;	
 width:210px;
 min-height:140px;
 margin:0 110px 0 0; padding:0;
}
	
.footerfour {
 float:left;	
 width:280px;
 margin:0 0 0 0; padding:0;
}


/* --- terms --- */
#terms {
	margin: 0;
	padding: 2px 8px 5px 8px;
	background-color: #ebebeb;
}
#terms p {
	font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #4a4d47;
	margin: 0;
	padding: 6px 0;
}
#terms h1 {
	font: bold 17px Tahoma, Arial, Helvetica, sans-serif; color: #4a4d47;
	margin: 6px 0;
	padding: 0;
}
#terms a, #terms a:active, #terms a:visited {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #d56901; 
	text-decoration: none; 
}
#terms a:hover {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #d56901; 
	text-decoration: underline;
}


/* ==== Last Viewed ==== */
#content #home-searchbox #last-veiwed {
font: 11px/16px Arial,Helvetica,sans-serif;}
#content #home-searchbox #last-veiwed p{
text-transform:capitalize;
margin: 0 0 3px;}
#content #home-searchbox #last-veiwed h2 {
color: #81ACD1;
font: bold 14px/16px Arial,Helvetica,sans-serif;
letter-spacing: 1px;
margin: 0 0 5px;
padding: 0;}
#last-veiwed {
margin:10px 0;}
.last-viewed-left {
background-color: #FFFFFF;
float: left;
padding: 4px;
position: relative;
width: 90px;
z-index: 100;
-webkit-box-shadow: #898989 0px 0px 6px;
-moz-box-shadow: #898989 0px 0px 6px;
box-shadow: #898989 0px 0px 6px;
z-index: 98;
behavior: url(/scripts/pie/PIE.htc);}
.last-viewed-right {
float: right;
height: 75px;
position: relative;
width: 190px;
z-index: 98;}



/* ==== new layout ==== */
#left {
float: left;
margin: 0;
padding: 0;
width: 300px;}
#main-full {
float: right;
margin: 0 0 15px 20px;
padding: 7px 0 0;
width: 615px;}


/* ====  used vehicle list ===== */
#usedlist h2 {
color: #81ACD1;
font: bold 15px/20px Arial,Helvetica,sans-serif;
letter-spacing: 1px;
margin: 0;padding: 0;}
#usedlistwrapper ul li {
background-image: none;
font-weight:normal;
margin:0;
padding:0;}
#usedlistwrapper .listdescription {
color: #3D4046;
font-size: 16px;
font-style: italic;
letter-spacing: -1px;
margin:0 0 12px 0;}
#usedlistwrapper .listprice {
color: #3D4046;
font-size: 18px;
font-style: italic;
font-weight: bold;
letter-spacing: -1px;}
#usedlistwrapper .waslistprice {
color: #3D4046;
font-size: 18px;
font-style: italic;
font-weight: normal;
letter-spacing: -1px;}
#controls-wrapper {
margin: 10px 0; padding: 0;
width: 615px;
background: url("/images/quick-search-bg.jpg") repeat-x scroll left top #E0E0E0;
color:#000;}
#controls-pagination {
width: 615px;
height: 50px;
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;
margin: 10px 5px 0 0;}
.list-filter {
margin: 13px 0 0 10px;
float: left;
width:210px;
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;
float: right;
font: 11px/14px Arial,Helvetica,sans-serif;}
#pagination li {
margin: 0;}
#usedlistwrapper .COGPager .COGPagerItemSelected span{
background-color: #81abd1;
color:#fff;
font-weight:bold;
border:solid 1px #39839c;
margin:0 0 0 0;
font-size: 11px;}
#usedlistwrapper .COGPager span /* not a link style */{
border: 1px solid #b7b7b7;
color: #b7b7b7;
display: block;
font-size: 11px;
font-weight: bold;
height: 21px;
margin: 0 6px 0 0;
padding: 7px 0 0;
width: 27px;}
#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") repeat-x scroll left top transparent;
border: 1px solid #666666;
color: #3C3C3C;
display: block;
font-size: 11px;
font-weight: normal;
height: 21px;
margin: 0 6px 0 0;
padding: 7px 0 0;
text-decoration: none;
width: 27px;}
#usedlistwrapper .COGPager a:hover {
background-color:#81abd1;
text-decoration:none;
color:#fff;
border:1px solid #39839c;}
#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: url("/images/quick-search-bg.jpg") repeat-x scroll left top #E0E0E0;
width: 585px;
padding: 15px 15px 5px;
display:block;
font-size:11px;
margin-bottom:0;}
.usedlistvehicle-end {
background: url("/images/used-results/usedresult.jpg") repeat-x scroll left bottom;
margin: 0;}
.usedlistvehicle-image { 
margin:0; 
padding:2px;
background-color:#fff;
float:left; }
.usedlistvehicle-image-home {
margin:0; 
padding:0;}
.usedlistvehicle-right {
width: 400px;
float:right;
margin:0; 
padding:0 0 0 0;
color:#5E5E5E;
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;}
.usedlistvehicle-title {
    color: #81ACD1;
    float: left;
    font: bold 14px Arial,Helvetica,sans-serif;
    margin: 0 0 8px;
    padding: 0;
}



.data-table {
	background:#DDD;
	border:#CCC solid 1px;
	}
	
.data-table td {
	padding:5px;
	}
	
.data-table th {
	background:#CCC;
	padding:5px;
	border-bottom:#999999 solid 3px;
	}
	
	
/* ==== used cars slider =====*/

#detail-slide img { display: none;}
.activeSlide {color:#FFFFFF; border-color:#FFFFFF;}
#detail-slide img.firstbigimg { margin-left:-12px; display: block; }
#thumbsnav { float:left; padding:0; margin:0; }
#thumbsnav li{ display: block; list-style:none; float: left; padding:0; margin:0 5px 0 0;}




/* ########################   sIFR   ########################  */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
 visibility:visible !important;
 margin:0;
}

.sIFR-replaced {
 visibility: visible !important;
}

span.sIFR-alternate {
 position:absolute;
 left:0;
 top:0;
 width:0;
 height:0;
 display:block;
 overflow:hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
 display:none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h1, #content h2, #footer h4, #content h3, #header h1,{
 visibility:hidden;
}