@charset "utf-8";
body {
	font: 100% Arial, sans-serif;
	background: #FFFFFF;
	background-image:url('img/bgGradiant.jpg');
    	background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColFixCtrHdr #header {
	background: #DDDDDD; 
}

.oneColFixCtrHdr #header h1 {
	margin: 0; 
	/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}

.oneColFixCtrHdr #footer {
	padding: 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF;
	text-align: center;
}

.oneColFixCtrHdr #footer p {
	font-size: 8pt;
}

.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.oneColFixCtrHdr #news {
	float: left;
	width: 280px;
	margin: 20px 20px 0px 0px;
}

.oneColFixCtrHdr #about {
	float: left;
	width: 420px;
	min-height: 350px;
	margin: 20px 0px 0px 20px;
	background-image: url('img/about.jpg');
	background-repeat: no-repeat;
	
}

/*CONTROLLS THE APPEARANCE OF ELEMENTS ON THE PRODUCTS CATEGORY PAGE */
.productsCategory{
	width: 740px;
	height: 20px;
	background-color: #2e89c0;
	font-size: 15px;
	font-weight: bold;
}

.productsTitle1{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	vertical-align:text-top;
}

.productsTitle1 a{
	text-decoration: underline;
	color: #000000;	
}

.productsTitle1 a:hover{
	text-decoration: underline;
	color: #2e89c0;	
}

.productsTitle2{
	font-size: 10pt;
	font-style: italic;
}

/*CONTROLLS THE APPEARANCE OF ELEMENTS ON THE PRODUCT LISTS PAGE */
.productListHeader{
	background-image: url('ProductList/img/productListGradiant.gif');
	background-repeat: no-repeat;
	font-size: 28px;
	text-align: left;
}

.productListSubHeader{
	background-image: url('ProductList/img/EOCTitleGradiant.jpg');
	background-repeat: repeat-y;
}

.productListName{
	font-size: 10pt;
	text-decoration: underline;
	vertical-align:text-top;
}

.productListName a{
	text-decoration: underline;
	color: #000000;	
}

.productListDescription{
	font-size: 10pt;
	text-decoration: none;
	vertical-align:text-top;
}

.productListImage{
	font-size: 8pt;
}

.productListData{
	font-size: 8pt;
	vertical-align:text-top;
	text-align: left;
}

.productListData a{
	text-decoration: underline;
	color: #2e89c0;	
}

.productListTableRow td{
	padding-top: 0px; 
	padding-bottom: 15px;
}

/*CONTROLLS THE APPEARANCE OF THE ELEMENTS ON THE PRODUCT DETAILS PAGE*/
.ProductDetailsImageContainer{
	width: 200px;
	float: left;
}

.ProductDetailsImageContainer img{  
	border-style: none;
}

.ProductDetailsImageHeader{
	width: 200px;
	height: 30px;
	font-size: 25px;
	background-color: #2e89c0;
}

.ProductDetailsImageBody{
	width: 200px;
}

.ProductDetailsDescriptionContainer{
	width: 520px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}

.ProductDetailsDescriptionHeader{
	width: 520px;
	height: 30px;
	font-size: 25px;
	background-color: #2e89c0;
}

.ProductDetailsDescriptionText{
	width: 520px;
	font-size: 10pt;
}

.ProductDetailsDocumentContainer{
	width: 520px;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.ProductDetailsDocumentHeader{
	width: 520px;
	height: 30px;
	font-size: 25px;
	background-color: #2e89c0;
}

.ProductDetailsDocumentBody.Left{
	width: 260px;
	float: left;
	font-size: 10pt;
}

.ProductDetailsDocumentBody.Right{
	width: 260px;
	float: left;
	font-size: 10pt;
}

.ProductDetailsDocumentBody.Span{
	width: 520px;
	font-size: 10pt;
}

.ProductDetailsDocumentBody a{
	font-size: 10pt;
	text-decoration: underline;
	color: #000000;
}

.ProductDetailsDocumentBody a:hover{
	font-size: 10pt;
	text-decoration: none;
	color: #2e89c0;
}

.ProductDetailsDocumentBody a:visited{
	font-size: 10pt;
	text-decoration: none;
	color: #787878;
}

.ProductDetailsVideoContainer{
	width: 520px;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.ProductDetailsVideoHeader{
	width: 520px;
	height: 30px;
	font-size: 25px;
	background-color: #2e89c0;
}

.ProductDetailsVideoBody{
	width: 520px;
}

/*CONTROLLS THE APPEARANCE OF THE ELEMENTS ON THE PRODUCT SPECIFICATIONS PAGE */
.productSpecTitleContainer {
	margin: 0px, 0px, -20px, 0px;
	background-image: url('ProductSpec/img/productSpecTitleContainerSpacer.gif');
	background-repeat: no-repeat;
}

.productSpecTitle {
	float: left;
	width: 540px;
	height: 45px;
	font-size: 34px;
}

.productSpecTitleSelectBox {
	margin: 10px 0px 0px 0px;
	float: left;
	width: 200px;
}

.productSpecSynopsis {
	background-image: url('ProductSpec/img/productSpecSynopsisGradiant.gif');
	background-repeat: no-repeat;
	font-size: 28px;
	text-align: center;
}

.productSpecHeader {
	background-image: url('ProductSpec/img/productSpecTitleGradiant.jpg');
	background-repeat: repeat-y;
}

.productSpecSubHeader {
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
}

.productSpecText {
	margin: 0px 0px 0px 50px;
	font-size: 10pt;
	text-decoration: none;
	color: #000000;
}

.productSpecTableHeader {
	color: #ffffff;
	font-variant: small-caps;
	background-color: #000000;
	text-align: center;
}

.productSpecNavigation {
	font-size: 12pt;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	color: #000000;
}

.productSpecNavigation a{
	font-size: 12pt;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	color: #000000;
}

.productSpecNavigation a:hover{
	font-size: 12pt;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	color: #2e89c0;
}

.productSpecNavigation a:visited{
	font-size: 12pt;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	color: #787878;
}

/*CONTROLLS THE APPEARANCE OF ELEMENTS ON THE MSDS PAGES*/
.MSDSHeader{
	font-size: 14pt;  
	text-decoration: none;
	background-color: #2e89c0;
}

.MSDSTableText{
	font-size: 10pt;
}

.MSDSCategory{
	width: 200px;
}

.MSDSContent{
	width: 540px;
}

/*CONTROLLS THE APPEARANCE OF ELEMENTS ON THE ENCYCLOPEDIA OF CLEAN PAGE */

.EOCCellContainer{
	width: 234px;
	float: left;
}

.EOCHeader{
	width: 740px;
	height: 31px;
	background-color: #2e89c0;
	font-size: 25px;
}

.EOCCategory{
	width: 740px;
	height: 20px;
	background-color: #2e89c0;
	font-size: 15px;
	font-weight: bold;
}

.EOCTitle1{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	vertical-align:text-top;
}

.EOCTitle1 a{
	text-decoration: underline;
	color: #000000;	
}

.EOCTitle1 a:hover{
	text-decoration: underline;
	color: #2e89c0;	
}

.EOCTitle2{
	font-size: 10pt;
	font-style: italic;
}

.EOCCellBoxTop{
	width: 234px;
	height: 30px;
	background-repeat: no-repeat;
	clear: both;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}

.EOCCellBoxTop.Blue{
	background-image: url('EOC/img/BoxTopBlue.gif');
}

.EOCCellBoxTop.Brown{
	background-image: url('EOC/img/BoxTopBrown.gif');
}

.EOCCellBoxTop.Red{
	background-image: url('EOC/img/BoxTopRed.gif');
}

.EOCCellBoxTop.Green{
	background-image: url('EOC/img/BoxTopGreen.gif');
}

.EOCCellBoxTop.Grey{
	background-image: url('EOC/img/BoxTopGrey.gif');
}

.EOCCellBoxTop.Purple{
	background-image: url('EOC/img/BoxTopPurple.gif');
}

.EOCCellBoxTop.Orange{
	background-image: url('EOC/img/BoxTopOrange.gif');
}

.EOCCellBoxTop.Yellow{
	background-image: url('EOC/img/BoxTopYellow.gif');
}

.EOCCellDivider{
	width: 234px;
	height: 21px;
	background-repeat: no-repeat;
	clear: both;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}

.EOCCellDivider.Blue{
	background-image: url('EOC/img/CellDividerBlue.gif');
}

.EOCCellDivider.Brown{
	background-image: url('EOC/img/CellDividerBrown.gif');
}

.EOCCellDivider.Red{
	background-image: url('EOC/img/CellDividerRed.gif');
}

.EOCCellDivider.Green{
	background-image: url('EOC/img/CellDividerGreen.gif');
}

.EOCCellDivider.Grey{
	background-image: url('EOC/img/CellDividerGrey.gif');
}

.EOCCellDivider.Purple{
	background-image: url('EOC/img/CellDividerPurple.gif');
}

.EOCCellDivider.Orange{
	background-image: url('EOC/img/CellDividerOrange.gif');
}

.EOCCellDivider.Yellow{
	background-image: url('EOC/img/CellDividerYellow.gif');
}


.EOCCellDescription{
	width: 222px;
	height: 60px;
	clear: both;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;	
}

.EOCCellSubstrate{
	width: 222px;
	height: 40px;
	clear: both;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;	
}

.EOCCellProduct{
	width: 222px;
	height: 30px;
	clear: both;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;	
}

.EOCCellProduct a{
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}

.EOCCellProduct a:hover{
	font-size: 11px;
	text-decoration: underline;
	color: #2e89c0;
}

.EOCCellProduct a:visited{
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}

.EOCCellImage{
	width: 234px;
	height: 150px;
	background-repeat: no-repeat;
	clear: both;
	background-color: blue;
}

.EOCDisclosure{
	font-size: 8pt;
}

/*CONTROLLS THE APPEARANCE OF THE ELEMENTS ON THE LEARNING CENTER PAGE*/
.LCHeader{
	width: 740px;
	height: 30px;
	background-color: #278aca;
	font-size: 25px;
}

.LCComingSoon{
	text-align: center;
	font-size: 10pt;
}

/*CONTROLLS THE APPEARANCE OF THE ELEMENTS ON THE ISSUES STATEMENTS PAGE*/
.issueStatementsTitle{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	vertical-align:text-top;
}

.issueStatementsTitle a{
	text-decoration: underline;
	color: #000000;	
}

.issueStatementsTitle a:hover{
	text-decoration: underline;
	color: #2e89c0;	
}

.issueStatementsDescription{
	font-size: 10pt;
	font-style: italic;
}

.issueStatementsHeader{
	width: 740px;
	height: 30px;
	background-color: #278aca;
	font-size: 25px;
}

.issueStatmentsDownload a{
	font-size: 10pt;
	text-decoration: underline;
	color: #000000;
}

.issueStatmentsDownload a:hover{
	font-size: 10pt;
	text-decoration: none;
	color: #2e89c0;
}

/*
.issueStatmentsDownload a:visited{
	font-size: 10pt;
	text-decoration: none;
	color: #787878;
}
*/

/*CONTROLLS THE APPEARANCE OF THE ELEMENTS ON THE REQUEST INFORMATION PAGE*/
.requestInformationHeader{
	width: 740px;
	height: 30px;
	background-color: #278aca;
	font-size: 25px;
}

/*CONTROLLS THE APPEARANCE OF THE ELEMENTS ON THE ABOUT PAGE*/
.aboutHeader {
	background-image: url('EOC/img/EOCTitleGradiant.jpg');
	background-repeat: repeat-y;
}

.aboutSubHeader {
	font-weight: bold;
	font-size: 10pt;
	text-decoration: underline;
	margin: 0px 0px 0px 0px;
}

.aboutText {
	font-size: 10pt;
	margin: 0px 0px 0px 50px;
	text-decoration: none;
	color: #000000;
}

/*CONTROLLS THE APPEARANCE OF ELEMENTS IN THE NEWS SECTION AND NEWS PAGE */

.newsTitle1{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	vertical-align:text-top;
}

.newsTitle1 a{
	text-decoration: underline;
	color: #000000;	
}

.newsTitle1 a:hover{
	text-decoration: underline;
	color: #2e89c0;	
}

.newsTitle2{
	font-size: 10pt;
	font-style: italic;
}

.newsTitle3{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
}

.newsHeader{
	width: 740px;
	height: 30px;
	background-color: #278aca;
	font-size: 25px;
}

.newsHeadlineCol{
	width: 420px;
	float: left;
}

.newsDateCol{
	width: 100px;
	float: left;
}

.newsBody a{
	text-decoration: underline;
	color: #000000;	
}

.newsBody a:hover{
	text-decoration: underline;
	color: #2e89c0;	
}

.newsBody{
	font-size: 10pt;
}

/*CONTROLLS THE APPEARANCE OF ELEMENTS ON THE  HOME PAGE ABOUT SECTION*/

.aboutStyle {
	font-size: 10pt;
	color: #000000;
}

.aboutStyle a{
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
}

.aboutStyle a:hover{
	font-size: 10pt;
	color: #2e89c0;
	text-decoration: none;
}
/*CONTROLLS THE APPEARANCE OF ELEMENTS ON THE  HOME PAGE ENCYCLOPEDIA OF CLEAN SECTION*/

.encyclopediaStyle {
	font-size: 10pt;
	color: #000000;
}

.encyclopediaStyle a{
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
}

.encyclopediaStyle a:hover{
	font-size: 10pt;
	color: #2e89c0;
	text-decoration: none;
}

/*CONTROLLS THE APPEARANCE OF THE ELEMENTS ON THE CONTACT PAGE*/
.contactTitle {
	background-color: #2e89c0; 
	font-size: 34px;
}
.contactHeader {
	background-image: url('img/TitleGradiant.jpg');
	background-repeat: repeat-y;
}

.contactSubHeader {
	font-weight: bold;
	font-size: 10pt;
	margin: 0px 0px 0px 0px;
}

.contactText {
	font-size: 10pt;
	margin: 0px 0px 0px 50px;
	text-decoration: none;
	color: #000000;
}

.contactText a{
	font-size: 10pt;
	text-decoration: none;
	color: #2e89c0;
}

.contactText a:hover{
	font-size: 10pt;
	text-decoration: underline;
	color: #000000;
}

/*CONTROLLS THE APPEARANCE OF THE ELEMENTS ON THE DISCLAIMER PAGE*/
.disclaimer {
	font-size: 8pt;
	text-decoration: none;
}

.disclaimer a:hover{
	font-size: 8pt;
	font-weight: 500;
	text-decoration: underline;
	color: #000000;
}

.disclaimer a{
	font-size: 8pt;
	font-weight: 500;
	text-decoration: none;
	color: #2e89c0;
}

/*CONTROLLS THE APPEARANCE OF THE ELEMENTS ON THE TERMS AND CONDITIONS PAGE*/
.termsAndConditionsHeader {
	background-image: url('img/TitleGradiant.jpg');
	background-repeat: repeat-y;
}

.termsAndConditionsSubHeader {
	font-weight: bold;
	font-size: 10pt;
	text-decoration: underline;
	margin: 0px 0px 0px 0px;
}

.termsAndConditionsText {
	font-size: 10pt;
	margin: 0px 0px 0px 50px;
	text-decoration: none;
	color: #000000;
}

/*CONTROLLS THE APPEARANCE OF THE ELEMENTS ON THE SITEMAP PAGE*/
.siteMap {
	font-size: 10pt;
	color: #000000;
	margin-left: 25px;
}

.siteMap h1 {
	font-size: 14pt;
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration: underline;
}

.siteMap h2 {
	font-size: 11pt;
	margin-top: 0px;
	margin-bottom: 0px;
}

.siteMap a {
	color: #000000;
	font-size: 10pt;
	text-decoration: none;
}

.siteMap a:hover{
	font-size: 10pt;
	color: #2e89c0;
	text-decoration: none;
}

.siteMapPDF {
	margin-left: 25px;
}

.siteMapPDF_PS {
	margin-left: 25px;
	padding-bottom: 10px;
}

.siteMapPDF_MSDS {
	margin-left: 0px;
	padding-bottom: 10px;
}

.siteMapDOC {
	margin-left: 25px;
}

.siteMapPDF a {
	color: #999999;
}

.siteMapPDF_PS a {
	color: #999999;
}

.siteMapPDF_MSDS a {
	color: #999999;
}

.siteMapDOC a {
	color: #999999;
}

/*CONTROLLS THE APPEARANCE OF THE ELEMENTS ON THE DISTRIBUTOR MAP PAGE*/
.distributorMapTitle {
	float: left;
	width: 540px;
	height: 45px;
	font-size: 34px;
}

.distributorMapTitleContainer {
	margin: 0px, 0px, -20px, 0px;
	background-image: url('DistributorMap/img/distributorMapTitleContainerSpacer.gif');
	background-repeat: no-repeat;
}

.distributorMapHeader {
	background-image: url('DistributorMap/img/distributorMapTitleGradiant.jpg');
	background-repeat: repeat-y;
	font-weight: bold;
	font-size: 12pt;
}

.distributorMapTable {
	font-size: 10pt;
}