/*================================================================
    Website Framework - Master CSS ================================
=================================================================*/

/******************************************************************
    Global Styles and Resetters
******************************************************************/
* 
{ 
	margin: 0; 
	padding: 0; 
}
body 
{ 
	font-family:  Arial, Verdana, Helv, Helvetica, Sans-Serif, Sans; 
	font-size: 15px;
	font-weight: normal;
	color: #668CB3; 
	background: #96b5d5 url('images/aoa_bkg.png') repeat-x top left;
}
img 
{ 
	border: 0; 
}
input, 
select 
{ 
	outline: none; 
}
p
{
	display: block;
	margin: 0 0 10px 0;
}

/******************************************************************
    Basic Styles
******************************************************************/
/* Links */
a, 
a:link, 
a:visited 
{ 
	color: #668CB3; 
	text-decoration: underline; 
	cursor: pointer; 
}
a:hover, 
a:focus 
{ 
	text-decoration: none; 
}

/* Headers */
h1, 
h2
{
	font-weight: bold;
	font-size: 150%;
	margin: 0;
}
h3
{
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 140%;
}
h4
{
	margin: 0 0 3px;
	font-weight: bold;
	font-size: 125%;
}
h5
{
	margin: 0;
	font-weight: bold;
	font-size: 110%;
}
h6
{
	margin: 0;
	font-weight: normal;
	font-size: 110%;
}

/* Text Formatting */
p
{
    margin: 0 0 10px;
}

blockquote
{
    margin: 0 0 10px;
    padding: 0;
    font-style: normal;
    font-style: italic;
}

/******************************************************************
    Widget Content Boxes - Base Styling
	(for specific stylings per page or widget instance add a class like "widget-[pagename]-[widgetname]" 
	 in addition to the "widget" class on the parent to target the CSS for one-off changes in styles)
******************************************************************/
.widget 
{
	border: 1px solid #d6d6d6;
}
	.widget .widget-header-left-wrap
	{}
		.widget .widget-header-left-wrap .widget-header-right-wrap
		{}
			.widget .widget-header-left-wrap .widget-header-right-wrap .widget-header-text-wrap
			{
				background: url('images/aoa_blue_header.png') repeat-x left top;
				color: white;
				height: 41px;
				line-height: 41px;
				padding: 0 0 0 10px;
			}
				.widget .widget-header-left-wrap .widget-header-right-wrap .widget-header-text-wrap h1, 
				.widget .widget-header-left-wrap .widget-header-right-wrap .widget-header-text-wrap h2
				{
					color: white;
					font-size: 22px;
				}
	.widget .widget-content-outer-wrap
	{
		padding: 0 1px;
	}
	.widget.widget-remove-bottom .widget-content-outer-wrap
	{}
		.widget .widget-content-outer-wrap .widget-content-inner-wrap
		{}
			.widget .widget-content-outer-wrap .widget-content-inner-wrap .widget-content
			{
				min-height: 15px;
				padding: 1px 1px 0;
			}
			.widget .widget-content-outer-wrap .widget-content-inner-wrap .content-padded
			{
				padding: 14px 10px 5px;
			}
	.widget .widget-bottom-left-wrap
	{}
		.widget .widget-bottom-left-wrap .widget-bottom-right-wrap
		{}
			.widget .widget-bottom-left-wrap .widget-bottom-right-wrap .widget-bottom-repeater
			{}
.widget-separater
{
	margin-top: 15px;
}

/******************************************************************
    Root Containers
******************************************************************/
#root
{
	margin: 10px auto 30px;
	width: 950px;
}
	#root h1.banner
	{
		background: url(images/aoa_grey_header.png) repeat-x;
		border: 1px solid #d6d6d6;
		border-bottom: 1px solid #e4e4e4;
		color: #668cb3;
		font-size: 30px;
		line-height: 40px;
		padding: 0 0 0 10px;
	}

#page-contents
{
	background: white;
	border: 1px solid #d6d6d6;
	border-top-width: 0;
	margin: 0 0 10px;
	padding: 11px 5px;
}

/******************************************************************
    Header
******************************************************************/
#header
{
	background: url('images/aoa_main_header.png');
	border-bottom: 1px solid #a1a1a1;
	color: white;
	height: 95px;
}
	#header .wrapper
	{
		margin: 0 auto;
		padding: 10px 0 0 10px;
		position: relative;
		width: 950px;
	}
		#header .wrapper .main-logo
		{
			margin: 0 10px 0 0;
		}
		#header .wrapper .contact-info
		{
			position: absolute;
			right: 55px;
			top: 25px;
			font-weight: bold;
		}
			#header .wrapper .contact-info .phone
			{
				font-size: 26px;
			}
			#header .wrapper .contact-info address
			{
				font-size: 17px;
				font-style: normal;
			}

#carvenience-opener
{
	background: url(images/carmunication-opener.png);
	cursor: pointer;
	height: 117px;
	left: 0;
	margin: 0;
	position: fixed;
	top: 153px;
	width: 20px;
}
/******************************************************************
    Navigation
******************************************************************/
#nav
{
	background: url('images/aoa_grey_nav.png');
	border-bottom: 1px solid #d8d8d8;
	color: #666666;
	font-size: 17px;
	font-weight: bold;
	height: 46px;
}
	#nav a
	{
		text-decoration: none;
	}
	#nav .wrapper
	{
		height: 100%;
		margin: 0 auto;
		width: 950px;
	}
		#nav .wrapper div.navDivider
		{
			background: url('images/aoa_nav_divider.png');
			float: left;
			height: 100%;
			width: 2px;
		}
		#nav .wrapper div.navDivider.last
		{
			float: right;
		}
		#nav .wrapper div.navButton
		{
			color: #666666;
			cursor: pointer;
			float: left;
			height: 31px;
			padding: 15px 13px 0;
			vertical-align: middle;
		}
		.browserIE9 #nav .wrapper div.navButton
		{
			padding: 15px 10px 0;
		}
		.browserFirefox #nav .wrapper div.navButton,
		.osMac #nav .wrapper div.navButton
		{
			padding: 15px 11px 0;
		}
		#nav .wrapper div.navButton:hover
		{
			background: url('images/aoa_grey_nav_over.png');
		}
		#nav .wrapper  #partsButton
		{
			cursor: default;
			padding: 15px 7px 0;
		}
		.browserFirefox #nav .wrapper  #partsButton
		{
			padding: 15px 8px 0;
		}
		.browserIE9 #nav .wrapper  #partsButton
		{
			padding: 15px 11px 0;
		}
		.osMac #nav .wrapper  #partsButton
		{
			padding: 15px 9px 0 8px;
		}
		#nav .wrapper  .dropdownButton
		{
			cursor: default;
			position: relative;
		}
			#nav .wrapper  .dropdownButton .inner-dropdown
			{
				background-color: white;
				border: 1px solid #d6d6d6;
				cursor: pointer;
				display: none;
				position: absolute;
				top: 46px;
				width: 226px;
				z-index: 5;
			}
			#nav .wrapper  .dropdownButton .inventoryDropdown
			{
				left: -2px;
			}
			#nav .wrapper  .dropdownButton .specialsDropdown
			{
				left: -63px;
			}
			.browserIE9 #nav .wrapper .dropdownButton .specialsDropdown
			{
				left: -61px;
				width: 238px;
			}
			.browserFirefox #nav .wrapper .dropdownButton .specialsDropdown,
			.osMac #nav .wrapper .dropdownButton .specialsDropdown
			{
				left: -61px;
				width: 230px;
			}
				#nav .wrapper .dropdownButton .inner-dropdown div
				{
					border-top: 1px solid white;
					border-bottom: 1px solid white;
					color: #d6d6d6;
					padding: 5px 17px;
					white-space: nowrap;
				}
				#nav .wrapper .dropdownButton .inner-dropdown div:hover
				{
					background: url('images/aoa_nav_dropdown_over.png');
					border-top: 1px solid #d6d6d6;
					border-bottom: 1px solid #d6d6d6;
					color: #668CB3;
				}
				#nav .wrapper .dropdownButton .inner-dropdown a:first-child div
				{
					border-top: none;
				}
				#nav .wrapper .dropdownButton .inner-dropdown a.last-child div
				{
					border-bottom: none;
				}


/******************************************************************
    Footer
******************************************************************/
#footer
{
	background-color: #CFDDEC;
	margin: 0 auto;
	padding: 10px 29px;
	width: 892px;
}
	#footer h2
	{
		color: #666666;
		font-size: 23px;
		margin: 0;
	}
	#footer > div
	{
		overflow: hidden;
		margin-top: 5px;
	}
	#footer .footerHeader div
	{
		float: left;
	}
	#footer .footerHeader div:first-child
	{
		width: 279px;
	}
	#footer .footerInfo 
	{
		font-size: 15px;
	}
		#footer .footerInfo > div
		{
			float: left;
			height: 125px;
		}
			#footer .footerInfo > div > div
			{
				margin: 3px 0 5px;
				height: 20px;
			}
			#footer .footerInfo .buttons
			{
				float: right;
				margin: -1px 15px 0 0;
				width: 130px;
			}
				#footer .footerInfo .buttons div
				{
					height: auto;
					margin: 0 0 5px;
					overflow: hidden;
				}
					#footer .footerInfo .buttons div *
					{
						float: left;
					}
					#footer .footerInfo .buttons div a
					{
						margin: 7px 0 0 4px;
					}
		#footer .footerInfo .quicklinks
		{
			margin: 0;
		}
			#footer .footerInfo .quicklinks.first
			{
				width: 185px;
			}
			#footer .footerInfo .quicklinks.second
			{
				width: 155px;
			}
			#footer .footerInfo .quicklinks.third
			{
				width: 125px;
			}
			#footer .footerInfo .quicklinks div
			{}
		#footer .footerAddress
		{
			font-size: 15px;
			margin-right: 125px; 
			width: 156px; 
		}
		.browserFirefox4 #footer .footerAddress,
		.osMac #footer .footerAddress
		{
			font-size: 15px;
			margin-right: 120px; 
			width: 160px; 
		}
			#footer .footerAddress div
			{
				color: #668cb3;
				margin: 5px 0 10px;
			}

#copyLine
{
	color: #668CB3;
	font-size: 15px;
	margin: 10px auto;
	text-align: center;
}

/******************************************************************
    Pages - Forms
******************************************************************/
/* Forms - typical usage of a form */
form 
{
	margin: 0;
	padding: 0;
}
	form fieldset 
	{
		display: block;
		border: 0;	
		margin: 15px 0px;
		padding: 10px;
	}
	form fieldset.first-fieldset
	{
		margin: 8px 0px;
	}
	form fieldset.submit-form
	{
		margin: 15px 0px;
		padding: 0;
		border: 0;
	}
		form fieldset legend 
		{	
			display: none;
			margin: 0px 0px 10px 0px;
		}
	form .input-error  
	{
		display: none;
		margin-top: 2px;
		margin-right: 3px;
		margin-bottom: 5px;
		border: 1px solid #EA3400;
		padding: 2px 7px 2px 3px;
		font-size: 12px;
		text-align: left;
		background-color: #FFD9CE;
	}
	.browserIE6 form .input-error, 
	.browserIE7 form .input-error 
	{
		width: 193px;
	}
	
/* Forms - Inline Form - use for typical forms or even small ajaxy forms */
dl.inline-form 
{
	display: block;
}
	dl.inline-form  dt 
	{
		width: 31%;
		text-align: right;
		clear: both;
		float: left;
		margin: 0 2% 0 0;
		padding: 0;
		font-weight: bold;
		line-height: 1.5;
		white-space: normal;
	}
	dl.inline-form  dd 
	{
		float: left;
		margin: 0 0 5px;
		padding: 0;
		line-height: 1.5;
		white-space: normal;
	}
	.browserIE6 dl.inline-form  dd,
	.browserIE7 dl.inline-form  dd 
	{
		width: 57%;	
	}
	dl.inline-form  dd.help 
	{
		clear: left;
		font-size: 90%;
		color: #999;
	}
		dl.inline-form  dt label,
		dl.inline-form  dd label 
		{
			font-weight: bold;
		}
		dl.inline-form  dt .required-text,
		dl.inline-form  dd .required-text
		{
			color: #ff0000;
			font-weight: bold;
		}
		dl.inline-form dd select,
		dl.inline-form dd input,
		dl.inline-form dd textarea
		{
			border: 1px solid #cccccc;
			font-size: 11px;
			margin: 0;
			padding: 2px;
			width: auto;
		}
		dl.inline-form dd input.non-text
		{
			border: 0;
		}
form dl.inline-form input,
form dl.inline-form select,
form dl.inline-form textarea
{
	width: 200px;
}
form dl.inline-form input.default-width,
form dl.inline-form input.non-text
{
	width: auto;
}

/******************************************************************
    Widget - Coupon
******************************************************************/
.coupons-widget
{
	border: 0;
}
	.coupons-widget .explain
	{
		font-style: italic;
		margin: 0 0 7px;
		text-align: center;
	}

.outer-coupon-wrapper
{
	width: 295px;
	height: 264px;
	color: #668CB3;
	font-family: arial;
	font-weight: bold;
	text-decoration: none;
	margin: 0 auto 10px;
}

.outer-coupon-wrapper .coupon-header
{
	background:url('images/aoa_blue_header.png');
	color:white;
	width: auto;
	height: 35px;
	border: 2px dashed #668CB3;
	border-bottom: 0;
	font-size: 22px;
	padding:7px 0 0 10px;
}

	.outer-coupon-wrapper .inner-coupon-wrapper
	{
		position:relative;
		height: 214px;
		background: white url('images/adams_coupons_bkg.png') no-repeat;
		border: 2px dashed #668CB3;
		border-top: 0;
	}

	.outer-coupon-wrapper .inner-coupon-wrapper .price
	{
		font-size: 50px;
		width: 260px;
		border-bottom: 1px solid #668CB3;
		padding-bottom:4px;
		position:absolute;
		top: 110px;
		left: 6px;
		white-space: nowrap;
		overflow:hidden;
	}

	.outer-coupon-wrapper .inner-coupon-wrapper .fineprint
	{
		font-size: 12px;
		position: absolute;
		top: 180px;
		left: 5px;
	}

	.outer-coupon-wrapper .inner-coupon-wrapper .description
	{
		font-size: 17px;
		padding: 10px 0 0 5px;
	}


/******************************************************************
    Pages - Sitemap
******************************************************************/
.page-sitemap
{ }
	.page-sitemap .sitemap-inventory
	{
		margin: 0 0 20px;
	}
		.page-sitemap .sitemap-inventory .live-inventory .type-new
		{
			margin-top: 10px;
		}
		.page-sitemap .sitemap-inventory .live-inventory .type-used
		{
			margin: 10px 0 0;
		}
		.page-sitemap .sitemap-inventory .live-inventory .vehicle-details
		{
			color:#738C8D;
			font-size:11px;
		}
	.page-sitemap ul
	{
		list-style: none;
		margin: 3px 0 0 8px;
	}
		.page-sitemap ul h3
		{
			margin: 3px 0 0;
			color:#415959;
			font-size:14px;
			font-weight:bold;
		}
	.page-sitemap a
	{
		text-decoration:none;
		line-height:20px;
		/*color:#3E82B9;*/
	}
		.page-sitemap a.no-inventory
		{
			/*color:#5C5C5C;*/
		}
	.page-sitemap h2
	{
		color:#415959;
		font-size:16px;
		font-weight:bold;
	}
	.page-sitemap .inquiry
	{
		margin: 30px 0 0;
	}
		.page-sitemap .inquiry h2
		{
			margin: 0 0 10px;
		}

/******************************************************************
    Pages - Contact Us
******************************************************************/
.page-contact-us
{
	font-size: 15px;
}
	.page-contact-us .map-container
	{
		text-align: center;
	}
	.page-contact-us .info-container
	{
		
	}
		.page-contact-us .info-container h3
		{
			clear: both;
			margin: 0 0 5px;
		}
		.page-contact-us .info-container ul
		{
			list-style: none;
			margin: 15px 0;
			overflow: hidden;
		}
		.page-contact-us .info-container ul.first-ul
		{
			margin-top: 0;
		}
			.page-contact-us .info-container ul .left
			{
				float: left;
				width: 140px;
			}
			.page-contact-us .info-container ul .right
			{
				float: left;
			}
	.page-contact-us fieldset
	{
		float: left;
		margin: 0 !important;
		padding: 0 5px 0 0;
		width: 48%;
	}
		.page-contact-us fieldset input,
		.page-contact-us fieldset textarea
		{
			width: 165px !important;
		}
	
/******************************************************************
    Pages - Service
******************************************************************/
.page-service
{}
	.page-service fieldset legend
	{
		display: block;
		font-weight: bold;
	}
	.page-service dl.inline-form dt label,
	.page-service dl.inline-form dd label
	{
		font-weight: normal;
	}

/******************************************************************
    Pages - Warranties
******************************************************************/
.page-warranty
{}
	.page-warranty ul
	{
		margin: 15px 0;
		padding: 0 0 0 40px;
	}
	.page-warranty-form fieldset legend
	{
		display: block;
		font-weight: bold;
	}

/******************************************************************
    Pages - About Us
******************************************************************/
.page-about-us
{}
	.page-about-us .widget-content div
	{
		margin: 5px 0;
		text-align: center;
	}
	
/******************************************************************
    Pages - Coupons
******************************************************************/
.page-coupons
{}
	.page-coupons .widget-content .outer-coupon-wrapper
	{
		float: left;
		margin: 5px 0 0 7px;
	}

/******************************************************************
    Pages - Finance
******************************************************************/
.page-finance
{}
	.page-finance ol
	{
		list-style: number;
		margin: 0 0 15px;
		padding: 0 0 0 20px;
	}
		.page-finance ol li
		{
			margin: 5px 0;
		}
		.page-finance ol ol
		{
			list-style: lower-alpha;
		}

/*================================================================
	Specials
=================================================================*/
.viewed-vehicles-widget,
.panel-photo-specials
{}
	.viewed-vehicles-widget a,
	.panel-photo-specials a
	{
		display: block;
		float: left;
		height: 170px;
		padding: 8px 0;
		width: 49%;
	}
		.viewed-vehicles-widget a .photo,
		.panel-photo-specials a .photo
		{
			display: block;
			margin: 0 auto;
			width: 115px;
		}
		.viewed-vehicles-widget a .description,
		.panel-photo-specials a .description
		{
			text-align: center;
		}