/* colors:
orange: ff7f01
med blue: 146dbc
blue: 095294

HYUNDAI colors
orange - ff7f01
med blue - 146dbc
blue - 1a7fd5
*/

body {font: 62.5%/1.2 Arial, Helvetica, sans-serif; padding:0; margin:0; height: 100%; background: url(/images/bg/outwrapbg.jpg) repeat-y 50% 0;z-index:1;}
#outwrap {width: 1002px;margin: 0 auto; }
#inwrap {width: 1002px; position: relative; font-size: 120%;	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */}	
button, img, a {outline:none;}
a:link, a:visited {color: #1a7fd5;}
a:hover, a:active, a:focus {color:#146dbc;}

.clear {clear:both;}
#crossroads {position: absolute; left: 310px; top:90px;font-size: 140%;}

#header {font-family: 'Droid Sans', Arial, Helvetica, sans-serif !important; font-weight: bold;position: relative; left: 0;height: 207px; background: url(/images/bg/bodybg.jpg) repeat-x 0 -46px; color: #fff;}
#header #dlr_logo {position: relative; top:-11px; left: 10px;z-index: 2;}
#header h1{text-indent: -999em;}
#header address {position: absolute; width: 280px; top: 30px; right: 28px; height: 1.9em;font-size: 125%;}
div#phone { width: 280px; position: absolute; right: 10px; top: 75px; height: 2.0em;z-index: 4;font-size: 150%;}
#phone .divider {float:left; margin: 3px 6px 0 6px; text-align: center;}
#phone #landline {float:left;}
#phone #tollfree {float:left;}
#breadcrumbs {position: absolute; top: 130px; left: 30px;color: #146dbc;  }
#breadcrumbs a {color: #fff; text-decoration: none;}
#breadcrumbs a:hover {color: #000;}
#breadcrumbs a.last:hover {color:#fff; cursor: default;}
#breadcrumbs .divider {margin:0 .5em;}
ul#oem {position: absolute; right: 10px; top:0px; background:#ccc;z-index: 2; display:none;}
ul#oem li {float:left;}
ul#oem li a#hHyun {display:block; width: 168px; height: 96px; background: url(/images/dlr/oem_hyun.jpg) no-repeat 0 0; text-indent:-999em;}


#main {position: relative; top: 0px;margin: 0;  color: #000; background: #fff url(/images/bg/sidebar-bg.jpg) repeat-y right top; min-height: 1%;} /* min-height hack to fix bg in IE7 */
#main h2, #main h3 {font-family: 'Droid Sans', Arial, Helvetica, sans-serif !important; font-size: 179%; color: #1a7fd5; margin: 1.1em 0; line-height: 1.2em}
#main p {margin: 1.1em 0;}
#hFin {height: 230px; background: url(/images/bg/splash-fin.jpg) no-repeat 0 0;text-indent: -999em; z-index: 3;}
#hIns {height: 230px; background: url(/images/bg/splash-ins.jpg) no-repeat 0 0;text-indent: -999em; z-index: 3;}
#hParts {height: 230px; background: url(/images/bg/splash-parts.jpg) no-repeat 0 0;text-indent: -999em; z-index: 3;}
#hSvc {height: 230px; background: url(/images/bg/splash-svc.jpg) no-repeat 0 0;text-indent: -999em; z-index: 3;}
#hAbout {height: 230px; background: url(/images/bg/splash-about.jpg) no-repeat 0 0;text-indent: -999em; z-index: 3;}
#hInv {height: 230px; background: url(/images/bg/splash-inv.jpg) no-repeat 0 0;text-indent: -999em; z-index: 3;}
#hSpec {height: 230px; background: url(/images/bg/splash-spec.jpg) no-repeat 0 0;text-indent: -999em; z-index: 3;}
#hBody {height: 230px; background: url(/images/bg/splash-body.jpg) no-repeat 0 0;text-indent: -999em; z-index: 3;}
#hHome {text-indent: -999em; z-index: 3;line-height:0;} 
#hHome #splash {margin-top: -38px; height: 270px; width: 1002px; overflow:hidden;clear:both;position:relative;}
#splash p, #splash div {margin:0; overflow:hidden; zoom:1;}
ul.bullets1 {list-style: outside disc; margin-left: 15px;}
ul.bullets1 li {padding-bottom: .25em;}
.legaltext {font-size: 7px; line-height: normal;font-style:italic;}

#inmain h2 a {margin-left: 10px;padding-left: 58px; background: url(/images/icons/arrow_button.png) no-repeat 0 -9px; display:inline-block; height: 50px;}
#inmain h2 a:hover,#inmain h2 a:active, #inmain h2 a:focus  {background: url(/images/icons/arrow_glow.png) no-repeat 0 -9px;}
#inmain h2 a:focus {outline:normal;}
img.inmain  {margin-left: 56px;}

#hPre {height: 230px; background: url(/images/bg/splash-pre.jpg) no-repeat 0 0;text-indent: -999em; z-index: 3;}
#hNew {height: 230px; background: url(/images/bg/splash-new.jpg) no-repeat 0 0;text-indent: -999em; z-index: 3;}
#hShow {height: 230px; background: url(/images/bg/splash-show.jpg) no-repeat 0 0;text-indent: -999em; z-index: 3;}
#hLegal {height: 230px; background: url(/images/bg/splash-legal.jpg) no-repeat 0 0;text-indent: -999em; z-index: 3;}
#hTnx {height: 230px; background: url(/images/bg/splash-thanx.jpg) no-repeat 0 0;text-indent: -999em; z-index: 3;}


#showNissan #hNew {height: 230px; background: url(/images/bg/splash-new.jpg) no-repeat 0 0;text-indent: -999em; z-index: 3;}


/* #splash {height: 265px; z-index: 3;} */
#inmain {background:transparent; position: relative; min-height: 37.5em; z-index: 14; margin: -90px 285px 0 56px;line-height: 1.4em;}
#finance #inmain, #about #inmain, #access #inmain, #legal #inmain {overflow:auto;}
*+html #finance #inmain, *+html #about #inmain,*+html #access #inmain,*+html #legal #inmain {overflow:visible;}
#inmain p, #inmain h2 {z-index: 16; padding-right: 20px;}
#home #inmain {top: 195px; margin-top:0; min-height: 48em;}
*+html #home #inmain {min-height: 50em;}
#main #viewShowroom {position: absolute; z-index: 5; top:120px; left: 50px;}

#click2app {width: 422px; height: 71px; display:block; background: url(/images/bg/btn-preapproved.jpg); text-indent: -999em;}

.twoCols {position: relative; left:-56px; margin: 0 0 0 0;clear: both; top: 0;}
.twoCols ul { list-style: inside disc; padding-bottom: 2em; }
.twoCols #col1 {width: 290px; float:left; }
.twoCols #col2 {width: 380px; float:left;}

#mainAbout { padding-left: 238px;}
#mainAbout img {position: absolute; left:-56px; z-index: 18;}

#access img.bkdrop {float:left; z-index:10;}
#access ul.overlay {float:left; z-index: 14; margin:50px 0 0 -80px;font-size: 140%; font-weight: bold; line-height: 1.8em;}

#finance .twoCols {margin-left: 120px;}
#finance .twoCols ul {list-style:none;}
#finance .twoCols ul li {background:url(/images/bg/bullet-finance.jpg) no-repeat left 50%;line-height: 1.6em; padding-left: 14px;}
#finance .twoCols .col1,  #finance .twoCols .col1 {width: 250px; float:left; }

#clickPhone {font-size: 125%; font-weight:bold;}
#clickPhone a:link, #clickPhone a:visited  {color:#fff;}
#clickPhone a:hover, #clickPhone a:active, #clickPhone a:focus {color:#000;}
#clickPhone h2 {line-height: 1.5em;}

#main .inset {width: 640px; background: url(/images/bg/bg-inset.png) no-repeat 15px 100%; margin: 0 0 15px -15px; padding: 0 0 10px 15px;}
#main .inset h2 {background: url(/images/bg/inset-top.png) no-repeat 15px 0%; margin: 0px 0 0 -15px; padding: 10px 0 0 20px; } 
.inset p, .inset img { padding-left: 20px;}
.inset li { padding-left: 35px;}

#main .inset2 {width: 645px; background: url(/images/bg/bg-inset.png) no-repeat left bottom; margin: 0 0 15px -15px; padding: 0 0 10px 15px; color: #fff; font-size: 140%;}
#main .inset2 h2 {background: url(/images/bg/inset-top.png) no-repeat left top; margin: 0px 0 0 -15px; padding: 10px 0 0 15px; } 
.inset2 p { padding-left: 15px;}
.inset2 ul { padding-left: 35px; }
.inset2 li {float:left;  width: 270px; height: 1.6em; background: url(/images/icons/bullet-star.png) no-repeat; padding-left: 30px;}
#svcAvail ul {height: 6.5em;}

#main .inset3 {width: 645px; background: url(/images/bg/inset2-bot.jpg) no-repeat left bottom; margin: 0 0 15px -15px; padding: 0 0 10px 15px; color: #fff; font-size: 140%;}
#main .inset3 h2 {background: url(/images/bg/inset2-top.jpg) no-repeat left top; margin: 0px 0 0 -15px; padding: 10px 0 0 15px; } 
.inset3 p { padding-left: 15px;}
.inset3 ul { padding-left: 35px; }
.inset3 li {height: 1.6em; background: url(/images/icons/bullet-star.png) no-repeat; padding-left: 30px;}

#employment #inmain address p {margin:0 0 0 1.5em;}
#employment #inmain address p.contact {font-weight: bold;}
.go_button {clear:both;}
h4.gobtn {padding: 10px 0 10px 40px; height: 50px; background: transparent url(/images/icons/go_button.png) no-repeat 0 0; font-size: 150%; color: #b60000; font-weight: normal;letter-spacing: .05em} 
#address th {text-align: right; padding-right: 1em; vertical-align: top;}
#address td {text-align: left;}
#address {margin-left: -10px;}

#googlemap a {display:block; padding:3px 0 0 28px; font-size: 12px; font-weight: bold; line-height: 1.8em;height: 40px;color: #fff; background: url(/images/icons/mapIcon.png) no-repeat 0 0;}
#inmain #googlemap a{background: #fff; color: #1a7fd5; padding:13px 0 0 28px;background: url(/images/icons/mapIcon.png) no-repeat 0 10px;}

#tireBrands {width: 500px;margin: 0 auto;text-align: center;}
#tireBrands img {padding: 10px; }

/* map on Contact us page */
#iMap {width: 470px; height: 370px; position: absolute; left: 200px; top: 55px; }


p.applyBtn {margin: 0 0 -30px -40px;}
a.applyBtn span {text-indent: -999em; display:block; outline:none;}
a#applyOrCall {display:block; width: 195px; height: 72px; text-indent: -999em; background: url(/images/icons/applyorcall.png);}
/*
a.applyBtn {display:block; height: 51px; width: 145px;}
*/

#sidebar {position: absolute; top: 335px; right: 0px; width: 269px; background: url(/images/bg/sidebar-top.jpg) no-repeat right top; z-index:3;}
#sidebar .inset {padding-left: 20px;}
#sidebar .inset .phonenum, #sidebar .inset .applyBtn  {font-weight: bold; font-size: 20pt; color: #ff9600;}
#sidebar .inset .applyBtn  {font-size: 18pt;}
#home #sidebar {top: 479px; padding-top: 190px;} 
#sidebarbtns li {margin: 19px 0 0 8px;}
#sidebarbtns a {display:block; width: 10em; height: 2.3em; color:black;}
#sidebar input {width: 8em; margin-top: 2px;}
#sidebar input, #sidebar label {display:block;}

#inmain #hours {border: 2px #ccc solid;}
#inmain #hours th {background-color: #1a7fd5; color:#fff; font-size: 120%; padding: .25em .5em;}
#inmain #hours td {padding: .25em;border: 1px #ccc solid;}
#inmain #hours caption {text-align: left; font-size: 160%; line-height: 1.8em; letter-spacing: -.01em;}

#sidebar #hours caption {text-align: left; font-size: 130%; line-height: 1.8em; letter-spacing: -.01em;}
#sidebar #hours {text-align: left; background: url(/images/bg/clock.jpg) no-repeat right top; width: 100%; padding-bottom: 45px;} 
#sidebar #hours th {height: 2.2em;vertical-align: bottom; color: #ff9e04;font-size: 120%;}
#sidebar #hours td {color: white; height:2.0em; vertical-align: top;}

#qqform,#sidecontent {margin: 15px 0 0 8px; padding: 10px 0 30px 13px;position: relative; color: #fff;}
#qqform h2, #sidecontent h2 {font-size: 18pt; color: #fff;}
#qqform input {width: 200px;}
#qqform form {margin-top: 10px;}
#qqform button {overflow: hidden; border: none; height: 51px; width: 83px;cursor:pointer; cursor: hand;position: relative; left: 126px; top: 17px;background: transparent url(/images/icons/go_button.png) no-repeat;outline:none; }
#qqform button span {display:block; text-indent: -999em; outline:none;} /*move the text offscreen for IE and Opera */
#sidecontent .indent2 {margin: -22px 0 0 40px;}
#sidecontent span.phone {font-size: 175%;font-weight: bold; color: #ff9e04; display:block;}


#subads {width: 970px; height: 224px; position: absolute; top: 445px; left: 19px;z-index: 14; float:left;background: url(/images/bg/subads-bg.png)}
#subads .subad {position: relative; top:0px; left: 21px; height: 210px; float:left; width: 233px; }
#subads #subNew {width: 227px;}
.subad h3, .subad p{display:none;}

#footer {clear:both;  width: 100%;background: #818181; z-index: 18; position: relative;}
#footads {position: relative; width: 100%;}
#footads div {float:left;width: 245px; height: 160px; background: url(/images/bg/footer-2.jpg) no-repeat 0 0; color: #fff; font-size: 12px;}
#footads #fPromo {width: 267px;}
#footads h2, #footads p {margin: 8px 20px;}
#footads h2 {font-size: 24px;}
#footads p.learn {position: absolute; top: 92px;}
#footads p.learn a {display:block; width: 128px; height: 59px; background: url(/images/bg/btn-learn-more.png) no-repeat 0 0;text-indent: -999em;}
#footer .copyright {text-align: center; color: #333;background: #fff;display:block; clear:both;}
#footnav {background: #c00 url(/images/bg/footnav.jpg) repeat-x; height: 66px; clear:both; font-size: 80%;}
#footnav ul {width: 1000px; height: 66px; }
#footnav ul li {float:left; height: 66px; padding: 0 2em;}
#footnav a {height: 20px; padding-top: 20px; display:block;}
#footnav a:link {color: #fff;}
#footnav a:visited {color: #ededed;}
#footnav a:hover, #footnav a:active, #footnav a:focus {color: #000;}
#footer #designer {position: absolute; right:38px; bottom:58px;}

/* Main Navigation */
#mainnav { margin: 0; padding:0; position: absolute;  top: 156px; left: 0px;width: 1002px; height: 51px; z-index:3; }
#mainnav a {display:block; height: 51px; text-indent: -999em; text-decoration: none; outline:none;}
#mainnav a:link {color:#000;}
#mainnav a:visited {color:#00c;}
#mainnav a:hover, #mainnav a:active, #mainnav a:focus {color:#090;}

#mainnav li#li_h {width: 66px; background: url(/images/bg/mainnav.jpg) no-repeat 0px -41px;}
#mainnav li#li_n {width: 54px; background: url(/images/bg/mainnav.jpg) no-repeat -66px -41px;}
#mainnav li#li_u {width: 95px; background: url(/images/bg/mainnav.jpg) no-repeat -120px -41px;}
#mainnav li#li_f {width: 73px; background: url(/images/bg/mainnav.jpg) no-repeat -215px -41px;}
#mainnav li#li_l {width: 74px; background: url(/images/bg/mainnav.jpg) no-repeat -288px -41px;}
#mainnav li#li_p {width: 58px; background: url(/images/bg/mainnav.jpg) no-repeat -362px -41px;}
#mainnav li#li_s {width: 73px; background: url(/images/bg/mainnav.jpg) no-repeat -420px -41px;}
#mainnav li#li_b {width: 87px; background: url(/images/bg/mainnav.jpg) no-repeat -493px -41px;}
#mainnav li#li_d {width: 122px; background: url(/images/bg/mainnav.jpg) no-repeat -580px -41px;}

#mainnav li ul, #mainnav li.sfhover ul {left:auto;background: /images/bg/mainnav.jpg) no-repeat 20px 25px;}
/*** main nav bar  ***/

#mainnav li {float:left; height: 51px;}
/* format: hover for nav bar, hover for ie using sfHover, current department */

#mainnav li:hover#li_h, #mainnav li.sfhover#li_h, #home #main nav li#li_h a#nav_h {background: url(/images/bg/mainnav.jpg) no-repeat 0px 100%;}
#mainnav li:hover#li_n, #mainnav li.sfhover#li_n, #invNew #main nav li#li_n a#nav_n {background: url(/images/bg/mainnav.jpg) no-repeat -66px 100%;}
#mainnav li:hover#li_u, #mainnav li.sfhover#li_u, #invPre #main nav li#li_u a#nav_u {background: url(/images/bg/mainnav.jpg) no-repeat -120px 100%;}
#mainnav li:hover#li_f, #mainnav li.sfhover#li_f, #finance #main nav li#li_f a#nav_f {background: url(/images/bg/mainnav.jpg) no-repeat -215px 100%;}
#mainnav li:hover#li_l, #mainnav li.sfhover#li_l, #specials #main nav li#li_l a#nav_l {background: url(/images/bg/mainnav.jpg) no-repeat -288px 100%;}
#mainnav li:hover#li_s, #mainnav li.sfhover#li_s, #service #main nav li#li_s a#nav_s {background: url(/images/bg/mainnav.jpg) no-repeat -420px 100%;}
#mainnav li:hover#li_p, #mainnav li.sfhover#li_p, #parts #main nav li#li_p a#nav_p {background: url(/images/bg/mainnav.jpg) no-repeat -362px 100%;}
#mainnav li:hover#li_b, #mainnav li.sfhover#li_b, #bodyshop #main nav li#li_b a#nav_b {background: url(/images/bg/mainnav.jpg) no-repeat -493px 100%;}
#mainnav li:hover#li_d, #mainnav li.sfhover#li_d, #dealership #main nav li#li_d a#nav_d {background: url(/images/bg/mainnav.jpg) no-repeat -580px 100%;}
#mainnav li:hover ul, #mainnav li.sfhover ul {left:auto; background: url(/images/bg/mainnav.jpg) no-repeat 20px 25px;}

/*** drop downs  ***/
#mainnav li ul {position:absolute; width: 10em; left: -999em; top:51px;}
#mainnav li li {background: #146dbc; width: 10.5em; height: 1.8em;border: 1px #000 solid; border-width: 1px 0px 0px 0px; padding-left: 2px; position:relative;}
#mainnav li li a {width: 10.5em; height: 1.8em; text-indent: 2px; margin-top: .5em; display:block;}
#mainnav li#li_n li, #mainnav li#li_n li a, 
#mainnav li#li_u li, #mainnav li#li_u li a, 
#mainnav li#li_s li, #mainnav li#li_s li a,
#mainnav li#li_b li, #mainnav li#li_b li a {width: 13em;} 
#mainnav li li a:link, #mainnav li li a:visited {color:#fff;}
#mainnav li li a:hover {color:#000;}
#mainnav li li.last {border-bottom-width: 2px;}
#mainnav li.lastNav li, #mainnav li.lastNav li a {width: 10em;}
#mainnav li li:hover, #mainnav li li.sfhover {color: #999;} 

#mainnav li li ul {display:none;}

#mainnav li	{background-color: #c21; color: white;}
#mainnav li li ul {position:absolute; width: 10.5em; left: -999em;}					
#mainnav li li:hover ul {left:auto;}
#mainnav li {float:left; width: 10.45em;}

#navBd {position: absolute; right:0; top:115px; z-index: 7;}
#navBd span.phone {position: absolute; left: 55px; top: 60px;}

#sitemap #inmain #navBd {display:none;}
#sitemap #inmain li {font-weight: bold; margin: .35em;}
#sitemap #inmain li li {margin-left: 2.75em;}
#sitemap #inmain li li li {margin-left: 3.75em;}

#findus {float: right; border: 3px #c00 dotted; margin: .5em; padding: 1em;}

ul#homeside {margin-left:-19px;}
ul#homeside li {height: 31px; width: 267px;}
ul#homeside li a {height: 31px; width: 267px;display:block;text-indent: -999em;}
ul#homeside li  a#sbCont {background: url(/images/bg/menu-sidebar.jpg) no-repeat 0px 0px;}
ul#homeside li  a#sbCont:hover {background: url(/images/bg/menu-sidebar.jpg) no-repeat -269px 0px ;}
ul#homeside li  a#sbHours {background: url(/images/bg/menu-sidebar.jpg) no-repeat 0px -31px;}
ul#homeside li  a#sbHours:hover {background: url(/images/bg/menu-sidebar.jpg) no-repeat -269px -31px ;}
ul#homeside li  a#sbSpec {background: url(/images/bg/menu-sidebar.jpg) no-repeat 0px -62px;}
ul#homeside li  a#sbSpec:hover {background: url(/images/bg/menu-sidebar.jpg) no-repeat -269px -62px ;}


/****************************   FORMS    ***************************************/

#inmain form {padding: .25em; float:left;}
#inmain span.feedback {color: #c90000;display:block;}
#inmain fieldset {width: 320px; float:left; border:none;}
fieldset#comments, fieldset.subBtns {width: 630px; clear:both;}
#inmain label {width: 120px; display:block; float:left; text-align: right;padding-right: .5em;}
#inmain input, #inmain textarea {background-color: #efeded;}
#inmain textarea {width: 600px; }
#inmain .vehStatus {width: 600px;}
#inmain .vehStatus input {float:left;}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
	z-index:20;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash #header address {
	letter-spacing: -5px;
	visibility: hidden;
	font-size: 13px;
}

.sIFR-hasFlash #navBd .phone {
	letter-spacing: .05em;
	visibility: hidden;
	font-size: 24px;
}

.sIFR-hasFlash #header #landline, .sIFR-hasFlash #header #tollfree {
	letter-spacing: .05em;
	visibility: hidden;
	font-size: 18px;
}

.sIFR-hasFlash #main h2, .sIFR-hasFlash #subnav h2 {
	letter-spacing: -5px;
	visibility: hidden;
	font-size: 24px;
	
}

.sIFR-hasFlash #main h3, .sIFR-hasFlash #subnav h3{
	letter-spacing: -5px;
	visibility: hidden;
	font-size: 20px;
}

.sIFR-hasFlash #main .inset h2, .sIFR-hasFlash #main .inset2 h2, .sIFR-hasFlash #main .inset3 h2{
	letter-spacing: -5px;
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash #sidebar #sidecontent h2, .sIFR-hasFlash #sidebar #qqform h2{
	letter-spacing: 3px;
	visibility: hidden;
	font-size: 18px;
}