@charset "UTF-8";

/* divs */

#divMainBody {
  width:689px; border:solid 0px red;
}

#divMenuTop {
  width:689px; height:32px;
  float:left;
  text-align:center;
  text-transform:uppercase;
  background-color:#0e4a7c;  /* hover color #ff9999 */
}

/* VH new - 2nd level pulldown nav */
#newMenuTop {
  width:689px; height:32px;
  float:left;
  text-align:center;
  /* background-color:#0E4A7C; */
}

#divMenuTop ul {
  list-style:none;
  margin:0;
  padding:0;
  float:left; 
  color:#FFFFFF; /* white */
 /* width:9em; */
}

#newMenuTop ul {  /* = ourProdsNav */
	position:relative;
	margin: 0;
	padding: 0; 
	float:left;
	white-space:nowrap;
}

#divMenuTop li{
   position:relative; float:left;
}

#newMenuTop ul li {
	list-style: none;
	position:relative;
	float: left; 
}

#divMenuTop ul li a {
    float: left; 
	text-decoration: none; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px; 
/*	font-weight:bold; */
    color: white;
    padding: 6px 14px;  /* was 6px top-bottom, 17px left-right*/
   /* background-color: #333; */
  }

/* VH new from last Chemisphere requests*/
#ourProdsNav ul li a.pulldownFontSize {
   font-size:14px;
  }

#newMenuTop ul li a {
	display: block; 
	background-color:#0E4A7C;
	color: white; 
    padding: 6px 19px;
	text-transform: uppercase;
	text-decoration: none; 
	font-size:18px; /* was 18*/
  }

#divMenuTop ul li a:hover, #divMenuTop ul li .current {
  color: #ff9999; 
  /* background-color:#000000; */
 }

#newMenuTop ul li a:hover {
	color: #ff9999; 
}

#newMenuTop ul li ul {
	display: none;  
	/* Don't display sub-nav on default */
	}

#newMenuTop ul li:hover ul, #newMenuTop ul li.hover ul {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 500; 
	}

/* NOW for French */
/* vh - new */
#newMenuTop ul li a.frTopMenuLnk {
    float: left; 
	text-decoration: none; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px; 
/*	font-weight:bold; */
    color: white;
    padding: 6px 10px;  
	}

#newMenuTop ul li a.frTopMenuLnk:hover, #divMenuTop ul li .current {
  color: #ff9999; 
 }

/* vh - old */
#divMenuTop ul li a.frTopMenuLnk {
    float: left; 
	text-decoration: none; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px; 
    color: white;
    padding: 6px 10px;  
	}

#divMenuTop ul li a.frTopMenuLnk:hover, #divMenuTop ul li .current {
  color: #ff9999; 
 }

/* --- VH NEW - CSS Bottom Menu ----*/

#divMenuBttm {
width:689px; height:32px;
float:left; position:relative;
text-align:center;
background-color:#33cccc;  /* hover color #ff9999 */
}

#divMenuBttm ul {
list-style:none;
margin:0;
padding:0;
float:left; 
color: black; /* white */
 /* width:9em; */
}

#divMenuBttm li{
position:relative; float:left;
}

#divMenuBttm ul li a{
    float: left; 
	text-decoration: none; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px; 
 	font-weight:bold; 
    color: black;
    padding: 6px 29px; 
	}

#divMenuBttm ul li a:hover, #divMenuBttm ul li .current {
  /* color: #ff9999; */
  text-decoration: underline
  /* background-color:#000000; */
 }

#divMenuBttm ul li a.frBtmMenuLnk{
    float: left; 
	text-decoration: none; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px; 
 	font-weight:bold; 
    color: black;
    padding: 6px 18px; /* was 16 */
	}

#divMenuBttm ul li a.frBtmMenuLnk:hover, #divMenuBttm ul li .current {
   text-decoration: underline
 }

/* -- end NEW CSS Bottom Horizontal menu -- */

#divHomePageBottomMenu {
   background-color:#33cccc; position:relative; 
   float:left; width:689px; height:32px;
}

#divBigWaterAndLogo {
   position:relative; float:left; width:689px; height:280px;
}

#divSmallWaterAndLogo {
   position:relative; float:left; width:690px; height:219px;
}

#divSpacer1 {
  width:689px; height:20px; position:relative; float:left;
}

#divSpacer2 {
  width:690px; height:20px; position:relative; float:left;
}

#divTopMenu {
  width:689px; height:32px; position:relative; float:left;
}

#divBottomMenu {
  background-color:#33cccc; position:relative; 
  float:left; width:689px; height:32px;
}

#divMenuItemContainer {
  position:relative; float:left; 
}

#divHomepageText {
   position:relative; float:left; width:689px; 
   font:Arial, Helvetica, sans-serif;
}

#divBodyPageText {
   position:relative; float:left; text-align:left; 
   width:690px; top:0px;
   font:Arial, Helvetica, sans-serif;
}

#divBodyPageText ol {
  margin-left:20px; font-family:Arial, Helvetica, sans-serif; 
}

#divCol1_Body_Container, #divCol2_Body_Container {
    position:relative; 
    float:left; 
    width:287px;
}

/* classes */
.greenUnderline {
   color:#009900; 
   text-decoration:underline;

}
ol, ul { font-family:Arial, Helvetica, sans-serif;
}

p { font-family:Arial, Helvetica, sans-serif; 
}

p.homePageTitlePar {
   margin-left:10px; color:#009999; font-size:24px; 
   font:Arial, Helvetica, sans-serif;
}

p.homePageTitle-2Par {
   margin-left:10px; font-size:18px; 
   font:Arial, Helvetica, sans-serif;
}

p.bodyPageTitlePar {
   color:#003366; font-style:italic; font-size:20px; 
   font-family:Arial, Helvetica, sans-serif; 
   margin-top:10px;
}

p.MainBody {
   margin-left:30px;
   /* font-family:Arial, Helvetica, sans-serif; */
}

p.msdsListTitle {
   color:#003366; font-style:italic; 
   font-size:20px; 
   font-family:Arial, Helvetica, sans-serif; 
   margin-top:10px; margin-bottom: 26px;
}

p.msdsList {
   margin-bottom: 22px;
}

tr.tableFont {
   font-family:Arial, Helvetica, sans-serif; 
   font-size:18px;
}

.tableHdr1, .PowerProdsHdr1, .LiquidProdsHdr1 {
	color:#0000FF;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-decoration: underline;
}

.tableHdr2 {
	font-size:18px;
	color:#0000FF;
	text-decoration: underline;
}

.tableTitle {
  font-size: 18px;
  color: #003366   /*  #33cccc; */
  
}

.bodyTable {
  font-size: 12px;
}

.tblProdDescItalic, .tblWaterTreatDesc {
	font-style: italic;
}

.tblWaterTreatPrcateg {
   color:red;  
}

.tblWaterTreatOtherInfo {
   color:blue;  
}

.tblOtherProdsHdr {
	background-color:#0E4A7C;
	color: white;
	font-weight: bold;
	text-align: center;
}
