/**********************************
Author: 
Last modified by: Patrick J Schippers, 08/10/2011, 12:30
**********************************/

body {
	font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
	font-size:100%;
	background-color:#999999;
	margin:0 auto;
	padding:0;
	color:#000;
}

.innerRightCol{display:none;}

h1,h2,h3,h4,h5,h6 { margin:0; padding:0; color:#007cc3; text-transform:uppercase;}

p { font-size:80%; line-height:18px;}

a:link { text-decoration:none; color:#333;}
a:visited { text-decoration:none; color:#333;}
a:hover { text-decoration:none; color:#027cc3;}
a:active { text-decoration:none; color:#333;}

.left { float:left;}
.right { float:right;}
.clear { clear:both;}

img { border:0 none;}

iframe { border:0 none !important;}

iframe#ctl00_ContentSection__Frame { min-height:1200px; *height:1200px;}

#wrapper { 
	background:transparent url(../Images/wrapper-bg.jpg) repeat-y scroll 0 0;
	width:1024px;
	padding:0 88px;
	margin:0 auto;
}
	/* HEADER */
	#header {
		background:transparent url(../Images/header-bg.jpg) repeat-x scroll 0 0;
		height:161px;
	}
		
		#header .logo a {
			background:transparent url(../Images/logo.png) no-repeat scroll 0 0;
			width:314px;
			height:101px;
			display:block;
			text-indent:-9999px;
			margin:14px;
		}
		
		/* SOCIAL MEDIA */
		#header .social { margin:12px 10px 0 0;}
		
			#header .social p { 
				color:#FFFFFF;
				font-size:14px;
				font-weight:bold;
				margin-bottom:10px;
				text-align:right;
			}
			
			#header .social ul { margin:0 0 0 50px; padding:0; list-style:none;}
				#header .social ul li { display:block; float:left;}
					#header .social ul li a { 
						background:transparent url(../images/social-media.png) no-repeat 0 0;
						width:51px; 
						height:51px; 
						text-indent:-9999px; 
						display:block;
					}				
						#header .social ul li.facebook a { background-position:0 0;}
						#header .social ul li.twitter a { background-position:-56px 0;}
						#header .social ul li.youtube a { background-position:-111px 0;} 
		/* END SOCIAL MEDIA */				
		
		/* NAVIGATION */
		#header .menu { background:none;}
			#header .menu ul { margin:0; padding:0; list-style:none;}
				#header .menu ul li { 
					background:transparent url(../images/nav-divider.gif) no-repeat 100% 0; 
					display:block; 
					float:left; 
					padding:0;
					width:auto;
				}
					#header .menu ul li.contactus { background:none; }
					#header .menu ul li a { 
						color:#333333;
						font-size:13px;
						line-height:32px;
						padding:6px 14px;
						text-decoration:none;
						text-transform:uppercase;
						letter-spacing:2px
					}
						#header .menu ul li a:hover { color:#007cc3;}
						#header .menu ul li a span { display:none;}
							
							#header .menu ul ul li { float:none;} 
								#header .menu ul ul li { background:none;}
									#header .menu ul ul li a { font-size:12px; text-transform:capitalize; letter-spacing:0;}
		/* END NAVIGATION */	
				
	/* END HEADER */
	
	/* ROTATOR */
	#rotator .getQuoteContainer {
		background:transparent url(../images/get-quote-bg.jpg) no-repeat scroll 0 0;
		width:234px;
		height:247px;
		padding:10px;
		
	}
		#rotator .getQuoteContainer h2 { 
			font-size:20px; 
			line-height:20px;
			text-align:center; 
			padding-bottom:10px;
		}		
		#rotator .getQuoteContainer h3 { font-size:14px; color:#666; margin:5px 4px 2px; }
		
		#rotator .getQuoteContainer select,
		#rotator .getQuoteContainer input { 
			border:1px solid #999; 
			margin:6px 0;
			padding:2px;
			width:222px; 
		} 
		
		
		#rotator .getQuoteContainer .searchnow-btn { margin: 5px 0 0 24px; width:183px;}
		
		
		#ctl00_ContentSection__GetQuote_ctl00_ContentSection__GetQuote_ajaxpanelPanel span.makesitem { 
		display:block;
		font-size:14px;
		margin-left:10px;
		margin-top:2px;
		}
		
		
	/* END ROTATOR*/
	
	/* MIDDLE */
	#middle { padding:10px; overflow:hidden;}

		#middle .welcome { 
			background-color:#EFEFEF;
			width:663px;
			padding-top:17px;
		}
			#middle .welcome .content { padding:20px;}
				#middle .welcome .content h1 { 
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size:21px;
					font-weight:normal;
					letter-spacing:5px;			
				}	
				
			#middle .welcome .zipcode-search { 
				background:transparent url(../images/zipcode-bg.jpg) no-repeat scroll 0 0;
				width:663px;
				height:83px;
				position:relative;
			}
				#middle .welcome .zipcode-search div.zip-search-form { position:absolute; right:18px; top:27px; width:290px;}
					#middle .welcome .zipcode-search div.zip-search-form input[type="text"] { margin-top:6px; margin-right:6px;}
	/* END MIDDLE */
	
	/* CTAs */
	#CTAs { padding:10px 0; overflow:hidden;}
	
		#CTAs .left { margin-left:11px;}
		
		#CTAs .shoppingtools { 
			background:transparent url(../images/shopping-tools-bg.jpg) no-repeat scroll 0 0;
			width:328px;
			height:187px;
			position:relative;
		}	
			#CTAs .shoppingtools ul { 
				list-style:none outside none;
				padding:0;
				margin:0;
				width:132px;
				position:absolute;
				left:180px;
				top:17px;
			}
				#CTAs .shoppingtools ul li { border-bottom:solid 1px #CCC; padding:2px 0;}
					#CTAs .shoppingtools ul li a { font-size:85%; font-weight:bold;}					
						#CTAs .shoppingtools ul li a.blue { color:#007cc3;}
						#CTAs .shoppingtools ul li a.arrow { background:transparent url(../images/arrow.gif) no-repeat scroll 100% 50%; padding-right:9px;}

		#CTAs .ad { 
			background:url("../images/custom-ad-bg.jpg") no-repeat scroll 0 0 transparent;
			height:187px;
			padding:11px 8px;
			width:312px;
		}
		
		
		
	/* END CTAs */	
	
	/* VEHICLE LINEUP */			
	#vehicle-lineup { padding:0 24px 85px;}
	
		#vehicle-lineup h5 { color:#333; margin:5px;}
		
		#vehicle-lineup ul { margin:0; padding:0; list-style:none; position:relative;}
			#vehicle-lineup ul li { display:block; float:left;}
				#vehicle-lineup ul li a { 
					background:transparent url(../images/lineup2.jpg) no-repeat 0 0;
					width:79px; 
					height:70px; 
					text-indent:-9999px; 
					display:block;
					margin:0 1px;
				} 
				
					#vehicle-lineup ul li.accord a { background-position:0 0;}
					#vehicle-lineup ul li.crosstour a { background-position:-79px 0;}
					#vehicle-lineup ul li.civic a { background-position:-159px 0;}
					#vehicle-lineup ul li.cr-v a { background-position:-239px 0;}
					#vehicle-lineup ul li.cr-z a { background-position:-320px 0;}
					#vehicle-lineup ul li.element a { background-position:-397px 0;}
					#vehicle-lineup ul li.clarity a { background-position:-476px 0;}
					#vehicle-lineup ul li.fit a { background-position:-555px 0;}
					#vehicle-lineup ul li.insight a { background-position:-634px 0;}
					#vehicle-lineup ul li.odyssey a { background-position:-713px 0;}
					#vehicle-lineup ul li.pilot a { background-position:-792px 0;}
					#vehicle-lineup ul li.ridgeline a { background-position:-870px 0;}
					
					#vehicle-lineup ul li.accord a:hover { background-position:0 100%;}
					#vehicle-lineup ul li.crosstour a:hover { background-position:-79px 100%;}
					#vehicle-lineup ul li.civic a:hover { background-position:-159px 100%;}
					#vehicle-lineup ul li.cr-v a:hover { background-position:-239px 100%;}
					#vehicle-lineup ul li.cr-z a:hover { background-position:-320px 100%;}
					#vehicle-lineup ul li.element a:hover { background-position:-397px 100%;}
					#vehicle-lineup ul li.clarity a:hover { background-position:-476px 100%;}
					#vehicle-lineup ul li.fit a:hover { background-position:-555px 100%;}
					#vehicle-lineup ul li.insight a:hover { background-position:-634px 100%;}
					#vehicle-lineup ul li.odyssey a:hover { background-position:-713px 100%;}
					#vehicle-lineup ul li.pilot a:hover { background-position:-792px 100%;}
					#vehicle-lineup ul li.ridgeline a:hover { background-position:-870px 100%;}
					
						#vehicle-lineup ul ul { 
							display:none;
							position:absolute; 
							z-index:10;
							width:376px;
							height:260px;
							background:transparent url(../Images/tool-tip.png) no-repeat scroll 0 0;
							top:-290px;
							padding:16px;
							margin-left:-10px;
						}
							#vehicle-lineup ul li:hover ul { 
								display:block; 
								
							}
							#vehicle-lineup ul li.insight ul,
							#vehicle-lineup ul li.odyssey ul,
							#vehicle-lineup ul li.pilot ul,
							#vehicle-lineup ul li.ridgeline ul{ background-position:100% 0; margin-left:-302px;}
							
								#vehicle-lineup ul li h1 { font-size:95%;}
								#vehicle-lineup ul li h2 { font-size:75%; margin-top:5px;}
								#vehicle-lineup ul li img { float:right;}
								#vehicle-lineup ul li a.learnmore { 
									background:transparent url(../images/learnmore-btn.png) no-repeat scroll 0 0;
									width:184px;
									height:35px;
									display:block;
									text-indent:-9999px;
								}
									#vehicle-lineup ul li a.learnmore:hover { width:184px; background-position:0 0 !important;}
	/* END VEHICLE LINEUP*/		
	
	/* FOOTER */
	div#doormat {		
		border-top:1px solid #999999;
		margin:15px auto 0;
		padding:12px 30px 0;
		width:964px;
	}
		
		
		div#doormat ul.first {
padding-left:0;
width:138px;
}



			ul.column li {
			float:left;
			width:148px;
			}

			ul.column li.headline { font-weight:bold;}
				
			ul.column {
float:left;
list-style:none outside none;
padding-left:25px;
width:181px;
}
				ul.column li a, ul.column li a:visited {
				color:#666666;
				font-size:12px;
				}
					ul.column li a:hover { color:#333;}

	div#footer { 
		margin:0 30px;
		padding:25px 0 50px;
		overflow:hidden;
		width:auto;
	}
	
		#footer p.logo { 
			text-align:center; 
			background:transparent url(../images/honda-footer-logo.jpg) no-repeat scroll 50% 100%;
			padding-bottom:45px;
			font-size:11px;
		}
	
	/* END FOOTER */
	
	/* BUTTONS */
	.button {
		background:transparent url(../images/buttons.png) no-repeat scroll 0 0; 
		display:block; 
		text-indent:-9999px; 
		cursor:pointer;
		border:0 none;
		height:34px;
		line-height:0;
		font-size:0;
	}
	
		.search-btn { 
			background-position:0 -153px;
			margin:0 4px;
			width:120px;
		}
		.searchnow-btn { 
			background-position:0 -114px;
			margin:6px 0 0 24px;
			width:183px;
		}
		.learn-btn { 
			background-position:0 -76px;
			margin:8px 0 0 65px;
			width:183px;
		}
		.fun-btn { 
			background-position:0 -38px;
			margin:8px 0 0 65px;
			width:183px;
		}
		.doyou-btn { 
			background-position:0 0;
			margin:8px 0 0 65px;
			width:183px;
		}	
	/* END BUTTONS */
	
	ul.dealerList { list-style-type:none;}
	ul.dealerList li ul {
		border-bottom:1px solid;
		display:inline;
		float:left;
		list-style-type:none;
		margin-bottom:15px;
		padding:21px;
		width:250px;
		}
		
		ul.dealerList h2, .gmnoprint h2 { font-size:17px; padding:0px;}
		ul.dealerList a { font-size:14px;}
		
		.gmnoprint > div {font-size:12px;}
		
		a.InventoryLinks {display:none;}
		
		
		
		.custompage{padding: 6px;}
		
		
		h1, h2, h4, h5, h6 {
			color:#007CC3;
			margin:0;
			padding:6px;}

/* ZIPCODE */
	.zipcode-search .zipControl
    {
		float:left;
		margin-left:334px;
		margin-top:16px;
		width:325px;
    }
    .zipcode-search .zipControl h2
    {
        display:none;
    }
    .zipcode-search .zipControl select
    {
		float:left;
		margin-top:2px;
		width:107px;
    }
    .zipcode-search .zipControl input
    {
        float:left;
        width:100px;
    }
    .zipcode-search .zipControl label
    {
		clear:both;
		float:left;
		font-size:13px;
		line-height:23px;
		margin-bottom:8px;
		margin-right:3px;
		text-align:right;
		width:75px;
    }    
    .zipcode-search .zipControl input[type=button]
    {
		background-image:url("/DealerSites/1918/images/buttons.png");
		background-position:0 -153px;
		color:#AAAAAA;
		font-size:0.1px;
		font-weight:lighter;
		height:34px;
		margin-left:12px;
		margin-top:10px;
		position:absolute;
		width:120px;
    }
    body>/**/html .zipcode-search .zipControl input[type=button]
    {
    }
    
/* INVENTORY PAGE, LAYOUT FIX */
.inventoryDetails { padding:0 10px; }
.inventoryDetails .topMenu { margin:0 auto; width:940px; }
.inventoryDetails .details { font-size:80%; }

/* CUSTOM CONTENT LAYOUT */
#secondaryPageContent { padding:0 10px; }

/* FORMS */
.serviceForm, .contactUsForm, .tradeInForm, .quickQuoteForm, .employmentForm, .scheduleTestDriveForm  { min-height:inherit; }


.advancedsearch .advancedsearchinner .searching .searcher .history ul.buttons li a.iframe 
{
 display:none;
}
.advancedsearch .advancedsearchinner .searching .searcher .history .newSearch 
{
 display:none;
}

.advancedsearch .advancedsearchinner .searching .searcher .history ul.buttons li a span
{
  display:none;
}

/* map page fix css */

#interiorPageContent.locationspage div.dealerList {
    margin-right: 5px;
}
#interiorPageContent.locationspage h1 {
    font-size: 20px;
    margin-bottom: 20px;
}
#interiorPageContent.locationspage h2 {
    font-size: 12px;
}
#interiorPageContent.locationspage h3 {
    clear: both;
    font-size: 11px;
    margin-bottom: 5px;
}
#interiorPageContent.locationspage div.thegmap h2 {
    font-size: 16px;
}
#interiorPageContent.locationspage div.thegmap h3 {
    font-size: 15px;
}
#interiorPageContent ul.locations {
    height: 530px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
#interiorPageContent ul.locations li {
    border-bottom-color: #999999;
   /* border-bottom-style: solid;*/
    border-bottom-width: 1px;
    padding-bottom: 4px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 4px;
}
#interiorPageContent ul.locations li a {
    display: block;
    font-size: 11px;
    font-weight: normal;
}
#interiorPageContent ul.locations li a:hover {
    cursor: pointer;
    text-decoration: none;
}
#interiorPageContent ul.locations li a span {
    display: block;
    font-weight: normal;
}
#interiorPageContent ul.locations li a div {
    float: left;
    margin-bottom: 6px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 4px;
}
#interiorPageContent.locationspage div#map_canvas div.dealerlocation {
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    margin-bottom: 5px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 5px;
}
#interiorPageContent.locationspage div#map_canvas h2 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
}
#interiorPageContent.locationspage div#map_canvas p {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
#interiorPageContent.locationspage div#map_canvas a {
    display: block;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 3px;
    text-decoration: none;
}



#CTAs .middle { padding:0; float:left; height:187px; width:327px; margin-left:11px; }
