﻿body 
{
	background: #fff url(Images/body-bg.png) repeat-x;
	font-family: Arial;
	font-size: 11px;
	padding: 0;
	margin: 0;
}

#site-container
{
	margin: 0 auto 30px;
	width: 968px;
}

#menu-1
{
	height: 50px;
	width: 100%;
}
	#menu-1 ul
	{
		float: right;
		display: block;
		padding: 18px 0;
		margin: 0;
		list-style: none;
	}
		#menu-1 li
		{
			float: left;
			display: block;
		}
			#menu-1 a
			{
				display: block;
				color: #8B8B8B;
				text-decoration: none;
				text-transform: uppercase;
			}
			#menu-1 a:hover
			{
				color: #3A3A3A;
			}
		#menu-1 li.sep
		{
			border-right: dotted 1px #8B8B8B;
			margin: 0 17px;
			width: 1px;
		}

#left-column
{
	background: url(Images/left-column-bg.jpg) repeat-x 0 210px;
	float: left;
	width: 190px;
	min-height: 1054px;
	_height: 1054px;
}
	#site-logo
	{
		background: url(Images/site-logo-bg.jpg) no-repeat;
		display: block;
		width: 100%;
		height: 220px;
	}
		#site-logo h2
		{
			display: none;
			margin: 0;
		}
	#menu-3
	{
		padding: 0;
		margin: 0;
		display: block;
		list-style: none;
	}
		#menu-3 li.spacer
		{
			height: 30px;
		}
		#menu-3 li
		{
			display: block;
			background: #EFEFEF url(Images/menu-3-bg.png) no-repeat 0 -60px;
			display: block;
			border-bottom: solid 1px #CDCDCD;
		}
			#menu-3 a
			{
				color: #000;
				text-decoration: none;
				display: block;
				padding: 0 0 0 17px;
				height: 30px;
				line-height: 30px;
			}
		#menu-3 li.main
		{
			border-bottom-width: 0;
			background-position: 0 0;
			color: #fff;
		}
			#menu-3 li a:hover
			{
				color: #E52204;
			}
			#menu-3 li.main a, #menu-3 li.main a:hover
			{
				color: #fff;
			}
			#menu-3 li.main a:hover
			{
				background: #EFEFEF url(Images/menu-3-bg.png) no-repeat 0 -30px;
			}
			#menu-3 li.main ul
			{
				background: #FCFCFC url(Images/menu-3-sub-grad.png) no-repeat top left;
				padding: 0;
				margin: 0;
				display: block;
				list-style: none;
				border-bottom: solid 2px #CDCDCD;
			}
				#menu-3 li.main li
				{
					background: transparent none;
					border-bottom-style: dotted;
				}
					#menu-3 li.main ul a, #menu-3 li.main ul a:hover
					{
						background: transparent url(Images/menu-3-arrow.png) no-repeat 18px 12px;
						padding: 0 0 0 32px;
						color: #000;
					}
					#menu-3 li.main ul a:hover,
					#menu-3 li.main ul a.active-link
					{
						color: #E52204;
					}
		#menu-4
		{
			padding: 0;
			margin: 0 0 30px;
			list-style: none;
			display: block;
		}
			#menu-4 li
			{
				margin: 1px 0 0;
			}
				#menu-4 a
				{
					height: 30px;
					line-height: 30px;
					background: #CCC url(Images/left-menu-solid-arrow.png) no-repeat 9px center;
					display: block;
					color: #000;
					text-decoration: none;
					padding: 0 0 0 19px;
				}
				#menu-4 a:hover
				{
					color: #E52204;
				}
	
#content-container
{
	background: url(Images/content-container-bg.jpg) repeat-x 0 210px;
	float: left;
	width: 528px;
	min-height: 1054px;
	_height: 1054px;
}
	#header-area
	{
		height: 210px;
	}
	#content-area
	{
		padding: 10px;
	}
		#content-area a
		{
			color: Red;
		}

#right-column
{
	background: url(Images/right-column-bg.jpg) repeat-x;
	float: left;
	width: 250px;
	min-height: 1054px;
	_height: 1054px;
}
	#menu-2
	{
		height: 140px;
	}
	#menu-5
	{
	}
		#menu-5 .spacer
		{
			color: #000;
			padding: 0 0 6px 10px;
		}
		#menu-5 .container
		{
			padding: 17px;
		}
			#menu-5 .container select
			{
				width: 100%;
			}

#footer
{
	background: #FFF url(Images/footer-bg.jpg) repeat-x 0 3px;
	padding: 15px;
	min-height: 185px;
	_height: 185px;
	margin: 20px 0 0;
	border-top: dotted 1px #A6A6A6;
}
	#footer a.logo
	{
		width: 108px;
		height: 120px;
		margin: 0 44px 0 19px;
		display: block;
		float: left;
	}
		#footer a.logo h3
		{
			display: none;
		}
	#footer .menu-container
	{
		float: left;
		display: block;
		list-style: none;
		width: 145px;
		min-height: 145px;
		_height: 145px;
		border-left: dotted 1px #a6a6a6;
		padding: 0 0 0 30px;
		margin: 0;
	}
		#footer .menu-container li.header
		{
			color: #E52204;
			font-weight: bold;
			height: 16px;
			display: block;
		}
		#footer .menu-container a
		{
			line-height: 18px;
			color: #616161;
			text-decoration: none;
		}
			#footer .menu-container a:hover
			{
				color: #E52204;
			}

.newsletter-signup
{
	background: #F5F5F5 url(Images/newsletter-bg.png) repeat-x;
	margin: 10px 5px;
	padding: 5px 0;
}
	.newsletter-signup strong
	{
		color: #fff;
		background: #26566A url(Images/newsletter-header.png) no-repeat;
		display: block;
		line-height: 30px;
		padding: 0 8px;
		margin: 10px 0 0;
	}
	.newsletter-signup div
	{
		padding: 3px 10px;
	}
	.newsletter-signup input.full
	{
		width: 100%;
	}



/******************************************************/

.car-display-h1, .car-display-h2
{
	font-size: 16px;
	margin: 4px 0;
}
	.car-display-h2 span
	{
		background: #707070;
		padding: 3px 6px;
		color: #fff;
	}

.car-display-message
{
	padding: 0 5px;
	margin: 5px 0;
	color: Red;
	border: solid 1px black;
	background: ivory;
}

.car-display-section-body
{
	margin: 5px 0;
}

.car-display-button
{
	background: #7F7F7F;
	display: block;
	color: #fff;
	font-weight: bold;
	margin: 0 0 2px;
	text-decoration: none;
}
.car-display-selected-button
{
	background: #4C4C4C;
}

#car-display-images-container img
{
	border: 0;
}

.CmhHondaModuleTableContent td
{
	background: #CCC;
	border-bottom: solid 1px #fff;
}
.CmhHondaModuleTableAltContent td
{
	background: #DBDBDB;
	border-bottom: solid 1px #fff;
}


/*********************/


#mini-contact-me
{
	background: #CACACA url(Images/mini-contact-bg.png) repeat-x;
	border: solid 1px #C1C1C1;
	margin: 6px 0;
	padding: 3px;
}


.page-tab-header,
.page-tab-header div,
.page-tab-header a,
.page-tab-header span,
.page-tab-1-header,
.page-tab-1-header div,
.page-tab-1-header a
{
	background: url(Images/tab-container-header-sprite.png) no-repeat;
	display: block;
	line-height: 30px;
	height: 30px;
}

.page-tab-1-header,
.page-tab-1-header div,
.page-tab-1-header a
{
	height: 24px;
	line-height: 24px;
}

.page-tab-header,
.page-tab-1-header
{
	background-color: #D5D5D5;
	background-repeat: repeat-x;
	padding: 0;
	margin: 3px 0;
}
.page-tab-1-header
{
	background-color: #84B0C9; /* inactive tab */
	background-position: left -160px;
	margin: 0 5px 0 0;
}
.page-tab-1-header-open
{
	background-color: #666666; /* active tab */
	background-position: left -232px;
}
	.page-tab-header div
	{
		padding: 0;
	}
	.page-tab-1-header div
	{
		padding: 0 0 0 27px;
		background-position: left -184px;
		margin: 0;
	}
	.page-tab-1-header-open div
	{
		background-position: left -256px;
	}
		.page-tab-header a
		{
			background-position: left -60px;
			color: #000 !important;
			font-weight: bold;
			text-decoration: none;
			padding: 0 10px 0 25px;
		}
		.page-tab-1-header a
		{
			background-position: right -208px;
			padding: 0 27px 0 0;
			color: #fff !important;
		}
		.page-tab-1-header-open a
		{
			background-position: right -280px;
		}
			.page-tab-header span
			{
				background-position: left -90px;
				width: 18px;
				height: 30px;
				display: block;
				float: right;
			}

			.page-tab-header-open span
			{
				background-position: left -30px;
			}



.page-tab-1-content-container
{
	background: #5B5B5B;
	color: #fff;
	border: none;
	padding: 0;
}

.page-tab-1-content
{
	padding: 0 14px;
}


.page-tab-1-content-container-header,
.page-tab-1-content-container-footer,
.page-tab-1-content-container-header span,
.page-tab-1-content-container-footer span
{
	background: url(Images/tab-container-header-sprite.png) no-repeat;
	display: block;
	height: 10px;
}
	.page-tab-1-content-container-header span,
	.page-tab-1-content-container-footer span
	{
		float: right;
		width: 14px;
	}
		.page-tab-1-content-container-header
		{
			background-position: left -120px;
		}
		.page-tab-1-content-container-header span
		{
			background-position: right -130px;
		}
		.page-tab-1-content-container-footer
		{
			background-position: left -140px;
		}
		.page-tab-1-content-container-footer span
		{
			background-position: right -150px;
		}

.page-tab-1-tab-headers
{
	margin: 0 0 0 14px;
}







#mini-contact-me .submit-contact,
.newsletter-signup .submit-button,
.vechicle-search-module .ModuleButton
{
	background: url(Images/submit-button.png) no-repeat;
	border: 0;
	width: 90px !important;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-size: 11px;
	font-family: Arial;
	color: #fff;
}


#ix-credit
{
	color: #122548;
	float: right;
}
	#ix-credit a
	{
		font-weight: bold;
		color: #005afe;
		text-decoration: none;
	}


.model-results
{
}
	.model-results td.a
	{
		background: #EAEAEA;
	}
	.model-results td.m
	{
		background: #dedede;
	}
		.model-results img.sketch
		{
			border: solid 1px #CECECE;
		}
	
	.model-results .header td
	{
		background: #000;
		color: #fff;
		font-weight: bold;
	}
	
	.model-results a
	{
		text-decoration: none;
	}
	.model-results a.view-details
	{
		background: #7D7D7D url(Images/model-view-results-button.png) no-repeat;
		display: block;
		width: 90px;
		height: 20px;
		line-height: 20px;
		color: #fff !important;
		text-align: center;
	}

.compare-vehicle-button,
.list-variants-button
{
	background: url(Images/model-compare-button-bg.png);
	color: #fff;
	width: 90px;
	height: 20px;
	padding: 0;
	border: 0;
}
