@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* styles */

body {
	background-color: #4f4f4f;
	background-image: url(../image/bg.png);
	background-repeat: repeat-y;
	background-position: center top;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%
}

button {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0
}

button {
	background-image:url(../image/button-bg.png);
	color: #366b99;
	font-size: 11px;
	height: 25px;
	width: 115px
}

h1 {
	color: #91273b;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-top: 36px
}

h1:first-child { margin-top: 26px }

input, select, textarea {
	border: 1px solid #ababab;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	margin: 0;
	padding: 2px 3px 2px;
}

p {
	margin-top: 20px
}

._fs11px
{
	font-size: 11px;
	line-height: 16px
}
._fs14px
{
	font-size: 14px;
	line-height: 20px
}
._fs16px
{
	font-size: 16px;
	line-height: 23px
}

._lineHeight22px
{
	line-height: 22px
}

.clear { clear: both }

.gray { color: #585858 }
.red { color: #91273b }
.white { color: #fff  }

.bold { font-weight: bold }

.hidden { visibility: hidden }

.gutter {
	background-color: #4f4f4f;
	height: 10px;
}

.textAlignLeft { text-align: left }
.textAlignCenter { text-align: center }
.textAlignRight { text-align: right }

.floatLeft { float: left }
.floatRight { float: right }

.wrapper {
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 1104px
}

.header {
	height: 43px;
	margin: 0 74px;
}

.header li {
	display: inline; 
	font-size: 10px
}

.header li a {
	color: #000;
	text-decoration: none;
}

.header li a:hover { background-color: #d5d9db }

.headerLeftColumn {
	float: left;
	height: 17px;
	margin-top: 26px;
	text-align: left;
	width: 318px
}

.headerLeftColumn li { margin-right: 14px }

.headerCenterColumn {
	float: left;
	height: 17px;
	margin-top: 13px;
	text-align: center;
	width: 318px
}

.headerRightColumn {
	float: left;
	height: 17px;
	margin-top: 26px;
	text-align: right;
	width: 318px
}

.headerRightColumn li { margin-left: 14px }

.lightBox {
	background-color: #000;
	height: 267px
}

.businessUnitMenu {
	background-color: #fff;
	background-image:url(../image/bu-menu-bg.png);
	background-position: center 6px;
	background-repeat: repeat-x;
	/* height: 90px; */
	margin-top: 15px
}

.businessUnitMenu ._71px { margin-left: 71px }
.businessUnitMenu ._41px { margin-left: 41px }
.businessUnitMenu ._36px { margin-left: 36px }
.businessUnitMenu ._42px { margin-left: 42px }
.businessUnitMenu ._23px { margin-left: 23px }
.businessUnitMenu ._4px { margin-left: 4px }

.businessUnitMenu li {
	display: inline;
	margin: 0;
	padding: 0
}

.tempSubMenu
{
	background-color: #446586;
	/* margin-left: 633px; */
	margin-left: 812px;
	text-align: center;
	width: 212px
	/* width: 251px */
}

.hyundaiOldLogo
{
	/* margin-left: 633px; */
	margin-left: 812px;
	margin-top: 10px;
	text-align: center;
	width: 212px;
	/* width: 251px */
}

.businessUnitMenu .tempSubMenu ul
{
	padding-bottom: 4px
}

.tempSubMenu li
{
	margin: 0;
	margin-left: 12px
}

.tempSubMenu a
{
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none
}

.tempSubMenu a:hover
{
	background-color: #8b95ac;
}

.bannerArea {
	background-image: url(../image/ba-bg.jpg);
	background-position: center 11px;
	background-repeat: no-repeat;
	height: 155px
}

.imageQuestItaly {
	background-image:url(../image/hiqi-bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	height: 106px;
	margin: 16px 2px 0 63px;
	width: 234px
}

.imageQuestItaly img {
	height: 88px;
	margin: 9px;
	width: 216px
}

.contentTop
{
	margin-top: 15px;
	overflow: hidden
}

.contentTopLeftColumn
{
	background-image: url(../image/tl-bg.png);
	background-repeat: no-repeat;
	float: left;
	min-height: 89px;
	margin-left: 46px;
	padding: 0 12px 0;
	width: 184px
}

.contentTopCenterAndRightColumn
{
	float: left;
	margin: 0 0 0 22px;
	width: 795px
}

.content {
	background-image:url(../image/bu-menu-bg.png);
	background-position: center 6px;
	background-repeat: repeat-x;
	margin-top: 15px;
	overflow: hidden
}

.contentLeftColumn {
	background-repeat: no-repeat;
	float: left;
	margin-left: 46px;
	padding-top: 54px;
	width: 208px
}

.contentLeftColumn #menu { min-height: 208px }

.contentLeftColumn #agent-menu
{
	background-image: url(../image/agent-menu-bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	font-size: 11px;
	padding-top: 11px;
	min-height: 239px;
}

.contentLeftColumn #agent-menu div
{
	color: #94122d;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
}

.contentLeftColumn ul { margin-left: 24px }
.contentLeftColumn ul ul { margin-left: 12px }

.contentLeftColumn li {
	color: #726c7b;
	font-size: 11px;
	line-height: 17px;
}

.contentLeftColumn li.selected {
	color: #902519;
	list-style: outside;
	list-style-type: disc;
}

.contentLeftColumn li a {
	color: #000;
	text-decoration: none;
}

.contentLeftColumn li a:hover { background-color: #d5d9db }

.subscribeNewsletter {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #ababab;
	font-size: 11px;
	margin: 46px auto 0;
	padding: 23px 13px;
	text-align: center;
	width: 145px
}

.subscribeNewsletter p {
	margin: 0;
	padding: 0
}

.subscribeNewsletter fieldset { margin-bottom: 14px }

.subscribeNewsletter fieldset:first-child {
	margin-top: 14px;
	text-align: left
}

.subscribeNewsletter input {
	font-size: 11px;
	width: 137px
}

.subscribeNewsletter a {
	color: #366b99;
	text-decoration: none;
}

.subscribeNewsletter a:hover { background-color: #d5d9db }

.contentCenterColumn {
	float: left;
	font-size: 12px;
	line-height: 17px;
	margin: 20px 77px 0;
	width: 380px
}

.contentCenterColumn a, .contentCenterAndRightColumn a {
	color: #91273b;
	font-size: 11px;
	text-decoration: none;
}

.contentCenterColumn a:hover, .contentCenterAndRightColumn a:hover { background-color: #d5d9db }

.contentRightColumn {
	background-color: #27485f;
	color: #fff;
	float: left;
	font-size: 13px;
	line-height: 17px;
	margin-top: 20px;
	width: 303px
}

.contentCenterAndRightColumn
{
	background-color: #27485f;
	float: left;
	font-size: 12px;
	margin: 20px 0 0 77px;
	width: 760px
}

.contentCenterAndRightColumn div.gray
{
	background-color: #f1f1f1;
}

._backgroundTransparent
{
	background-color: transparent
}

.contentCenterAndRightColumn .ccrcLeft
{
	background-color: #fff;
	float: left;
	font-size: 12px;
	line-height: 17px;
	padding-right: 77px;
	width: 380px
}

.contentCenterAndRightColumn .ccrcRight, .contentCenterAndRightColumn .ccrcRight2
{
	color: #fff;
	float: left;
	font-size: 13px;
	line-height: 17px;
	margin-top: 20px;
	width: 303px
}

.contentCenterAndRightColumn .ccrcRight2
{
	background-color: #27485f;
	margin-top: 0;
	padding-top: 20px;
}

.hr {
	border-bottom: 1px solid #000;
	height: 0;
	margin-top: 13px
}

.hr:last-child { margin-top: 36px }

.footer {
	background-image:url(../image/footer-bg.png);
	background-position: center top;
	background-repeat: repeat-x;
	margin-top: 12px;
	padding: 0 74px;
	padding-top: 19px;
}

.footer h4 img { margin-bottom: 12px }

.footer li {
	font-size: 11px;
	line-height: 17px
}

.footer li a {
	color: #000;
	text-decoration: none;
}

.footer li a:hover { background-color: #d5d9db }

.footerLeftColumn {
	float: left;
	text-align: left;
	width: 318px
}

.footerCenterColumn {
	float: left;
	text-align: center;
	width: 320px
}

.footerRightColumn {
	float: left;
	text-align: right;
	width: 318px
}

.footerBottom {
	font-size: 11px; 
	margin: 52px auto;
	text-align: center
}

/* <!-- table styles */
table
{
	border: 1px #cfd1e6 solid;
	margin-top: 20px;
	width: 100%
}

thead th
{
	background-color: #bfc2dd;
	font-weight: bold;
	text-align: center
}

th, td
{
	border-right: 1px #cfd1e6 solid;
	border-bottom: 1px #cfd1e6 solid;
	padding: 0 1em
}

th
{
	background-color: #e9eaf4;
	font-weight: normal;
	text-align: left
}

td
{
	text-align: right
}
/* table styles --> */