/* Style Sheet for KCSM - With CSS-P */
/* Copyright 1999-2004, Steven Hoober */


@import url("nav-p.css");   /* Top two tab bars and Interior Tabs */


/* default small type body style */
body {color:#333; font-size:12px; font-family:lucida grande,arial; padding:0; margin:0;
		 background: url(/assets/images/back-1.gif); background-repeat:repeat-y; background-position:0 123px; }
	body#states	{background: #fff; }



/* body links */
a:link {			color:#06c; }
a:visited {			color:#09f; }
a:active {			color:#000; }
a:hover {			color:#000; }



/* ID-level fixed elements */
#masthead {padding:0; margin:0; width:100%; height:141px; }
	body#location1 #masthead	{background: #fff url(/assets/images/masthead-home.gif) no-repeat; }
	body#location2 #masthead	{background: #fff url(/assets/images/masthead-about.gif) no-repeat; }
	body#location3 #masthead	{background: #fff url(/assets/images/masthead-products.gif) no-repeat; }
	body#location4 #masthead	{background: #fff url(/assets/images/masthead-dealers.gif) no-repeat; }
	body#location5 #masthead	{background: #fff url(/assets/images/masthead-howto.gif) no-repeat; }
	body#location6 #masthead	{background: #fff url(/assets/images/masthead-contact.gif) no-repeat; }

#masthead-d {padding:0; margin:0; width:100%; height:123px; background:#fff url(/assets/images/masthead-dealer.gif) no-repeat; }
#bodyarea {padding:0; margin:0; width:752px; background: url(/assets/images/body-back-1.gif) no-repeat; }


#contents {padding:14px 0 15px 0; margin:0 0 0 140px; width:625px; }
	.full {border:0; padding:0; margin-bottom:15px; width:624px; }
	.half {border:0; padding:0; margin-bottom:15px; width:624px;}
		.half .left {float:left; width:302px; margin-right:20px; }
		.half .right {float:left; width:302px; }

	div.side {border:0; padding:0; margin-bottom:15px; width:624px;}
		div.side .main {float:left; width:400px; margin-right:20px; margin-bottom:15px; }
		div.side .sidebar {float:left; width:204px; margin-bottom:15px; }
		div.side .sidebar p { margin-right:0;}

/* Above are for columnar layouts of the contents area */

body#location1 h1 {font-size:32px; font-weight:bold; color:#E72727; border:0; margin:0; padding:0 0 .2em 0; display:none; }
body#location1 .main {padding:0; margin:0; width:345px; height:583px; background: url(/assets/images/8-4-allan.jpg) no-repeat; }

div.intro {position:relative; top:0; left:375px; width:250px;}
div.intro p {color:#009; font-size:17px; font-family:lucida grande,arial; font-weight:bold; }
div.intro p.second {font-size:14px; width:250px; font-weight:400; margin-left: 0; padding-left:1em; color:black;}

/* Floating 200px images right or left of body elements, use clears as required */
.main-floatR {float:right; width:204px; margin-left:10px; }
	.main-floatR img {border:1px solid #666; }
	img.main-floatR {border:1px solid #666; }
.main-floatL {float:left; width:204px; margin-right:10px; }
	.main-floatL img {border:1px solid #666; }
	img.main-floatL {border:1px solid #666; }
.nb {border:none; }

.state-float {float:right; width:310px; margin-left:10px; }




/* Headlines */
h1 {font-size:22px; font-weight:bold; color:#36c; border:0; margin:0; padding:1em 0 .7em 0; }

h2 {font-size:18px; font-weight:normal; color:#36c; border:0; margin:1em 0 0 0; }
.sidebar h2 {margin-top:0; }

h3 {font-size:13px; font-weight:bold; color:#36c; margin:1em 0 0 0; }
h3.inline {display:inline; }

h4 {display:inline; color:#333; font-weight:bold; }



/* Paragraph tag with auto padding below */
p { margin:0 20px 15px 0;}
/* Paragraph tag with looser padding below for special layouts */
p.loose {margin-bottom:25px;}
/* Paragraph tag with tighter padding below for special layouts */
p.tight {margin-bottom:4px;}
/* Paragraph tag with padding of 0 below for special layouts */
p.zero {margin-bottom:0;}
/* First sentence or clause, bolder for intro emphasis */
span.first {color:#06c; font-size:13px; font-weight:bold; }
/* super strong, emphasis by being blue, for callouts like phone numbers */
strong.s {color:#06c; font-weight:bold; }




/* Instruction Steps classes, type and alignment changes */
div.steptext {margin-left:145px; }
div.stepimg {width:140px; float:left; }
img.illus {width:100px; border:1px solid #666; margin:4px 0 1em 4px; }
p.step {font-size:14px; font-weight:normal; margin:0 0 1em 0; }
p.num {font-size:52px; font-weight:bold; color:#36c; margin:0; float:left; }



/* Image Styles, esp. the 2px borders on side images */
img.side {border:1px solid #666; width:200px; margin-bottom:8px;}



/* Table styles; only one now is the product table */
table, td, th {color:#333; font-size:12px; font-family:lucida grande,arial; }
table {border:0; width:375px; margin-bottom:15px; border-collapse: collapse; }
td {border:0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; vertical-align:top; padding:2px; }
td.left {text-align:left; }
th {border:0; border-bottom:2px solid #ccc; border-right:1px solid #ccc; padding:2px 8px; font-weight:bold; }
th.left {text-align:left; }
td.last, th.last {border-right:0; }
td.bottom {border-bottom:0; }

table.invisFull {width:620px; margin-bottom:0; }
table.invisFull td {border:0; text-align:left; vertical-align:top; padding:0px; }




/* List styles to tighten them up, etc. */
ul {padding:0 0 0 3em; margin:0 20px 7px 0;}
ul.uptight {margin-top:-15px;}
	li {list-style-type:square;}
ul.small {font-size:11px; }

div.intro ul {font-size:14px; width:250px; font-weight:bold; margin-left: 0;
        padding-left:3em; text-indent:-.2em; }





div.homepromo {position:absolute; top:420px; left:24px; border:2px solid #06c; }


div.hr {color: #666; background-color: #666; height: 1px; margin:15px 20px 18px 20px; }
div.hr hr {display: none; }


.clear {clear:both; height:1px;}





/* Footer v.2 */
#footer {width:100%; margin:0; background-color:#36c; color:#fff; padding:8px 0 8px 0; text-align:center; }
p.footer {font-size:10px; padding:5px 0 25px 0; text-align:center; }