/* ====== Cheap Kia stylesheet ====== */

/* ====== common ====== */
body {
margin: 0;
padding: 0;
background: url(/images/html-bg.gif) top center no-repeat;
color: #4f4f4f; } 

html {
background: url(/images/page-bg.jpg) top center repeat-y;}

#pages {
width: 960px;
margin: 0 auto;
padding: 0;}
* html, *body{
height: 100%; }
.clear {
clear:both;
height:1px;
overflow:hidden; }
img {
margin: 0;
padding: 0;
border: 0; }




/* ====== Header ====== */

#header {
width: 960x;
background: url(/images/header-bg.jpg) top left;
height: 125px;
margin: 0;
padding: 0 0 0 0;
display:block;}

#headertop {
margin: 0 0 0 17px;}

#headertop p {
font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #FFF;
margin: 0;
padding: 0;}


#headertitle {
margin: 11px 0 0 11px;}

#headertitle p {
font: 59px Tahoma, Arial, Helvetica, sans-serif; color: #FFF;
margin: 0;
padding: 0;}


#headercall {
margin: -8px 0 0 56px;}

#headercall p {
font: 17px Tahoma, Arial, Helvetica, sans-serif; color: #d5e8f2;
margin: 0;
padding: 0;}

.headercall-big {
font-size: 23px;}





/* ====== Main Navigation ====== */


#navcontainer {
width: 960px;
height: 47px;
margin: 0;
padding: 0;
background: url(/images/nav-bg-red.jpg) top left no-repeat;
display:block; }
#nav, #nav ul {
float: left;
display: inline;
list-style: none;
margin: 0;
padding: 0; }
#nav li {
float: left;
margin: 0;
padding: 0;
display: inline; }
#nav a {
font: 13px Tahoma, Arial, Helvetica, sans-serif; color: #FFF;
text-decoration: none;
display: block;
margin: 2px 0 0 0;
padding: 4px 24px 5px 24px; }
#nav a:hover {
color: #FFF;
text-decoration: none;
/*background: #f3a01c;*/
background:#ff0012; }
#nav ul li a:hover {
background-color: #464444;
font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
padding-left: 18px;
line-height: 1.4em; } 
#nav li ul {
position: absolute;
left: -999em;
height: auto;
margin: 0;
padding: 0;
width: 164px;
w\idth: 160px; }
#nav li ul a {
width: 164px;
w\idth: 160px;
margin: 0;
padding: 5px 3px 5px 9px;
background: #ba041a;
color: #FFF;
font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
padding-left: 18px;
line-height: 1.4em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
width: 164px; }




/* ====== content container ====== */

#content {
width: 926px;
margin: 0;
padding: 0 17px 0 17px;
background: url(/images/content-bg.jpg) top left repeat-x #fff;
clear: both; }
#content p {
font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #3a3030;
line-height: 1.7em;
margin: 0;
padding: 6px 0; }
.notes {
font: normal 10px Tahoma, Arial, Helvetica, sans-serif; color: #848484; }


/* ====== headings ====== */
h1  {
font: bold 20px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #4a4a4a;
margin: 0;
padding: 0 0 4px 0; }
h2  {
font: bold 14px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #908880;
margin: 12px 0 5px 0;
padding: 0; }
h3  {
font: bold 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #4a4a4a;
margin: 0 0 8px 0;
padding: 0; }



/* ====== page structure ====== */

#left {
width: 130px;
float: left;
padding: 0;
margin: 0;}

#main {
width: 779px;
float: right;}

#main h1  {
font: normal 22px Arial, Helvetica, sans-serif; color: #4c4c4c;
margin: 8px 0 14px 0;
padding: 0 0 0 0; }

#main h2 {
font: normal 15px Arial, Helvetica, sans-serif; /*color: #da711d;*/ color:#c6000e;
margin: 0 0 12px 0;
padding: 0 0 0 0; }

#main p {
font: normal 12px/23px Arial, Helvetica, sans-serif; 
margin: 0 0 12px 0;
padding: 0 0 0 0; }


#main ul {
font: normal 12px Arial, Helvetica, sans-serif; color: #4f4f4f;
margin: 0 0 5px 30px; 
padding: 3px 0;
list-style-type: disc; }
#main ul li {
padding: 0 0 7px 0; }

#main ol {
font: normal 12px Arial, Helvetica, sans-serif; color: #4f4f4f;
margin: 0 0 5px 30px; 
padding: 3px 0; }
#main ol li {
padding: 0 0 7px 0; }


#main a, #main a:visited {
font-weight: bold;
color: #1f5998;
text-decoration: none; }
#main a:hover {
color: #1f5998;
text-decoration: underline; }


#main-left {
width: 575px;
float:left;}


#main-right {
width: 188px;
float: right;}


/* ====== page structure ====== */

.home-supagard {
float:right;
margin:0 0 0 15px;}




/* ====== Model Navigation  ====== */

#modelnav {
width: 110px;
background-color:#dddddd;
padding: 14px 10px 8px 10px;
margin: 0;}

#modelnav h2  {
font: normal 16px Tahoma, Arial, Helvetica, sans-serif; color: #4c4c4c;
margin: 0 0 12px 0;
padding: 0; }

#modelnav p {
font: normal 12px/24px Arial, Helvetica, sans-serif; color: #4f4f4f;
margin: 0 0 8px 0;
padding: 0; }

#modelnav a {
color: #4f4f4f; text-decoration: none;
font-weight:bold; }
#modelnav a:hover {
color: #4f4f4f; text-decoration: underline; 
font-weight:bold;}



/* ====== home content ====== */
.modeloffers {
margin-right:9px; }

.about-us-staff {
float:right;
margin:0 9px 0 10px; }


/* ====== new car landing pages  ====== */

.save {
font: bold 22px/28px Arial, Helvetica, sans-serif; color: #e00000;
letter-spacing: -1px; }
.now {
font: bold 18px/28px Arial, Helvetica, sans-serif; color: #322f20;
letter-spacing: -1px; }

.telnumber {
background-color:#3399c9;
display:block;
font: normal 13px/23px Arial, Helvetica, sans-serif; color:#FFFFFF;
padding: 4px 10px 6px 10px;
margin: 0 0 12px 0;}

.telnumber-big {
font: bold 20px/23px Arial, Helvetica, sans-serif; color:#FFFFFF; }

.offerbg {
border-top:solid 1px #d8d8d8;
background-color:#f2f2f2;
width: 259px;
padding: 10px 10px 10px 10px;
margin: 0 0 12px 0;}




/* ====== new car landing beskope form ====== */

#newcarenquiry-wrapper {
width: 168px;
background-color:#da721d;
padding: 13px 10px 9px 10px;
margin: 0 0 12px 0;
color:#FFFFFF;}

#newcarenquiry-wrapper p {
color:#fff;
margin: 0 0 6px 0;}

.newcarenquiry-top {
font-size:13px;}

.newcarform-top {
font: bold 16px  Arial, Helvetica, sans-serif; color: #fff;
margin: 0;
padding: 0; }

#newcarenquiry  {
width: 168px;
margin: 0 0 0 0;
padding: 0 0 0 0; }
#newcarenquiry label  {
margin: 0;
padding: 0;
width: 50px; }
#newcarenquiry input { 
font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #8e8e8e;
width: 164px;
margin: 0 0 8px 0;
padding: 3px 0 3px 2px;}


#newcarenquiry textarea { 
font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #8e8e8e;
width: 164px;
margin: 0 0 8px 0;
padding: 3px 0 3px 2px;}

#newcarenquiry input.submit {
width: 168px;
background-color:#a6530f;
border: 1px solid #f78427;
cursor:pointer;
font: normal 12px  Arial, Helvetica, sans-serif; color: #fff;}








/* ==== data tables ==== */

td, th {
font: 12px Tahoma, Arial, Helvetica, sans-serif; 
line-height: 1.7em; }
.datatable {
border: 1px solid #d8d8d8;
border-collapse: collapse;
margin: 10px 0;
padding: 0;  }
.datatable p {
margin: 0;
padding: 0; }
.datatable td {
border: 1px solid #d8d8d8;
padding: 4px; }
.datatable th {
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
background-color: #f2f2f2;
font-weight: bold;
padding: 4px;
color: #3399c9; }
.datatable tr:hover, .datatable tr.hilite {
background-color: #f9f9f9; }





/* ====== Contact Form ====== */

#contact-wrapper {
width: 555px;
background-color:#da721d;
padding: 13px 10px 9px 10px;
margin: 0 0 12px 0;
color:#FFFFFF;}

#contact-wrapper p {
color:#fff;
margin: 0 0 6px 0;}

#contact  {
width: 278px;
margin: 0 0 0 0;
padding: 0 0 0 0; }
#contact label  {
margin: 0;
padding: 0;
width: 50px; }
#contact input { 
font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #8e8e8e;
width: 264px;
margin: 0 0 9px 0;
padding: 3px 0 3px 2px;}


#contact textarea { 
font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #8e8e8e;
width: 264px;
margin: 0 0 9px 0;
padding: 3px 0 3px 2px;
height:80px;}

#contact input.submit {
width: 137px;
background-color:#a6530f;
border: 1px solid #f78427;
cursor:pointer;
font: normal 12px  Arial, Helvetica, sans-serif; color: #fff;}


.contactleft {
width: 278px;
float:left;}

.contactright {
width: 267px;
float: right;}


/* ====== footer ====== */

#footer {
width: 916px;
margin: 9px auto 0 auto;
padding: 12px 0 12px 10px;
background-color:#FFFFFF;
border-top:solid 1px #e8e8e8;
}
#footer p {
font: 11px/16px Tahoma, Arial, Times New Roman, serif; color: #928d86;
margin: 0;
padding: 0 0 8px 0	; }
#footer a {
color: #928d86; text-decoration: none; }
#footer a:hover {
color: #928d86; text-decoration: underline; }






/* ====== Sifr ====== /*


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

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

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

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 #main h1, .sIFR-hasFlash #modelnav h2, .sIFR-hasFlash #headertitle p {
	visibility: hidden;
}