﻿#wrapper {
	background: url(../images/bg.gif) repeat-y;
}

#menu li a {
	background: url(../images/tab.gif) no-repeat -118px 0px;
}

#menu li a:hover,
#menu li a.selected {
	background: url(../images/tab.gif) no-repeat 0px 0px;
}

#menu li.first a:hover,
#menu li.first a.selected  {
	background: url(../images/tab-home.gif) no-repeat 0px 0px;
}

#menu li.first a.unselected  {
	background: url(../images/tab-home.gif) no-repeat -121px 0px;
}

#menu li.last { /* Far right top nav "filler" piece */
	background: url(../images/tab-end-right.gif) no-repeat;
}

#footerShadow {
	background: url(../images/footershadow.gif) top no-repeat;
}

#footer {
	background: url(../images/bg.gif) repeat-y;
}

#footer .company {
	background: url(../images/footerbgstandard.gif) repeat-y;
}

#rightContent div.manufacturersNew {
	background: url(../images/manufacturers-bg-new.gif) no-repeat -2px 1px #FFFFFF;
}

#rightContent div.manufacturersUsed {
	background: url(../images/manufacturers-bg-used.gif) no-repeat -2px 1px  #FFFFFF;
}

.promotedOffers {
	background: url(../images/offer-bg.jpg) no-repeat 0px 0px;
}

.popular,
.showroom,
.recent {
	background: url(../images/functionality-bg.gif) top no-repeat #FFFFFF;  /* functionality-bg.gif is used for all site functionality backgrounds */
}

.advancedSearch table {
	background: url(../images/search-bg.gif) top no-repeat #FFFFFF;  /* functionality-bg.gif is used for all site functionality backgrounds */
}

fieldset.contactUs {
	background: url(../images/contactus-bg.gif) top no-repeat #FFFFFF;  /* functionality-bg.gif is used for all site functionality backgrounds */
}

.advancedSearch .left
{
	background: url(../images/search-bg-left.gif) top no-repeat #FFFFFF;
}
.advancedSearch .right
{
	background: url(../images/search-bg-right.gif) top no-repeat #FFFFFF;
}

.featuredOffers .offer,
.featuredModel
{
    background: url(../images/featured-car-bg.gif) bottom no-repeat #FFFFFF;
}

div.quicksearchNew {
	background: url(../images/quicksearch-bg.gif) top no-repeat #FFFFFF;
}

div.quicksearchUsed {
	background: url(../images/quicksearch-bg-used.gif) top no-repeat #FFFFFF;
}

#leftContent .quicksearchNew .bottom,
#leftContent .quicksearchUsed .bottom {
	background: url(../images/quicksearch-bg-bottom.gif) top no-repeat;
}

#rightContent .quicksearchNew .bottom,
#rightContent .quicksearchUsed .bottom {
	background: url(../images/quicksearch-bg-bottom-right.gif) top no-repeat;
}

.quicksearchNew .top,
.quicksearchUsed .top {
	background: url(../images/quicksearch-bg-top.gif) top no-repeat;
}

.featuredMake {
	background: url(../images/featured-car-bg-big.gif) top no-repeat;
}

#leftDetailContent #content {
	background: url(../images/car-left-bg-side.gif) right repeat-y;
	border: 1px dashed #fff;
}

#leftDetailContent #top {
	background: url(../images/car-left-bg-top.gif) bottom no-repeat;
}

#leftDetailContent #bottom {
	background: url(../images/car-left-bg.gif) top no-repeat;
}

#leftDetailContent #content .links a,
#middleDetailContent .quickVerdict a {
	background: url(../images/little-arrow.gif) 100% 50% no-repeat;
}

/* ligher grey #cccccc */
.imgLink,
.fixed,
.promotedOffers img,
#middleDetailContent .largeImage
{
	border-color: #cccccc;
}

.featuredMakes .make .right
{
    background-color: #cccccc;
}

#middleDetailContent table.spec td.title
{
	border-right-color: #cccccc;
}

.showroomDetailsAlt td,
.showroomDetails td
{
    border-right-color: #cccccc;
}

/* lightest green */

.resultList, .resultList td
{
    border-color: #9CD775;
}

.resultList .altrow td,
#middleDetailContent table.spec tr.alt,
#middleDetailContent .quickVerdict,
#middleDetailContent .tabs li a.unselected,
.showroomDetailsAlt
{
	background-color: #cdebba;
}

/* darker green */

.resultList .heading,
.contentSpacer,
#middleDetailContent .tabs li a.selected
{
	background-color: #9CD775;
}

.logonSpacer, .csmaSpacer
{
   background-color: #00853e;
}

 #logonHeading
 {
    color: #00853e;
 }
 
 .llcTop
 {
     color: #55BB11;
 }

.logonAccess
{
    border-color: #00853e;
}

#middleDetailContent .tabs {
	border-bottom-color: #9CD775;
}

/* cold green */
#leftDetailContent .saving
{
	color: #156c42;
}

/* red */

.resultList .saving, .sold, 
#middleDetailContent .quickVerdict h3,
fieldset.contactUs .mandatory,
.co2Hint table th
{
	color: #FF0000;
}

/* light grey #888888 */
h2,
.popular,
#rightContent div.manufacturers h3 a.unselected {
	color:#888888;
}

/* dark grey #333333 */

body { 
	color:#333333; 
}

/* darker grey #363636 */

#menu li a:link,
#menu li a:visited { 
	color:#363636; 
}

/* darker grey #666666 */

#middleContent h3,
#middleLeftContent h3,
#footer p,
#footer .openingHrs,
#disclaimer p,
p.explanation,
#leftDetailContent #content .prices,
#middleDetailContent .tabs li a,
#leftDetailContent .disclaimer
{
	color:#666666; 
}
/* blue #0055bb */

a,
#rightContent div.manufacturers h3 a.selected,
div.quickSearchHead h3 a.selected,
div.quickSearch a.advancedSearch,
fieldset.contactUs .interested p {
	color:#0055bb; 
}

/* pastel blue #3366cc */

#rightContent div.manufacturers h3,
div.quickSearchHead h3 {
	color:#3366cc;
}

/* light blue #7FBCFF */
#rightContent div.manufacturers ul li a:hover,
div.quickSearchHead h3 a.unselected {
	color:#7FBCFF;
}

/* greyish blue #D8E0EB */
div.quickSearch,
.hint
{
	background-color: #D8E0EB;
}

/* light grey #888888 */
div.advancedSearch
{
/*	background-color: #888888;*/
}

/* green #55BB11 */
h1,
h2.alt,
#middleContent h3.alt,
#middleDetailContent h3.alt,
#middleLeftContent .featuredOffers .offer h3,
.promotedOffers h3,
.justArrived,
.available,
.privacy p, .brochureEndSub,
#accessibility h2,  #sitemap h3
{
	color:#55BB11;
}

.featuredMakes .make .left,
.featuredMakeModels .model
{
    background-color: #55BB11;
}

.featuredMakes .make
{
    border-color: #55BB11;
}

/* white */
#menu li a:hover,
#menu li a:active,
.featuredMakes .make .left a:link,
.featuredMakes .make .left a:visited {
	color:#ffffff;
}

#middleDetailContent .largeImage
{
	background-color: #ffffff;
}

.featuredMakeModels .model p
{
	border-color: #ffffff;
}

/* black */
#menu li a,
.bread,
.bread a,
.promotedOffers a,
#leftDetailContent #content .prices span.alt,
#middleDetailContent .quickVerdict, .faqBookmark {
	color: #000000;
}

/* pale yellow */
.hint
{
	background-color: #ffffdd;
}


