body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: helvetica, verdana, arial, sans-serif;
	background-color: #ebf6fe;
	text-align: center;
	background-image: url(images/sunblockers_skybg_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;/* part 1 of 2 centering hack */
	}
a {
	text-decoration: underline;
	outline: none;
	color:#A52524;
	}
a:visited {
	/*color:  #ccc;*/
	}
a:active {
	color:  #ccc;
	}
a:hover {
	text-decoration: none;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 16px;
	margin: 10px 0 0 15px;
	padding: 0;
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. 
UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. 
at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in 
march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	color:#963129;
	font-family: helvetica;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	clear:left;
	text-transform:uppercase;
	}
h2 {
	color: #da6e0f;
	font-size: 14px;
/*	line-height: 24px;*/
	font-weight: bold;
	margin: 0 0 0 15px;
	}
h3 {
	color: #da6e0f;
	font-family: helvetica;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
#header {
	/*position: relative;*/
	background: url(images/hd_sunblockers.jpg) no-repeat;
	height: 129px;
	}
#header ul {
	color: #ffffff;
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 8px 0 0 0;
	}
#header ul li {
	display: inline;
	font-size: 12px;
	font-family: helvetica;
	margin: 0 5px 0 0;
	padding: 0;
	}
#header ul li a {
	color: #ffffff;
	margin: 0;
	padding: 0;
	}
#header ul li a:visted {
	color: #ffffff;
	margin: 0;
	padding: 0;
	}
#header ul li a:active {
	color: #ffffff;
	margin: 0;
	padding: 0;
	}
#header ul li a:hover {
	text-decoration: none;
	/*border-bottom: 1px solid #da6e0f;*/
	color: #963129;
	margin: 0;
	padding: 0;
	}
#nav {
	/*position: relative;*/
	clear: left;
	/*border-left: 5px dashed #da6e0f;*/
	border-bottom: 5px solid #da6e0f;
	margin: 0;
	}
#nav img a {
	border: none;
	}
#nav a {
	border: none;
	}
#nav div {
	float: left;
	width: 144px;
	height: 118px;
	border-right: 5px solid #da6e0f;
	}
#nav #leftborder {
	border-left: 5px solid #da6e0f;
	}


#cat-nav {
	/*position: relative;*/
	background-color:#DA6E0F;
	margin-left:auto;
	margin-top:10px;
	margin-right:auto;
	margin-bottom:30px;
	height:30px;
	width:300px;
	text-transform:uppercase;
	background-image: url(images/btn_bg.jpg);
	background-repeat: repeat-x;
	text-align:center;
	}
#cat-nav ul {
	color: #ffffff;
	list-style-type: none;
	margin: 0;
	padding: 8px 0 0 0;
	}
#cat-nav ul li {
	display: inline;
	font-size: 12px;
	font-family: helvetica;
	margin: 0 5px 0 0;
	padding: 0;
	}
#cat-nav ul li a {
	color: #ffffff;
	margin: 0;
	padding: 0;
	}
#cat-nav ul li a:visted {
	color: #ffffff;
	margin: 0;
	padding: 0;
	}
#cat-nav ul li a:active {
	color: #ffffff;
	margin: 0;
	padding: 0;
	}
#cat-nav ul li a:hover {
	text-decoration: none;
	/*border-bottom: 1px solid #da6e0f;*/
	color: #963129;
	margin: 0;
	padding: 0;
	}

/*-----------------------------------------------------------*/
	
	
#content {
	/* Wrapper is 780px */
	clear:left;
	border-left: 5px solid #da6e0f;
	border-right: 5px solid #da6e0f;
	border-bottom: 2px solid #da6e0f;
	margin: 0px;
	padding: 20px 20px 20px 10px;
	background-repeat: no-repeat;
	background-position: right top;
	}
body#commercial #content {
	background-image: url(images/bg_commercial.jpg);
	}
body#residential #content {
	background-image: url(images/bg_residential.jpg);
	}
body#auto #content {
	background-image: url(images/bg_auto.jpg);
	}
body#safety #content {
	background-image: url(images/bg_safety.jpg);
	}
body#shades #content {
	background-image: url(images/bg_shades.jpg);
	}
#content-column {
	width: 490px;
	}
#nav2 {
	width:200px;
	background-color:#ebf6fe;
	float:right;
	border: 0px solid #043E42;
	}
	
/*-----------------------------------------------------------*/
	
#product-list {
	width:410px;
	margin-top:5px;
	text-align: justify;
	}
#product-list h1 {
	text-align:center;
	color:#A52524;
	text-transform:uppercase;
	margin-bottom:30px;
	}
#product-list h2, body#products #content h2 {
	text-align:left;
	margin-top:15px;
	margin-bottom:10px;
	color:#000000;
	font-size:12px;
	}
	
.list-column {
	width:200px;
	float:left;
	margin-bottom:30px;
	text-align:left;
	}
#product-list ul, #product-list li, body#products #content ul, body#products #content li {
	list-style-type:none;
	margin:2px 0px 0px 8px;
	padding:0px;
	line-height:17px;
	}
body#products #content h1 {
	border-bottom:solid 1px #A52524;
	}
body#products #content ul, body#products #content li {
	}

/*-----------------------------------------------------------*/


body#index #content {
	/*border-left: 5px solid #da6e0f;*/
	border-left: 5px solid #da6e0f;
	border-right: 5px solid #da6e0f;
	border-bottom: 2px solid #da6e0f;
	clear:left;
	margin: 0px;
	padding: 0;
	}
body#index #content div {
	border-bottom: 5px solid #da6e0f;
	}
body#index #content div div {
	float: left;
	height: 266px;
	width: 144px;
	border-right: 5px solid #da6e0f;
	}
body#index #content #no_rt_border {
	border-right: none;
	}
	
#index-content {
	padding:30px 0px;
	}

/*-----------------------------------------------------------*/



	
	
.list {
	border-top: 1px solid #aa2626;
	margin: 15px;
	padding: 0;
	clear: both;
	}
.list h2 {
	font-family: helvetica;
	margin: 15px 0 0 0px;
	padding: 0;
	}
.list h3 {
	font-family: helvetica;
	margin: 15px 0 0 0px;
	padding: 0;
	}
.list p {
	margin: 10px 0 0 0px;
	padding: 0;
	}
.list img {
	float: left;
	border: none;
	margin: 15px 15px 15px 0; 
	padding: 0;
	}
#footer {
	position: absolute;
	border-left: 5px solid #da6e0f;
	border-right: 5px solid #da6e0f;
	background: url(images/bkg_footer.gif) repeat-x;
	background-color: #ffffff;
	width: 740px;
	height: 37px;
	margin: 0;
	padding: 0;
	text-align:center;
	}
#wrapper {
	position: relative;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #fff;
	border-left: 3px #fff solid;
	border-right: 3px #fff solid;
	height: 100%;
	text-align:left; /* part 2 of 2 centering hack */
	width: 780px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 750px;
	}
html>body #wrapper {
	width: 750px; /* ie5win fudge ends */
	}
	
	
	/*
FORM STYLES
*/

input, textarea{
	padding:2px;
	border:1px solid black;
	font-family:verdana;
	font-size:10px;
}

label
{
width: 75px;
float: left;
text-align: right;
margin-right: 10px;
display: block;
font-size:12px;
}

.submit
{
margin-left: 85px;
}

.inputError{
	margin-left:85px;
	font-size:12px;
	color:#cc0033;
	font-weight:normal;
} 
#content ul {
	font-size: 12px;
	line-height: 15px;
}
img.left {
	margin-right: 10px;
	margin-bottom: 10px;
}
img.right {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}