@charset "utf-8";
/* CSS Document */

body
{
	background-color:#666666;
	margin:0 auto 0 auto;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}

div#page
{
	margin:0 auto 0 auto;
	margin-top:0px;
	background-color:#ffffff;
	width:1000px;
}

div#contentContainer	{
	float:left;
	background-image:url(../images/main-bg.jpg);
	width:974px;
	padding:0px 13px;
}

div#headerContainer	{
	float:left;
	width:974px;
	height:85px;
	padding:0px 0px 0px 0px;
	margin:0px;
}

	div#logo	{
	float:left;
	width:235px;
	height:85px;
	padding:0px;
	margin:0px;
	}
	
	div#headerTop	{
	float:left;
	height:53px;
	width:739px;
	padding:0px;
	margin:0px;
	}

div#middleContainer_Index	{
	width:974px;
	height:220px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
}
	div#flash	{
	width:737px;
	height:199px;
	float:left;
	padding:0px 1px;
	margin:0px;
	border-bottom:1px solid #000000;
	}

div#mainContainer_Index	{
	float:left;
	width:974px;
}

	#mainLeft_index	{
	width:235px;
	float:left;
	text-align:center;
	}
	
	#mainRight_index	{
	width:739px;
	float:left;
	}
	
	#mainRight_index td.productSpotlight	{
/*	background-image:url(../images/product-spotlight.jpg);
	background-position:top;
	background-repeat:no-repeat;
*/	padding:0px;
	margin:0px 5px;
	}


div#underLeft	{
	width:235px;
	float:left;

/*	padding-top:66px;
*/	margin:20px 0px;

}

div#mainContainer	{
	float:left;
	width:708px;
	padding:10px 15px;
	border-top:1px solid #666666;
	
}

h1	{
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#71332d;
	padding-bottom:7px;
	margin-bottom:7px;
}

h2	{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	padding-bottom:2px;
	margin-bottom:2px;
}

.h2red	{
	color:#72332E;
	padding:2px 0px;
	margin:2px 0px;
	padding-bottom:2px;
	margin-bottom:2px;
}

ul	{	
padding-top:2px;
margin-top:2px;
}

a	{
color:#72332E;
text-decoration:underline;
font-weight:normal;
}

a:hover	{
text-decoration:none;
color:#333333;
}

a.products	{
font-size:11px;
font-weight:bold;
text-decoration:none;
line-height:12px;
}
a.products:hover	{
text-decoration:underline;
}

a.details	{
font-size:10px;
color:#666666;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
line-height:12px;
}

a.details:hover	{
color:#72332E;
text-decoration:underline;
}

table#chart
{
	border-collapse:collapse;
	border: 2px solid #666666;
	font-size:12px;
	text-align:center;
	page-break-after:auto;
}



.chartTitle 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.chartSubTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: white;
	background-color:#72332E;
	padding:2px 0px;
}

.columnTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: white;
	background-color: #9e9e9e;
	padding:4px 0px;
	line-height:10px;
}

.secondrowcolor	{
background-color:#E9E9E9;
}

.captionText	{
font-size:10px;
font-style:italic;
}

.redText	{
	color:#72332E;
	line-height:25px;
}

.materialText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: center;
	padding:2px;
}
.materialCategory {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #9e9e9e;
	padding-left:5px;
	padding:2px;
	
}
.materialProperty {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	text-align: right;
	padding:2px;
}



div#footer	{
height:37px;
float:left;
width:954px;
background-color:#72332E;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
padding:5px 10px;
}

	div#footerinfo-left	{
	width:500px;
	float:left;
	}
	
	div#footerinfo-right	{
	width:400px;
	float:right;
	}
	
	div#footerinfo-right a	{
	color:#FFFFFF;
	text-decoration:none;
	}
	
	div#footerinfo-right a:hover	{
	color:#FFFFFF;
	text-decoration:underline;
	}

a.survey	{
font-size:12px;
font-weight:bold;
text-decoration:underline;
color:#FFFFFF;
}
a.survey:hover	{
color:#72332E;
text-decoration:none;
}

.screenHide	{
	display:none;
	}
/*---------------------------------- FIX FOR FLOATED ELEMENTS WITHIN A CONTAINER DIV --------------------------*/
.clearfix:after
{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/*--- Fix for IE on Mac ---*/
.clearfix
{
	display: inline-block;
}

/*--- Hack for bug in IE6 ---*/
* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}
