body { margin: 0; padding: 0; text-align: center; background-color: #6D7389; color: #000000; font: 100%/1.2em Arial, Helvetica, sans-serif; }
h1 { color: #1533B0; font: bold 90%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; }
h2 { color: #061165; font: bold 100%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; }
h3 { color: #6D7389; font: bold 100%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; }
h2.home { color: #ff0000; font: bold 120%/1.4em Verdana, Arial, Helvetica, sans-serif; }
.clear { clear:both; }
#container { width: 960px; background: #FFFFFF; margin: 0 auto; padding: 0; border: 2px solid #000000; text-align: left; }
#header { margin: 0; padding: 0; position: relative; float: left; /*background-color:#061165; background-image: url(hyundai-banner.jpg); background-repeat: no-repeat; width: 960px; height:200px;*/ }
#header h1 { float: left; text-align: center; color: #C1C7DD; font: 160%/1.4em Arial, Helvetica, sans-serif; }
.wrapper { margin:0; padding-bottom:2em; }
#navbar { margin: 0; padding: 0; position: relative; float: left; width: 60em; height:1.5em; background-color:#061165; }
#navbar ul { margin: 0; padding: 0; list-style: none; }
#navbar ul li { padding:3px 10px 3px 292px; display: inline; }
#navbar ul li a { text-transform:uppercase; text-decoration: none; background-color:#C1C7DD; padding:2px 5px 4px 5px; color: #1533B0; font: bold 90%/1.0em "Trebuchet MS", Arial, san-serif; }
#navbar ul li a:hover { text-transform:uppercase; text-decoration: none; color: #fff; font: bold 90%/1.0em "Trebuchet MS", Arial, san-serif; }
#sidebar { position: relative; float: left; width: 14em; background: #C1C7DD; overflow:hidden; padding: 1em; height:775px; z-index:1; }
#sidebar form.search { margin:0 0 0 10px; padding: 0 0 0 10px; font: 70%/1.0em Arial, Helvetica, sans-serif; }
#sidebar #contactinfo { margin:0 0 0 10px; padding:0; float:left; width:192px; height:200px; z-index:2; background: url(contact-info.gif) repeat-x left top; }
#sidebar #contactinfo p { margin: 30px 0 0 5px; font: bold 90%/2em "Trebuchet MS", Arial, Helvetica, sans-serif; }
#mainContent { position:relative; float:left; display:inline; padding:0; width:41em; margin: 1em 0 0 2em; background-color:#fff; }
#mainContent h1 { margin-bottom: .5em; color:#1533B0; text-transform:uppercase; border-bottom:10px groove #1533B0; font: bold 120%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; }
#mainContent h2 { padding-left:5px; }
#mainContent ul { margin-bottom: 30px; }
#mainContent li { margin-bottom: 10px; font: 90%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; word-spacing: 1px; }
#mainContent .textbox { margin:10px 0 0 10px; padding:0; float:left; width:400px; height:150px; z-index:2; background:#fff; }
#mainContent .textbox p { margin: 5px 0 0 5px; font: 80%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; }
#mainContent dl { margin: 0; padding-left: 10px; }
#mainContent dt { font: 90%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; word-spacing: 1px; }
#mainContent dd { padding-left: 10px; margin-bottom: 10px; font: 80%/1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; word-spacing: 1px; }
#mainContent ul.nobullet { list-style:none; }
#mainContent ul.nobullet li { margin-bottom: 3px; font: 100%/1.2em Arial, Helvetica, sans-serif; }
ul.thumbnail { margin:0; padding: 0; list-style:none; }
ul.thumbnail li { margin: 0 5px; padding: 2px 10px 2px 5px; display:inline; /* for ie */ float:left; height: 160px; width: auto; }
ul.thumbnail li h2 { margin-bottom:0; border-bottom:10px groove #1533B0; color:#1533B0; font:bold 120%/.9em "Trebuchet MS", Arial, Helvetica, sans-serif; }
ul.thumbnail li em a { padding:2px 0 5px 4px; color:blue; font:bold 80%/1.1em Arial, Helvetica, sans-serif; }
ul.thumbnail li em a:hover { color:red; }
.thumbnail img { margin: 0; border:none; }
.thumbnail a:hover img { border: 1px solid #666; }
.contactform { margin:1em 0; padding:0; float:left; background-color:transparent; }
.contactleft { width: 14em; text-align: right; clear: both; float: left; display: inline; padding: .25em; margin: .5em 0; font: 85%/2em Arial, Helvetica, sans-serif; }
.contactright { width: 24em; float: left; display: inline; padding: .25em; margin: .5em 0; font: 85%/1.4em Arial, Helvetica, sans-serif; }
#footer { position: relative; float: left; width: 60em; height:1.5em; background-color:#061165; }
#footer p { margin: 0; padding: .25em; color:#CCC; font: 75%/1.2em "Trebuchet MS", Arial, san-serif; }
#footer a { color: #96C1DE; text-decoration:none; }
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
blockquote { margin: .5em .5em .5em .5em; background:url(images/quote_left.png) no-repeat; }
blockquote p { padding: 0 60px; font-size:14px; color: #003366; }
blockquote p.source { background:url(images/quote_right.png) no-repeat 100% 100%; padding-bottom: 10px; margin-bottom: 5px; margin-right: 15px; text-align:right; font-style: italic; color:#003366; font-weight: bold; }
.product { background: #fff url(images/graygrad.jpg) repeat-x; background-color:#fff; padding-bottom: 13px; width: 650px; height:240px; clear:both; }
.product h2 { margin:0; padding:5px 0 5px 15px; background-color:#061165; border-bottom: 3px solid #999; color:#FFF; }
.product h3 { margin: 0; padding:5px 0 5px 15px; }
.product h3 a { color:#309; }
.product h3 a:hover { color:#F00; }
.product p { margin: 10px 0 10px 189px; width: 450px; }
.clearrt { clear: right; }
.product img { float: left; margin: 5px 25px 5px 5px; border:none; width:200px; }
.product em.msrp { margin-top:10px; float: left; color: #000; font: bold 90%/1.2em Arial, Helvetica, sans-serif; }
.product em.special { margin-top:10px; float: right; color: #ff0000; font: bold 100%/1.2em Arial, Helvetica, sans-serif; }