body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background:##F0F0F0;	
	margin-top:3px;
}

table, td	{
	border: 0px solid #ffffff;
    border-spacing: 0px;
    border-collapse: collapse;
    padding: 0px;
	empty-cells: show;
	vertical-align:top;
}

td { margin: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#696969;
	line-height:13px;
 	}

td.sidenav_space {
	background: #f0f0f0;
	border-left: #999999 1px solid;
}

#sidenav	{
	background: url(/images/sidenav_bkg.gif) repeat-y #f0f0f0;
	width:219px;
	}

.sidenav-left	{
	background: url(/images/sidenav_left.jpg) repeat-y;
	width: 5px;
	}
	
.sidenav-right	{
	background:url(/images/sidenav_right.jpg) repeat-y;
	width: 7px;
	}	

.wrapper	{
	background: #f0f0f0;
	width: 760px;
	}

.wrapper-hd	{
	background: url(/images/arrows.gif) no-repeat center  #f0f0f0;
	width: 760px;
	}

	
#right-edge	{
	background:url(/images/content_right.jpg) repeat-y;
	width:4px;
	}	
	
.content-left	{
	background:url(/images/content_left.jpg) repeat-y;
	width:7px;
	}	

h1, .h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height: 20px;
	color:#172160;
	font-weight:normal;
	margin-bottom:8px;
}

h2, .h2 { 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 18px;
	color:#172160;
	font-weight:normal;
	margin-bottom:6px;
}

h3, .h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 12px;	
	color:#555555;
	margin:0;
}

a:link, a:visited, a:active {
	font-size: 11px;
	color: #172160;
	text-decoration: underline;
}

a:hover {
	color: #696969;
	text-decoration: none;
}

ul	{
	margin-top:6px;
	margin-bottom:6px;
	}

li a:link, li a:visited, li a:active {
	font-size: 11px;
	font-weight:bold;
	color: #CC0000 #172160;
	text-decoration: none;
}

li a:hover {
	color: #696969;
	font-weight:bold;
	text-decoration: none;
}

.address	{
	padding:0 0 0 4px;
	}
.product_nav a:link, .product_nav a:visited, .product_nav a:active {
	font-size: 11px;
	color:#696969;
	text-decoration: none;
}

.product_nav a:hover {
	color: #0a0a59;
	text-decoration: none;
}

html, body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(/images/bk.gif);
}

td.header {
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #555555;
	vertical-align:top;
	padding: 10px 0px 0px 0px;
	background-color:#F0F0F0;
}

table.footer {
	width:760px;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	background-image:url(/images/footer.gif);
}

.foot	{
	padding:8px 8px 8px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A9A9A9;
	font-size: 10px;
	}	

a.foot:link, a.foot:visited, a.foot:active, a.foot:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A9A9A9;
	font-size: 10px;
	text-decoration: none;
}

a.foot:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0a0a59;
	font-size: 10px;
	text-decoration: none;
}

a.foot2:link, a.foot2:visited, a.foot2:active, a.foot2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A9A9A9;
	font-size: 10px;
	text-decoration: none;
}



td.product_nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 18px;
	padding-left: 7px;
	color: #797979;
	vertical-align:middle;
}

.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #555555;
	height:300px;
	padding:12px 20px 12px 20px;
}

.pic-right	{
	width: 150px;
	float:right;
	margin-left:10px;
	}
	
.pic-left	{
	width: 150px;
	float:left;
	margin-right:10px;
	}
	
/* roofing table styles */

.rf-tbl	{
	border:#172160 solid 2px;
	border-width:2px;
	width:487px;
	}

.rf-tbl  td.top-hdr	{
	border:#172160 2px solid;
	vertical-align:bottom;
	padding:0;
	text-align:center;
	}
	
.rf-tbl  td.bul	{
	border:#172160 1px solid;
	vertical-align:middle;
	text-align:center;
	}
	
.rf-tbl  td.bul-left	{
	border-color:#172160;
	border-style:solid;
	border-width:1px 1px 1px 2px;
	vertical-align:middle;
	text-align:center;
	}
	
.rf-tbl tr#sub td	{
	border:#172160 2px solid;
	vertical-align:bottom;
	padding:0 2px 0 2px;
	width: 16px;
	text-align:center;
	}
	
td.mfg	{
	width:167px;
	border:#172160 1px solid;
	padding:6px 0 6px 4px;
	vertical-align:middle;
	text-align:left;
	}
	
.rf-tbl tr#sub td.mfg-hd	{
	width:167px;
	vertical-align:middle;
	text-align:center;
	}



/* Contact Form Styes */

table#cx { }

table#cx td{ padding: 0px; }
table#cx td#space { width: 15px; }

table#cx th { text-align: left; font-weight: bold; color: #333333; padding: 0px;}

td#label {

}

div#req {
	padding: 0px;
	border: 0px solid white;
	border-left: 5px solid #356694;
	float: left;
}

input.cx {
	margin: 0px;
	font-size: 11px;
	height: 18px;
	width: 150px;
	border: 1px solid #356694;
	background-color: #d8e0e7;
}

/*OnSubmit required fields will change to this class by js*/
input.error {
	border: 2px solid red;
	background-color: #d8e0e7;
}

input#x_state {
	width: 40px;
	margin-right: 10px;
}

input#x_zip {
	width: 85px;
}

textarea#x_comments {
	width: 300px;
	height: 100px;
	border: 1px solid #356694;
	background-color: #d8e0e7;
}