/*******************************
Author: First Name Last name,
Last modified by: Patrick Schippers, 10/10/2011, 15:00
*******************************/

@import "navigation.css";
@import "pfrotator.css";
body{
	background: #ececec url(../Images/body-bg.jpg) repeat-x top;
}
a, a:visited{
	color:black;}
	/* button and customized link styles */
	/*
	a.buttonBlue{
		color:#7A9EC2;
		display: block;
		font-weight: bold;
		line-height: 34px;
		text-transform: uppercase;
		width:130px;
		
	}
		a.buttonBlue .leftEdge{
			background-image:url(../Images/buttonSpriteBlueLeft.png);
			background-position:0 0;
			background-repeat:no-repeat;
			display: block;
			float: left;
			height: 34px;
			padding: 0 0 0 15px;
			width:70%;
		}
		
			a.buttonBlue .rightEdge{
				background-image:url(../Images/buttonSpriteBlueright.png);
				background-position:100% 0;
				background-repeat:no-repeat;
				display: block;
				float: right;
				height: 34px;
				width: 24px;
			}
			a.buttonBlue .leftEdge:hover{
				background-position:0 -34px;
			}
		*/
	div#outerWrapper {
		background:transparent url(../Images/DropShadow.png) repeat-y center center;
		margin:0 auto;
		padding-left:25px;
		padding-right:25px;
		width:990px;
	}
		div#outerWrapper:after {
			content: ".";
			visibility: hidden;
			display: block;
			clear: both;
			height: 0;
			font-size: 0;
		}
/* Masthead ---------------------------------- */
	div#masthead {
			background: url(../Images/header-bg.png) repeat-x;
			margin: 0 auto;
			width: 990px;
			height: auto;
			position: relative;
			z-index: 1000;
	}
		div#masthead div.leftCol a, div#masthead div.middleCol a, div#masthead div.rightCol a	{
				display:block;
				cursor:pointer;
				text-decoration:none;
				text-indent:-9999px;
				margin:0;
				padding:0;
		}
		div#masthead div.leftCol {
			margin-left:13px;
			float:left;
			overflow:auto;
			width:394px;
			height:159px;
		}
			div#masthead div.leftCol a.manuflogo {
					background:url(../Images/hyundai-logo.png) 0 0;
					margin-top:42px;
					width:104px;
					height:62px;
					float:left;
			}
			div#masthead div.leftCol h1 { margin:0; padding:0; float:left; }
				div#masthead div.leftCol h1.dealerlogo a {
						background:url(../Images/manuelhyundai-logo.png) 0 0;
						margin-top:20px;
						width:290px;
						height:104px;
				}
		div#masthead .middleCol { width:378px; float:left; }
			div#masthead .middleCol h1 { text-align:center; font-size:20px; line-height:18px; color:#808080; padding:0; margin:30px 0 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
				div#masthead .middleCol h1 span.ampersand { font-weight:normal; }
				div#masthead .middleCol h1 span.phone { font-size:32px; line-height:40px; }
		div#masthead .rightCol { float:left; width:200px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; font-size:13px; background:transparent url(../images/header-divider.png) no-repeat 0 6px;}
			div#masthead .rightCol .social-links { padding:17px 0 0 23px; }
				div#masthead .social-links span { text-transform:uppercase; }
				div#masthead .rightCol .social-links a { display:block; width:24px; height:24px; margin:0 0 0 2px; background-image:url(../images/social-icons-sprite.png); background-color:transparent; text-indent:-9999px;float:left; }
				div#masthead a.twitter { background-position:-24px 0; }
					div#masthead a.twitter:hover { background-position:-24px -24px; }
				div#masthead a.facebook { background-position:0 0; }
					div#masthead a.facebook:hover { background-position:0 -24px; }
				div#masthead a.rss { background-position:-48px 0; }
					div#masthead a.rss:hover { background-position:-48px -24px; }
				div#masthead a.blogger { background-position:-72px 0; }
					div#masthead a.blogger:hover { background-position:-72px -24px; }
				div#masthead .rightCol .social-links a.blog { background-image:url(../images/blog-link-sprite.png); background-repeat:no-repeat; width:139px; height:51px; margin:16px 0 0; }
					div#masthead .rightCol .social-links a.blog:hover { background-position:0 -51px; }

/* ---------------------------------------------------- */
/* Section styles ---------------------------------- */

/*	Primary Feature -------------------------- */
	div#headerRotator {
		clear:both;
		height:291px;
	}
	.primaryFeatureBg {
		border: none;
	}
/*	Secondary Features - CTAs -------------------------- */
	div#secondaryFeatures {
		margin: 0 auto 0 auto;
		position: relative;
		width: 990px;
		display:inline;
	}
		div#secondaryFeatures ul {
			background-image: url(../Images/cta-small-bg.png);
			background-repeat:repeat-x;
			width: 990px;
			height: 100px;
			padding-top:6px;
			position: relative;
			overflow:hidden;
		}
			div#secondaryFeatures ul li {
				display:inline;
			}
			div#secondaryFeatures ul li a{
				background: url(../Images/cta-icons-sprite2.png) no-repeat;
				display:block;
				float:left;
				width:165px;
				height:94px;
				cursor:pointer;
				text-indent:-9999px;
			}
				div#secondaryFeatures ul li a:hover {
					text-decoration: none;
				}
			div#secondaryFeatures ul li a.craigslistCTA	{ background-position:0px 0px; }
				div#secondaryFeatures ul li a.craigslistCTA:hover { background-position:0px -97px; }
			div#secondaryFeatures ul li a.ebayCTA { background-position:-164px 0px; }
				div#secondaryFeatures ul li a.ebayCTA:hover { background-position:-164px -97px; }
			div#secondaryFeatures ul li a.newCTA { background-position:-328px 0px; }
				div#secondaryFeatures ul li a.newCTA:hover { background-position:-328px -97px; }
			div#secondaryFeatures ul li a.inventoryCTA { background-position:-491px 0px; }
				div#secondaryFeatures ul li a.inventoryCTA:hover { background-position:-491px -97px; }
			div#secondaryFeatures ul li a.usedCTA { background-position:-654px 0px; }
				div#secondaryFeatures ul li a.usedCTA:hover { background-position:-654px -97px; }
			div#secondaryFeatures ul li a.partsserviceCTA { background-position:-818px 0px; }
				div#secondaryFeatures ul li a.partsserviceCTA:hover { background-position:-818px -97px; }

/*	need directions -------------------------- */
div.needdirections { float:right; margin:0; padding:0; }	
	div.needdirections a { display:block; width:285px; height:180px; background:transparent url(../images/needdirections.png) no-repeat 0 0; text-indent:-9999px; }

/*	Quarternary Flipper -------------------------- */
	div#quarternaryFlipper {
		height:auto;
		margin: 0 auto 0 auto;
		padding: 20px 15px 20px 15px;
		width: 960px;
	}
		.promo {
			float:left;
		}
		.promo a {
			display: block;
			height: 173px;
			position: relative;
			width: 315px;
			text-indent:-9999px;
		}
		.promo1 a {
			background:transparent url(../Images/promo-left.png) no-repeat 0 0;
		}
		.promo2 a {
			margin:0 7px 10px;
			background:transparent url(../Images/promo-middle.png) no-repeat 0 0;
		}
		.promo3 a {
			background:transparent url(../Images/promo-right.png) no-repeat 0 0;
			margin-right:0px;
		}
				

			/* Extra Sprite */
			.extra_sprite {
				background-image: url(../Images/inner_buttons_sprite.png);
				background-repeat: no-repeat;
			}
				.findOutBtn,
				.clickHereBtn {
					border: 0 none;
					color: transparent;
					cursor: pointer;
					display: block;
					height: 30px;
					width: 113px;
				}
					.findOutBtn {background-position: -518px -2px;}
						.findOutBtn:hover {background-position: -518px -34px;}
					.clickHereBtn {
						background-position: -632px -2px;
						float: right !important;
						margin: 10px 15px 0 0;
					}
						.clickHereBtn:hover {background-position: -632px -34px;}
						
/* Doormat ------------------------- */
		div#doormat {
			margin:0 auto;
			padding: 20px 0 30px 0;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			line-height:22px;
			color:#666666;
		}
			div#doormat ul.column {
				padding-left: 24px;
				width:140px;
			}
			div#doormat ul.first {
				width:100px;
				padding-left:0px;
			}
			div#doormat li.headline {
				font-size:13px;
			}
			div#doormat ul.column a {
				color:#666666;
			}
				div#doormat ul.column a:hover {
					cursor:pointer;
					color:#046adf;
				}
		
		/* Footer */
		div#footer{
			font-family:Arial, Helvetica, sans-serif;
			height:100%;
			padding: 0;
			overflow:hidden;}
		div#footer p {
			float:left;
		}
		#footer .viewmap_btn {
			background-image:url(../Images/extras_sprite.png);
			width: 121px;
			height: 32px;
			float:left;
			margin-left:20px;
			text-indent:-9999px;
			}
			.view_map {
				background-position:-123px -57px
			}			
			.view_map:hover {
				background-position:-123px -25px;
			}
	
/* search results page styles */
.searchheader{
	font-size: 18px;
	padding: 10px;
}
.sortpager,.searchcriteria{
	width:990px;
	padding: 0;
}
	.sortpagertable{
		margin: 0 10px;
	}
.even, .odd {
	width: 980px;
}
.vehiclecount{
	font-family: Verdana;
	padding: 10px;
	}
.disclaimer{
	padding: 10px;
}	
.InventoryLinks{
	padding: 10px;
}

/*Secondary Page Styles*/
.hoursLeft, .hoursRight {
	float: left;
	margin-bottom: 20px;
	width: 110px;
}
.hoursbox{
	width:250px;
	display:inline;
	float:left;
	margin-bottom:20px;
	margin-left:25px;
}
.hourstable{
	width:270px;
}

/*Specials Arrows*/
.specials_sprite {background-image: url(../Images/new_used_specials_sprite.png);}


/* Styles to integrate arrow buttons on Internet Specials Rotators to work */
.RadRotator_Default .rrClipRegion {border:none !important;}

	div#tertiaryScroller .RadRotator, 
	div#pentanaryRotator .RadRotator {
		height: 153px !important; 
		overflow: hidden; 
		padding: 0px 36px !important;
		width: 528px !important;
	}
		div#pentanaryRotator .RadRotator {width: 885px !important;}
		
	div#tertiaryScroller .rrRelativeWrapper, 
	div#pentanaryRotator .rrRelativeWrapper {
		background-image: url(../Images/new_used_specials_sprite.png);
		background-position: 0px -153px;
		background-repeat: repeat-x;
		display: block;
		float: left;
		height: 134px !important;
		padding: 10px 10px 10px 10px; 
		width: 508px !important;
	}
		div#pentanaryRotator .rrRelativeWrapper {padding: 10px 0 10px 0; width: 885px !important;}
		
		div#tertiaryScroller .rrClipRegion,
		div#pentanaryRotator .rrClipRegion {
			height: 125px !important; 
			padding: 7px 0 0 0; 
			width: 508px !important;
		}
			div#pentanaryRotator .rrClipRegion {width: 885px !important;}
			
			div#tertiaryScroller .rrClipRegion .rrItemsList,
			div#pentanaryRotator .rrClipRegion .rrItemsList {
				height: 125px !important; 
				left: 0px !important;
				width: 508px !important;
			}
				div#pentanaryRotator .rrClipRegion .rrItemsList {width: 885px !important;}
				
				div#tertiaryScroller .rrClipRegion .rrItemsList li,
				div#pentanaryRotator .rrClipRegion .rrItemsList li {
					height: 125px !important; 
					margin: 0 6px 0 0; 
					width: 95px;
				}
					div#pentanaryRotator .rrClipRegion .rrItemsList li {margin: 0 8px 0 7px;}
					
		.RadRotator_Default .rrButton {
			background-image: url(../Images/new_used_specials_sprite.png) !important;
			display: block;
			height: 154px !important;
			position: absolute;
			top: 0 !important;
			width: 36px !important;
		}
			.RadRotator_Default .rrButton.rrButtonRight {
				background-position: 0px -306px !important;
				margin-top: 0 !important;
				right: -36px !important;
			}
				.RadRotator_Default .rrButtonRight:hover {background-position: 0px -765px !important;}
			.RadRotator_Default .rrButton.rrButtonLeft {
				background-position: 0px 0px !important;
				left: -36px !important;
				margin-top: 0 !important;
			}
				.RadRotator_Default .rrButtonLeft:hover {background-position: 0px -459px !important;}
				.RadRotator_Default .rrButtonUp,
				.RadRotator_Default .rrButtonDown {display: none;}
		
		/* ------------------------------------------- */

/* Used on Service Portal page */
		div#servicesContainer {
			margin: 10px 0 10px 0;
			padding: 0 20px 0 20px;
		}
			div#servicesContainer h1 {
				width: 100%;
			}
				div#serviceLeftCol, div#serviceRightCol {
					padding-top: 20px;
				}
				div#serviceLeftCol {
					float: left;
					margin-right: 25px;
					position: relative;
					width: 200px;
				}
					div#serviceLeftCol .leftColNav {
						width: 200px;
					}
						.leftColNav ul li a {
							color: #333333;
							float: left;
							font-size: 13px;
							font-weight: bold;
							line-height: 31px;
							position: relative;
							text-indent: 35px;
							width: 200px;
						}
							.leftColNav ul li a:hover {
								color: #046adf;
								text-decoration: none;
							}

					/* Services Sprite Icons */
					.service_sprite {
						background-image: url(../Images/services_sprite.png);
						background-repeat: no-repeat;
						display: block;
						height: 31px;
					}
						.schedule {background-position: 0px 0px;}
							.schedule:hover {background-position: 0px -31px;}
						.serviceSpecials {background-position: 0px -62px;}
							.serviceSpecials:hover {background-position: 0px -93px;}
						.tech {background-position: 0px -124px;}
							.tech:hover {background-position: 0px -155px;}
						.faq {background-position: 0px -186px;}
							.faq:hover {background-position: 0px -217px;}
						.testimonial {background-position: 0px -246px;}
							.testimonial:hover {background-position: 0px -277px;}
						.warranty {background-position: 0px -308px;}
							.warranty:hover {background-position: 0px -339px;}
						.parts {background-position: 0px -370px;}
							.parts:hover {background-position: 0px -401px;}
						.recalls {background-position: 0px -432px;}
							.recalls:hover {background-position: 0px -463px;}
						.mobility {background-position: 0px -494px;}
							.mobility:hover {background-position: 0px -525px;}
						.benefits {background-position: 0px -556px;}
							.benefits:hover {background-position: 0px -587px;}
						.price {background-position: 0px -618px;}
							.price:hover {background-position: 0px -649px;}
						
				/* Block of Ads that change */
				div#serviceRightCol {
					float: left;
					position: relative;
					width: 727px;
				}
					.serviceAdsContainer {
						
					}
						ul.serviceAd li {
							float: left;
							height: 342px;
							margin-right: 3px;
							width: 178px;
						}
				.hoursboxes {display:none}
				.innerLeftCol {
							border-bottom: 1px inset;
							padding-bottom:20px;
						}



/* Submit button for forms */
input.submitBtn {
	background-image: url(../Images/sprite_cta_buttons.png);
	background-position: -548px 0px;
	background-repeat: no-repeat;
	height: 35px;
}
	.submitBtn:hover {background-position: -548px -38px;}


.prices span{
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
}

.extras_sprite {
	background-image: url(../Images/extras_sprite.png);}

span.requiredfield {
	color:#F00;
}
.serviceForm ul li span.requiredfield, .contactUsForm ul li span.requiredfield, .tradeInForm ul li span.requiredfield, .quickQuoteForm ul li span.requiredfield, .scheduleTestDriveForm ul li span.requiredfield {
	width:auto;
	padding:0;
	margin:0;
}

ul.column li a, ul.column li a:visited {
	color:black;}
	
	.innerRightColHeader {
		border:none;
		width:280px;}
		
		div.custompage p {
		padding-bottom:10px;
		padding-top:10px;
		text-align:justify;} 

.ComboBoxDropDown_Default {
	max-height:350px;
	overflow:auto;
}

/*NEW INVENTORY SEARCH FEATURE*/

.inventoryDetails {
	padding: 0px 25px;
}
.searchHeader {
	padding-top:15px;
}
.even, .odd {
	width:auto;
}
.InventoryLinks {
display: none;
}
/* #ctl00_ContentSection_inv_vi_liValueTrade{display:none;} */

.initial label
{
	font-size:13px;
}
.initial span
{
	font-size:14px;
}
.rebate label
{
	font-size:13px;
}
.rebate span
{
	font-size:14px;
}
.final label
{
	font-size:13px;
}
.final span
{
	font-size:14px;
}

.single label
{
	font-size:13px;
}

.inventoryDetails h4.similar {
	background-color:#023672;
}

.inventoryDetails div.bottomnav { background-color:#023672; }
.inventoryDetails div.bottomnav .buttonbar .requestinfo a,
.inventoryDetails div.bottomnav .buttonbar .scheduletest a,
.inventoryDetails div.bottomnav .buttonbar .makeanoffer a,
.inventoryDetails div.bottomnav .buttonbar .payment a,
.inventoryDetails div.bottomnav .buttonbar .socialnetworking .mainLink,
.inventoryDetails div.bottomnav .buttonbar .requestinfo a:hover,
.inventoryDetails div.bottomnav .buttonbar .scheduletest a:hover,
.inventoryDetails div.bottomnav .buttonbar .makeanoffer a:hover,
.inventoryDetails div.bottomnav .buttonbar .payment a:hover,
.inventoryDetails div.bottomnav .buttonbar .socialnetworking .mainLink:hover,
.inventoryDetails div.bottomnav .buttonbar .close a, .inventoryDetails div.bottomnav .buttonbar .close a:hover { background-image:url(../images/bottom-buttons.png); background-color:transparent; }
	.inventoryDetails div.bottomnav .buttonbar .close a, .inventoryDetails div.bottomnav .buttonbar .close a:hover { width:51px; height:16px; }
	.inventoryDetails div.bottomnav .buttonbar .close a { background-position:70px 67px; }
	.inventoryDetails div.bottomnav .buttonbar .close a:hover { background-position:70px 27px; }
/* ===== BAR AT TOP OF VEHICLE DETAILS PAGE ===== */
.inventoryDetails .topMenu {
	background:transparent url(../images/bar.png) no-repeat 50% 0;
	background-image: -moz-linear-gradient(100% 50% 90deg, #023672, #798ca6);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#798ca6), to(#023672));
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	background-attachment:scroll;
	width:auto;
	height:42px;
	color:#fff;
}
	.inventoryDetails .topMenu .middleArea {
		float:none;
		width:98%;
		height:auto;
		margin:0 auto;
		padding:11px 0 0;
		verticle-align:middle;
	}
/* ===== ===== */


div.innerLeftCol div.partshours, div.innerLeftCol div.locationhours {display:none;}
.scheduleappointment_sectioncontent input[value*=Submit][value*=Request] { 
	background-image:url("../Images/sprite_cta_buttons.png");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: -548px -0px;
	border: 0 none;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	height: 34px;
	width: 102px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	}
	.scheduleappointment_sectioncontent input[value*=Submit][value*=Request]:hover {
		background-position: -548px -38px;
	}
form[action*=partsOrder] input[type=text] { background-color:#fff; border-color:#666; }

/* ========== Testimonials Page ============ */
.testimonialpage .testimonialStatic { overflow:auto; clear:both; }
	.testimonialpage .testimonialtext { font:italic 16px/24px Georgia,"Times New Roman",Times,serif; position:relative; height:auto; }
		.testimonialpage .testimonialtext:before, .testimonialpage .testimonialtext:after { display:block; width:20px; height:20px; color:#aaa; font: bold 24px/24px Georgia, "Times New Roman", Times, serif; }
			.testimonialpage .testimonialtext:before { content:open-quote; float:left; }
			.testimonialpage .testimonialtext:after { content:close-quote; float:right; }
	.testimonialpage .testimonialStatic span+br { line-height:0px; }
	.testimonialpage .customername, .testimonialpage .testimonialmakemodelyear { color:#8F0510; }
	.testimonialpage .customername { font-style:normal; font-weight:bold; margin-left:350px; }
		.testimonialpage .customername:before { content:"- "; }
		
		
.inventoryDetails div.financingBorder{display:none;}
.inventoryDetails .content .bottom .paymentCalculator{display:none;}
.vehiclepricing ul.prices li.rebate {display:none;}
.inventoryDetails .content .top .right .vehicleinfobox .vehicleinfo .pricing .rebate {display:none;}
.inventoryDetails .content .top .right .vehicleinfobox .vehicleinfo .pricing .final {border-top:none;}