/* CSS Document */

body
{
	text-align:center;
	margin:0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background-color:#999999;
}

body *
{
	/*border:1px dotted #ff3333;*/

}

a {text-decoration: none; padding: 1px; }
p a:link,li a:link  { color:#009cDD;}
p a:visited,li a:visited { color:#009cDD; }
p a:hover,li a:hover { color: #FFF; background-color:#009cDD; text-decoration: none; }
a.image:link, a.image:visited, a.image:hover {background: none;padding: 0;}
a.image img {border: none;}

img
{
	display:block;
	margin:0;
	padding:0;
	border:0;
}

#nav a:link{color:#CCCCCC;}
#nav a:visited{color:#CCCCCC;}
#nav a:hover{color:#FFFF00; background-color:transparent;}

#nav a.active:link{color:#FFFF00;}
#nav a.active:visited{color:#FFFF00;}
#nav a.active:hover{color:#FFFF00; background-color:transparent;}

#nav-container
{
	background:#333333;
}

#nav
{
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	text-align:left;
	width:77em;
	margin:0 auto;
	padding:0.8em;
	color:#FFFFFF;
}

#nav *
{
	display:inline;
}

#nav a
{
	margin:0 1.6em 0 0;
	font-size:1.4em;
}

#nav #logo h1
{
	display:inline;
	font-size:2em;
}

#nav #logo h1 a:link, #nav #logo h1 a:visited
{
	color:#ffffff;
	margin-right:1.4em;
}

#nav #logo h1 a:hover
{
	color:#ccff99;
}

#content-container
{
	background:#EEEEEE;
	overflow: hidden;
}
#content
{
	margin:0 auto;
	padding:1em 0 5em 0;
	width:77em;
	text-align:left;
	overflow:hidden;
}
#page-header
{
	margin:0 0 1em -8px;
}

#home-header
{
	margin-bottom:1em;
}

#utility-column
{
	width:20em;
	float:left;
	margin-top:0.4em;
}
#content-main
{
	float:left;
	width:51em;
	margin-left:1em;
	padding:0 0.5em 0 2em;
}

#content-main h1
{
	font-size:3.4em;
	font-weight:bold;
	letter-spacing:-1px;
	padding:0;
	margin:0;
}
#content-main h3
{
	color:#666666;
	padding:1.2em 0 0 0;
	margin:0;
	font-size:1.8em;
}	

#content-main h4
{
	
	font-size:1.2em;
	font-weight:normal;
	color:#666;
	margin:0;
	padding:0;
}


#content-main h5
{
	
	font-size:1.4em;
	font-weight:bold;
	color:#999999;
	letter-spacing:-0.05em;
	padding:0;
	margin:0;
}

#content-main .group
{
	background:#e0e0e0;
	border:1px solid #999999;
	padding:1em;
	margin-bottom:1em;
}

.error
{
	background: #ffcc66;
	color:#663300;
	padding:1em;
	margin:1em 0 1em 0;
	
}

#content-main p
{
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content-main li
{
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content-main hr
{
	margin:0.3em 0 0 0;
	padding:0;
	border: 0;
	color:#999999;
	background-color:#999999;
	height: 1px;
	width: 100%;		
}

#content-main .callout{
	
	background: #ffffcc url(../images/callout_bg.jpg) repeat-x bottom left;
	clear:both;
	padding:1em;
	border:solid 1px #C8D98E;
	
	
}

#content-main .callout P {
	font-size:1.1em;
	
}

#content-main .callout h2
{
	font-size:2em;
	color:#7DCB0B;
	margin:0;
}

.calloutB
{
	background: #ffffcc;
	clear:both;
	padding:0.2em;
	border-bottom:solid 1px #C8D98E;
	text-align:center;
	margin: 0 0 0.2em 0;
}

.calloutB P
{
	margin:0.3em;
	font-size:1.1em;
}

.calloutB IMG
{
	float:left;
}


#content-main .note
{
	font-size:0.9em;
	font-family: Arial, sans-serif;
	
}

.header
{
	background:#FFFFFF;
	margin-bottom:1px;
}
.header h3
{
	padding:0.6em 0 0.6em 0.6em;
	margin:0;
	letter-spacing:-0.05em;
	font-weight: bold;
	font-size:1.6em;
}

.sub-nav-item
{
	padding:0.6em;
	border-bottom:solid #CCCCCC 1px;
	font-size: 1.4em;
}
.sub-nav-item-hover
{
	padding:0.6em;
	border-bottom:solid #CCCCCC 1px;
	background-color:#FFFF66;
	font-size: 1.4em;
	cursor:pointer;
}

#sub-nav a
{
	color:#666666;
	background-color:transparent;
}

#sub-nav a:hover
{
	color:#666666;
	background-color:transparent;
	margin-bottom:1.5em;
}

.how-to-order
{
	padding:0;
	margin:1em 0 0 0;
}
.how-to-order li
{
	padding-left:2em;
	margin-bottom:1em;
	font:1.2em Verdana, Arial, Helvetica, sans-serif;
}
.how-to-order h5
{
	font-size:1.4em;
	color:#CC0000;
	margin:0;
}

.how-to-order a
{
	font-size:1.1em;
	font-weight:bold;
}
.icon-call
{
	list-style:none;
	background:url(../images/icon_call.gif) no-repeat;
}

.icon-call h5
{
	font-size:1.0em;
}

.icon-contact
{
	list-style:none;
	background:url(../images/icon_contact.gif) no-repeat;
}

table.product-featured
{
	display:inline;
	float:left;
}

.product-image
{
	background:#CCCCCC;
	width:160px;
	height:80px;
	border:#999999 solid 1px;
}	

.product-details
{
	padding-left:1em;
}

.product
{
	border-top: solid #CCCCCC 1px;
}



.link-list
{
	margin:0;
	padding:0;

}

.link-list li
{

	list-style:none;
	padding-left:1.5em;
	background: url(../images/new_window.gif) no-repeat top left;
	margin:0.4em 0 0.4em 0;
	
}
	
#contactForm .form-item
{
	font-size:1.2em;
	clear:both;
	margin:0.4em;

}

#contactForm FIELDSET
{
	border:0;
	background:#e0e0e0;
	padding:1em;
	margin:2em 0 1em 0;

}

#contactForm .required
{
	color:#ff6600;
	text-align:right;
}

#contactForm .submit
{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	text-align:center;
	padding:1em;
}

#contactForm .form-item INPUT
{

	font-size:1.0em;
	width:18em;
}

#contactForm .form-item .qty
{
	width:5em;
}


#contactForm .form-item LABEL
{
	width:10em;
	margin-right:1em;
	display:block;
	float:left;
	text-align:right;
	height:2em;
	line-height:1.5;
	vertical-align:middle;

}
	
	
#footer-container
{
	margin:0 auto 5em;
	padding:2em;
	width:77em;
	text-align:left;
}

#footer-logo
{
	float:left;
	
}

#footer-logo *
{
	
	vertical-align:top;
}

#footer-logo img
{
	display:inline;
}
#footer-logo .lightfab
{
	margin:0 1em 0 0;
	
}
#footer-logo .3m
{
	margin:0 1em 0 0;
	
}
#footer-nav
{
	float:right;
}	
#footer-nav a
{
	color:#CCCCCC;
	font-size:1.2em;
	margin-left:1.6em;
}

.em-space
{
	margin-top:1.5em;
}
.orange
{
	color:#F9650F;
}