/* Utilites
------------------------------ */

* { margin: 0; padding: 0; }

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border, a { border: none!important; }
.wraper:after, .columns:after, .blue:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cc { clear: both; }

/* Main styles
------------------------------ */

html { height: 100%; color: #000; background: #fff; font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;}
body { height: auto !important; height: 100%; min-height: 100%; margin: 0 auto} /* body height 100% */


a { color: #111; }
			
.menu-h-d { float: left; border-right:1px solid #7481CD;}
.menu-h-d li { float: left; display: block; list-style: none; font-size: 1.2em; border-right: 1px solid #e3e4f5; border-left: 1px solid #7481cd; height:30px; width: 145px; text-align: center; padding-top: 1px;}
.menu-h-d a { text-decoration: none; padding: 2px 0px; display: block; }

.menu-h-d ul { display: none; margin: 15px 0px; position: absolute; top: 20px; left: 0px; height: 20px; width: 700px}
.menu-h-d ul li {
	float: left;
	font-size: 0.8em;
	font-weight: normal;
}
.menu-h-d ul li a{
	display: inline;
	
}
.menu-h-d li:hover {}
.menu-h-d a:hover { font-size: 110%; position: relative; top: -2px;}
.menu-h-d li.active a:hover {  font-size: 100%; position: relative; top: 0px;}

.menu-h-d li.active {
	font-size: 1.25em;
	padding-top: 1px;
}

.menu-h-d .active ul {
	display: block;
}
.menu-h-d .active > a {
	font-weight: bold;
}

.top-menu-2level {
	height: 24px; 
	display: block;
	margin: 5px 0px 5px 210px;
	width: 588px;
	background: url('../img/h-menu2-bg.gif') repeat-x left top;
	padding-top: 3px;
	border-collapse: separate;
	font-size: 0.9em;
}

.top-menu-2level li { float: left; display: block; position: relative; list-style: none; font-size: 0.8em; }

.top-menu-2level a { text-decoration: none; padding: 0px 10px; display: inline; color: #000C70; }

.top-menu-2level a:hover {color: #4551b9;}

.top-menu-2level .active { font-weight: bold;}

.top-menu-2level td {
	text-align: center;
	border-right: 1px solid #e3e4f5; 
	border-left: 1px solid #7481cd; 
	height: 20px; 
}



/*
.menu-h-d li:hover ul ul,
.menu-h-d li:hover ul li:hover ul ul { display: none; }

.menu-h-d li:hover ul,
.menu-h-d li:hover ul li:hover ul,
.menu-h-d li:hover ul li:hover ul li:hover ul { display: block; }
	*/		
/* Vertical Drop Down Menu
------------------------------ */

.left-sidebar .menu-v-cars  {margin: 0 0 0 9px; }
.left-sidebar .menu-v-cars li { padding: 2px 0; display: block; position: relative; color: #fff; list-style: none; z-index: 100;  font-size: 1.3em; }
.left-sidebar .menu-v-cars li a { display: block; position: relative; text-decoration: none; padding-left: 10px; color: #fff; }

.left-sidebar .menu-v-cars a:hover { color: #89c8ea; }


.left-sidebar .menu-v-cars .active > a {
	color: #d7f2ff;
	font-weight: bold;
}

.left-sidebar .menu-v-cars li ul { padding-left: 10px;}
.left-sidebar .menu-v-cars li ul li { background: #335DA4; font-size: 0.8em;}

.menu-v-links {
	margin: 10px 0 0 9px;
}		
.menu-v-links li{
	background: url('../img/v-menu-bg.gif') no-repeat left top;
	padding: 6px 0 20px 0;
	display: block;  
	color: #fff; 
	list-style: none; 
	font-size: 1.2em; 
}
.menu-v-links li ul {
	margin-left: 13px;
	margin-top: 10px;
}
.menu-v-links li ul li { 
	background: url('../img/v-menu2-bg.gif') no-repeat left 50%; 
	font-size: 0.8em;
	padding: 5px 0px;
}
.menu-v-links li a { display: block; text-decoration: none; padding-left: 10px; color: #000c70;	height: 23px; overflow: hidden;}
.menu-v-links li ul li a { display: block; text-decoration: none; padding-left: 10px; color: #000c70; height: 20px; overflow: hidden;}
.menu-v-links li ul li a:hover {font-size: 105%!important;}
.menu-v-links li.active{
	font-size: 1.3em;
	padding-top: 4px;
}
.menu-v-links li.active li{
	font-size: 0.8em;
}
.menu-v-links li.active > a {
	font-weight: bold;
}
.menu-v-links a:hover { color: #4551b9; font-size: 110%; position: relative; top: -2px;}
.menu-v-links li.active a:hover { color: #4551b9; font-size: 100%; position: relative; top: 0px;}
			
/* Content elements
------------------------------ */

.content-div h1, .content-div h2, .content-div h3, .content-div h4 { font: 1.7em Verdana, Arial, Helvetica, sans-serif; margin-bottom: .5em; }
.content-div h2 { font-size: 1.5em; }
.content-div h3 { font-size: 1.3em; font-weight: bold; }
.content-div h4 { font-size: 1.1em; font-weight: bold; }

blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }
code, pre { font: 1.2em/1 "Courier New", Courier, monospace; padding: 1px 2px; background: #eee; }
pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background: #eee; margin: 0; }
strong {  }
em {  }
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }

hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }

.em { font-style: italic; }
.strong { font-weight: bold; }

.content-div { display: block;}

.content-div ul, .content-div ol { margin-left: 3em; line-height: 1.3em; }
.content-div ul li, .content-div ol li { margin-bottom: .2em; }

.content-div dl {  }
.content-div dl dt { margin-bottom: .2em; font-weight: bold; }
.content-div dl dd { padding-left: 5em; margin-bottom: .4em; }

a img { border: none}

.content-div p, .content-div ul, .content-div ol, .content-div dl, .content-div table, blockquote, pre, .columns, .content-div img, hr { margin-bottom: 11px; }

.box { margin: 11px; }

/* Text align, float
------------------------------ */

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-left { float: left; }
.f-right { float: right; }

/*	Tables
------------------------------ */
/*
table { border-collapse: collapse; width: 100%; }
.content-div table th, .content-div  table td { border: 1px solid #335DA4; padding: 2px 3px; vertical-align: top; }
.content-div table th { background: #f4f4f4; }
.content-div table td {  }
*/
.content-div table {
	border-collapse: separate;
 }

/* Images
------------------------------ */

/*.content-div img { padding: 5px; border: 1px solid #335DA4!important; margin-top: .4em; }*/
.content-div img.null-image { padding: 0!important; border: none!important; margin: 0!important; }
img.f-left { margin-right: 1em; }
img.f-right { margin-left: 1em; }

/* Content Form
------------------------------ */

.content-div form { padding: .5em 0; }
.content-div fieldset { margin-bottom: 1em; border: none; }
.content-div legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }

.content-div .f-row { overflow: hidden; margin-bottom: .5em; }
.content-div label { float: left; text-align: right; width: 25.99%; padding: 0 2%; }
.content-div .f-inputs { padding-left: 30%; }

.f-actions { padding-top: 1em; border-top: 1px solid #ccc; }

/* Inputs
------------------------------ */

input { vertical-align: middle }
.i-checkbox { margin-top: 3px; }
.i-text { width: 200px; padding: 1px; font: 1em sans-serif; }
.button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }
			
			
			
/** creatiff **/

.wraper {

}

.left-sidebar {
	width:0px;
	display: none;
	vertical-align: top;
	padding-right: 10px;
/*	float: left;
	clear: both;
*/
}
.content-div {
	padding:10px 20px 0 20px;
	vertical-align: top;
}
.wide {

}
.right-sidebar {
	width:0px;
	display: none;
	padding:10px 10px 0 0;
	vertical-align: top;
}

.right-sidebar img {
	width:175px;
	padding-bottom: 20px;
}

.main{
	padding:0px 0px 20px 0px;
	vertical-align: top;
	background: #D5E0E6 url('/img/main-bg-b.gif') no-repeat 50% bottom;
/*	float: left;*/
}

.main .corners-10 {
	background: #D5E0E6 url('/img/main-bg-t.gif') no-repeat 50% top;
}

.news {
	margin-left: 20px;
}
.news a{
	text-decoration: none;
}
.news p{
	padding: 0 7px;
	margin-bottom: 25px;
}
.news th, .news td{
	border: none !important;
	background: none!important;
}

.middle{
	clear: both;
	width: auto;
}
.header{
	background: #fff url(../img/top.jpg) no-repeat 100% 0;
	display: none;
}
.footer {
	color: #fff;
	width: 1000px;
	display: none;
/*	margin-bottom: 20px!important;*/
}
.footer td {
	vertical-align: middle;
}
.footer a {
	color: #fff;
}

.phone {
	text-align: center;

	padding-top: 4px;
	margin-left: 15px;
}
.phone nobr{
	font-size: 1.6em;
	padding: 0px 0px 10px 0;
	display: block;
}
.top-banner{
	padding: 0px 0px 0px 195px;
	margin: 15px;
	text-align: center;
	height: 185px;
	background: transparent url(../img/hyundai.jpg) no-repeat left 50%;
	display: none;
}
.top-banner img {
	width: 780px;
	height:186px;
}

.top-menu {
	background: url('../img/h-menu-bg.gif') repeat-x left top;
	padding: 3px 0 1px 0;
	display: none;
}

.top-menu nobr{
	font-size: 1.6em;
	display: block;
	float: right;
	border-right:1px solid #7481CD;
	padding-right: 15px;

	line-height:1.2;
	height: 28px;
}

.icons {
	display: block;
	height: 22px;
	padding: 4px 0 0 55px;
	width: 153px;
	margin: 0px;
	text-align: center;
	float: left;
	height: 26px;
	border-right: 1px solid #e3e4f5; border-left: 1px solid #7481cd;
}

.icons a { padding: 5px 0px 0px 0px; display: block;}

.icons  li{
	display: block;
	float: left;
	list-style: none; 
	z-index: 100;	
	height: 21px;
	width: 21px;
	padding: 0;
	margin: 0 5px;
	background: url('../img/menu-btn-bg.jpg') no-repeat 50% 50%;
}


.carz:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.carz {
	display: block;
	color: #000;
	margin-left: 5px!important;
}
.carz li {
	float: left;
	list-style: none!important; 
	height: 150px;
	width: 169px;
	overflow: hidden;
	padding: 10px 5px;
	text-align: center;
}
.carz a {
	text-decoration: none;
	color: #000;
}
.carz h1 a{
	color:#111;
}

.carz li h1{
	padding: 0;
	margin: 0;
	font-size: 1.5em!important;
	color:#000;
	text-align: left;
}
.carz div {
	height: 100px;
	border-right: 1px solid #000c70;
	border-bottom: 1px solid #000c70;
	vertical-align: bottom;
	margin-bottom: 10px;
	text-align: right;
}
.carz div img {
	padding: 0;
	margin: 0;
	border: none !important;
	floaT: right;
}
.carz div a {
	position: relative;
	bottom: 0;
	display: block;
}

.gallery div {
	text-align: center;
	padding-bottom: 15px;
}

.gallery ul {
	padding: 0;
	margin: 0;
}
.gallery li {
	list-style: none;
	float: left;
	width: 130px;
	height: 105px;
	overflow: hidden;
	padding: 2px;
	text-align: center;
}
.gallery a {
	text-decoration:none;
}

.subhead{

}
.with-padding {
	border-collapse: collapse!important;	
	border-color: #c0c0c0;
}
.with-padding td{
	padding: 2px 5px;
}
.with-padding td.even{

}
.fixed-width {
	padding: 1px;
	width: 100%;
}
.wide .fixed-width{

}

.wide .news-detail  img{
	max-width: 700px;
}
 .news-detail  img{
	max-width: 520px;
}
.printBtn {
	display: block;
	padding: 30px 0 30px 30px;
	clear: both;
}
.top_img {
	width: 627px;
	height: 41px;
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
}
.top_img  div{
	margin: 0 auto;
}
.top_img img {
	margin-right: -200px;
	float: left;
	display: block;
}
.top_img span {
	display: block;
	float: right;
	font-size: 12pt;
	font-weight: bold;
	text-align: right;
}
h3{
	text-align: center;
	padding-bottom: 10px;
}