/* ########################   Archie Moss 2010   ########################  */


/* Key

1. General Styles
2. Header
3. Navigation
4. Info Bar
5. Main content styles
6. Headers
7. Images
8. Quick Search
9. Offers of the Day
10. Grey Offers Box
11. New Car Pages


/*/



/* 1. General Styles */

* {
 margin:0;padding:0;
}
html, body, #pages, form {
 margin:0; padding:0;
 background:#e5e5e5 url(/images/body-bg.gif) top repeat-x;
 font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000;
 height: 100%;
}
body > #pages {
 height: auto;
 min-height: 100%;

}
#pages {
 width:970px;
 margin:0 auto; padding:0;
 background:#fff;
 border-right:4px solid #cecece;
 border-left:4px solid #cecece;
 height: auto;
 min-height: 100%;
}
.clearfix:after {content: ".";
 display:block;
 height:0;
 clear:both;
 visibility: hidden;
}
.clearfix {/* Hides from IE-mac \*/
 display: inline-block;
}
* html .clearfix {
 height:1%;
}
.clearfix {/* End hide from IE-mac */
 display: block;
}
.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;
 border-bottom:1px dotted #d8d8d8;
 margin:0 0 15px 0; padding:0 0 5px 0;
}



/* 2.  Header */

#header {
 width:950px;
 height:100px;
 margin:0 auto; padding:0;
 font:normal 11px/18px Arial, Helvetica, sans-serif; color:#989898;
}
.header-left {
 float:left;
 width:375px;
 margin:0; padding:0 0 0 10px;
}
#header .tel {
 float:right;
 margin:0; padding:0;
 display:block;
}



/* 3. Navigation  */

#navcontainer {
 width:960px;
 height:24px;
 margin:0 auto; padding:0 0 0 10px;
 background:url(/images/nav-bg.gif) top left repeat-x;
}
#nav, #nav ul {
 width:960px;
 height:24px;
 list-style:none;
 margin:0; padding:0;
}
#nav li {
 float:left;
 margin:0;
 overflow: hidden;
 display:inline;
}
#nav a {
 font: bold 12px Arial, Helvetica, sans-serif; color: #fff;
 text-decoration:none;
 display:block;
 margin:0; padding:4px 11px 5px 11px;
}
#nav a:hover {
 color:#4E4E4E;
 text-decoration:none;
 display:block;
 margin:0;	
}	
#nav li:hover{
 background:none;
}	
#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: 180px;
 float:left;
 padding:7px 0 7px 10px; 
 margin: 0;
 border-top:1px solid #525252;
 background:#343333;
 font:bold 12px Arial, Helvetica, sans-serif; color:#fff;
}	
#nav ul li a:hover { 
 margin:0;
 background:none;
 color:#ff2424;
} 
#nav ul li ul a:hover { 
 margin:0;
 color:#ff2424;
 background:#343333;
} 
#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:180px;
}



/* 4. Info Bar */

#info-bar {
 width:950px;
 height:21px;
 margin:0; padding:3px 0 0 20px;
 background:url(/images/info-bar-bg.gif) top left repeat-x;
 color:#000000;
}
.info-bar-left { 
 width:500px;
 float:left;
 margin:0; padding:0;
}
.info-bar-right { /* date */
 float:right;
 width:160px;
 margin:0; padding:0 20px 0 0;
 text-align:right;
}



/* 5. Main content styles  */

#content {
 width:970px;
 margin:0 auto; padding:0 0 149px 0; /* must be same height as the footer */
}  
#main {
 width:950px;
 margin:0 auto; padding:30px 0 0 0;
}
#left {
 float:left;
 width:230px;
 margin:0; padding:0;
}
#left a, #left a:link, #left a:active, #left a:visited {
font-weight:bold;
color:#000000;
text-decoration:none;
}
#left a:hover {
text-decoration:underline;
}
#right {
 float:right;
 width:710px;
 margin:0; padding:0;
}
#right p {
 margin:0 0 10px 0; padding:0;
}
#right a, #right a:link, #right a:active, #right a:visited {
font-weight:bold;
color:#de0000;
text-decoration:none;
}
#right a:hover {
text-decoration:underline;
}
.home-main-left {
 float:left;
 width:470px;
 margin:0; padding:0;
}
.main-left {
 float:left;
 width:470px;
 margin:0; padding:3px 0 0 0;
}
.main-left ul {
 margin:0 0 10px 30px; padding:0;
 list-style-type:disc;
}
.main-left ul li {
 margin:0; padding:0;
}
.main-right {
 float:right;
 width:230px;
 margin:0; padding:0;
}



/* 6. Headers */

h1 {
 font:normal 26px/32px Arial, Helvetica, sans-serif; color:#333333;
 margin:0 0 10px 0; padding:0;
}
h2 {
 font:normal 18px/24px Arial, Helvetica, sans-serif; color:#333333;
 margin:0 0 10px 0; padding:0;
}



/* 7. Images */

.home-banners {
 margin-bottom:6px;
}
.home-banners-last { /* bottom banner */
 margin-bottom:15px;
}



/* 8. Quick search */

.red-box {
 width:210px;
 margin:0 0 6px 0; padding:6px 10px 16px 10px;
 background:url(/images/speedy-search-bottom.gif) bottom left no-repeat #e21f1f;
 color:#fff;
}
.red-box-header {
 font-size:24px;
 color:#fff;
 background:url(/images/speedy-search-top.gif) top left no-repeat #e21f1f;
 margin:0;padding:12px 10px 0 10px;
 display:block;
}
.search-divide {
 margin:10px 0 7px 0;
}
#quicksearch {
 width:210px;
 overflow:hidden;
 margin:10px 0 10px 0; padding:0;
}	
.COGCarMakeDropDown, .COGCarModelDropDown, .COGDealershipDropDown, .COGCarVersionDropDown, .COGCarFuelDropDown, .COGCarTransmissionDropDown, .COGCarPriceFromDropDown, .COGCarPriceToDropDown {
 font:bold 10px Arial, Helvetica, sans-serif; color: #465462;
 width:210px;
 margin:0 0 6px 0; padding:4px;
}		
#quicksearch .COGCarSearchButton {
 width:210px;
 font-size:11px;
 margin:0; padding:2px 0 2px 0;
 cursor:pointer;
}
#used-model-search {
 margin:10px 0 0 0;
}
#used-model-search .usedmodel-thumb {
 margin:0 0 2px 0;
}



/* 9. Offers of the Day */

.purple-box {
 width:210px;
 margin:0 0 6px 0; padding:6px 10px 16px 10px;
 background:url(/images/ottd-bottom.gif) bottom left no-repeat #33479d;
 color:#fff;
}
.purple-box-header {
 font-size:24px;
 color:#fff;
 background:url(/images/ottd-top.gif) top left no-repeat #33479d;
 margin:0;padding:12px 10px 0 10px;
 display:block;
}
#cotd {
 width:210px;
 margin:0; padding:0;
}
#cotd a, #cotd a:link, #cotd a:active, #cotd a:visited, #cotd a:hover {
 color:#fff;
 font-weight:normal;
}
.cotd-price {
 font-size:22px;
 font-weight:bold;
}
.cotd-polaroid {
width:200px;
height:144px;
margin:0; padding:6px 5px 24px 5px;
background:url(/images/cotd-polaroid.jpg) top left no-repeat;}



/* 10. Grey Offers Box */

.grey-box {
 width:210px;
 margin:0 0 6px 0; padding:6px 10px 10px 10px;
 background:url(/images/grey-box-bottom.gif) bottom left no-repeat #383838;
 color:#fff;
}
.grey-box-header {
 font-size:24px;
 color:#fff;
 background:url(/images/grey-box-top.gif) top left no-repeat #383838;
 margin:0;padding:12px 10px 0 10px;
 display:block;
}

.accessories-img{
	margin-bottom: 10px;
}

.ebay-logo{
	float: right;
}


/* 11. New Car Pages */

#newcarthumbs{
	width: 470px;
}

.newcarthumb{
	width: 150px;
	float: left;
	margin: 0px 10px 0px 0px;
}

.newcarthumb-right{
	width: 150px;
	float: right;
}




.new-car-price {
 color:#e21f1f;
}
.new-car-tel {
 font-size:16px;
 line-height:24px;
}
#new-cars-left {
 float:left;
 width:280px;
 margin:0; padding:0;
}
#new-cars-right {
 float:right;
 width:180px;
 margin:0; padding:0;
}
#new-cars-right a, #new-cars-right a:link, #new-cars-right a:active, #new-cars-right a:visited {
font-weight:bold;
color:#000000;
text-decoration:none;
}
#new-cars-right a:hover {
text-decoration:underline;
}
#new-cars-right ul {
 margin:0 0 10px 15px; padding:0;
 list-style-type:disc;
}
#new-cars-right ul li {
 margin:0; padding:0;
}
.newcar-box {
 width:160px;
 margin:0 0 10px 0; padding:6px 10px 16px 10px;
 background:url(/images/newcar-box-bottom.gif) bottom left no-repeat #b94040;
 color:#fff;
}
.newcar-box-header {
 font-size:14px;
 color:#fff;
 font-weight:bold;
 background:url(/images/newcar-box-top.gif) top left no-repeat #b94040;
 margin:0;padding:12px 10px 0 10px;
 display:block;
}
.download-brochure {
 float:left; 
 margin:0 10px 0 0; padding:0;
}

/* new car slideshow */

#imageSlideshowHolder {
 width: 470px;
 height: 221px;
 margin: 0 0 15px 0; padding: 0;	
 background-color: #fff;
 position: relative;	/* Never change this value */
}
.imageInGallery {		
 width: 470px;
 height: 221px;
 background-color: #fff;
 /* Never change these 3 value */
 left: 0px;
 top: 0px;
 position: absolute;	
}
#imageSlideshowHolder img {
 position: absolute;
}



/* 12. Used Car Search */

/* 13. Used Car Results */

#usedlistwrapper {
 float:left;
 width:710px;
 margin:0; padding:3px 0 0 0;
}

#usedlistvehicle a,
#usedlistvehicle a:link,
#usedlistvehicle a:visited,
#usedlistvehicle a:active{
display:block;}

.list-instock {
 font-weight:bold;
 color:#d23636;
}


.veh-details{
width: 180px;
float: left;
font-size: 11px;
}

.used-price{
background-color: #DE0000;
color: #fff;
 font:bold 15px Arial, Helvetica, sans-serif;
 margin:0 0 10px 0; padding:2px 15px 2px 15px;
}


/* list controls */

#list-controls {
 width:710px;
 float:left;
 margin:0 0 10px 0; padding:0;
 background:#d6d6d6;
}

.pagecount-bg {
 float:left;
 width:178px;
 background:#d6d6d6;
 margin:0; padding:5px 0 4px 5px;
}

#pagination {
 float:right;
 height:27px;
 overflow:hidden;
 margin:0; padding:0;
 background:#fff;
}

ul.COGPager {
 float:right;
}

#usedlistwrapper .COGPager li {
 display:inline;
 text-align:center;
 list-style-type: none;
 float:left;
 margin:0 4px 0 4px; padding:0;
}

#usedlistwrapper .COGPager .COGPagerItemSelected span { /* current page */
 background-color:#929292 !important;
 color:#eaeaea;
 margin:0 0 0 -1px;
 padding:3px 0 4px 0;
 font-weight:bold;
 border:1px solid #929292;
}

#usedlistwrapper .COGPager span { /* arrow not a link */
 background-color:#d2d2d2;
 color:#3f3f3f;
 display:block;
 margin:0;
 width:37px;
 padding:3px 0 4px 0;
 border:1px solid #d2d2d2;
}

#usedlistwrapper .COGPager li.COGPagerNext { /* next page arrow*/
 width: 37px;
 background:#F03;
 margin:0; padding:0;
}

#usedlistwrapper .COGPager a:link,
#usedlistwrapper .COGPager a:visited,
#usedlistwrapper .COGPager a:active { /* other pages inc next and back arrows */
 text-decoration:none;
 color:#3f3f3f;
 width: 35px;
 margin:0 0 0 0;
 display:block;
 padding:3px 0 4px 0;
 border:1px solid #d2d2d2;
 background:#d2d2d2;
}

#usedlistwrapper .COGPager a:hover { /* any link hover effect */
 text-decoration:none;
 color:#fff;
 border:1px solid #dc060a;
 background:#de0000;
}

#usedlistwrapper .COGPager li.COGPagerItem,
#usedlistwrapper .COGPager li.COGPagerItemSelected  /* hides the pagination display */{
 width: 35px;
 margin:0 5px 0 0;
 padding:0;
 text-align:center;
 display:block;
}

#usedlist a, #usedlist a:link, #usedlist a:visited, #usedlist a:active {
 font-weight:normal;
 text-decoration:none;
 display:block;
 cursor:pointer;
}

#usedlist a:hover {
 font-weight: normal;
 color:#262424;
 text-decoration:none;
 display:block;
 cursor:pointer;
}

/* cars */
.usedlistvehicle {
 width:688px;
 background:#f9f9f9;
 margin-bottom:10px;
 padding:10px;
 border:1px solid #d6d6d6;
}

.managers {
 border:solid 1px #93baed;
 background:url(/images/managers-special-bg.jpg) bottom right no-repeat #fff;
}

.usedlistvehicle-image { 
 margin:0; padding: 0;
 float:left;
}

.usedlistvehicle-right {
 width:500px;
 float:right;
 margin:0; padding:6px 0 0 0;
 color:#414141;
 line-height:22px;
}

#usedlist p {
margin:0 0 6px 0;}

#usedlist .usedlistvehicle-title {
 font:bold 15px Arial, Helvetica, sans-serif;
 margin:0 0 10px 0; padding:0;
 color:#000;
}

#usedlist .list-features {
color:#3f3f3f;
font-size:11px;}







/* 14. Used Car Details */

/* used details page */

.details-left {
 float:left;
 width:379px;
 margin:0; padding:0;
}

.details-right {
 float:right;
 width:281px;
 height: 675px;
 margin:0; padding:20px 20px 0 20px;
  color:fff;
 background:url(/images/details-photos-bg.gif) top left no-repeat #14287f	;
}

.details-right-end{
float: right;
width: 321px;
height: 24px;
margin: 0px 0px 0px 20px; padding: 0;
background:url(/images/details-photos-bottom.gif) top left; 
}

.details-price {
 color:#fff;
 font-size:20px;
 font-weight:bold;
 margin:0 0 5px 0; padding:7px 0 10px 20px;
 background:url(/images/details-price-bg.gif) top left; 
 background-repeat: no-repeat;
 display:block;
}

.featurestable {

 background:#f9f9f9;
 margin-bottom:10px;
 padding:10px;
 border:1px solid #d6d6d6;
 width:359px;

}

.featurestable table {
 margin:0 0 12px 0; padding:0;
}

.featurestable td {
 margin:0; padding:3px;
}

.mainimage {
 border:1px solid #D6D6D6;
 margin:0 0 10px 0;
 padding:0;
}

.thumbs {
 margin:0 0 5px 0; padding:0;
}

.details-thumb {
 width:87px;
 margin:0 7px 7px 0; padding:1px;
 background:#63646c;
}

.details-thumb2 {
 width:87px;
 margin:0 0 7px 0; padding:1px;
 background:#63646c;
}

.dealer-details p {
 color:#fff;
}

#right .dealer-details a:link, #right .dealer-details a:active, #right .dealer-details a:visited{
 color: #fff;
}

#right .dealer-details a:hover{
color: #fff;
}

.details-dealer-header {
 font-size:18px;
 line-height:1em;
 height:20px;
 color:#fff;
 margin:0 0 5px 0; padding:0;
}

.details-tel {
 font-size:14px;
 font-weight:bold;
}


#details-links {
 margin:0 0 20px 0; padding:0;
}

#details-links p {
 margin:0 0 6px 0; 
 color: #000;
 width: 281px;
 height: 34px;
 padding: 0;
}

#details-links a, #details-links a:link, #details-links a:active, #details-links a:visited {
 color: #000;
 }
	
#details-links a:hover {
 color: #fff;

}



/* Contact Form */

#contact fieldset {
 width:428px;
 float:left;
 margin:0 0 15px 0; padding:20px 20px 10px 20px;	
 border:1px solid #d6d6d6;
 -moz-border-radius:4px;
}
#contact p {
 margin:0 0 10px 0; padding:0;
}
#contact legend {
 margin:0; padding:0 4px 0 4px;
 font-weight:bold;
}
#contact label {
 float:left;
 width:168px;
 margin:0;
 padding:0;
 font-weight:normal;
}
.filledcontact-dropdown {

 width:243px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #465462;
 margin:0; padding:4px 0 0 4px;
}
.contact-dropdown {

 width:250px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #465462;
 margin:0; padding:4px;
}
.contact-width { 

 width:243px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #465462;
 margin:0; padding:4px 0 0 4px;
}
#contact textarea{
 height:150px;
 width:243px;
 font:bold 10px Arial, Helvetica, sans-serif; color: #465462;
 margin:0; padding:4px 0 0 4px;
}
#contact .contact_checkbox {
 width:15px;
 margin:0 4px 0 0; padding:0;
 border:0;	
}
.contact-button {
width:252px;
float:right;
margin:0 8px 10px 0; padding:0;
}
#contact #errors {
 font-size:12px;
 float:right;
 margin:0 100px 0 0; padding:0;
}

/* footer */

#footer {
 position: relative;
 width:930px;
 margin:-129px auto 0 auto;/* negative value of footer height */
 padding:0 20px 0 20px;
 font:normal 12px/18px Arial, Helvetica, sans-serif; color:#989898;
 height: 129px;
 border-right:4px solid #cecece;
 border-left:4px solid #cecece;
 clear:both;
 background:url(/images/footer-bg.gif) top left repeat-x #fff;
} 
#footer p {
 font:normal 12px/18px Arial, Helvetica, sans-serif; color:#989898;
 margin:0 0 10px 0; padding:0;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited {
 font:normal 12px/18px Arial, Helvetica, sans-serif; color:#989898;
 text-decoration:none;
}
#footer a:hover {
 font:normal 12px/18px Arial, Helvetica, sans-serif; color:#989898;
 text-decoration:underline;
}
.footer1 {
 width:180px;
 float:left;
 margin:0 7px 0 0; padding:10px 0 0 0;
}
.footer2 {
 width:340px;
 float:left;
 margin:0; padding:10px 0 0 0;
}
.footer-logo {
 float:right;
 margin:0;padding:0;
}



/* Advanced Search */

#advancedsearch fieldset {
 width:428px;
 float:left;
 margin:0 0 15px 0; padding:20px 20px 10px 20px;	
 border:1px solid #d6d6d6;
 -moz-border-radius:4px;
}
#advancedsearch p {
 margin:0 0 10px 0; padding:0;
}
#advancedsearch legend {
 margin:0; padding:0 4px 0 4px;
 font-weight:bold;
}
#advancedsearch label {
 float:left;
 width:168px;
 margin:0;
 padding:0;
 font-weight:normal;
}

.COGCarSearchButton {
width:210px;
margin: 0; 
padding:0;

 
}
#advancedsearch #errors {
 font-size:12px;
 float:right;
 margin:0 100px 0 0; padding:0;
}


/* Special Offers */

#special-offer{
	background-color: #c90606;
	height: 164px;
	width: 470px;
	margin: 0 0 10px 0;
	padding: 0px;
}

.special-offer-left:hover, .special-offer-right:hover{
cursor: hover;
}

.special-offer-left{
height: 26px;
margin: 4px 0 0 4px;
width: 436px;
float: left;
}

.special-offer-right{
width: 26px;
margin: 4px 4px 0 0;
height: 26px;
float: right;
}

#special-offer a:link, #special-offer a:active,#special-offer a:visited,#special-offer a:hover{
color: #fff;
font-size: 16px;
text-decoration: none;
cursor: pointer;
}

/* FIND US */

#findus-box{
width: 450px;
padding: 10px;
margin: 10px 0 20px 0;
background:#F9F9F9 none repeat scroll 0 0;
background-image: url(/images/findus-box-bg.jpg);
background-position: right bottom;
background-repeat: no-repeat;
border:1px solid #D6D6D6;
}

#findus-box select{
width: 300px;
}

.address-text{
font-size: 14px;
}