body { 
	margin: 0; padding: 0; }

	.hidden {
		display: none; }
	
	.clear {
		clear: both; }
	
	.clearer {
		clear: both;
		height: 0;
		margin: 0; padding: 0;
		font-size: 0; line-height: 0; }
	
	.clearerRight {
		clear: right;
		height: 0;
		margin: 0; padding: 0; }
	
	.clearerLeft {
		clear: left;
		height: 0;
		margin: 0; padding: 0; }
		
	/* .clearSet { }  +++set this in the theme.dcss+++  */

	.auto {
		width: auto; }

	a#ddcLink { display: block; width: 120px; height: 19px; background-position: top left; background-repeat: no-repeat; }
	a#ddcLink span { display: none; }
	
* html a span {cursor: hand;}
/* turn off outline in FireFox
-------------------------------------------------------------- */
	a {outline:none;}
/* turn off border on inputs with the following class names
-------------------------------------------------------------- */
input.checkbox,
input.radio {border:0;}


















/* pageset layout styles */
h2#pageTitle {
	margin: 20px 200px 0 0; padding: 0; }
.content {
	margin: 0 200px 0 0; padding: 0 15px 0 10px; }

.sidebar {
	float: right; margin: 0; padding: 0;
	width: 200px; }
	/*\*/ * html .sidebar { height: 1%;display:inline; } /* */
	.sidebar .clearer, .sidebar .clearSet { /* fixes sidebar stretch in FF and Safari */display: inline; }

/* MAIN BODY WRAP wraps around contentWrap in compatible variations */
#mainBodyWrap { margin: 0 auto; padding: 0; }
	* html #mainBodyWrap { text-align /**/: left; } /* ie 5.5 and below */

/* -- Content Wrap -- */
#contentWrap { margin: 0; padding: 1px 0 0 0; /* allows for top margin settings on elements nested inside */}
	* html #contentWrap { height: 1px; }
	*:first-child+html #contentWrap {height:auto;}
	* html #contentWrap .mainClear { margin-top /**/: 20px; } /* ie 5.5 and below */

#imgNav { display: none; }




















/* <link rel="stylesheet" type="text/css" href="$paths.stylesheet( "XHTML_FOOTER","STACK-RIGHT" )"> */
/* ################## footer styles ################## */
#ddclogo {float: left;margin: 0; padding: 0;width: 120px;}
#fContact  ul,#fNav ul {font:normal 12px arial,helvetica,sans-serif;}
#fContact {float: left;}
#fContact  ul {display: inline; list-style-type: none;margin: 0; padding: 0;text-align: left;}
	#fContact ul li {display: inline;margin: 0; padding: 0;}

#fNav {float: right;clear:right; white-space: nowrap;}
	#fNav ul {display: inline; list-style-type: none;margin: 0; padding: 0;}
	#fNav ul li {display: inline;margin: 0; padding:0;font-size:0.9em;letter-spacing:1px;}
	#fNav ul li a {padding: 0; font-weight: bold;}
	#fNav .fPipe {padding:0 6px 0 4px;}	
	
/* ie double float margin for ie 6 and below */
* html #fContact,* html #fNav {display:inline;}



























 #navWrap {
	display: block;
	width: 180px;
	margin: 0;padding:0;	
}
#siteNav, #siteNav ul {list-style:none;margin: 0; padding: 0;}

#siteNav li {
	cursor:pointer;
	width: 180px;
}
#siteNav li ul {display: none;}
#siteNav li.open ul {display: block;}
/* anchor stuff */
#siteNav a {display: block;width: 180px;}
#siteNav li a {text-indent: 3px; text-decoration: none;}
#siteNav li li a {text-indent: 6px;font-size: 0.85em;}





















/* dearborn css  */
/* basics */
body {font-size: 100%;}
a img {border: 0;text-decortation:none;}
a
.smalltext,
h5.smalltext {font-size: 0.7em;}
/* updated forms
-------------------------------------------------------------- */
form fieldset,
input,
select,
textarea {border:1px solid;}
input.radio,
input.checkbox {border:0;}
.serviceInfo input,
.appointmentInfo input {border:0;}

#oContainerWrap {width: 830px;}
/* full width settings in page.dcss */

/* Header area */
#mainHeaderWrap {
	height: 74px;width: 100%;
	margin: 0;padding: 0;
}
	/* default flash header styles */
	#franLogoWrap {float: left;display: inline; width: 122px; margin: 9px 0 0 34px;}
	#accountInfoWrap {margin-right: 20px;text-align: right;}

/* variation content and nav areas. */
#mainBodyWrap {margin: 0; padding: 0 0 1px 0;}
	* html #mainBodyWrap {height: 1%;}
	#navCol {float: left;width: 165px;margin: 0;padding: 0;}
		#navCol {font-size: 12px;}
		#navCol a {font:bold 0.9em arial, sans-serif;text-transform: uppercase;}	
		#buildACar a {
			display: block;
			height: 25px;he\ight: 17px;width: 165px;
			padding-top: 8px;
		}
		#navCol h4 {width: 165px;margin:0; padding:0;}
	/* siteNav */
	#navWrap {width: 165px;border: 0;padding: 0;}
		#siteNav {margin: 0; padding: 0;}
		#siteNav li {width: 163px;padding: 0;}		
			#siteNav li.open {height: auto;padding-bottom: 0; border-bottom: 0;}
			#siteNav li.open ul {margin: 0; padding:0;}
			#siteNav li li {width: 162px;margin:0; padding:0;}
		#siteNav a {height: 24px;he\ight: 19px;width: 163px;padding: 5px 0 0;line-height: 18px;}
			#siteNav li a {text-indent: 8px;}
			#siteNav li.open a {margin: 0;}
			#siteNav li.open li,
			#siteNav li.mHOME {border-bottom: 1px solid;}
				#siteNav li li a {he\ight: 16px;width: 162px;padding: 3px 0;line-height: 16px;text-indent: 10px;}
	/* smartbrowse */
	#BODY_SPLASH_NEW_SMARTBROWSE,
	#BODY_SPLASH_USED_SMARTBROWSE {padding-top: 10px;}
	#BODY_SPLASH_NEW_SMARTBROWSE input,
	#BODY_SPLASH_USED_SMARTBROWSE input {padding: 3px 0 0 0;margin:0 0 0 5px;}
	#BODY_SPLASH_NEW_SMARTBROWSE select,
	#BODY_SPLASH_USED_SMARTBROWSE select {width: 150px; margin: 5px 0 0 5px;}	
	/* default structure layout*/	
	#contentWrap {float: none;display: block;margin:0 9px 0 165px;padding: 0;background-color: transparent;}
	/* end default */
	/* alternate floated structure -- use when nested items in contentWrap are floated left and need to be cleared */
		#BODY_CARBUILDER #contentWrap,
		#BODY_NEWS #contentWrap,
		#BODY_PARTS_CENTER #contentWrap,
		#BODY_SERVICE_CENTER #contentWrap {float: left;display: inline;width:656px;margin:0 9px 0 0;}
	/* end alt */
.mbClear {clear:both; height: 0; margin:0; padding: 0; font-size: 0; line-height: 0;}
/* pageTitle */
#pageTitle {display: none;margin: 0; padding:0;}
#titleWrap {height: 25px;margin-bottom: 15px;}
	#globalPrint {display: inline;float: right; width: 110px;margin: 0; padding:1px 0 0 0;}
	#vPageTitle {
		height: 25px;width: auto;
		margin: 0 152px 0 0; padding:0;
	}
	#globalPrint a {display: block; width: 100px; height: 25px;}
	
.printlink, .printlinkAlt {display: none;}/* old style printlink */

/* content */	
.content {margin-right:auto;padding-bottom: 1px;}	
.content .clear, .content .clearer {clear: left;}
/* sidebar */
.sidebar {
	width: 180px;w\idth: 170px;
	margin:0 2px 5px 10px;padding: 10px 0 0 10px;
}
#contactInfo dd { margin: 0; padding: 0; }
#contactInfo dd.city, #contactInfo dd.state, #contactInfo dd.zip { display: inline; }
.sidebar ul {list-style:none; margin:5px 0;padding:0;}
.sidebar h3 {margin: 0; padding:3px 20px 3px 0;}
	.sidebar dl {margin: 5px 0;}
	#newsTitles dt {margin: 5px 0 0 0;}
	#newsTitles dd {margin: 0;}
/* pageNav */
	.btnUL {width: 162px;margin: 0;padding: 0;}
		.btnUL li {margin: 0; padding:0;}
		.btnUL li {	width:162px;margin:0;padding: 0;}
			.btnUL li a {
			display: block;
			width:162px; w\idth: 150px;
			margin:0;padding: 3px 0 3px 6px;
		}
/* common PAGE settings */
/* bodyshop & collision */
#BODY_BODY_SHOP .submit {float:right;}
.widgetContentBlock {margin-top:20px;}
/* carbuilder */
#BODY_CARBUILDER .content {margin: 0;padding: 0;}
#BODY_CARBUILDER iframe#cbFrame {width: 652px;}
#BODY_CARBUILDER .sidebar {display: none;}
/* carfinder */
.formLabel {white-space: nowrap;}
#BODY_CARFINDER form,
#BODY_CARFINDER input,
#BODY_CARFINDER textarea {font-size: 1em;}
#BODY_CARFINDER select {font-size: 0.95em;}
#BODY_CARFINDER .form th {padding: 0 0 10px 0;}
#BODY_CARFINDER .formHeader {text-align: left;}
#BODY_CARFINDER #frmOne select,
#BODY_CARFINDER #frmOne input {width:140px; }
#BODY_CARFINDER #frmTwo select,
#BODY_CARFINDER #frmTwo input {width:120px; }
#BODY_CARFINDER #frmTwo select#model { width: auto; min-width: 120px; }
#frmOne {width: 250px;float: left;}
#frmTwo {float: right;width: 355px;}
#frmThree {width: 250px;clear: left}
#frmThree td.formLabel {padding-left: 50px;}
#frmThree textarea.formElement {width: 350px; margin: 0 auto;}
#BODY_CARFINDER .submitBtn {display: block;width: 65px;margin: 30px 0 0 70px;}
/* contact form */
#tblContact textarea {width: 330px;}
/* finance Calc */
#BODY_FINANCE_CALCULATOR .form {padding: 0;}
#BODY_FINANCE_CALCULATOR .financeCalcHolder {clear:none;}
/* finance center */
#BODY_FINANCE_CENTER .contentColB a {font-size: 0.8em;text-decoration:none;}
/* finance app */
#BODY_FINANCE_FORM .content .clear {display: inline;}/* ff need this for current "stepped" finance forms in order to keep the page height from expanding with each step*/
/* inventory */
table.tblInventory tr a {font-family:arial, helvetica, sans-serif;font-size:12px;text-decoration:none;}
					/* ---be careful there may be confilcts with smart browse in navCol */
.smartBrowse select {width: 150px;}/* this is in navCol */
.vehicleCompare table {float: right;}
#contentWrap select.sortBy,
#contentWrap select.formelement {font-size: 0.85em;}
#contentWrap select.formelement {width: 170px;}
#contentWrap select.sortBy,
#contentWrap select.SByear,
#contentWrap select.SBmake {width: 120px;}
/* news */
.newsGrouping img {float: left;margin: 0 10px 10px 3px;}
.newsGrouping h4 {margin: 0 0 5px 0; padding: 0;}
.newsGrouping .clear {height: 0; line-height: 0; font-size: 1px;}
/* parts_order_form */
#BODY_PARTS_ORDER_FORM .content .clearer,
#BODY_PARTS_ORDER_FORM .content .clear {display: inline;}
/* service_appt_form */
#BODY_SERVICE_APPT_FORM .content .clearer,
#BODY_SERVICE_APPT_FORM .content .clear {display: inline;}
/* tradin form */
#BODY_TRADEIN_FORM .clearer,
#BODY_TRADEIN_FORM .clear {display: inline;}
#BODY_TRADEIN_FORM .content {width: 720px;}
#frmTradeIn {padding: 0;font-size: 0.9em;}
#frmTradeIn table {margin: 0 0 20px 0; padding-top: 1px;}
.contactInput,
.vehicleInfoInput,
.vehicleHistory {float: left; width: 300px;}
.optionsInput,
.vehicleValue,
.titleHistory {width: 390px;margin-left: 320px;white-space: normal;}
.vehicleValue {height: 260px;}
.vehicleAssessment,.vehicleHistory {clear:left;}
.vehicleHistory td.formElement {padding-left: 10px;}

.optionsInput .formElement {margin-bottom: 15px;padding-right: 30px;}

.vehicleAssessment table {width: 720px;}
.vehicleAssessment .formLabel,
.vehicleAssessment textarea {width: 320px;white-space:normal;}

/* dearborn voi hacks
-----------------------------------------*/
dl#voi { width: 640px; w\idth: 620px; }
* html dl#voi { display: inline; }
dl#voi dd ul { margin-right: 1%; }
#singleapp { clear: left; }
/* =2007 carbuilder
-------------------------------------------------------------- */
.v8Carbuilder div#oContainerWrap {width: 950px;}
.v8Carbuilder #carBuilderContainer {width:770px;margin:28px 0 15px 5px;}
.v8Carbuilder #carBuilderContainer #detailCtrls {height:67px;}
.v8Carbuilder #carBuilderContainer #detailCtrls .tabSpacer {padding-top:28px;}
*+html .v8Carbuilder #carBuilderContainer #detailCtrls {height:71px;}
.v8Carbuilder #mediaForm {float:left;}
.v8Carbuilder #mediaForm .detailQuickInput {width:260px;}
.v8Carbuilder #mediaForm .detailQuickLabel {clear:left;}






















/* blue-gray_white color.css */

body { color: #333;background-color: #ccc;}
#oContainerWrap {background-color: #fff;}

/* link colors */
a {color: #1c1c1c;}
a:hover {color: #4E8ABE;}
	a.submit {border-color:#ccc #999 #999 #ccc;color: #00356A;background-color: #eee;}
		a.submit:hover {border-color: #666 #ccc #ccc #666;color: #eee;background-color: #065697;}

/* basic elements */
select,input {background-color: #fefefe !important;}
.required {color: #af0000;}
#statusIndicator {color: #00356A; }
/* updated forms
-------------------------------------------------------------- */
form fieldset {border-color:#ccc;}
fieldset legend {color: #333;}
.formelement,
input,
select,
textarea {border-color:#7F9DB9;}
#finance h3.closed {border-color:#999;}
/* pageTitle */
#BODY_CARBUILDER #titleWrap {display: none;}
	#vPageTitle {color: #555;}

/* navCol */
#buildACar a {color: #333;}
	#buildACar a:hover {color: #111;}
	/* siteNav */
	#siteNav {background-color: #333;}
	#siteNav li {border-color: #888 #555 #111 #333;}
	#siteNav li.open {background-color: #202020;}
		#siteNav li li {border-color: #888 #555 #111 #444;}
	#siteNav a {color: #ccc;}
	#siteNav li.open a {color: #999;}
	#siteNav a:hover {background-color: #444;}
	#siteNav li.open a:hover {color: #888;background-color: #191919;}
			#siteNav li li a,
			#siteNav li.open li a {background-color: #666; color: #eee;}
			#siteNav li li a:hover,
			#siteNav li.open li a:hover {background-color: #888; color: #fff; }
			
	#navCol h4 {border-color: #efefef #dedede #999 #dedede;background-color: #dedede;}
			
/* sidebar */
#newsTitles dt {color: #666;}
.sidebar {color: #444;}
.sidebar h3 {color: #666;}
/* pageNav */
	.btnUL {border-color:#eee;}
			.btnUL li a {border-color: #eee #065697 #e6e6e6 #eee;color:#666;background-color: #f3f3f3;}
			.btnUL li a:hover {color:#f3f3f3;border-color: #eee #eee #065697 #eee;background-color: #065697;}

/* featured vehicles */
#BODY_FEATURED_VEHICLES .childBox {color: #fefefe;border-color:#065697; background-color:#00356A;}
#BODY_FEATURED_VEHICLES .childBox a {color: #4E8ABE;}
#BODY_FEATURED_VEHICLES .childBox a:hover {color: #eee;}
/* finance center */
#BODY_FINANCE_CENTER .contentColA .dealerEditable {color: #111;}

/* smart browse */
#BODY_SPLASH_NEW_SMARTBROWSE input,
#BODY_SPLASH_USED_SMARTBROWSE input,
* html #BODY_SPLASH_NEW_SMARTBROWSE input,/* ie doesn't like to have this element bgcolor !important twice, hence the holy hack */
* html #BODY_SPLASH_USED_SMARTBROWSE input {background-color: #ccc !important;}





























#BODY_CARBUILDER .centerWrapper {margin-top:30px;padding:0pt 5px;}
* html #BODY_CARBUILDER #contentWrap {margin-top:30px;padding-left:0px;}

#BODY_FINANCE_FORM #togWrap,
#BODY_FINANCE_FORM #privacy,
#BODY_FINANCE_FORM .submitWrap,
#BODY_FINANCE_FORM #coapp,
#BODY_FINANCE_FORM #singleapp {position:relative;top:-400px;}

#BODY_BODYSHOP_FORM #oContainerWrap {width:900px;}




/* ##################################  You may link to this style sheet by using:
<link rel="stylesheet" type="text/css" href="$paths.stylesheet( "XHTML_FOOTER","DEFAULT" )">

BUT It is recommended that this link be put in the main variation layout file BEFORE other style sheet links (vairiation, theme, and custom) so that these styles may be overridden by a variation.
 */
 
/* ################## footer styles ################## */

#ddclogo {
		float: left;
		margin: 0; padding: 0 5px;
		/* mac ie hide \*/ width: 140px;/*  */ w\idth: 120px !important;
}

#fContact { 
	float: right;
	width: 500px;
	text-align: left;
	white-space: normal;
}

#fContact  ul {
	display: inline; list-style-type: none;
	margin: 0 5px; padding: 0;
	text-align: left;
}

	#fContact ul li {
		display: inline;
		margin: 0; padding: 0;
		font-size: 12px; font-family: arial, helvetica, sans-serif;
	}

#fNav {
	float: right; width: auto; white-space: nowrap; padding-top: 2px; height: 20px;
}
	#fNav ul {
		display: inline; list-style-type: none;
		margin: 0 2px; padding: 0;
	}
	#fNav ul li {
		display: inline;
		margin: 0; padding: 0 7px 0 0;
		font-size: 11px; font-family: arial, helvetica, sans-serif;
	}
	#fNav ul li a {
		 padding: 0 0 0 10px; font-weight: bold;
	}

	#fPhone { white-space: nowrap; }






























/* finance_center2_xhtml_3 */
.content .contentColA,
.content .contentColB {
		float: left;display: inline;
		width: 210px;
		margin:0 10px 0 0;padding: 0;
	}
		.content .contentColB {width: 224px;margin:0;}
		* html .content .contentColA {margin: 0 11px 0 0;}	/* ie */
/* colA */
.contentColA form {width: 184px;margin: 8px auto 0; padding: 0;border:0;}
.contentColA form .inputWrap {width: 208px; margin: 0;padding:0;}
.contentColA form input,
.contentColA form textarea {overflow: auto;width: 180px;}
.contentColA form .formHeader {display: none;}
	.contentColA form h5 {margin:5px 0 15px 0;padding:0;}
	.contentColA form h6 {margin: 4px 0 0 0; padding: 0;}
.submitWrap a,
.submitWrap a:visited {display: block; width: 100px;margin: 5px auto;text-align: center;}	

.confirmItemsWrap {width: 201px; margin: 0 auto;padding: 0;}
.confirmItemsWrap td {padding: 5px;}
/* colB */
.contentColB div {margin: 0 0 30px 0;}
.contentColB div img {float: left; margin: 5px 8px 15px 0;}
.contentColB div p {margin: 0;}
.contentColB a {display: block; padding: 15px 0 0 0;}
.contentColB div img.go_icon {float: right;margin: 6px 10px 0;}