@charset "utf-8";
/* CSS Document */

/* ------------------------ css reset ------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td { margin:0; padding:0; }
table { border-collapse:collapse;border-spacing:0; }
fieldset,img,a img,:link img,:visited img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
q:before,q:after { content:''; }


/* ------------------------ GLOBAL ELEMENTS ------------------------ */

html, body, #wrap { height: 100%; }
 
body { 
	background:#3a3a3a url(/images/body-bg.png) repeat-x;
	text-align:center; 
	font:62.5% Arial, Helvetica, sans-serif;
	color:#FFF;
	}
	
h1	{ font-size:1.8em; color:#3483B6; }
h2	{ font-size:1.5em; color:#FFF; font-weight: bold; }
h3	{ font-size:1.3em; color:#FFF; font-weight: bold; }


a:link,a:visited	{ color:#08ADEC; text-decoration:none; outline:none; }
a:hover,a:active	{ color:#08ADEC; text-decoration:underline; outline:none; }

hr {
	color:#ADAAAD;
	height:1px;
}	


/* ------------------------ wrap ------------------------ */

body > #wrap { height: auto; min-height: 100%; }

#wrap {	
	background: #111111;
	width:1011px;
	margin:0 auto;
	text-align:left;
	}
	
#inside-wrap {
	width: 906px;
	margin:0 auto;
	text-align:left;
	padding-bottom: 127px;
	position: relative;
}


/* ------------------------ classes ------------------------ */

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}
	
img.img-right {
	margin: 0 10px 10px 10px;
	float: right;
}

img.img-left {
	margin: 10px 25px 10px 0;
	float: left;
}

.forms_Asterisk {
	color: #CC0000;
}

#main-container-inside form div { padding-bottom: 10px; font-size: 1.2em !important; }

#main-container-inside #form-inside div { float: left; }

#main-container-inside form div input { width: 170px; }

#main-container-inside form div input.short { width: 20px; }

#main-container-inside form div input.submit { width: 69px; height: 21px; }

.forms_Title { font-weight: bold; }

#main-container-inside form .left, #main-container-inside form .right { float: left; width: 380px; }

.left-form { width: 130px; }

.form-lg { width: 250px; }

.blue-text {
	color: #3483B6;
}

ul.privacy {
	font-size: 1.2em;
	margin-left: 25px;
}

ul.privacy li {
	list-style:square;
	line-height: 18px;
}
	
/* ------------------------ header ------------------------ */

#header {
	background:url(/images/header.png) no-repeat;
	height: 160px;
	width: 1011px;
	position: relative;
}

	#header #logo a {
		position: absolute;
		width: 336px;
		height: 90px;
		top: 20px;
		left: 30px;
	}
	
	#header #logo span { display: none; }

	#header #address {
		padding: 5px 0 0 760px;	
		text-align: left; 
		width: 200px;
	}
	
	#header #address h2 {
		color:#0099ef !important;		
	}
	
	#header #phone {
		padding: 28px 0 0 760px;
		color:#FFF;
	}	
	
	#header #phone h2 {
		font-size: 16px !important;
	}
	
	#honda-clearance {
		position: absolute;
		top: 20px;
		left:520px;
	}

/* ------------------------ footer ------------------------ */

#footer-wrap {
	background:url(/images/footer-bg.jpg) no-repeat;
	position: relative;
	margin: -127px auto 0 auto; /* negative value of footer height */
	height: 127px;
	clear:both;
} 

#footer {
	background:url(/images/footer.jpg) no-repeat;
	margin: 0 auto;
	width: 1011px;
	height: 127px;
	text-align: left;
}

#footer a:link, #footer a:visited { color:#959595; }
#footer a:hover, #footer a:active { color:#FFF; }

#footer p {
	margin:0 0 0 52px;
	color:#959595;
}

#footer ul { margin:0 0 0 52px; padding:50px 0 0 0px; }
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #959595;
		}
	#footer li.first { border: none; padding-left: 0; }
	

/* ------------------------ nav ------------------------ */

#nav {
	background:url(/images/nav.png) no-repeat;
	height: 39px;
	width: 906px;
	position:relative;
	margin:0;
	padding: 0; 
	z-index: 400;	
}

#nav span { display: none; }

#nav li, #nav a { height:25px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 98px; }
#nav-02 { width: 133px; }
#nav-03 { width: 118px; }
#nav-04 { width: 113px; }
#nav-05 { width: 98px; }
#nav-06 { width: 102px; }
#nav-07 { width: 102px; }
#nav-08 { width: 111px; }

.padding { padding-top: 15px; font-weight: bold; font-size: 1.3em !important; text-transform: uppercase; text-align: center; }

/* ------------------------ son of suckerfish: nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	text-align:left;
	padding-top: 0px;
	padding-right:1px; /* Fixes one px spacing for border-right in FF */
		/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#nav li ul li { 
	height:20px; /* Height of each drop down nav item */
	border:1px solid #FFF;
	border-top:none;
	background-color:#808284;
	}	

#nav li ul li a {
	width:100%;
	height:20px;	/* Height of each drop down nav item, should match above */
	line-height:20px;	 /* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.2em;
	color:#FFF;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover, #nav-07 ul a:hover, #nav-08 ul a:hover { 
	background-image:none;
	background-color:#00367f;
	color:#FFF;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-02 ul, #nav-02 li { width:180px; margin-left: 5px; }		
#nav-03 ul, #nav-03 li { width:190px; margin-left: 5px; }
#nav-04 ul, #nav-04 li { width:180px; margin-left: 5px; }
#nav-05 ul, #nav-05 li { width:180px; margin-left: 5px; }
#nav-06 ul, #nav-06 li { width:200px; margin-left: 5px; }
#nav-07 ul, #nav-07 li { width:200px; margin-left: 5px; }
#nav-08 ul, #nav-08 li { width:130px; margin-left: 5px; }


/* ------------------------ main container index ------------------------ */

#main-container {
	background: url(/images/main-tabs-bg.png) no-repeat;
	width: 906px;
	height: 360px;
	position: relative;
}

#main-left-tabs, #main-right-tabs {
	width: 137px;
	float: left;
	margin-top: 10px;
}
	
#main-left-tabs a {
	background-image:url(/images/main-tabs-left-new.png);
	display:block;
	width: 137px;
	height:60px;
	margin:0 0 6.4px 0;
}
		
#cpo-inventory {
	background-position:0 -60px;
}

#internet-specials {
	background-position:0 -120px;
}
			
#honda-incentives {	
	background-position:0 -180px;
}

#bodyshop {	
	background-position:0 -240px;
}	
			
#main-left-tabs span  { display: none; }
#main-right-tabs span { display: none; }

#slide-container {
	width: 630px;
	height: 360px;
	float: left;
	position: relative;
}

#mpg-disclaimer {
	position: absolute; 
	bottom: 13px;
	left: 10px;
	line-height: 11px;
	font-size: 1.0em;
	width: 600px;
}		

#main-right-tabs a {
	background-image:url(/images/main-tabs-right-new.png);
	display:block;
	width:137px;
	height:60px;
	margin:0 0 6.4px 0;
}
	
#order-parts {
	background-position:0 -60px;
}		

#quick-quote {
	background-position:0 -120px;
}			

#location {
	background-position:0 -180px;
}

#credit {
	background-position:0 -240px;
}	
			
		
#lower-container {
	width: 906px;
	height: 266px;
	font-size: 1.2em;
}

#quick {
	background:url(/images/quick-quote-bg.png) top left no-repeat;
	width: 259px;
	height: 266px;
	float: left;
}

	#quick #quick-form {
		padding: 50px 0 0 15px;
	}
	
	#quick-form div {
		padding: 0 0 10px 0;
	}

	#quick .left {
		float: left;
		width: 30%;
	}
	
	#quick .right {
		float: left:
		width: 70%;
	}
	
	#quick .submit {
		text-align: right;
		padding-right: 25px;
	}

#specials {
	background:url(/images/weekly-specials-bg.jpg) top left no-repeat;
	width: 349px;
	height: 266px;
	float: left;
}	

#weekly-specials span { display: none; }

#buttons-index {
	width: 298px;
	height: 266px;
	float: left;
}

	#buttons-index  #service-specials {
		background:url(/images/service-specials-btn.jpg);
		width: 298px;
		height: 33px;
		margin: 40px 0 20px;
		position: relative;
	}
	
		#service-specials a {
			position: absolute;
			width: 298px;
			height: 33px;
			top: 0;
			left: 0;
		}		
	
	#buttons-index #parts-specials {
		background:url(/images/parts-specials-btn.jpg);
		width: 298px;
		height: 33px;
		margin: 20px 0;
		position: relative;
	}
	
		#parts-specials a {
			position: absolute;
			width: 298px;
			height: 33px;
			top: 0;
			left: 0;
		}			
	
	#buttons-index #customers {
		background:url(/images/customers-btn.jpg);
		width: 298px;
		height: 33px;
		margin: 20px 0;
		position: relative;
	}
	
		#customers a {
			position: absolute;
			width: 298px;
			height: 33px;
			top: 0;
			left: 0;
		}	
	
	#buttons-index #meet-our-team {
		background:url(/images/meet-team-btn.jpg);
		width: 298px;
		height: 33px;
		margin: 20px 0;
		position: relative;
	}
	
		#meet-our-team a {
			position: absolute;
			width: 298px;
			height: 33px;
			top: 0;
			left: 0;
		}	
	
	#buttons-index span { display: none; }
		

/* ------------------------ inside pages ------------------------ */

#main-container-inside {
	background: #111111 url(/images/main-inside.png) top left no-repeat;
	width: 906px;
	position: relative;
}

#main-container-inside p, #main-container-inside h1, #main-container-inside h2, #main-container-inside h3, #main-container-inside ul {
	padding: 0 15px 10px 0;
}

h1.top-padding {
	padding-top: 25px !important;
}

#contact-information {
	width: 275px;
	float: left;
	margin-left: 15px;
}

#map {
	width: 600px;
	float: left;
}

#service-header {
	background: url(/images/service-header.jpg) top left no-repeat;
	width: 906px;
	height: 200px;
}

.staff-member {
	width:333px;
	_width:323px; 
	height:110px; 
	float:left; 
	padding:10px; 
	background-color:#EEE; 
	border:1px solid #CCC;
	margin:10px 5px 0 5px;
	position:relative;
	color: #111;
}

	.staff-member ul {
		width:200px;
		_width:190px;
		position:absolute;
		top:10px;
		right:10px;
		list-style:none
	}		

	.staff-member img {
		border:1px solid #CCCCCC;
	}

	.staff-member ul li.name {
		font-size:1.4em;
		font-weight:bold;
		color:#007CC2;
	}
	
	.staff-member ul li.title {
		font-size:1.0em;
		font-style:italic;
		padding:0 0 10px 0
	}
	
	

/* ------------------------ mm3 inventory ------------------------ */

#details_Wrapper, #compare_Wrapper {
	background: #FFF;
}

#details_Main #details_VehicleInfo h3, #details_Main #details_TestDrive .details_Body p, #compare_Left #compare_Instructions p, .yui-skin-sam #mm3_SaveSearchPanel_c #mm3_SaveSearchPanel .bd, .yui-skin-sam #mm3_SaveSearchPanel_c #mm3_SaveSearchPanel h2, .yui-skin-sam #mm3_SaveSearchPanel_c #mm3_SaveSearchPanel h3 {
	color: #000 !important;
}

#details_Wrapper form div, #details_Wrapper ul {
	padding: 0 !important;
}

/* ------------------------ MM4 inventory ------------------------ */
#mm4-container {
	font-size:10px;	
}
#mm4-container .mm4-details-address-row {
	font-size:1.2em !important;	
}
#mm4-container ol,
#mm4-container ul {
	list-style-type:disc !important;	
}
/* ------------------------ research / incentives ------------------------ */

#researchcartype {background-image:url(/images/researchmiddle.jpg) !important;}

#researchcartypeleft {}

#researchcartypeconvertible {background-image: url(/images/convertibleleft.jpg) !important;}

#researchcartypecoupe {background-image: url(/images/coupeleft.jpg) !important;}

#researchcartypesedan {background-image: url(/images/sedanleft.jpg) !important;}

#researchcartypesuv {background-image: url(/images/suvleft.jpg) !important;}

#researchcartypepickup {background-image: url(/images/pickupleft.jpg) !important;}

#researchcartypecrossover {background-image: url(/images/crossoverleft.jpg) !important;}

#researchcartypeminivan {background-image: url(/images/minivanleft.jpg) !important;}

#researchcartypehatchback {background-image: url(/images/hatchbackleft.jpg) !important;}

.tableframe { background-color: #111 !important; color:#000 !important;}

.tableframe td { padding: 2px; color:#999; }

#page_trimsincentives {
	background: #FFF !important;
	color: #000 !important;
	padding: 0 5px;
}

div.incentive_lease {
	background: url("/carresearch/images/red_seal.jpg");
	height: 120px;
	width: 221px;
}

#trims_incentives .leasetitle {
	font-size: 24px;
	font-weight: normal;
	line-height: 26px;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	padding-top: 35px;
}

#compare_Right #compare_FauxScrollContainer p {
	color: #000000 !important;
}
	
td.model_header {
	background-color: #111 !important;
	color: #007CC2 !important;
}

tr.compare_row1 {
	background-color:#111 !important;	
}

tr.specifications_row2, tr.compare_row2 {
	background-color:#333 !important;
}	

/* ----------------------- tabbed specials -------------------------------- */

.tsw-nowrap { 
	white-space:normal !important;
}

/* -------------------- SEO ----------------------*/
.seo-spacer { height:300px; }
.seo-spacer-map { height:250px; }
.seo_style {
	border:1px solid #222;
	overflow-y: scroll;
	z-index:10;
	width:900px;
	margin-left:-455px;
	left:50%;
	position:absolute;
	height:250px;
	padding:10px;
	background: #111;
	text-align:left;
}
.seo_style h1,.seo_style h1 a {
	color:#0099ef;
}
.seo_style a {
	color:#999;
}

#seo_homepage {
	top:940px;
}

#seo_quote {
	top:680px;
}

#seo_service {
	top:1130px;
}

#seo_parts {
	top:710px;
}

#seo_directions {
	top:800px;
	height:auto;
	overflow-y: auto;
}