@charset "UTF-8";
/* CSS Document */

html { overflow-y: scroll; overflow-x: auto; }

body {  margin: 0px; width: 100%; height: 100%; background-color: #FFF; background-repeat: no-repeat; background-position: top;
		font-family: Arial, Helvetica, sans-serif; color: #999; font-size: 12px; font-style: normal; }

li { padding: 5px 5px 0px 20px; background-image: url(../images/body/list.png); background-position: 0px 6px; background-repeat: no-repeat; list-style: none; }

/* FONTS */

a, a:link, a:visited, a:hover, a:active { font-size: 12px; text-decoration: none; }

.menu-font { font-size: 13px; color: #333; font-weight: bold; }
.menu-font a:link { font-size: 13px; color: #333; font-weight: bold; }
.menu-font a:visited { font-size: 13px; color: #333; font-weight: bold; }
.menu-font a:hover { font-size: 13px; color: #CC0000; font-weight: bold; }
.menu-font a:active { font-size: 13px; color: #333; font-weight: bold; }

.submenu-title-font { font-size: 11px; color: #999; font-weight: bold; line-height: 145%; }
.submenu-title-font a:link { font-size: 11px; color: #999; font-weight: bold; line-height: 145%; }
.submenu-title-font a:visited { font-size: 11px; color: #999; font-weight: bold; line-height: 145%; }
.submenu-title-font a:hover { font-size: 11px; color: #FFF; font-weight: bold; line-height: 145%; }
.submenu-title-font a:active { font-size: 11px; color: #999; font-weight: bold; line-height: 145%; }

.submenu-font { padding-left: 9px; font-size: 11px; color: #a57a39; line-height: 130%; }
.submenu-font a:link { padding-left: 9px; font-size: 11px; color: #a57a39; line-height: 130%; }
.submenu-font a:visited { padding-left: 9px; font-size: 11px; color: #a57a39; line-height: 130%; }
.submenu-font a:hover { padding-left: 9px; font-size: 11px; color: #FFF; line-height: 130%; }
.submenu-font a:active { padding-left: 9px; font-size: 11px; color: #a57a39; line-height: 130%; }

.menu-font-over { font-size: 13px; color: #666; font-weight: bold; cursor: default;}

.model-font { font-size: 12px; color: #999; font-weight: bold; line-height: 145%; }
.model-font a:link { font-size: 12px; color: #999; font-weight: bold; line-height: 145%; }
.model-font a:visited { font-size: 12px; color: #999; font-weight: bold;  line-height: 145%; }
.model-font a:hover { font-size: 12px; color: #CC0000; font-weight: bold;  line-height: 145%; }
.model-font a:active { font-size: 12px; color: #999; font-weight: bold;  line-height: 145%; }

.model-font-slc { font-size: 12px; color: #a57a39; font-weight: bold; line-height: 145%; }
.model-font-slc a:link { font-size: 12px; color: #FFF; font-weight: bold; line-height: 145%; }
.model-font-slc a:visited { font-size: 12px; color: #FFF; font-weight: bold;  line-height: 145%; }
.model-font-slc a:hover { font-size: 12px; color: #CC0000; font-weight: bold;  line-height: 145%; }
.model-font-slc a:active { font-size: 12px; color: #FFF; font-weight: bold;  line-height: 145%; }

.tech-font { font-size: 12px; color: #999; font-weight: bold; line-height: 140%; }
.tech-font:hover { font-size: 12px; color: #CC0000; font-weight: bold; line-height: 140%; }
.tech-font-white { font-size: 12px; color: #FFF; font-weight: bold; line-height: 140%; }

.small-font { font-size: 11px; color: #999; line-height: 145%; }
.small-font a:link { font-size: 11px; color: #888; line-height: 145%; }
.small-font a:visited { font-size: 11px; color: #888; line-height: 145%; }
.small-font a:hover { font-size: 11px; color: #CC0000; line-height: 145%; }
.small-font a:active { font-size: 11px; color: #888; line-height: 145%; }

.small-font-dark { font-size: 11px; color: #666; line-height: 145%; }

.comment-font { font-size: 11px; color: #999; line-height: 130%; }
.comment-font a:link { font-size: 11px; color: #666; line-height: 130%; }
.comment-font a:visited { font-size: 11px; color: #666; line-height: 130%; }
.comment-font a:hover { font-size: 11px; color: #a57a39; line-height: 130%; }
.comment-font a:active { font-size: 11px; color: #666; line-height: 130%; }

.comment-slc-font { font-size: 11px; color: #CCC; line-height: 130%; }
.comment-slc-font a:link { font-size: 11px; color: #CCC; line-height: 130%; }
.comment-slc-font a:visited { font-size: 11px; color: #CCC; line-height: 130%; }
.comment-slc-font a:hover { font-size: 11px; color: #CC0000; line-height: 130%; }
.comment-slc-font a:active { font-size: 11px; color: #CCC; line-height: 130%; }

.comment-red-font { font-size: 11px; color: #CC0000; line-height: 130%; }
.comment-red-font a:link { font-size: 11px; color: #CC0000; line-height: 130%; }
.comment-red-font a:visited { font-size: 11px; color: #CC0000; line-height: 130%; }
.comment-red-font a:hover { font-size: 11px; color: #FFF; line-height: 130%; }
.comment-red-font a:active { font-size: 11px; color: #CC0000; line-height: 130%; }

.huge-font { font-size: 16px; color: #333; font-weight: bold; }
.huge-over-font { font-size: 16px; color: #FFF; font-weight: bold; }
.huge-font a:link { font-size: 16px; color: #333; font-weight: bold; }
.huge-font a:visited { font-size: 16px; color: #333; font-weight: bold; }
.huge-font a:hover { font-size: 16px; color: #FFF; font-weight: bold; }
.huge-font a:active { font-size: 16px; color: #333; font-weight: bold; }

.row-title-font { font-size: 13px; color: #a57a39; font-weight: bold; }
.row-title-font a:link { font-size: 13px; color: #a57a39; font-weight: bold; }
.row-title-font a:visited { font-size: 13px; color: #a57a39; font-weight: bold; }
.row-title-font a:hover { font-size: 13px; color: #CC0000; font-weight: bold; }
.row-title-font a:active { font-size: 13px; color: #a57a39; font-weight: bold; }

.row-title-slc-font { font-size: 13px; color: #a57a39; font-weight: bold; }

.product-font-shadow { font-size: 13px; color: #FFF; text-shadow: black 1px 1px 2px; display: block; width: 100%; filter: shadow(color=#000000,direction=125,strength=2); line-height: 130%; }
.product-font-shadow-big { font-size: 15px; color: #FFF; font-weight: bold; text-shadow: black 1px 1px 2px; display: block; width: 100%; filter: shadow(color=#000000,direction=125,strength=2); line-height: 130%; }
.product-font-black { font-size: 13px; color: #333; line-height: 130%; }
.product-font-black-big { font-size: 15px; color: #333; font-weight: bold; line-height: 130%; }

/* MAIN CLASSES */

.center { margin-left: auto; margin-right: auto; width: 980px; }
.left { float: left; }
.right { float: right; }
.pad-five { padding-right: 5px; }
.display { display: block; }
.hide { display: none; }
.pointer { cursor: pointer; }
.red-font { color: #CC0000; }
.white-font { color: #FFF; }

/* MENU CLASSES */

div#top-area { width: 100%; height: 77px; background: url(../images/body/top-menu-bg.gif) top repeat-x; position: relative; z-index: 800;}
.main-title { width: 245px; height: 77px; position: absolute; }
.main-menu { margin-top: 22px; margin-left: 264px; width: auto; position: absolute; z-index: 1000;}
.main-menu-home { margin-top: 22px; margin-left: 1px; width: auto; position: absolute; z-index: 1000;}
.menu-item { padding-top: 6px; padding-left: 12px; padding-right: 12px; width: auto; }
.menu-item-over { padding-top: 6px; padding-left: 12px; padding-right: 12px; width: auto; height: 24px; background-color: #333; background-image: url(../images/body/submenu-over-bg.png); background-position: top; background-repeat: repeat-y; }


.subMenuNoHit { width: 800px; height: 500px; position: absolute; margin-top: -22px; margin-left: -100px; z-index: 999;}
.subMenuTab { margin-top: 50px; margin-left: 2px; padding-top: 10px; padding-bottom: 15px; padding-left: 14px; height: auto; background-color: #333; background-image: url(../images/body/submenu-over-bg.png); background-position: left; background-repeat: repeat-y; overflow: auto; position: absolute; z-index: 1001; }
.subMenuTabInner { margin-top: 50px; margin-left: 265px; padding-top: 10px; padding-bottom: 15px; padding-left: 14px; height: auto; background-color: #333; background-image: url(../images/body/submenu-over-bg.png); background-position: left; background-repeat: repeat-y; overflow: auto; position: absolute; z-index: 1001; }

.subMenuColumn { margin-right: 25px; }
.subMenuLine { margin-top: 49px; width: 241px; height: 1px; background-image: url(../images/body/submenu-line.png); background-position: left; background-repeat: no-repeat; position: absolute; z-index: 1001; }
.subMenuLineInner { margin-top: 49px; margin-left: 265px; width: 241px; height: 1px; background-image: url(../images/body/submenu-line.png); background-position: left; background-repeat: no-repeat; position: absolute; z-index: 1001; }



.shadow { -moz-box-shadow: 0px 2px 3px #000; -webkit-box-shadow: 0px 2px 3px #000; box-shadow: 0px 2px 3px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#000000'); 
}


.vLine { width: 1px; height: 27px; background-image: url(../images/body/vline.png); }
.kia-logo { margin-right: 20px; width: 92px; height: 70px; }
.menu-shadow { width: 100%; height: 3px; background-image: url(../images/body/top-menu-shadow.png); clear: both; }
	
/* CONTENT CLASSES */

.main-content { height: 325px; position: relative; <-index: 10;}

.bottom-row { height: 131px;}

.one-column { width: 245px; }
.two-columns { width: 490px; }
.three-columns { width: 735px; }

.first-row { height: 48px; }
.first-row-pad { padding-top: 16px; padding-left: 20px; }

.second-row { height: 82px; }
.second-row-line { background: url(../images/body/srl-line.png) right no-repeat; }
.second-row-line-alt { background: url(../images/body/srl-line-alt.png) right no-repeat; }
.second-row-line-left { background: url(../images/body/srl-line.png) left no-repeat; }

.pos { padding-right: 1px; }
.pos-two { padding-right: 2px; }

.hTitle { height: 25px; }
.hComment { height: 38px; }

/* SELECTED COLUMN */

.slc { padding-top: 10px; padding-left: 21px; padding-right: 20px; width: 204px;}
.hLine-slc { margin-left: 15px; margin-right: 15px; width: 215px; height: 1px; background-image: url(../images/body/shade-white.png); clear: both; }
.hLine-slc-dark { margin-left: 15px; margin-right: 15px; width: 215px; height: 1px; background-image: url(../images/body/shade.png); clear: both; }
.hLine-uns { width: 100%; height: 1px; background-image: url(../images/body/shade.png); } 

/* UNSELECTED COLUMNS */

.uns { padding-top: 10px; padding-left: 15px; padding-right: 10px; width: 220px; }
.uns-news { padding-top: 10px; padding-left: 15px; padding-right: 10px; width: 465px; } 

.news-image { width: 65px; height: 65px; border: #999 solid 1px; } 
.news-holder { padding-top: 1px; padding-left: 15px; width: 370px; }
.news-title { width: 370px; }

.row-image { width: 65px; height: 65px; } 
.row-holder { padding-top: 1px; padding-left: 15px; width: 135px; }
.row-title { width: 135px; }

.second-row-news-title { padding-top: 10px; padding-left: 10px; padding-right: 10px; width: 202px; height: 25px; }
.second-row-title { padding-top: 10px; padding-left: 10px; padding-right: 10px; width: 225px; height: 25px; }


.second-row-model { margin-right: 1px; padding-top: 5px; padding-left: 20px; padding-right: 10px; width: 214px; height: 82px; }
.second-row-modelLeft { padding-top: 5px; padding-left: 20px; padding-right: 10px; width: 214px; height: 82px; }
.vLineTall {  background: url(../images/body/vline-tall.png) right no-repeat; }
.vLineTallLeft {  background: url(../images/body/vline-tall.png) left no-repeat; }
.vLineTallLeftTwo {  background: url(../images/body/vline-tall-two.png) left no-repeat; }
.vLineTallAll {  background: url(../images/body/vline-all.png); background-repeat: no-repeat; }


.second-row-comment { padding-top: 10px; padding-left: 32px; padding-right: 13px; width: 200px; height: 38px; }


/* OBSOLETE */
.vLine-Mus { margin-top: 5px; margin-left: 20px; width: 1px; height: 30px; background-image: url(../images/body/vline-mustard.png); }
.vLine-Red { margin-top: 5px; margin-left: 20px; width: 1px; height: 30px; background-image: url(../images/body/vline-red.png); }



.bottom-line { width: 245px; height: 2px; background-image: url(../images/body/home-bottom.jpg); float: left; }
.bottom-line-two { margin-left: 245px; width: 245px; height: 2px; background-image: url(../images/body/home-bottom.jpg); float: left; }
.bottom-line-three { margin-left: 490px; width: 245px; height: 2px; background-image: url(../images/body/home-bottom.jpg); float: left; }
.bottom-line-four { margin-left: 735px; width: 245px; height: 2px; background-image: url(../images/body/home-bottom.jpg); float: left; }

/* CORPORATE CONTENT CLASSES */

.first-row-holder { height: 48px; }
.corporate-first-row { padding-left: 10px; width: 725px; height: 48px; }
.corporate-hline { width: 735px; height: 1px; background-image: url(../images/body/shade.png); }

.corporate-content-holder { overflow: auto; }

.columnOne { width: 245px; }
.columnTwo { width: 560px; overflow: auto; }
.columnThree { width: 125px; overflow: auto; }

.social-media-logo { margin-right: 20px; width: 80px; height: 80px; float: left; }

.corporate-menu { padding-top: 10px; padding-left: 20px; padding-bottom: 15px; width: 225px; background-image: url(../images/corporate/corporate-selection-bg-c.jpg); background-repeat: repeat-y; }

.corporate-vLine { margin-top: 10px; margin-left: 10px; margin-right: 9px; width: 1px; height: 27px; background-image: url(../images/body/vline.png); }
.corporate-row-title { padding-top: 16px; padding-left: 10px; width: 570px;}

.text-area { padding-top: 20px; padding-left: 40px; padding-right: 30px; padding-bottom: 30px; text-align: justify; }

/* MODELS */

.model-selection { width: 245px; height: 325px; }
.model { margin-top: 83px; width: 450px; height: 215px; }
.desc-holder { width: 285px; height: 325px; }
.desc-logo { margin-top: 60px; width: 285px; height: 43px; }
.desc-msite { padding-top: 15px; padding-bottom: 15px; width: 285px; height: 45px; }
.desc-comment { padding-right: 30px; width: 255px; height: 147px; }

div.sc_menu_wrapper {
	margin-top: 3px;
	margin-bottom: 1px;
	margin-left: 20px;
	/* Make bigger than a photo, because we need a place for a scrollbar. */
	width: 220px;
	height: 321px;
	position: relative;
}

div.sc_menu {

}

.sc_menu a {
	display: block;			
}

.sc_menu a:hover {

}

.sc_menu img {
	display: block;
	border: none;
}

/* CREDITS */

.hline-bottom { height: 1px; background-color: #CCC; }
.credits { padding-top: 7px; padding-bottom: 7px; height: auto; overflow: auto; }
.cm-kia { width: auto; }
.share { width: auto; }	
.a-logo { padding-top: 10px; width: 70px; height: 56px; }
.cm-logo { padding-top: 12px; width: 134px; height: 43px; }

/* MODEL DETAILS */

.description-circle { width: 30px; height: 30px; background-image: url(../images/body/detailCircle.png); }
.description-circle:hover { width: 30px; height: 30px; background-image: url(../images/body/detailCircleOver.png); }

.techColumnLeft { padding-top: 5px; width: 193px; height: 320px; float: left; }
.techColumnRight { margin-top: 25px; margin-left: 20px; margin-right: 30px; width: 685px; height: 300px; float: right; }
.techDesc { padding-top: 5px; padding-bottom: 5px; width: 49.5%; height: 14px; border-bottom: solid #666 1px; }
.techDesc10 { padding-top: 5px; padding-bottom: 5px; width: 10%; height: 14px; border-bottom: solid #666 1px; }
.techDesc15 { padding-top: 5px; padding-bottom: 5px; width: 15%; height: 14px; border-bottom: solid #666 1px; }
.techDesc20 { padding-top: 5px; padding-bottom: 5px; width: 20%; height: 14px; border-bottom: solid #666 1px; }
.techDesc25 { padding-top: 5px; padding-bottom: 5px; width: 25%; height: 14px; border-bottom: solid #666 1px; }
.techDesc40 { padding-top: 5px; padding-bottom: 5px; width: 40%; height: 14px; border-bottom: solid #666 1px; }
.techDesc55 { padding-top: 5px; padding-bottom: 5px; width: 55%; height: 14px; border-bottom: solid #666 1px; }
.techDesc60 { padding-top: 5px; padding-bottom: 5px; width: 60%; height: 14px; border-bottom: solid #666 1px; }
.techDesc70 { padding-top: 5px; padding-bottom: 5px; width: 70%; height: 14px; border-bottom: solid #666 1px; }
.techDesc75 { padding-top: 5px; padding-bottom: 5px; width: 75%; height: 14px; border-bottom: solid #666 1px; }
.techDesc80 { padding-top: 5px; padding-bottom: 5px; width: 80%; height: 14px; border-bottom: solid #666 1px; }
.techDesc100 { padding-top: 5px; padding-bottom: 5px; width: 100%; height: 14px; }

.center-text { text-align: center; };

/* PRICE LISTS */

.price-content { height: auto; overflow: auto; position: relative; }

/* ACCESSORIES */

.accsColumn20 { width: 20px; height: 325px; }
.accsColumn47 { width: 47px; height: 325px; }
.accsColumnPic { margin-top: 25px; width: 280px; height: auto; }
.accsPic { width: 280px; height: auto; border: solid #666 1px; }
.accsArrows { margin-top: 120px; text-align: center; font-size: 24px; }