/*
 helper stuff

	div {
		border: 1px solid #FF0000;
	}
*/

/*
 *		Style sheet for Western Building Products.
 *		General Styles
 */
	body {
		margin: 0px;
		padding: 0px;
		background-image: url(images/background.gif);
		font-family: Trebuchet MS, Verdana, Arial, sans-serif;
		font-size: 10pt;
	} 

	img {
		border: none;
	}

	select {
		font-size: 7pt;
	}

	#container {
 	 position: relative;
		margin: 10px auto;
 	 width: 780px;
/*	  width: 842px;*/
		background-image: url(images/background.gif);
		color: #000000;
	}

	.current {
		color: #800000;
	}
	.left {
		text-align: left;
	}
	.right {
		text-align: right;
	}
	.hide {
		display: none;
	}
	.show {
		display: inline;
	}
	#error {
		margin: 0px 0px 5px 0px;
		height: 2em;
		font-size: 7pt;
		color: #FF0000;
	}
	#lblError {
		font-size: 7pt;
		color: #FF0000;
	}
/*
 * these div puts up side_banner.gif. all along the left side, all the way down.
 */
	#containerleft {
		background: url(images/side_banner.gif) top left repeat-y;
	}
	#sidebar {
		float: left;
		margin: 0;
		width: 110px;
	}
/*
 *		Login controls.
 */
	#controls {
		margin: 10px 0px 0px 10px;
	}

/*
 *		Navigation area
 */
	#navigation {
		padding-left: 5px;
		background: url(images/top_banner.gif) top left repeat-x;
		line-height: 2em;
		height: 80px;
		font-size: 12pt;
	}
	#navigation a {
		padding: 0px 5px 0px 5px;
		border-right: 2px solid #FFFFFF;
	}
	a.navigation:link { color: #FFFFFF; text-decoration: none; }
	a.navigation:visited { color: #FFFFFF; text-decoration: none; }
	a.navigation:hover { color: #FFFFFF; text-decoration: none; }
	a.navigation:active { color: #FFFFFF; text-decoration: none; }

/*
			Contents - main part of the page
 */
	#contents {
		margin: 20px 20px 0px 130px;
	}
	div.adobe {
		margin: 100px 0px 0px 0px;
	}
	a.adobe {
		border-style: groove;
		border-color: #FFFFFF;
	}
	img.adobe {
		border-style: groove;
		border-color: #FFFFFF;
	}
/*
			default (Home page) specific style
 */
	#feature {
		margin: 0px 20px 0px 130px;
	}
	#featuredproduct {
		float: left;
		margin: 0px 15px 0px 0px ;
	}
#feature h3 {
	text-align: center;
}
/*
			footer
 */
	#footer {
		font-size: 7pt;
		text-align: center;
		margin: 50px 0px 0px 0px;
		padding: 3px 3px 3px 25px;
		color: #000000;
	}
	#questions {
		font-size: 12pt;
		margin: 20px 0px 20px 0px;
	}
	a:link  { color: blue; text-decoration: underline }
	a:visited  { color: blue; text-decoration: underline }
	a:hover  { color: blue; text-decoration: underline }
	a:active  { color: blue; text-decoration: underline }

/*
				Care and Maintenance Page
 */
	div.care {
		margin: 50px 0px 50px 0px;
	}
	div.left {
		margin-right: 20px;
		float: left;
	}

/*
				Catalog Page
 */
	.catalognavigation {
		text-align: center;
	}
	.catalognavigation a:link { color: #000000; }
	.catalognavigation a:visited { color: #000000; }
	.catalognavigation a:hover { color: #000000; }
	.catalognavigation a:active { color: #000000; }
	
	table.catalog {
		width: 100%;
	}
	th.catalog {
		background: url(images/top_banner.gif) top left repeat-x;
		color: #FFFFFF;
	}
	.backgroundalternate {
		background-image: url(images/backgroundalternate.gif);
	}
	#imgDetail {
		float: left;
		margin: 0px 20px 20px 20px;
	}

/*
				Vendor Links Page
 */
	table#vendorlinks tr td {
		padding: 5px 5px 0px 0px;
	}

	td.vendor {
		text-align: center;
	}

/*
				Dealer Specific
 */
ul.customer {
	list-style-type: none;
	padding-left: 15px;
	margin-left: 0px;
}
/*
		Documents
 */
td.documents {
	width: 290px;
	margin: 5px;
	padding: 5px;
	color: #86C7A3;
	background-color: #004D16;
	vertical-align: top;
}
td.documents a:link { color: #86C7A3; }
td.documents a:visited { color: #86C7A3; }
td.documents a:hover { color: #86C7A3; }
td.documents a:active { color: #86C7A3; }
/*
		Links
 */
td.links {
	width: 290px;
	margin: 5px;
	padding: 5px;
	color: #A0B9F1;
	background-color: #004B94;
	vertical-align: top;
}
td.links a:link { color: #A0B9F1; }
td.links a:visited { color: #A0B9F1; }
td.links a:hover { color: #A0B9F1; }
td.links a:active { color: #A0B9F1; }