﻿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:160px; left:450px; }
#divHomeLeftCarfax { vertical-align:top; text-align:right; position:absolute; top:330px; left:420px; }
#divHomeLeftListAll { vertical-align:top; text-align:right; position:absolute; top:346px; left:150px; }
#divHomeLeftFlash { width:569px; position:relative;left:8px;top:152px; }

#divHomeRightBorder { float:right; width:336px; height:298px; background: url("../images/box_home_right.gif") no-repeat; }
#divHomeRightContent { margin-left:20px; margin-top:10px; }
#divHomeRightFlash { width:283px; position:relative; top:105px; left:6px;}

/* EMAIL A FRIEND */
#divEmailFriend { width:361px; height:505px; margin:0 auto; background: url(../images/box_locations.gif) repeat-x 0 bottom; }

/* MAKE AN OFFER */
#divMakeOffer { width:521px; height:790px; margin:0 auto; background: url(../images/box_offer.gif) repeat-x 0 bottom; }
#divApplyNowCalc { width:277px; height:228px; margin:0 auto; background: url(../images/box_applycalc.gif) no-repeat; }

/* 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; }

/* CONTACT US - LOCATIONS */
#divLocations { position:relative; height:555px; margin-left:20px; }
#divLocationsMaryland { float:left; margin-left:40px; width:361px; height:417px; background-image: url("../images/box_locations_small.gif"); }
#divLocationsVirginia { float:right; margin-right:40px; width:361px; height:417px; background-image: url("../images/box_locations_small.gif"); }
#divLocationsLeft { float:right; margin-right:40px; width:361px; height:113px; background-image: url("../images/box_small.gif"); }
#divLocationsRight { float:left; margin-left:40px; width:361px; height:113px; background-image: url("../images/box_small.gif"); }

/* LOCATIONS */
#divLocation { height:300px; width:950px; }
#divLocationMap { float:right; position:absolute; top:100px; right:150px; }

/* 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:950px; 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; }
