﻿/*HTML ELEMENTS */
body {
	font-family: Tahoma, Verdana, Geneva, sans-serif; /* Global Font Stack */
	font-size:12px; 
	text-align:center;
	color:#898a8d; 
	margin: 0; padding: 0; /* Reset Spacings */
	background-position: center center;
	background-image: url('../images/gradBkg.jpg');
	background-repeat: repeat-y;
	background-color: #8d8d8d;
}
td 
	{vertical-align:top; text-align:left;}
	
/* HEADINGS */
h1, h2, h3, h4, h5, dt, h6, tfoot, thead, th 
	{	text-decoration:none; word-spacing:normal; color:#c41130; letter-spacing:normal;text-transform:none;}
h1	
	{font-size:20px; font-weight:700; font-style:normal;  margin-top:0px; margin-bottom:5px; line-height:normal;}
h2	
	{font-size:18px; font-weight:700; font-style:normal;  margin-top:0px; margin-bottom:0px;}			
h3	
	{font-size:16px; font-weight:700; font-style:normal; margin-bottom:0px;}			
h4	
	{font-size:14px; font-weight:700;  margin-bottom:0px;}		
h4 a, h4 a:active, h4 a:hover, h4 a:link, h4 a:visited {font-size:14px !important }	
h5, dt	
	{font-size:13px; font-weight:700; font-style:normal;}			
h6	
	{font-size:11px; font-weight:700; font-style:normal;}		
tfoot, thead 
	{font-size:12px;}			
th	
	{vertical-align:baseline; font-size:14px; font-weight:bold;}

/* OTHER TEXT */
small 
	{font-size:.7em;}	
big 
	{font-size:1.17em;}	
blockquote, pre	{ }

/* LIST */
ul li 
	{list-style-type:square;}	
.CONTENT ul li {padding-bottom:10px;}
ul li li 
	{list-style-type:disc;}	
ul li li li	
	{list-style-type:circle;}		
ol li 
	{list-style-type:decimal;}	
ol ol li 
	{list-style-type:lower-alpha;}	
ol ol ol li	
	{list-style-type:lower-roman;}
ol ul li 
	{list-style-type:square;}
	
/* LINKS */
a, a:active, a:link, a:visited 
	{font-size:12px; font-weight:700;  text-decoration: none; color:#8e4043; /*color:#c41130;*/}	
.bgwhite a, .bgwhite a:active, .bgwhite a:link, .bgwhite a:visited {text-decoration: none !important; color:#8e4043 !important;}	
a:hover {
	color: #f1193e;
}
/**/
	
		/*HTML ELEMENTS */	
	
	
		/* Element Classes */	
/* REQUIRED */
.sericesect {/*border:2px solid #666666;*/margin-bottom:5px;margin-top:5px;padding:5px;}
.REQUIRED {color:#990000;font-weight:500;}
/* IMAGES */
img 
	{border:thin #000000 none;}
.aleft 
	{float:left; padding-right:10px; padding-bottom:10px;}
.aright 
	{float:right; padding-left:10px; padding-right:10px;}

/* WIDTH */

.w50
	{width:50px;}
.w75
	{width:75px;}
.w100
	{width:100px;}
.w150
	{width:150px;}
.w200
	{width:200px;}
.w250
	{width:250px;}
.w300
	{width:300px;}
.w350
	{width:350px;}
.w400
	{width:400px;}
.w550
	{width:550px;}
.w600
	{width:550px;}


/* HEIGHT */
.h50
	{height:75px;}
.h75
	{height:75px;}
.h100
	{height:75px;}
.h200
	{height:200px;}
.h275
	{height:275px;}
.h600 
	{height:600px;}

		/* End Element Classes */	

	

/* TEMPLATED SECTIONS */

/* >> MAIN TABLE */
	#MainTable {text-align:center;}	
/* << MAIN TABLE */

	
/* >> TOP NAV */
	#TopCol { }
	
	.TOPNAV { 
		background-color: white;
		width: 950px;
		display: block;
		height: 30px;
		border-right: 1px #dadadb solid;
		border-left: 1px #dadadb solid;
	}
	
	

	/* >> ABOVE NAV */
		.fillAcross { 
			display: block; 
			height: 4px; 
			width: 950px; 
			overflow: hidden; /* IE6 */
		}
		#redFill { background-color: #c41130;   }
		#blackFill { background-color: #000000; }
		
		#dchLogo {
			background-image: url('../images/dchLogo.jpg'); 
display: inline-block; float: left;
			width: 257px; height: 128px;
		}
		#home #topHeader {
			display:inline-block; float: left;
			width:693px; height: 128px;
		}		
		#topHeader {
			background-image: url('../images/topHeader.jpg'); display:inline-block; float: left;
			width:693px; height: 128px;
		}
		#topPhone {font-weight:700; color:#595F5C !important; font-size:12px; margin-top:112px;margin-left:365px; display: none;}
	/* << ABOVE NAV */

	
	
	/* >> TOP LEFT NAV */	
		div.topLeft {
			/* >> CSS PRELOAD: TOP NAV BTN RO*/
				background-image: url("../images/topNavBtnRO.gif");
	   			background-repeat: no-repeat;
	   			background-position: -1000px -1000px;
			/* << CSS PRELOAD: TOP NAV BTN RO*/
			background-color: white;
			float: left;
			display: inline-block;
			padding-top: 2px;
			padding-left: 10px;
		}
		
		
		.topLeft a, .topLeft a:link, .topLeft a:visited {
			background-image: url('../images/topNavBtn.gif');
			background-repeat: no-repeat;
			width: 149px; height: 20px; /*Offset Correction: W:179-39=149 | H: 25-5 =20 */
			padding-top: 5px; padding-left: 35px;
			color: white;
			font-size: 11px;
			font-weight: lighter;
			text-decoration: none;
			display: inline-block;
		}
		#topNav a {font-size:11px;}
		.topLeft a:active, .topLeft a:hover, .topLeft a:hover#topBlack {
			background-image: url('../images/topNavBtnRO.gif');
		}	
		.topLeft a#topBlack {background-image:url('../images/topNavBtn-blk.gif');}
	/* << TOP LEFT NAV */


	/* >> TOP RIGHT NAV */
		div.topRight {
			float: right;
			padding-right: 18px;
			color: #7b7b7b;
			display: inline-block;
			margin-top: 7px;
			background-color: white;
			text-align: right;
		}
		
		.topRight a, .topRight a:link, .topRight a:visited {
			font-weight: normal;
			color: #7b7b7b;
			text-decoration: none;
			display: inline-block;
		}
		
		.topRight a:hover, .topRight a:active {
			color: #C41130;			font-weight: normal;

		}
	/* >> TOP RIGHT NAV */

	
	

	.TOPNAV, .TOPNAV a, .TOPNAV a:hover, .TOPNAV a:visited, .TOPNAV a:link {/*Used Specifics for Left & Right */}
/* << TOP NAV */

	
/* >> LEFT NAV  */
	#LeftCol {
		vertical-align:top; 
		width: 262px;
		padding-right: 10px;
		height: auto;
	}
	.LEFTNAV {  
		/*line-height:10px;*/ 
		padding-left:0px;
	}
		
	.LEFTNAV div.navTop { overflow: hidden; background-image: url('../images/leftNavTop.gif'); background-repeat: no-repeat; width: 260px; height: 7px; margin: 0px; padding: 0px;}
	.LEFTNAV div.nav { padding-left: 1px; width: 258px; margin: 0px; padding: 0px;  background: white; 	border-right: 1px #e8e8e8 solid; border-left: 1px #e8e8e8 solid;  }
	.LEFTNAV div.navBottom { background-image: url('../images/leftNavBottom.gif'); background-repeat: no-repeat; width: 260px; height: 7px; margin: 0px; padding: 0px;}
	
	
	
	.LEFTNAV ul { 
		background-color: white;
		list-style-image: none; 
		list-style: none; 
		width: 258px; 
		margin: 0px; padding: 0px;   
	}
	.LEFTNAV ul li {
		width: 218px; 
		min-height: 23px;
		height: auto !important;
		height: 23px; 
		padding-left: 40px; 
		padding-top: 3px; 
		list-style: none;
		background-position: 4px 0; 
		background-image: url('../images/leftNavEntryBkg.jpg'); 
		background-color: white;
		background-repeat: no-repeat; 
		display: block;
	}
	
	.LEFTNAV ul li ul {
		display: block;
		padding-top:10px; padding-bottom: 7px;
		margin-left: -40px; margin-top:5px;
		width:215px;
		
	}
	
	.LEFTNAV ul li ul li {
		background: none;
		width: 200px;
		padding-left: 40px;
		display: block;
	}
	
	.LEFTNAV ul li ul li a { padding-left: 20px;}
	
	.LEFTNAV ul li ul li ul li {padding-left:50px;}
	
	.LEFTNAV ul li.extended {
			list-style: none;
		background-position: 4px 2px; 
				padding-bottom: 0px;
		min-height: 23px;
		height: auto !important;
		height: 23px;
		line-height: 16px;
		background-image: url('../images/leftNavEntrySelectedBkg.jpg'); 
		background-repeat: no-repeat; 

	}
	
	.LEFTNAV a {
		text-decoration: none !important;
		font-weight: normal !important;
	}
	
	.LEFTNAV ul li a, .LEFTNAV ul li a:link, .LEFTNAV ul li a:active, .LEFTNAV ul li a:visited .LEFTNAV ul li.extended ul li a {
		color: #898a8d;
	}
	
	.LEFTNAV ul li a:hover, .LEFTNAV ul li.extended ul li a:hover { color: #C41130 !important;  } /* HOVER RED */
	.LEFTNAV ul li.selected a, .LEFTNAV ul li.extended ul li.selected a { color: #C41130 !important; } /* SELECTED RED */
	.LEFTNAV ul li.extended a { color: #C41130 !important; } /* EXTENDED TOP RED */
	#socialMark {padding-left:50px; padding-top:10px; width:200px;}
	#socialMark a {display:block; margin-bottom:5px;}
	
/* << LEFT NAV */



/* >> MAIN CONTENT Area */
	#RightCol {
		line-height: 18px; width:685px;
	}
	
	#RightCol tr {
		vertical-align:top;  margin-top: 0px;
		padding-top: 0;
	}
	#RightCol #BodyTable {
		margin: 0; padding: 0;
		padding-bottom: 10px;


	}
	
		
	
	#BodyTable {
		margin-top: 0px;
		margin-bottom: 18px;
		background:#ffffff url('../images/roundedContentBottom.jpg') no-repeat scroll right bottom;
		border-collapse: collapse;
		width:681px;
		padding:0 !important;	
		border-spacing:0; border-collapse:collapse;
	
	}
	
	#BodyTable tr {
		margin-top: 0px;
	    margin-left: 0px;
		width: 0px;
		

 }
	
	
	#RightCol td {
		vertical-align:top;  
	}
	
	
	#BodyCol {margin-left: 0px; padding-left: 0px;}
	
	
	#RightCol tr tr {
		background: none;
		border: none;
		
	}
		
	.contentHeader {
		background-image: url("../images/contentHeader.jpg");
		background-repeat: no-repeat;
		height: 221px;
		width: 681px;
		margin-bottom: 0px; padding-bottom: 0px;
	}
	
	
	.contentTop {
		background-image: url("../images/contentTop.jpg");
		background-repeat: no-repeat;
		height: 6px;
		width: 681px;
		overflow: hidden;
		margin-bottom: 0px; padding-bottom: 0px;
	}
	
	
	
	.CONTENT {
		border-left: 1px #e8e8e8 solid;
		border-left: 1px #e8e8e8 solid;
		margin-bottom: 16px;
		background: white;
		font-size:12px;
		/*color:#898a8d;*/
		color:#666666; 
		height: 100%;
		
		padding-right:29px;
		padding-top: 21px;
		padding-left: 23px;
		padding-bottom: 25px;
	}
/* << MAIN CONTENT Area */




/* >> LOGOS Table on Secondary Page */
	.fadingBreaker {
		background-image: url("../images/fadingBreaker.jpg"); height: 1px; width: 100%;
		overflow: hidden; /* IE6 */
	}
	
	.logosTable {
		width: 100%;	
		text-align: center;
	}
	
	.logosTable tr td {
		width: 25%;
		text-align: center;
	}
.logosTableState { border-collapse:collapse;border-spacing:0;padding:0;text-align:left;width:100%;}
.logosTableState tr td {text-align: left; vertical-align:middle!important; border-bottom:1px solid #cccccc; padding-bottom:10px; padding-left:5px; padding-right:5px;}
.logosTableState a,.logosTableState a:active,.logosTableState a:hover,.logosTableState a:link,.logosTableState a:visited
{font-size:11px;line-height:14px;}
.logosTableState br {margin-bottom:10px;}
.logosTableState a:hover {text-decoration:underline !important;}
.logosTableState a img {margin-bottom:0px !important;}


.logosTableRevisions tr td {
		padding-top: 10px;
}

.logosTableRevisions tr td table tr td {
	border: none !important; padding-top: 0; padding-bottom: 0;
}

.noBorders {
	border: none !important;
}

/* >> LOGOS Table on Secondary Page */

	
/* >> SIDEBAR */
	#SideBarCol {
		vertical-align:top;
		display: none;
	}
	

	
	.SIDEBAR {
		margin-top: 26px;
		color:#898a8d;
		width: 310px;
		display: none;
	}
	
	.sideBarDivider {
		background-image: url('../images/sideBarDivider.jpg');
		height: 1px;
		margin-top: 5px;
		margin-bottom: 10px;
		overflow: hidden;
		width: 100%;
	}
/* << SIDEBAR */




	
/* >> BOTTOM NAV */
	#FooterCol {
		
		height:50px;
		text-align: left;
		margin-left: 0px;
		padding-left: 0px;
		margin-right: 0px;
		padding-top: 10px;
	
	}
	
	.BOTTOMNAV {
		background: white;
		width: 950px;
		height: 116px;
		border-right: 1px #dadadb solid;
		border-left: 1px #dadadb solid;
	}
	
	.BOTTOMNAV div.left {
		padding-top: 30px;
		width: 260px;
		text-align: center;
		float: left;
	}
	.BOTTOMNAV table.right {
		vertical-align: middle;
		padding-left: 20px;
		width: 670px;
		text-align: center;
		float: left;
		height: 96px;
		margin-top: 15px;
	}
	.BOTTOMNAV table.right tr td {
		line-height: 14px;	
	}
	
	.BOTTOMNAV, .BOTTOMNAV a, .BOTTOMNAV a:visited, .BOTTOMNAV a:link{
		font-size:10px; 
		font-weight:700;	
		color:#7B7B7B; 
		text-decoration:none;
	}
	
	.BOTTOMNAV a:hover {
		color: #9c9c9c;
	}
	
	
	div.copyRight {
		margin-top: 5px;
		margin-bottom: 10px;
		text-align: center;
	}
	
	div.copyRight a { }
/* << BOTTOM NAV */

/* Forms Structure */
.serviceinfo {margin-bottom:20px;}
.serviceinfo label {display:block;}
.sericesect {padding:5px 5px; margin-bottom:5px; margin-top:5px;}


/* Dealership Tabs */
#ourDealers .CONTENT {width:395px;}
#ourDealers #SideBarCol {display:block; width:229px;}
#ourDealers .SIDEBAR {width:229px; display:block; margin-top:65px;}

.dealers {height:20px}
#dealership {text-align:center; height:24px!important; width:229px; background:transparent url(/images/dealership-tab.gif) no-repeat scroll 0 0; float:left;}
#dealership a, #dealership a:active,#dealership a:hover, #dealership a:link, #dealership a:visited {color:#ffffff; margin-left:75px; display:block; margin-top:2px;}
#service {text-align:center; height:24px; width:160px;background:transparent url(/images/service-tab.gif) no-repeat scroll 0 0; float:left;}
#service a {color:#ffffff; display:block; margin-top:2px;}
#staff {text-align:center; height:24px; width:155px;background:transparent url(/images/staff-tab.gif) no-repeat scroll 0 0; float:left;}
#staff a {color:#ffffff; display:block; margin-top:2px;}
#contact {text-align:center; height:24px; width:137px;background:transparent url(/images/contact-tab.gif) no-repeat scroll 0 0; float:left;}
#contact a {color:#ffffff; display:block; margin-top:2px;}
#dealership a:hover {background:url(/images/dealer-arrow.gif)no-repeat scroll 10px 50%}
#service a:hover {background:url(/images/dealer-arrow.gif)no-repeat scroll 15px 50%}
#staff a:hover {background:url(/images/dealer-arrow.gif)no-repeat scroll 10px 50%}
#contact a:hover {background:url(/images/dealer-arrow.gif)no-repeat scroll 22px 50%}
.sericesect h4 {margin-top:0;}

 /* Dealer SideBar Box */
#dealerBox, #dealerBox td {border-spacing:0; border-collapse:collapse; padding:0; display:table-cell !important; width:190px !important; line-height:normal !important;}
.RedBox {background-color:#c41130; margin: 2px 5px; width:189px; color:#ffffff;}
.RedBox p {font-weight:700; font-size:14px; margin:10px;}
.RedBox a, .RedBox a:active, .RedBox a:hover, .RedBox a:link, .RedBox a:visited {color:#ffffff !important;}
.RedBox ul {padding-left:15px;*margin-left:10px;}
.RedBox ul li {list-style-type:none; background:transparent url(/images/white-arrow.gif) no-repeat scroll 0 5px; padding-left:15px;}

.RedBoxTop {background:#c41130 url(/images/dealer-sidetop.gif) no-repeat scroll 0 0; height:11px;}
.RedBoxBot {background:#c41130 url(/images/dealer-sidebot.gif) no-repeat scroll 0 100%; height:11px;}

#dealerBox2 {
	margin-bottom: 30px;
}
#dealerBox2, #dealerBox2 td {border-spacing:0; border-collapse:collapse; padding:0; margin-top:20px; line-height:normal; width:190px !important;}
.greyBox {background-color:#666666; margin: 2px 5px; width:189px; color:#ffffff;}
.greyBox p {font-weight:700; font-size:12px; margin:10px 10px 10px 40px;}
.greyBox a, .greyBox a:active, greyBox a:hover, .greyBox a:link, .greyBox a:visited {color:#ffffff !important; font-size:12px;}

.greyBoxTop {background:#666666 url(/images/dealer2-sidetop.gif) no-repeat scroll 0 0; height:11px;}
.greyBoxBot {background:#666666 url(/images/dealer2-sidebot.gif) no-repeat scroll 0 100%; height:11px;}

#googleMap {}
.googleHeader {margin-top:0; padding-top:0;}

.noSide #SideBarCol, .noSide .SIDEBAR {display:none !important;}
.noSide .CONTENT {width:600px !important;}

.StaffBio p{margin:2px auto;}
.BacktoTop {text-align:right;}

/*HTML ELEMENTS */

/* >> Dealer Buttons */
	a.testDriveDealerButton {
		display: -moz-inline-stack;
		display: inline-block;
	    zoom: 1;
		height: 133px; width: 115px;
		background-position: center 0;
		overflow: hidden;
		padding-right: 2px; padding-left: 3px; 
		background-repeat: repeat-y;
		
	}
		
	#deleteButton a { background-image: url('../images/testDriveButtons/delete.png'); float:left; width:115px; height:133px; margin-bottom:10px;}
	#shiftButton a { background-image: url('../images/testDriveButtons/shift.png'); float:left; width:115px; height:133px; margin-bottom:10px;}
	#escButton a { background-image: url('../images/testDriveButtons/esc.png'); float:left; width:115px; height:133px; margin-bottom:10px;}
	#endButton a { background-image: url('../images/testDriveButtons/end.png'); float:left; width:115px; height:133px; margin-bottom:10px;}
	#ctrlButton a { background-image: url('../images/testDriveButtons/ctrl.png'); float:left; width:115px; height:133px; margin-bottom:10px;}
	
	#blankButton {background-color:#ffffff;float:left;height:133px;width:52px;}
	/*a.testDriveDealerButton:hover { background-position: center 133px; }*/
	
	#deleteButton a:hover { background-image: url('../images/testDriveButtons/delete-D.png');}
	#shiftButton a:hover { background-image: url('../images/testDriveButtons/shift-D.png');}
	#escButton a:hover { background-image: url('../images/testDriveButtons/esc-D.png');}
	#endButton a:hover { background-image: url('../images/testDriveButtons/end-D.png');}
	#ctrlButton a:hover { background-image: url('../images/testDriveButtons/ctrl-D.png');}
	
    .testDrive {color:#ffffff; background-color:#C4151C; padding:10px; margin-top:10px; margin-bottom:10px; clear:both;}
    .testDrive a, .testDrive a:active, .testDrive a:hover, .testDrive a:link, .testDrive a:visited {color:#ffffff !important; font-weight:700; text-decoration:underline !important;}
	
	#cpoTable {width:400px; text-align:center;}
	#cpoTable td {width:50%;}

/* >> Dealer Buttons */

	


/* Cms admin styles */

/* Admin sections */
.adminHeader
	{text-align:center; padding-top:20px; margin-top:20px;}

.admintable, .head
	{background:#666666; width:600px; font-weight:700; font-size:13px;}
.admintable strong, #DataList1
	{color:#334433; font-weight:700; font-size:13px;}
.admincol
	{text-align:center; color:#ffffff; font-weight:bold;}
.admincol, .admincol h1
	{text-align:center; width:550px; color:#ffffff; font-weight:bold;}
.smallCopy
	{color:#334433;}

#Pagebody_4_1, #Pagebody_4_1, #pageLeftnav_4_1, #pageleftnav_4_1, #pageSideBar_4_1,  #pagesidebar_4_1,   #CTA_4_1, #intro_4_1
	{width:200px; overflow:hidden;}	
#errlab
	{font-weight:bold; color:#FF0000;}
#Leftnav1_admindiv
	{line-height:20px;}

/*Visual Editor */
.bgwhite, body.bgwhite
	{background-color:#ffffff; background-image:none; text-align:left;}
.Pagebody_EndTab, .Pagebody_EndTab, .pageLeftnav_EndTab, .pageleftnav_EndTab, .pageSideBar_EndTab,  .pagesidebar_EndTab,   .CTA_EndTab, .intro_EndTab 
	{display:none;}

/* End Cms admin styles */


/* >> Floats */
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}

.floatImageRight {
	text-align: right;
	float: right;
	padding: 10px;
	padding-top: 5px;
}
.floatImageLeft {
	text-align: left;
	float: left;
	padding: 10px;
}
/* << Floats */


/* >> Rounded Corners Assets */
.fullWidthRoundedTop {
	background-image: url('../images/fullWidthTop.jpg');
	background-repeat: no-repeat;
	height: 6px;
	overflow: hidden;
	margin-top: 5px;

}
.fullWidthRoundedBottom {
	background-image: url('../images/fullWidthBottom.jpg');
	background-position: 1px 0;
	height: 6px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-bottom: 5px;

}


.fullWidthRoundedBottomShadowed {
	background-image: url('../images/fullWidthBottomShadowed.jpg');
	background-position: 1px 0;
	height: 19px;
	background-repeat: no-repeat;
	overflow: hidden;

}
/* << Rounded Corners Assets */

/* >> Overwrite Classes */
.cancelMargins { margin: 0; padding: 0; }
.bumpMargins { margin-top: 10px; }
.testDriveBottom {margin-bottom: 15px;
}
.secondaryTopNavBottom { margin-bottom:18px; }
/* << Overwrite Classes */

/* >> Helpers */
.clear {
	clear: both;
}

.dealerThumb {
	margin-bottom: 20px;
}
/* << Helpers */



hr {
	background-color: #CCCCCC;
	color: #CCCCCC;
	border: 0px;
	height: 1px;
	overflow: hidden;
}




/* Browser Specific HACKS: IF Needed place at end of style sheet, so errors do not
	prevent cross-browser CSS from being applied */
	

/* Make Margins safe on MAC as in Windows*/
html>body p {margin: 15px 0;}
