/* 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.gif); background-repeat:repeat-y; background-position:0 123px; }


/* 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:123px; }
	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-howto.gif) no-repeat; }
	body#location5 #masthead	{background: #fff url(/assets/images/masthead-dealers.gif) no-repeat; }
	body#location6 #masthead	{background: #fff url(/assets/images/masthead-contact.gif) no-repeat; }
	body#location7 #masthead	{background: #fff url(/assets/images/masthead-specify.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.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 {padding:0; margin:0; width:613px; height:52px; background: url(/assets/images/home-head.gif) no-repeat; }
body#location1 h1 span {display:none; }
body#location1 .main {padding:0; margin:0; width:613px; height:400px; background: url(/assets/images/home-main.jpg) no-repeat; }

div.intro {position:relative; top:85px; left:275px; width:250px; }
div.intro p {color:#36c; font-size:17px; font-family:lucida grande,arial; font-weight:bold; }


/* 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; }



/* 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; }
	h2 a:link {		color:#36c; text-decoration:none; }
	h2 a:visited {	color:#36c; text-decoration:none; }
	h2 a:active {	color:#36c; text-decoration:none; }
	h2 a:hover {	color:#000; text-decoration:underline; }


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; }
table.side {border:0; width:204px; 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.noborder td {border:0; }





/* List styles to tighten them up, etc. */
ul {margin-top:0; margin-bottom:15px; padding:0em 0em 0em 3em; margin:0 20px 7px 0;}
	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.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; }