<style>
html {
	background: #000 url(images/background.jpg) no-repeat fixed 400px bottom;
}
body {
	min-width:800px;
	background-color:#000;
	margin:0px;
	padding:0px;
	font-family: Georgia, serif;
	font-size: x-small;
	voice-family: "\"}\""; voice-family: inherit;
	font-size: small;
}
* body {
	background: #000 url(images/background.jpg) no-repeat fixed 400px bottom;
}
/* top header */



#topheader {
	background: #000 url(images/main-top.jpg) no-repeat;
	height:100px;
	width:800px;
}

table.infoForm
{
	padding: 3px;
}

table.infoForm td.label
{
	text-align:right;
	vertical-align: top;
	font-weight: bold;
}

.error
{
	color: Red;
}


.button
{
	background-color: #00446b;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-family: Georgia, serif;
}

.control
{
	
	font-family: Georgia, serif;
}

/* navigation */

#nav {
	background: #000 url(images/nav-back.jpg) no-repeat;
	width:800px;
	min-height:32px;
	font-size:85%;
	line-height:normal;
	overflow:hidden;
}

h3
{
	color: #00446b;
	font-size: 16px;
}


#nav ul {
  margin:0 0 0 170px;
  padding:10px 10px 0;
  list-style:none;
}

#nav li {
  float:left;
  background:url("images/left.gif") no-repeat left top;
  margin:0 2px 0 0;
  padding:0 0 0 9px;
}

#nav a {
  float:left;
  display:block;
  background:url("images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#fff;
}
		/* Commented Backslash Hack  hides rule from IE5-Mac \*/
#nav a {float:none;}
		/* End IE5-Mac hack */
#nav a:hover {
	color:#ffc;
}
		/* Sets the tab color based on the id declared in the body tag */
#home #nav #home,
#products #nav #products,
#services #nav #services,
#about #nav #about,
#contact #nav #contact {
  background-image:url("images/left_on.gif");
}
#home #nav #home a,
#products #nav #products a,
#services #nav #services a,
#about #nav #about a,
#contact #nav #contact a {
  background-image:url("images/right_on.gif");
  color:#A81B12;
  padding-bottom:5px;
}

/* Subnav */
#subnav {
	float:right;
	margin:0;
	padding:0;
	text-align:right;
}
#subnav li {
	font:bold 10px tahoma, arial, sans-serif;
	list-style:none outside none;
}
#subnav a {
	text-decoration:none;
	color:#000;
	display:block;
	margin:0 0 0 0;
	padding:4px 10px 4px 5px;
	width:160px;
	border-bottom:1px solid #fff;
}
#subnav a:link, #subnav a:visited {
	color:#000;
}
#subnav a:hover, #subnav a:active {
	color:#005B7F;
	background:#ddd;
	text-decoration: underline;
}

#subnav #subcat
{
  background: #A81B12;
  color: #ffffff;
	display:block;
	margin:0 0 0 0;
	padding:2px 10px 2px 5px;
	width:160px;
	border-bottom:1px solid #fff;
}



		/* Sets the tab color based on the class declared in the body tag and id in the li tag  */
.pindex #subnav #pindex,
.csaver #subnav #csaver,
.gtwist #subnav #gtwist,
.llasso #subnav #llasso,
.lbvflash #subnav #lbvflash,
.maway #subnav #maway,
.papackets #subnav #papackets,
.rsvflash #subnav #rsvflash,
.rfresh #subnav #rfresh,
.scloset #subnav #scloset,
.sstorage #subnav #sstorage,
.tbuddy #subnav #tbuddy,
.wintkit #subnav #wintkit,
.guttergrip #subnav #guttergrip,
.gback #subnav #gback,
.cointowel #subnav #cointowel,
.icetowel #subnav #icetowel
{
  background:#fff;
}

/* content containers */

#content-top {
	background: #000 url(images/content-top.jpg) no-repeat;
	height:20px;
	width:800px;
}

#content-container {
	background: #e5e5e5 url(images/content-back.gif) repeat-y;
	width:800px;
	margin:0;
	padding:0;
}

/* content columns */

#content-leftcol {
	width:180px;
	float:left;
	padding:0;
	margin:0;
	background:#e5e5e5;
}

#content-rightcol {
	width:620px;
	background:#fff;
	float:left;
	clear:right;
	padding:0;
	margin:0 0 20px 0;
}

/* left column content modules */

#content-leftcol h2 {
	width:155px;
	background:#fff;
	color:#5e5e5e;
	display:block;
	margin:0 0 0 10px;
	font:bold 12px tahoma, sans-serif;
	padding:2px 0px 3px 5px;
}

#content-leftcol p {
	width:150px;
	background:#f2f2f2;
	color:#5e5e5e;
	display:block;
	margin:0 0 10px 10px;
	font:normal 11px Georgia, serif;
	padding:5px;
	line-height:1.3em;
}

/* right column content modules */

#content-rightcol #bodycopy {
	width:540px;
	margin:0 40px 12px 40px;
	padding:0;
}
#content-rightcol #bodycopy h1 {
	color:#A81B12;
	font:bold 17px tahoma, sans-serif;
	padding:0;
	margin:0 0 6px 0;
}
#content-rightcol #bodycopy h2 {
	color:#000;
	font:bold 15px tahoma, sans-serif;
	padding:0;
	margin:0 0 12px 0;
}
#content-rightcol #bodycopy p,
#content-rightcol #bodycopy ul  {
	color:#000;
	font:normal 13px georgia, serif;
	padding:0;
	margin:10px 0 12px 0;
	line-height:1.5em;
}

#content-rightcol #bodycopy ul {
	list-style: square outside;
	margin:10px 0 12px 15px;
}

#content-rightcol #bodycopy ol {
	color:#000;
	font:normal 13px georgia, serif;
	padding:0;
	margin: 0 0 0px 30px;
	line-height:1.5em;
	list-style: decimal;
}

/* Obsolete */
#content-rightcol #bodycopy p .prod {
	border:solid 1px #000;
	margin: 0 0 10px 12px;
}

#content-rightcol #bodycopy .prodimager {
	border:solid 1px #000;
	margin: 0 0 10px 10px;
	float: right;
}

#content-rightcol #bodycopy .prodimagel {
	border:solid 1px #000;
	margin: 0 15px 10px 0px;
	float: left;
}


#content-rightcol #right-sidebar {
	width:172px;
	float:right;
	margin:0px 0px 0px 12px;
	padding:0;
	background:#e5e5e5;
}
#content-rightcol #right-sidebar h2 {
	color:#fff;
	background:#000;
	display:block;
	font:bold 12px tahoma, sans-serif;
	margin:0 0 0 0;
	padding:2px 0px 3px 5px;
}
#content-rightcol #right-sidebar p {
	color:#000;
	font:normal 11px Georgia, serif;
	margin:5px 0 12px 0;
	padding:0 10px;
	line-height:1.5em;
}
sup {
	font:bold 7px serif;
}
	/* Bottom box */
#content-rightcol #bottom-box {
	width:552px;
	margin:0 0 12px 40px;
	padding:0;
}
#bottom-box #promo-box{
	width:172px;
	margin:0 12px 12px 0;
	padding:0;
	float:left;
	background:#F9EAB3;
}
#bottom-box #promo-box img {
	width:172px;
	height:30px;
	margin:0 0 6px 0;
	padding:0;
	border-top:10px solid #000;
}
#bottom-box #promo-box h2 {
	margin:0;
	padding:0 10px;
	font:bold 12px tahoma, sans-serif;
}
#bottom-box #promo-box p {
	color:#000;
	font:normal 12px Georgia, serif;
	margin:5px 0;
	padding:0 10px;
	line-height:1.5em;
}

/* Buttons */

.button {
	display:inline;
}
.button a:link, .button a:visited {
	border:solid 1px #000;
	background:#c30;
	padding:5px;
	font:bold 12px tahoma, sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
.button a:hover, .button a:active {
	border:solid 1px #000;
	background:#d41;
	padding:5px;
	font:bold 12px tahoma, sans-serif;
	color:#fff;
	text-decoration:underline;
	text-transform:uppercase;
	position:relative;
	left:1px;
	top:1px;
}
.logos img {
	margin-right:12px;
	padding:2px;
	border:solid 1px #000;
}
.icons a img {
	border:solid 1px #000;
}
.icons a:link img, .icons a:visited img {
	border:solid 1px #000;
}
.icons a:hover img, .icons a:active img {
	border:solid 1px #DB140D;
	position:relative;
	left:2px;
	top:2px;	
}

/* Controls */
.control {
	font:normal 12px Georgia, serif;

}

.warning{
	font:bold 12px Georgia, serif;
	color: #A81B12;
}
/*Footer*/

#footer {
	width:800px;
	color:White;
	font-weight: bold;
	font-size: small;
	text-align:center;
	padding-top:10px;
}
</style>
