@import "/css/cars/header.css";
/* ------------------------ General -------------------------- */
body {
	margin:0 0 0 10px; 
	padding:0; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	line-height:150%; 
	background-color: #fff; color: #333;
	}
p {
	margin:0 0 10px 0; 
	padding:0;
	}
ul { 
	margin:0 0 10px 0; 
	padding:0;
	}
ul li {	
	margin:0 0 5px 0; 
	padding:0 0 0 10px; 
	border:0; 
	list-style-type:none; 
	background: url(http://www.cars.com/images/homepage/2008/bullet_square.gif) no-repeat 0 .75em;
	}
a { 
	text-decoration: underline; 
	color:#003399;
	}
a:visited, a:active {
	color:#639; 
	}
a:hover {
	text-decoration:none; 
	}

/* ------------------------ forms -------------------------- */
	
form {
	margin: 0;
	}

/* ------------------------ buttons -------------------------- */

a.button, a.button:link, a.button:visited {
	background:transparent url(http://www.cars.com/images/homepage/2008/rightCap.gif) no-repeat right top; 
	color:#FFFFFF; 
	display:block; 
	float:left; 
	font:bold 13px Arial,Helvetica,sans-serif; 
	height:31px; 
	margin:15px 0 5px 0; 
	padding-right:6px; 
	text-decoration:none;
	}
a.button span {
	background:transparent url(http://www.cars.com/images/homepage/2008/leftCap.gif) no-repeat scroll 0%; 
	display:block;
	padding:6px 10px 10px 15px;
	margin-bottom:0; line-height: 15px;
	}
a.button:hover{
	color:#ffcc00;
	}

/* ------------------------ Page and Structure -------------------------- */

#page {
	width:930px; 
	}

#columnA {
	width:610px; 
	float:left; 
	margin-right:20px;
	} 
#columnB {
	width:300px; 
	float:left;
	} 
#columnC {
	} 

#header {
	margin-bottom:10px;
	}
#footer {
	clear:both;
	}
#Wrapper {
	clear: both;
	}

/* ------------------------ Headers -------------------------- */

h1 {
	font-size:30px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#330099; 
	margin:0 0 10px 0; 
	padding-bottom:1px;
	}
h1 a {
	padding: 25px 0 5px 15px; 
	display: block;
	}
h1 a:link {
	color: #330099; text-decoration: none;
	}
h1 a:visited {
	color:#330099; text-decoration:none;
	}
h1 a:hover {
	text-decoration:underline;
	}
h1 a:active {color: #330099;}

h2{
	font-size:16px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#df4600; 
	margin:0; 
	padding: 0;
	}
h2 a {
	display: block;
	}
h2 a:link {
	color:#df4600; 
	text-decoration:none;
	}
h2 a:visited { 
	color:#df4600; 
	text-decoration:none;
}
h2 a:hover {
	text-decoration:underline;
	}
h2 a:active {
	color: #df4600;
	}

h3 {
	color:#330099; 
	font:bold 14px Arial,Helvetica,sans-serif; 
	margin:0; 
	padding:0;
	}
h3 a {
	padding:5px 0pt 4px 15px; 
	display: block;
	}
h3 a:link {
	color: #330099; 
	text-decoration: none;
	}
h3 a:visited {
	color:#330099; 
	text-decoration: none;
	}
h3 a:hover {
	text-decoration: underline;
	}
h3 a:active {
	color:#330099;
	}

h4{
	font: bold 13px Arial, Helvetica, sans-serif; 
	color:#333333; 
	margin:0 0 5px 0; 
	padding: 0;
	}
h4 a {
	color: #330099; 
}
h4 a:link, h4 a:visited {
	text-decoration:none;
	}
h4 a:link {
	margin:0 0 5px 0; 
	}
h4 a:hover {
	text-decoration:underline;
	}

h5{
	font: lighter 11px Verdana, Arial, Helvetica, sans-serif; 
	color:#333333; 
	margin:0; padding:0;
	}


/* ------------------------NEW MODULE STYLES -------------------------- */
/* The following styels are for the new module. We should use these styles going forward */
.module{
	width: 100%; 
	margin-bottom:20px; 
	clear:both;
	background-color: #fff;
	}
.module h3 {
	background: url(http://www.cars.com/images/homepage/2008/headerTR.gif) no-repeat top right;
	}
.moduleHeader{
	width: 100%; background:url(/images/modules/moduleHeader.gif) no-repeat top left; 
	border-collapse:collapse;
	} 
.moduleBody{
	border-left:1px solid #E1E1E1; 
	border-right:1px solid #E1E1E1; 
	border-top:1px solid #E1E1E1; 
	padding:10px 15px 5px 15px; 
    margin: 0;
    overflow: auto;
	clear:both;
	}
.moduleFooter {
	background:url(/images/modules/moduleFooter.gif) no-repeat bottom left;
	clear:both;
	}
.moduleFooterBR{
	background:url(http://www.cars.com/images/homepage/2008/footerBR.gif) no-repeat bottom right;
	height: 12px;
	
	}
	
#tools {
	clear:both; 
	width:250px;
	}
#tools ul{
	margin-bottom: 0;
	}



/* ------------------------ More Links -------------------------- */
.moreLink {
	clear:both; 	
	font-size:10px; 
	color:#999999; 
	background-image:none;
	margin:0 0 0 10px;
	}
.moreLink a {
	color:#999999; 
	text-decoration: none; 
	font-weight:normal;
	}
.moreLink a:link {
	color:#999999; 
	text-decoration: none;
	}
.moreLink a:visited {
	color:#999999; 
	text-decoration: none;
	}
.moreLink a:hover {
	color:#333333; 
	text-decoration: none;
	}
.moreLink a img {	
	background-color: #999999; 	
	}
.moreLink a:hover img {	
	background-color: #df4600; 	
	}
#carReviews .moreLink, #videoReviews .moreLink {
	margin-left: 0;
	}

/* ------------------------ Cartalk -------------------------- */
div#carTalkLogo{
	width:63px; 
	height:37px; 
	padding-right:15px; 
	float:left;
	}

/* ------------------------ Video Thumbs -------------------------- */
#videoUnit {
	width: 50%; 
	height:45px; 
	float:left; 
	margin-bottom:10px;
	}
#videoUnit #videoPic {
	border:1px solid #666; 
	float:left; 
	margin-right: 2px; 
	width:67px;
	}
#videoUnit #videoLink {
	float:left; 
	width:62px; 
	line-height:135%;
	}

/* ------------------------ Editorial modules -------------------------- */
#editorial1.module {
	margin-bottom:0;
	}
#editorial1 div.moduleBody {
	background:url(http://www.cars.com/images/homepage/2008/editorial1_bg.jpg) no-repeat right top; 
	border-left:medium none; 
	border-right:medium none; 
	border-top: none; 
	height:170px; 
	padding:20px 0pt 0pt 20px;
	}
#main1 {}
#main1 p {
	width:220px;
	}
#editorial1.module h2 {
	font-size:18px; 
	margin-bottom: 15px;
	}
#editorialmodule2 {
	width:400px; 
	float:right;
	}
#editorialmodule2 div#mainPhoto2{
	float: right;
	}
#stories div.moduleBody {
	border-top:1px solid #E1E1E1; 
	height:85px; 
	padding-top:15px;
	}
div.story {
	float:left; 
	height:auto; 
	margin-left:30px; 
	width:auto;
	}
#story1 {
	margin-left:0pt;
	}
div.story h4 {
	color:#330099; 
	font-family:Arial,Helvetica,sans-serif; 
	font-size:13px; 
	margin-bottom: 10px;
	}
div#storyPic {
	float:left; 
	height:45px; 
	width:67px;
	}
div#storyLine {
	float:left; 
	height:45px; 
	margin-left:10px; 
	width:90px;
	}

/* ------------------------ Advert Wrapper -------------------------- */
.adWrapper {
	margin-bottom: 20px;
	}
.adWrapper p {
	font-size: 10px; 
	color: #999; 
	padding: 0; 
	margin:0;
	}
#secondaryColumn .adWrapper p {
	text-align: right;
	}
#rightRailAd {
	float:left; 
	margin:17px 0 0 10px;
	}
#rightRailAd .sub {
	margin-bottom:10px;
	}

/* ------------------------ Text Ads -------------------------- */
#textAdsWrapper{
	width:100%; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 40px; 
	margin-bottom: 20px;
	}
div.textAds {
	background-color: #f7f7f7; 
	border-color: #CCCCCC;
	border-bottom: 1px solid #E1E1E1; 
	border-top: 1px solid #E1E1E1; 
	overflow:hidden; 
	padding:10px 0;
	}
div.textAds .textAd1, div.textAds .textAd2, div.textAds .textAd3 {
	float: left; 
	width:278px;	
	padding: 0 15px 0 15px; 
	}
div.textAds .textAd2 {
	border-left: 1px solid #E1E1E1; 
	border-right: 1px solid #E1E1E1;
	}
div.textAds .adHead {
	font-weight: bold; 
	line-height:120%;
	}
div.textAds .adBody {
	margin-bottom:5px;
	}
div.textAds .adLink{
	font-size:90%;
	}

/*Buttons*/
div.mainButton{
	height:18px; 
	float:left; 
	display:inline; 
	background:transparent url(http://www.cars.com/images/homepage/2008/buttonbg.gif) repeat-x top left;
	border:1px solid #db6627; 
	padding:4px 0px 4px 0px; 
	background-color:#df4600;
	}
div.mainButton a:link, div.mainButton a:active, div.mainButton a:visited{
	font:bold 15px arial,verdana,sans-serif; 
	color:#FFFFFF; 
	text-decoration:none;
	}
div.mainButton a:hover{
	color:#fc0;
	}
div.mainButton a{
	padding:4px 15px 5px 15px;
	}
div.outerButton{
	height:auto; clear:both;
	}

/*Zip-error box*/
#zipError {
	display:none; 
	position:absolute; 
	left:100px; 
	top:50px; 
	background:#fff; 
	border:solid 7px #999; 
	width:411px; 
	height:210px; 
	z-index:2;
	}
#zipError #zipErrorHeader {
	height:60px;
	text-align:right; 
	background:#f1f1f1 url(/crphttp://www.cars.com/images/logoPopup.gif) no-repeat 5px 5px;
	}
#zipErrorHeader .closeLink {
	padding:5px;
	}
#zipError #zipErrorBody {
	margin:10px;
	height:100px;
	}
#zipErrorBody p {
	font-size:11px
	}
#zipErrorBody h2 {
	color:#DF4600; 
	font-size:140%; 
	margin:10px 0; 
	line-height:100%;
	}
#miniZip label {
	float:left; 
	margin:0 10px 0 0; 
	font-weight:normal; 
	font-size:100%;
	}
#okbutton {
	clear:both;
	margin-left:60px;
	height:17px; 
	position:relative;
	}
#okbutton #cancel{
	position:absolute; 
	top:15px; 
	left:54px;
	}
#okbutton .button {
	margin-top:10px;
	}

/* Buttons to Blogs in Footer  */
.carsfooter, .carslegal {
	font: 11px Verdana, Arial, sans-serif; 
	line-height:22px; 
	width:760px; 
	text-align:center;
	}
.carslegal, .carslegal a {
	font-size: 10px; 
	line-height:140%;
	}
div#blogButtonWrapper {
	width:592px; 
	height:60px; 
	margin-left:auto; 
	margin-right:auto;
	}
#blogButtonWrapper .button {
	width:148px; 
	float:left; 
	margin-left:auto; 
	margin-right:auto; 
	border:0; 
	padding:0;
	}
	

	
.blogLink {
	color:#999999; 
	font:normal 9px Verdana,sans-serif; 
	float:right;
	margin:7px 10px;
	}
.blogLink a, .blogLink a:link, .blogLink a:visited {
	font:normal 9px Verdana,sans-serif; 
	color:#999999; 
	text-decoration: none;
	}
.blogLink a:hover {
	color:#333333; 
	text-decoration: none;
	}

/*******************    DEALER SPECIALS MODULE **************************/
div.dSpecials {
	width: auto; 
	margin-top:5px; 
	background-image:url(http://www.cars.com/images/homepage/2008/dealerMid.gif);
	background-repeat:repeat-x; background-position:top left; display: block;
	} 
.dsRight {
	background: url(http://www.cars.com/search/images/homepage/2008/dealerTR.gif) no-repeat top right; 
	margin:0;
	}
.dsLeft {
	background: url(http://www.cars.com/search/images/homepage/2008/dealerTL.gif) no-repeat top left; 
	position: relative;
	}
.customAffTeaser {
	margin-bottom: 20px;
	}
.dsModule {
	width: auto; 
	padding:10px 0 0 10px; 
	margin:0 3px 0 3px; 
	height: 60px;
	}
.dsBadge {
	font-family: arial, helvetica, sans-serif;	
	font-size:13px;	
	color:#333333; 
	line-height: 22px; 
	height: 50px;
	}
.dealerSpecialsBttn {
	background: url(http://www.cars.com/search/images/dealerSpecialsLarger_Hover.gif) no-repeat -1000px 0px;
	}
.dealerSpecialsBttn a{
	padding:2px 20px 5px 22px; 
	color:#224201; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;	
	line-height:12px; 
	text-decoration:none;
	}
.dealerSpecialsBttn a:link {
	background: url(http://www.cars.com/search/images/dealerSpecialsLargeBack.gif) no-repeat 0px 0px;
	}
.dealerSpecialsBttn a:visited {
	color:#224201; 
	text-decoration:none; 
	background:url(http://www.cars.com/search/images/dealerSpecialsLargeBack.gif) no-repeat 0px 0px;
	}
.dealerSpecialsBttn a:hover {
	background:url(http://www.cars.com/search/images/dealerSpecialsLarger_Hover.gif) no-repeat 0px 0px; 
	color:#101F00; 
	text-decoration:none;
	}
.dealerSpecialsBttnNew {
	background: url(http://www.cars.com/search/images/dealerSpecialsNEWBttnHover.gif) no-repeat 0px 0px;
	}
.dealerSpecialsBttnNew a {
	padding:2px 12px 5px 22px; 
	color:#224201; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	line-height:12px; 
	text-decoration: none;
	}
.dealerSpecialsBttnNew a:link {
	background:url(http://www.cars.com/search/images/dealerSpecialsNEWBttnBack.gif) no-repeat 0px 0px;
	}
.dealerSpecialsBttnNew a:visited {
	background:url(http://www.cars.com/search/images/dealerSpecialsNEWBttnBack.gif) no-repeat 0px 0px; 
	color:#224201; 
	text-decoration:none;
	}
.dealerSpecialsBttnNew a:hover {
	background:url(http://www.cars.com/search/images/dealerSpecialsNEWBttnHvr.gif) no-repeat 0px 0px; 
	color:#101F00; 
	text-decoration:none;
	}

/*******************   Ask Module **************************/
#ask{
	background-image:url(http://www.cars.com/images/homepage/2008/askcar_bg.gif); 
	background-repeat:no-repeat; 
	height:190px; 
	margin-bottom:20px;
	} 
#ask div.moduleBody{
	border:0; 
	padding:0 15px 20px 0;
	}
#ask .question{
	padding-left:40px; 
	padding-bottom:0;
	}
div.asker{
	height:30px; 
	width:170px; 
	margin-top:5px; 
	float:right; 
	text-align:right;
	}
div#question1{
	float:left;
	}
#ask h2{
	font-size:18px; 
	margin:0; 
	padding-left:15px; 
	padding-top:5px;
	}
#ask h3{
	background-image:none; 
	padding: 13px 0 0 0;
	}
#ask h4{
	color:#609215; 
	padding-left:40px; 
	padding-top:7px; 
	margin:0;
	}
#ask h5{
	display: inline;
	}

#feedbackBar {
	margin-left:auto; margin-right:auto; 
	padding-top:5px; 
	background: url(http://www.cars.com/images/homepage/2008/betabar_small.gif) no-repeat; 
	width:509px; 
	height:29px;
	}
#feedbackBar .welcome {
	font:bold 13px Arial, sans-serif; 
	color:#fff; 
	margin:0 50px 0 20px;
	}



/* ------------------------Utility module styling -------------------------- */
.utility h3{
	background: url(/images/modules/rightCapTool.gif) no-repeat right top; 
	padding-top:10px;
	height:36px;
	margin:0;
	width:100%;
}

.utility .moduleHeader{
	background:url(/images/modules/leftCapTool.gif) no-repeat left top; 
	height:36px;
	width:100%;	
	} 

.utility {
	margin:0 20px 20px 0;

}

.utility .moduleBody {
	padding:0 0 0 15px;
	background:url(/images/modules/bodyTool.gif) repeat-x;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	border-top:none;
}


/* ------------------------Green module styling -------------------------- */
	
#greenmodule div.moduleHeader{
	background:url(http://www.cars.com/images/homepage/2008/greenMid.gif) repeat-x bottom left;
	}
#greenmodule div.moduleHeaderTR{
	background:url(http://www.cars.com/images/homepage/2008/greenTR.gif) no-repeat bottom right;
	}

#greenmodule h3 {
	background: url(http://www.cars.com/images/homepage/2008/greenTL.gif) no-repeat bottom left;
	}
#greenmodule h3 a {
	color: #fff; padding:13px 0pt 5px 15px;
	}
#editorialmodule2 h3{
	margin:0; background: url(http://www.cars.com/images/homepage/2008/sellTL2.gif) no-repeat top left;
	}
#editorialmodule2 h3 a {
	color:#df4600; padding: 10px 0 5px 15px;
	}
#Research h3 {
	color:#DF4600; 
	font: bold 13px Arial,Helvetica,sans-serif; 
	margin:0pt; 
	padding-bottom:10px;
	}



/* ------------------------ MAKE MODEL PAGE STYLES -------------------------- */	
/* The following styles at some point need to be added to a different style sheet because they're not global to the entire site. */
	
#header{
	margin-bottom:0px;
}

ul.breadCrumbs a {
	color:#999;
	text-decoration: underline;
}
ul.breadCrumbs a.last {
    text-decoration: none;
}
ul.breadCrumbs a:hover {
	color:#666;
}

ul.breadCrumbs li {
	background: none;
	display:inline;
	padding: 0;
    color: #999;
}
#ModelSearch label{
	margin:0;
	padding:5px 10px 0 0;
	font-weight:bold;
}
.yourzip{
	margin:-25px 0 0 60px;
}
.model {
	margin:5px 0 5px 0;
	padding:10px 0 12px 0;
	border-bottom: 1px solid #E1E1E1;
	overflow: auto;
}
.last{
	border-bottom: none;
}
.modelName {
	margin:0 0 0 100px;
}
.modelName h4 {
	color:#330099;
}
.modelPic {
	margin:0 10px 0 0;
	float:left;
	border: 1px solid #666;
}
.makeList {
	float:left;
	width:140px;
}
.modelList {
	float:left;
	width:190px;
}
#columnA{
	margin-bottom:70px;
}
a.button span {
	padding:6px 10px 10px 15px;
}
a.button, a.button:link, a.button:visited {
	margin:10px 10px 0 0;	
}
#footer div#blogButtonWrapper {
	margin-left:100px;
	width:592px;
}