﻿body { background-color:#394c53; z-index:0; position:relative; margin-left:0px; margin-top:10px; top:0; left:0; top:0; bottom:0; }
body.emailFriend { background-color:#ffffff; z-index:0; position:relative; margin-left:0px; margin-top:10px; top:0; left:0; top:0; bottom:0; }
#divWrapper { margin: 0 auto; width: 982; }
/* COLOR CODES 

22414B - Dark blue
6DCFF6 - Baby Blue
78929C - Light blue/gray
2a525e - Dark gray
ED1C24 - Easterns Red
FFF963 - SearchResults Yellow
*/

/* LINKS and TEXT */
.RedLink { font-family:Verdana; font-size:10pt; font-weight:bold; color:#ED1C24; text-decoration:none; }
.RedLink:hover { font-family:Verdana; font-size:10pt; font-weight:bold; color:#ED1C24; text-decoration:underline; }
.RedSmallLink { font-family:Verdana; font-size:8pt; font-weight:bold; color:#ED1C24; text-decoration:none; }
.RedSmallLink:hover { font-family:Verdana; font-size:8pt; font-weight:bold; color:#ED1C24; text-decoration:underline; }

.SiteMapHeader { font-family:Verdana; font-size:12pt; font-weight:bold; color:#78929C; }
.SiteMapLink1 { font-family:Verdana; font-size:11pt; line-height:20px; font-weight:bold; color:#ED1C24; text-decoration:none; }
.SiteMapLink1:hover { font-family:Verdana; font-size:11pt; line-height:20px; font-weight:bold; color:#ED1C24; text-decoration:underline; }
.SiteMapLink2 { font-family:Verdana; font-size:8pt; padding-left:10px; line-height:20px; font-weight:bold; color:#ED1C24; text-decoration:none; }
.SiteMapLink2:hover { font-family:Verdana; font-size:8pt; padding-left:10px; line-height:20px; font-weight:bold; color:#ED1C24; text-decoration:underline; }
.SiteMapLink3 { font-family:Verdana; font-size:8pt; line-height:20px; padding-left:20px;  font-weight:bold; color:#000000; text-decoration:none; }
.SiteMapLink3:hover { font-family:Verdana; font-size:8pt; line-height:20px; font-weight:bold; color:#000000; text-decoration:underline; }
li.SiteMap { padding-left:12px; }
.SmallLink { font-family:Verdana; font-size:8pt; color:#78929C; font-weight:bold; text-decoration:none; cursor:hand;}
.SmallLink:hover { font-family:Verdana; font-size:8pt; color:#78929C; text-decoration:underline;  }
.PagingLink { font-family:Verdana; font-size:9pt; color:#78929C; text-decoration:underline; }
.PagingLink:hover { font-family:Verdana; font-size:9pt; color:#78929C; text-decoration:none; }
.White { font-family:Verdana; font-size:8pt; color:#ffffff; text-decoration:none; }
a.White:hover { font-family:Verdana; font-size:8pt; color:#ffffff; text-decoration:underline; }

.MainFont { font-family:Arial; font-size:9pt; color:#000000; text-decoration:none; }
.MainFontBold { font-family:Arial; font-size:9pt; color:#000000; text-decoration:none; font-weight:bold; }
.MainFontST { font-family:Arial; font-size:9pt; color:#000000; text-decoration:line-through;  }
.SmallMainFont { font-family:Arial; font-size:8pt; color:#000000; text-decoration:none; }
.SmallMainFontBold { font-family:Arial; font-size:8pt; color:#000000; text-decoration:none; font-weight:bold; }
.SmallMainFontST { font-family:Arial; font-size:8pt; color:#000000; text-decoration:line-through; }
.RedMainFontBold { font-family:Verdana; font-size:9pt; color:#ED1C24; text-decoration:none; font-weight:bold; }
.GrayMainFontBold { font-family:Verdana; font-size:9pt; color:#78929C; text-decoration:none; font-weight:bold; }
.BlackMainFontBold { font-family:Verdana; font-size:9pt; color:#000000; text-decoration:none; font-weight:bold; }
.RedLine { height:1px; background-color: #ED1C24; font-size:0pt; }
.GrayLine { height:1px; background-color: #707070; font-size:0pt; }
.BlueLine { height:1px; background-color: #78929C; font-size:0pt; }
.RequiredField { font-family:Verdana; font-size:8pt; font-weight:bold; vertical-align:top; color:#ED1C24; }
h1 { font-family:Verdana; font-size:8pt; color:#ffffff; font-weight:normal; text-decoration:none; }

.SearchResultsRed { text-transform:uppercase; font-family:Verdana; font-size:7pt; font-weight:bold; color:#ED1C24; text-decoration:none; }

.BlackHeaderFont { font-family:Arial; font-size:13pt; font-weight:bold; color:#000000; text-decoration:none; }
.HeaderFont { font-family:Arial; font-size:13pt; font-weight:bold; color:#78929C; text-decoration:none; }
.RedHeaderFont { font-family:Verdana; font-size:12pt; font-weight:bold; color:#ff0000; text-decoration:none; }
.DarkRedHeaderFont { font-family:Verdana; font-size:12pt; font-weight:bold; color:#920802; text-decoration:none; }
.SmallHeaderFont { font-family:Verdana; font-size:10pt; font-weight:bold; color:#78929C; text-decoration:none; }
.RedSmallHeaderFont { font-family:Verdana; font-size:10pt; font-weight:bold; color:#ED1C24; text-decoration:none; }
.BlackSmallHeaderFont { font-family:Verdana; font-size:10pt; font-weight:bold; color:#000000; text-decoration:none; }
.BlueSmallHeaderFont { font-family:Verdana; font-size:10pt; font-weight:bold; color:#22414B; text-decoration:none; }
.DarkGraySmallHeaderFont { font-family:Verdana; font-size:10pt; font-weight:bold; color:#2a525e; text-decoration:none; }
.BlackTinyHeaderFont { font-family:Verdana; font-size:7pt; font-weight:bold; color:#000000; text-decoration:none; }
.BlueTinyHeaderFont { font-family:Verdana; font-size:7pt; font-weight:bold; color:#22414B; text-decoration:none; }
.GrayTinyHeaderFont { font-family:Verdana; font-size:7pt; font-weight:bold; color:#78929C; text-decoration:none; }
.DarkGrayTinyHeaderFont { font-family:Verdana; font-size:7pt; font-weight:bold; color:#2a525e; text-decoration:none; }
.BlueFooter { font-family:Verdana; font-size:8pt; font-weight:bold; color:#2a525e; text-decoration:none; }

/* STORE - SHOPPING CART */
.CartHeader { font-family:Verdana; font-size:7pt; font-weight:bold; color:#ffffff; text-decoration:none; background-color:#707070; }
.CartItem { font-family:Verdana; font-size:8pt; color:#000000; text-decoration:none; background-color:#c0c0c0; }

/* MENU ITEMS */
#nav, #nav ul {	padding: 0; margin:0; list-style: none;}
#nav a {
	display: block;
	width: 9em;
	color:#22414B;
	background-color:transparent;
	font-family:Arial;
	font-size:.7em;
	text-decoration:none;
	padding:0px 0px 3px 0px;
	border-style:solid;
	border-color:#22414B; /*22414B*/
	border-width:0px;
	border-bottom-width:3px;
	margin-right:0px;
	font-weight:bold;
}
#nav a:hover { border-color:#ED1C24; color:#ED1C24; }
#nav li { float: left; }
#nav li ul { width: 6em; visibility:hidden; }
#nav li:hover ul { left: auto; visibility:visible; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; visibility:visible; }
/* END OF MENU ITEMS */

/* MENU */
#divMenuBorder { text-align:center; background-image: url(../images/main_gradient.gif); width:990px;}
#divMenuContent { width:960px; text-align:left; margin-left:12px; margin-right:17px; background: url(../images/bg_menu_gradient.gif) repeat-x 0 top; }
#divMenu { margin-left:280px; position:relative; float:right; }

/* MAIN AREA */
#divMainBorder { height:auto; width:990px; position:relative; background-image: url("../images/main_gradient.gif"); }
#divMainContent { width:962px; text-align:left; }
#divGradient { height:89px; width:962px; position:absolute; z-index:-1; left:12px; bottom:0; }

/* FOOTER */
#divFooter{ width:988px; height:177px; position:relative; background: url("../images/footer.gif") no-repeat 0 bottom; }
#divFooterHyundai{ width:988px; height:37px; position:relative; background: url("../images/hyundai/footer_hyundai.gif") no-repeat 0 bottom; }
#divFooterBannerLeft { position:relative; float:left; width:446px; height:110px; top:55px; left:40px;}
#divFooterBannerRight { position:relative; float:right; width:446px; height:110px; top:55px; right:40px; }
#divSiteMap { text-align:center; }

/* HOME PAGE */
#divHome { height:300px; width:950px; }
#divHomeLeftBorder { float:left; margin-left:10px; width:592px; height:298px; background: url("../images/box_home_left.gif") no-repeat; }
#divHomeLeftContent { margin-left:20px; margin-top:10px; }
#divHomeLeftHover { vertical-align:top; text-align:right; position:absolute; top:60px; left:396px; }
#divHomeLeftCarfax { vertical-align:top; text-align:right; position:absolute; top:238px; left:350px; }
#divHomeLeftListAll { vertical-align:top; text-align:right; position:absolute; top:253px; left:50px; }
#divHomeLeftFlash { width:569px; position:relative;left:8px;top:152px; }

#divHomeRightBorder { float:right; width:336px; height:298px; }
#divHomeRightContent { margin-left:20px; margin-top:10px; }
#divHomeRightFlash { width:283px; position:relative; top:25px; left:20px;}

/* NEWS PAGE */
#divNewsBorder { margin-left:15px; margin-right:15px; height:auto; }
#divNewsTopStories { position:relative; float:left; width:550px; }
#divNewsGallery { position:relative; float:right; width:300px; }
.NewsStripe { height:4px; width:100%; background-color:#78929C; font-size:0pt; }
.NewsHeader { font-family:Times New Roman; font-size:16pt; font-weight:bold; color:#22414B; vertical-align:middle; }

/* FUN STUFF */
#divFunStuffBorder { height:855px; margin-left:13px; }
#divFunStuffLeft { position:relative; float:left; width:421px; height:746px; background: url("../images/fun_stuff/fun_bg1.gif") no-repeat; }
#divFunStuffRight { position:relative; float:right; width:515px; height:744px; background: url("../images/fun_stuff/fun_bg2.gif") no-repeat; }

/* HYUNDAI - INFO */
#divHyundaiVehicleInfo { width:450px; float:right;margin-right:10px;  }
#tblHyundaiVehicleInfo { }
#divHyundaiBanner { position:absolute;top:85px;left:27px; }

/* HYUNDAI - Service and Parts */
#divServiceAndParts { margin: auto; width: 982; text-align:center; }

/* HYUNDAI - Coupons */
.Coupon { border-width:medium; border-style:dashed; border-color:Black;font-family:Arial; font-size:11pt; font-weight:bold; color:#000000; text-decoration:none; }

/* EMAIL A FRIEND */
#divEmailFriend { width:361px; height:505px; margin:0 auto; background: url(../images/box_locations.gif) repeat-x 0 bottom; }

/* APPLY NOW */
#divApplyNow { width:521px; height:670px; margin:0 auto; background: url(../images/box_apply.gif) repeat-x 0 bottom; }
#divApplyNowCalc { width:277px; height:228px; margin:0 auto; background: url(../images/box_applycalc.gif) no-repeat; }
#divApplyNowBrochure { width:277px; height:123px; margin:0 auto; background: url(../images/box_applybrochure.gif) no-repeat; }
#divApplyNowThanks { width:700px; height:113px; margin-left:25px; top:10px; }

/* MAKE AN OFFER */
#divMakeOffer { width:521px; height:790px; margin:0 auto; background: url(../images/box_offer.gif) repeat-x 0 bottom; }

/* REQUEST A VEHICLE / CAN'T FIND */
#divRequestVehicle { width:523px; height:834px; margin:0 auto; background: url(../images/box_cantfind.gif) repeat-x 0 bottom; }

/* Holiday Giveaway */
#divHolidayGiveaway { width:521px; }
#divGiveAwayFlash { width:300px; position:absolute; }
#divGiveAwayAppStart { width:461px;  }

/* STORE */
#divStoreInfo { width:521px; height:450px; margin:0 auto; background: url(../images/box_store.gif) repeat-x 0 bottom; }
#divStoreThanks { width:700px; height:113px; margin-left:25px; top:10px; }

/* PRIVACY POLICY */
#divPrivacyPolicy { position:absolute; margin-top:0px; margin-left:400px; }
.PrivacyLink { font-family:Verdana; font-size:7pt; font-weight:bold; color:#ED1C24; text-decoration:underline; }
#divPrivacyPolicyPage { text-align:left; margin-left:10px; margin-top:10px; width:600px; height:410px; background-color:#ffffff; font-family:Arial; font-size:9pt; color:#000000; text-decoration:none; }

/* EMPLOYMENT */
#divEmployment { position:relative; }
#divEmploymentOpenings { position:relative; z-index:10; width:494px; height:199px; left:0px; bottom:0px; background-image: url("../images/box_employment_openings.gif"); }
#divEmploymentMain { float:right; position:relative; width:440px;}

#divEmploymentSingleImage { float:right; position:relative; right:200px; top:5px; text-align:center; }
#divEmploymentSingleBorder { width:581px; height:416px; margin-left:25px; }
#divEmploymentSingleBorderLarge { width:581px; height:522px; margin-left:15px; }
.EmploymentOpeningsFont { font-family:Verdana; font-size:8pt; font-weight:bold; color:#22414B; text-decoration:underline; }
.EmploymentFooter { font-family:Verdana; font-size:8pt; color:#78929C; }
.EmploymentFooterBold { font-family:Verdana; font-size:8pt; font-weight:bold; color:#78929C; }

/* EMPLOYMENT APP */
#divEmploymentApp { width:auto; text-align:left; margin-left:20px; }
#divEmploymentThanks { width:700px; height:233px; margin-left:25px; top:10px; }

/* CONTACT US - LOCATIONS */
#divLocations { position:relative; height:555px; margin-left:20px; }
#divLocationsMaryland { float:left; margin-left:40px; width:361px; height:505px; background-image: url("../images/box_locations.gif"); }
#divLocationsVirginia { float:right; margin-right:40px; width:361px; height:359px; background-image: url("../images/box_locations_small.gif"); }
#divLocationsLeft { float:right; margin-right:80px;margin-bottom:40px;margin-top:90px; width:361px; height:113px; background-image: url("../images/box_small.gif"); }
#divLocationsRight { float:right; margin-right:80px; width:361px; height:113px; background-image: url("../images/box_small.gif"); }

/* LOCATIONS */
#divLocation { margin-left:20px; }
#divLocationMap { float:right; position:absolute; top:20px; right:30px; }

/* ABOUT US */
#divAboutUs { margin-left:20px; height:475px;}
#divAboutUsContent { float:right; margin-right:40px; width:480px; vertical-align:top; }
#divAboutUsLinks { float:left; width:400px; }
#divAboutUsSub{ margin-left:20px; margin-right:20px; }
/* ABOUT US - QUALITY */

/* SEARCH LANDING PAGE */
#divSearchLanding { position:relative; height:200px;}
#divSearchLandingParameters { float:left; margin-left:8px; width:550px; height:194px; background: url("../images/box_search_parameters.gif") no-repeat; }
#divSearchLandingTools { float:right; width:387px; height:194px; background: url("../images/box_search_tools.gif") no-repeat; }

/* SEARCH */
#divSearchPOBorder {  }
#divSearchPOMenu { width:936px; height:145px; margin-left:11px; background: url("../images/box_search3.gif") no-repeat; }
#divSearchPOResults { margin-left:13px; width:933px; }

.tblSearchHeader { width:936px; height:34px; vertical-align:bottom;}
#divSearchHeader { }
#divSearchHeaderMenu { width:632px; height:33px; background: url("../images/box_search_sort.gif") repeat-x 0 bottom; }
.tblSearchFooter { width:936px; height:43px; background: url("../images/box_search_header.gif") repeat-x 0 bottom; }

.SearchResultsHeader { background-color:#0087E4; height:30px; }
.SearchResultsHeaderLink {  font-family:Verdana; font-size:10pt; font-weight:bold; color:#ffffff; text-decoration:none; }
.SearchResultsHeaderLink:hover {  font-family:Verdana; font-size:10pt; font-weight:bold; color:#ffffff; text-decoration:underline; }
.SearchResultsRow { text-transform:uppercase; height:85px; background-color:#ffffff; font-family:Verdana; font-size:8pt; font-weight:bold; color:#000000; text-decoration:none; }
.SearchResultsRowAlt { text-transform:uppercase; height:85px; background-color:#FFF963; font-family:Verdana; font-size:8pt; font-weight:bold; color:#000000; text-decoration:none; }
.SearchResultsSub { font-size:7pt; color:#22414B; }
.SearchResultsSpecial { font-size:7pt; color:#ED1C24; }

.SearchResultsMakeLink { cursor:hand; text-transform:uppercase; font-family:Verdana; font-size:8pt; font-weight:bold; color:#000000; text-decoration:none; }
.SearchResultsMakeLink:hover { text-decoration:underline; }

.SearchResultsLink { cursor:hand; text-transform:uppercase; font-family:Verdana; font-size:7pt; font-weight:bold; color:#000000; text-decoration:none; }
.SearchResultsLink:hover { text-decoration:underline; }

.SearchResultsLinkRed { cursor:hand; text-transform:uppercase; font-family:Verdana; font-size:7pt; font-weight:bold; color:#ED1C24; text-decoration:none; }
.SearchResultsLinkRed:hover { text-decoration:underline; }

#divVehicleThumbnailBorder { width:105px; text-align:center; height:83px; background-image: url("../images/box_thumbnail.gif"); }
.ThumbnailImage { margin-top:4px; margin-right:4px; }

#divNewVehicleThumbnailBorder { width:213px; text-align:center; height:83px; background-image: url("../images/box_thumbnail_new.gif"); }

/* VEHICLE DETAILS */
#divVehicle { position:relative; margin:0 auto; width:933px; height:533px; left:0px; bottom:0px; background: url("../images/box_vehicle.gif") no-repeat; }
#divVehicleImages { margin: 5px 10px 10px 20px; height:440px; float:left; }
#divVehicleInfo { float:right; height:426px; width:400px;}

/* VEHICLE DETAILS - INFO window */
.liVehicleOption { color:Green; height:.25em; }
.InfoLink { font-family:Verdana; font-size:11pt; font-weight:bold; color:#ED1C24; text-decoration:none; }

/* VEHICLE DETAILS - TOOLS window */
#divVehicleTools { position:relative; z-index:10; width:502px; height:166px; left:14px; bottom:0px; background-image: url("../images/box_tools.gif"); }
#divVehicleCarfax { width:400px; position:absolute; left:545px; top:470px; vertical-align:bottom; }
.ToolsLink { font-family:Verdana; font-size:10pt; font-weight:bold; color:#22414B; text-decoration:none; }
