/* CSS Document */

/* GLOBAL RESET  - via eric meyer*/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* UTILITY */
.no-margin{margin: 0 !important;}
.cleared{clear:both;}
.underlined{text-decoration: underline;}
.green {color: green; font-weight: bold;}
td{ padding: 5px 5px 5px 0;}
p label{margin:0 10px 0 0;}
form p{position:relative;}
form p input{}

/*TYPOGRAPHY*/

body{
font-family: verdana, arial,  helvetica, sans-serif;
}
strong{
font-weight:bold;
}
table{
font-size:.85em;
}

#login-box h3{
display:inline;
font-weight:bold;
padding: 0 20px 0 0 ;
font-size:.85em;
}

#login-box input{
margin: 0 10px 0 2px;
}

#login-box .field-label{
text-transform:uppercase;
font-size:.7em;
}

#main-content p, #order-main-content p{
margin:15px 0 0 0;
font-size: .75em;
line-height: 1.4em;
}

#main-content h1, #order-main-content h1{
font-weight:bold;
font-size:1.3em;
font-family:arial;
}

#main-content h2, #order-main-content h2{
font-weight:bold;
font-size:1em;
margin: 15px 0 0 0;
color:#CC0000;
}

#main-content h3, #order-main-content h3{
font-weight:bold;
font-size:.8em;
color:#333;
margin: 5px 0 0 0 ;
}

#splash p{
font-size:1.5em;
font-weight:bold;
font-family:arial;
line-height: 1.2em;
width: 685px;
top:100px;
left: 235px;
position: absolute;
color:#333;
/*font-family: "trebuchet ms", arial, helvetica, sans-serif;*/
}


#footer p{
padding: 10px 0 10px 0;
text-align:center;
}

#footer a{
color:#cc0000;
}
 

/* NAVIGATION - LIST STYLES */

.navigation{margin:0; padding:0;}

.navigation li{
display:inline;

}

.navigation li a{
color: #333;
font-size: .7em;
font-weight: bold;
text-transform:uppercase;
text-decoration: none;
padding: 6px 10px 5px 10px;
text-align:center;
display:block;
float:left;border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.navigation li a:hover{
background:#cc0000;
color:#fff;
}

/*#banner .client-access{
font-size:12px;
display:block;
position:absolute;
top:50px;
right:5px;
width:120px;
padding:5px 0 5px 0;
height:30px;
text-align:center;
text-indent:15px;
text-decoration:none;
background:url('http://klcbrands.com/images/8.jpg') no-repeat;
color:#fff;
font-weight:bold;
}*/

#banner .client-access{
font-size:12px;
display:block;
position:absolute;
top:44px;
right:5px;
width:120px;
padding:5px 0 5px 0;
height:42px;
text-align:center;
text-indent:15px;
text-decoration:none;
background:url('http://klcbrands.com/images/23.jpg') no-repeat;
color:#fff;
font-weight:bold;
}

/* MAIN CONTAINER STYLES*/
#banner-container, #navigation-container, #splash-container, #body-container, #footer-container{
width:100%;
}

#banner-container{
height:100px;

}

#banner{
width:935px;
margin: 0 auto;
padding:15px 0 0 0;
position:relative;
}

#logo{
float:left;
}

#login-box{
float:right;
margin:20px 0 0 0;
}



#navigation-container{
height:22px;
border-top: 1px solid #990000;
border-bottom: 1px solid #990000;
}

.navigation{
width:935px;
margin: 0 auto;
position:relative;
top:0px;
}

#splash-container{
height: 220px;
}



#splash{
height: 240px;
background: #efefef;
width: 935px;
background:URL('/images/contact.jpg') no-repeat top left;
margin: 0 auto;
position:relative;
}

#splash-authenticated{
height: 240px;
background: #efefef;
width: 935px;
background:URL('/images/authenticated_splash.jpg') no-repeat top left;
margin: 0 auto;
position:relative;
}

.page-title{
	position:absolute;
	text-align:right;
	top:10px;
	right:65px;
    font-family:arial;
	font-size: 1.8em;
	line-height:3em;
	height:50px;
	color:white;
	text-transform:lowercase;
}

.index #splash{
background:URL('/images/splash.jpg');
}

.building #splash{
background:URL('/images/building.jpg');
}

.contact #splash{
background:URL('/images/contact.jpg');
}

.order #splash{
background:URL('/images/contact.jpg');
}

#body-container{}

#body{
width:935px;
margin: 0 auto;
position:relative;
}


#sidebar{ width:200px; position:relative; top:-200px; margin-left:10px;
background:#fff; padding:5px; }

#sidebar-public {width:200px; position:relative; top:20px;
margin-left:10px; background:#fff; padding:5px; }

#sidebar-public a{display:block; font-size:.6em; margin-top:7px; margin-bottom:7px; color:#000; padding-left:15px;}

#sidebar a{display:block; font-size:.6em; margin-top:7px; margin-bottom:7px; color:#000; padding-left:15px;}

#main-content{
width:700px;
left: 235px;
position: relative;
}

#login-main-content{
width:700px;
left: 235px;

}

#order-main-content{
width:700px;
left: 235px;
position: relative;
}

.sub-content{
top:-138px !important;
width:610px !important;
padding:15px 15px 30px 15px;
margin:0;
background: #fff;
border-left: 3px solid #efefef;
border-right: 3px solid #efefef;
border-bottom: 3px solid #efefef;
}

.home-sub-content{
/* top:-698px !important;
margin:0 0 -580px 0; 
margin:-950px 0 115px 0; Distributor Needed added 12/21/2009
margin:-1080px 0 115px 0; Car Show Ad 03/18/2010 
margin:-1400px 0 115px 0; Removed Bug Buster coming soon 04/08/2010 */
margin:-1195px 0 115px 0;
width:610px !important;
padding:15px 15px 30px 15px;
background: #fff;
border-left: 3px solid #efefef;
border-right: 3px solid #efefef;
border-bottom: 3px solid #efefef;
}

.store-sub-content {
top:-430px !important;
width:610px !important;
padding:15px 15px 30px 15px;
margin:0;
background: #fff;
border-left: 3px solid #efefef;
border-right: 3px solid #efefef;
border-bottom: 3px solid #efefef;}

.client-sub-content{
top:-380px !important;
width:610px !important;
padding:15px 15px 30px 15px;
margin:0;
background: #fff;
border-left: 3px solid #efefef;
border-right: 3px solid #efefef;
border-bottom: 3px solid #efefef;
}

.sub-content-no-title{
top:-195px !important;
width:610px !important;
padding:15px 15px 30px 15px;
margin:0;
background: #fff;
border-left: 3px solid #efefef;
border-right: 3px solid #efefef;
border-bottom: 3px solid #efefef;
}

#footer-container{
margin: 0 0 0 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align:center;
}

.subpage #footer-container{
margin-top: -100px;
}

.contact #footer-container, .building #footer-container{
margin:0;
}

#order-container{
background:#ffffcc;
padding:10px;
border: 1px dashed #333;
}

#footer{
width: 935px;
color:#333;
margin: 0 auto;
font-size: .7em;
text-align:center;
}


#email-link{text-transform:uppercase;}

table{
font-size:.8em;
}

td{padding:10px;}

#order-container{margin-top:40px !important;}
#order-container p label{display:block; float:left; width:120px !important;}
#order-container .field-row  input{width:250px !important;}
.label-second label{width:175px; font-size:11px; display:block; float:left; }
.check-list{
font-size:.8em;
margin: 15px 0 25px 50px !important;
list-style-image: url(/images/check.gif);
}
.check-list{*padding-left:30px; *margin-left:100px;}
.check-list li{margin: 0 0 10px 25px ; line-height:1.5em; */padding:0 0 0 5px;}

.check-list-2{font-size:.8em; margin: 15px 0 25px 50px !important; }
.check-list-2 li{margin: 0 0 10px 25px ; line-height:1.5em; */padding:0 0 0 5px;}


.left-col{float:left;}
.right-col{float:right; padding-right:10px;}
.alt-row{background:#efefef;}


.product{clear:both;}
.product h2 a{color:#cc0000; font-weight:normal;}
.product h2 a:hover{color:#000;}
.product img{float:left; margin:12px 10px 10px 0; border:1px solid #cc0000;}
.product p{margin:10px 0 0 0 !important;}

/*PULLQUOTE*/
.pullquote{font-size:16px; font-style:italic; font-weight:bold;  color:#666; padding:0 20px 0 0; background:url(../images/open-quote.gif) 10px 10px; background-repeat:no-repeat;}
.pullquote p{background:url(../images/close-quote.gif) bottom right; background-repeat:no-repeat; padding:15px 10px 10px 30px;}
.quote-by{font-size:12px; color:red; text-align:right; font-style:normal !important; margin-top:10px;}


.sidebar-header{font-weight:bold;  font-size:12px; background:#cc0000 url(../images/sideheadbg.gif) top left; background-repeat:repeat-x; color:white; padding:5px;}

/* home-splash
----------------------------------------------- */
#used-car-odor-area {
display:block;
margin:0;
padding:0;
width:610px;
height:278px;
clear:both;
}
#used-car-odor-area img {
margin:0;
padding:0;
}
#used-car-odor-area #uco-block-1{
display:block;
width:287px;
height:115px;
float:left;
text-align:right;
}
#used-car-odor-area #uco-block-2{
display:block;
width:323px;
height:161px;
float:right;
}
#used-car-odor-area #uco-block-3{
display:block;
width:287px;
height:163px;
float:left;
}
#used-car-odor-area #uco-block-4{
display:block;
width:22px;
height:117px;
float:left;
}
#used-car-odor-area #uco-block-5{
display:block;
width:301px;
height:117px;
float:left;
text-align:left;
}
#used-car-odor-area #uco-new-area-1{
display:block;
margin:14px 0 0 30px;
padding:30px 0 0 0;
text-align:right;
width:100px;
float:left;
}
#used-car-odor-area #uco-new-area-2{
display:block;
margin:14px 0 0 0;
padding:0;
width:252px;
float:left;
}
#used-car-odor-area #uco-new-area-3{
display:block;
margin:14px 0 0 0;
padding:140px 0 0 10px;
text-align:left;
width:218px;
float:left;
}
#used-car-odor-area #uco-block-1 h2, #used-car-odor-area #uco-block-1 h3, #used-car-odor-area #uco-block-5 h2, #used-car-odor-area #uco-new-area-3 h2, #used-car-odor-area #uco-new-area-1 h3{
margin:20px 10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:18px;
color:#333;
}
#used-car-odor-area #uco-block-1 h2, #used-car-odor-area #uco-new-area-3 h2{
font-size:21px;
color:#300;
}
#used-car-odor-area #uco-block-5 h2, #used-car-odor-area #uco-new-area-3 h2 .smoky{
margin:10px;
font-size:22px;
color:#960;
}
#used-car-odor-area #uco-block-5 h2.stale, #used-car-odor-area #uco-new-area-3 h2 .stale{
font-size:24px;
color:#630;
/*margin-left:50px;*/
}
#used-car-odor-area #uco-block-5 h2.mildewy, #used-car-odor-area #uco-new-area-3 h2 .mildewy{
font-size:26px;
color:#693;
/*margin-left:90px;*/
}
#used-car-odor-area #uco-new-area-3 h2, #used-car-odor-area #uco-new-area-1 h3, #used-car-odor-area #uco-new-area-3 h2 .smoky{
margin:0;
}
#used-car-odor-area #uco-new-area-1 h3{
margin:0 10px 0 0;
padding:0;
text-align:right;
}
#home-focus-1, #home-focus-2, #home-focus-3{
display:block;
margin:10px 0;
padding:10px;
width:588px;
clear:both;
border:2px solid #c33;
}
#home-focus-1 h1{
margin:15px 0;
font-weight:bold;
font-size:18px;
color:#c00;
}
#home-focus-1 h2{
margin:10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
line-height:16px;
color:#111;
}
#home-focus-1 h2 strong{
font-weight:bold;
color:#239;
}
#home-focus-1 p{
margin:10px 0;
font-size:12px;
color:#000;
}
#home-focus-1 p strong{
color:#04c;
}
#home-focus-2 h1{
margin:0 0 15px 0;
font-weight:bold;
font-size:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#239;
}
#home-focus-2 h2{
margin:15px 0;
font-weight:bold;
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#c00;
}
#home-focus-2 h3{
margin:15px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#239;
}
#home-focus-2 p{
margin-bottom:15px;
}

#home-focus-3{
background:#ffffe0;
border:2px solid #f9ac61;
}

.menu-note{background:#ffffe0; padding:5px;border: 2px solid #f9ac61;}
.menu-note img{margin-bottom:5px;}
.menu-note p{font-size:11px; line-height:1.2em; margin:0 5px 0 5px;}
.menu-ad {background:#fff; padding: 0; border: 2px solid #000; }
.menu-ad table {font-size: 1em;}
.menu-ad a {font-size: 1em !important; font-color: blue; }