@charset "utf-8";
body {background: #EFEFEF url(../images/background-body.jpg) top center no-repeat; margin: 0px; padding: 0px;}
img {border: 0;}
#IECenter {text-align: center;}
#container {width: 970px; margin: auto; padding: 15px 0 0 0; text-align: left;}
#siteHeader {background: #FFFFFF url(../images/bg-header.gif) top left repeat-x; width: 970px; height: 97px; padding: 0; margin: 0;}
.hyundaiLogo {float: left; margin-left: 15px; margin-top: 22px; width: 185px; height: 54px;}
*HTML .hyundaiLogo {float: left; margin-left: 7px; margin-top: 20px; width: 210px; height: 60px;}
.walkawayLogo {float: right; margin-right: 21px; margin-top: 31px;}
ul li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; padding-bottom: 10px;}
dfn {color: #999999; font-style:normal; font-weight: bold;}
blockquote p.note {font-size: 10px; line-height: normal;}


#siteNav {clear:both; background: url(../images/bg-nav.gif) repeat-x; width: 970px; height:23px; }
#mainNav {float: left;}
div#siteMap {float: right; text-indent: -9999px; padding: 0; margin: 0; width: 80px; height: 23px;}
div#siteMap a{background: url(../images/nav-sitemap01.gif); display: block; width: 80px; height: 23px;}
div#siteMap a:hover{background: url(../images/nav-sitemap02.gif); display: block; width: 80px; height: 23px;}
div.navStripe {clear: both; background: url(../images/nav-stripe.gif) repeat-x; width: 970px; height: 4px; padding: 0; margin: 0; line-height: 2px; font-size: 0px;}
div.greyStripe {background: #878787; width: 970px; height: 6px; padding:0; margin: 0; line-height: 2px; font-size: 0px;} 
div#headerShadow {background:#FFFFFF url(../images/header-shadow.gif) top center no-repeat; width: 970px; height: 29px; padding: 0; margin: 0; font-size: 0px;}

div#FlashArea {background:#FFFFFF url(../images/flasharea.jpg) no-repeat; width: 970px; height: 201px; padding: 0; margin: 0;}

div#bodyContainer {background:#FFFFFF; width: 970px;} 
div#homeContent {float: left; width: 660px;}
#homeContent h1.homeTitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-weight: normal; padding: 0; margin: 24px 38px 24px 38px;}
#homeContent table p {font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #666666; text-align: justify; margin: 0 0 10px 0; padding: 0;}
#homeContent table {margin-left: 38px;}
div#homeSidebar {float: right; width: 280px;}
div#homeSidebar table {margin-top: 5px;}
#homeContent table p a{color: #666666; text-decoration: underline;}
#homeContent table p a:hover{color: #999999; text-decoration: none;}
#homeContent table p.note {font-size: 10px; line-height: normal;}

div.titleSidebar {float: left; width: 280px;}
div.titleSidebar h1.titleProgramOverview { padding: 0; margin: 10px 0 0 60px; text-indent: -9999px; background: url(../images/title-productoverview.gif) no-repeat ; width: 211px; height: 21px; font-size: 1px;}
div.titleSidebar h1.titleCoveredCircumstances { padding: 0; margin: 10px 0 0 60px; text-indent: -9999px; background: url(../images/title-coveredcircumstances.gif) no-repeat ; width: 211px; height: 21px; height: 21px; font-size: 1px;}
div.titleSidebar h1.titleBenefitRequestProcess { padding: 0; margin: 10px 0 0 60px; text-indent: -9999px; background: url(../images/title-benefitrequestprocess.gif) no-repeat ; width: 211px; height: 21px; height: 21px; font-size: 1px;}
div.titleSidebar h1.titleFAQ { padding: 0; margin: 10px 0 0 60px; text-indent: -9999px; background: url(../images/title-faq.gif) no-repeat ; width: 211px; height: 52px; height: 21px; font-size: 1px;}
div.titleSidebar h1.titleSiteMap { padding: 0; margin: 10px 0 0 60px; text-indent: -9999px; background: url(../images/title-sitemap.gif) no-repeat ; width: 211px; height: 52px; height: 21px; font-size: 1px;}
div.titleSidebar h1.titleContactUs { padding: 0; margin: 10px 0 0 60px; text-indent: -9999px; background: url(../images/title-contactus.gif) no-repeat ; width: 211px; height: 21px; height: 21px; font-size: 1px;}
div.titleSidebar ul {padding: 0; margin: 10px 10px 10px 90px; list-style-image:url(../images/bullet.gif);}
div.titleSidebar ul li a {color: #666666; text-decoration: underline;}
div.titleSidebar ul li a:hover {color: #999999; text-decoration: none;}

div.innerContentArea {float: right; width: 650px;}
.innerContentArea h2 {margin: 10px 50px 10px 0; padding: 0; font-family: "Times New Roman", Times, serif; font-style:italic; font-weight: normal; font-size: 24px;}
.innerContentArea p {margin: 0 50px 10px 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #666666; text-align: justify;}
.innerContentArea table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #666666; text-align: justify;}
.innerContentArea table p{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #666666; text-align: justify;}
.innerContentArea table p.required {font-weight: bold; color: #000000;}
.innerContentArea a {color: #666666; text-decoration: underline;}
.innerContentArea a:hover {color: #999999; text-decoration: none;}
.innerContentArea p.note {font-size: 10px; line-height: normal;}
.innerContentArea h3 {font-size: 14px; font-weight: bold; color: #666666; margin-bottom: 0; margin-top: 10px; padding: 0;}

div#gradientClear {background:url(../images/footergradient.gif) bottom center no-repeat; width: 970px; height: 70px; clear: both;}
.footer {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #BBBBBB; font-weight: normal;}
.footerNav {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #BBBBBB; font-weight: normal;}
.footerNav a{color: #BBBBBB; text-decoration: none;}
.footerNav a:hover{color: #000000; text-decoration: underline;}
.innerBanner {background:url(../images/banner-inner.jpg) top center no-repeat; width: 970px; height: 55px;}