/*body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-image: url(images/shadow.jpg); background-repeat: repeat-y; background-position: center;
 height: 100%;
} 

#wrap{
	position:absolute;
	width: 100%;
	text-align:center;
	line-height: normal;
	height: 100%;
	min-height: 100%;
	height:auto !important;
	top:0;
	left:0;
	z-index: 1;
}


#wrap2{
	width: 770px;
	margin: 0 auto;
	text-align:left;
}*/

*{ font-size:100%; }

body { font:100%/100% Arial, Helvetica, sans-serif;
text-align: center;
margin:0;
padding:0;
height: 100%;
background-image: url(images/shadow2.jpg); background-repeat: repeat-y; background-position: center;
}

div {  margin: 0; padding: 0;}

#wrap{
	position:absolute;
	width: 100%;
	text-align:center;
	line-height: normal;
	min-height: 100%;
	height:auto !important;
	height: 100%;
	top:21px;
	left:5px;
	z-index: 1;

}

#wrap2{
	width: 770px;
	margin: 0 auto;
	text-align:left;
}


#container1{
float:left;
display:inline;
margin:0;
width:760px;
}


#container{
height:auto;
width:760px;
margin:0 auto;
}

#header{
height:47px;
margin:10px 0 0 0px;  
background-color:#ffffff; 
width:760px;
background-image: url(images/header_linea.gif); background-repeat: repeat-x; background-position: 0px 33px;
	}	

#logo{
	float:left;
	height:28px;	
	width:115;
	}

#topnav{
	float:right;
	margin-top:10px;
	height:16px;	
	margin: 15px 0 0 0;
	
	}

#tearfilm{
margin:0, 0, 0, 5px;
padding:4px 0 0 0; 
	background-color:#ffffff; 
 width:760px;
	}		

#leftcol{
 width: 127px;
	float:left;
	display:inline;
	padding:0 0 30px 0;
	margin:15px 0 0 0; 
 
 background-color:#ffffff;  
}
	
#menu{ 
width:111px; 
display:		block;
}




.left-nav {
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; 
font-size: 11px; 
font-weight:bold; 
text-decoration:none; 
color:#000000;
border-bottom: 1px dotted #939598;
display:		block;
margin: 5px 0 0 5px;
border-right: 10px #FFFFFF;
}

a:hover.left-nav {

color:#FF3399;
text-decoration:none;
border-right: 50px #FF0000;

}

.left-nav1 {
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; 

font-size: 11px; 
font-weight:bold; 
text-decoration:none; 
color:#000000;
margin: 5px 0 0 5px;

}

a:hover.left-nav1 {
color:#FF3399;
text-decoration:none;

}



#menu1 {
  width:200px;
  padding:0; 
  margin:0; 
  list-style-type:none;
  }
#menu1 li {
  float:right;
  width:50px;
   
  }
#menu1 a {
  display:block;
  width:50px;  
  text-align:right;  
  text-decoration:none; 
  float:right; 
  }
#menu1 a:hover {
  color:#fff; 

  }


#sub-menu a {
  text-decoration:none;
  text-align:left;
	color:#FF00FF;
 text-decoration:none;
  display:block; 
  width:85px; 
  padding:0;
  margin:0 0 6px 20px;
  
  }

#sub-menu a:hover {

	color:#999999;

		text-decoration:none;
  }

#sub-menu1 a{
  text-decoration:none;
  text-align:left;
		color:#9900CC;
	
 text-decoration:none;
  display:block; 
  width:85px; 
  padding:0;
  margin:0 0 6px 20px;
  
  }

#sub-menu1 a:hover {
	color:#999999;

		text-decoration:none;
  }
		
		
		

#sub-menu2 a  {
  text-decoration:none;
  text-align:left;
	color:#0060A9;
 text-decoration:none;
  display:block; 
  width:85px; 
  padding:0;
  margin:0 0 6px 20px;
  
  }

#sub-menu2 a:hover {

	color:#999999;

		text-decoration:none;
  }


 
#maincol{
background-color: #FFFFff;  
 float: left; 
 display:inline; 
  width:615px;
		margin:5px 0 0 0; 
		padding: 0 0 30px 0;
 }
	
#maincol2{
float:left;
display:inline;
width:595px;
margin: 15px 0 0 25px;
padding:0;

 }

#maincol2a{
float:left;
width:595px;
margin:0 0 0 0;
padding:0;
display:inline;
 }

#maincol3{
float:left;
width:430px;
margin:5px 0 10px 0;
padding:0;

 }

#maincol4{
float:right;
width:159px;
margin:0 0 100px 0x;
padding:15px 0 50px 0;

}

#cl-hydrate{
float:left;
width:138px;
margin:0 29px 0 2px;
padding:2px 0 0 0;
}

#c2-soothe{
float:left;
width:145px;
margin:0 40px 0 0;
padding:2px 0 0 0;
}

#c3-ultra{
float:left;
width:155px;
margin:0 20px 0 0;
padding:2px 0 0 0;
}


#maincol10px{
float:left;
height:10px;
width:500px;
padding:0;

}

#icon{
float:left;
width:31px;
margin:10px 0 0 0;
padding:0;

}

#icontxt{
float:left;
width:392px;
margin:10px 0 10px 5px;
padding:0;

}

#commone{
float:right;
width:194px;
margin:0;
}

#commoneborder{
float:right;
width:13px;
height:350px;
background-color:#9900FF;
margin:0;
padding:0;
}

#commoneborder1{
float:right;
width:13px;
height:195px;
background-color:#003399;
margin:0;
padding:0;
}

#commonebody{
float:right;
width:176px;
background-color:#C496C4;
margin:0;
padding:10px 0 20px 0;

border-right: 14px solid #9D3C96;
}

#commoneimag{
float:right;
margin: 0 0 10px 0;
padding:0 30px 10px 0;

}

#commoneimag1{
float:right;
margin: 0 0 10px 0;
padding:0 30px 10px 0;

}

#commonebody1{
float:right;
width:176px;

background-color:#ABBCDD;
margin:0;
padding:10px 0 20px 0;

border-right: 14px solid #0060A9;
}

#commonebody1a{
float:right;

width:176px;


}

#cause{
float:left;
width:380px;
}

#cause1{
float:left;
width:380px;
height:50px;
margin:10px 0 0 0;
padding:0 0 0 10px;
}

#cause1a{
float:left;
width:380px;

margin:0 0 0 0;
padding:0 0 0 10px;
}

#cause1b{
float:left;
width:380px;
margin:5px 0 0 0;
padding:0 0 0 0;
}




#pimg{
width:595px;


}

#Footer{
	height: 20px;
	position:absolute;
	width: 100%;
	text-align:center;
	line-height: normal;
	bottom:0;
	left:0;
	margin: 0;
	padding: 0;
}
.bottom{
	width: 770px;
	height: 20px;
	margin: 0 auto;
}

.bottom1{
	background: #fff;
	width: 770px;
	height: 20px;
	margin: 0 0 0 0;
	background-image: url(images/header_linea.gif); background-repeat: repeat-x;
}



.sub-nav {
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; 
font-size: 10px; 
font-weight:bold; 
text-decoration:none; 
margin:2px 0 0 2px;
padding: 0 0 0 0x;

text-decoration:none;
}


a:hover.sub-nav {
text-decoration:none;
}

.sub-nav1 {
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; 
font-size: 10px; 
font-weight:bold; 
text-decoration:none; 
margin:2px 0 0 2px;
padding: 0 0 0 0x;
color:#000000;
text-decoration:none;
}

a:hover.sub-nav1 {
text-decoration:none;
}

.sub-nav2 {
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; 
font-size: 10px; 
font-weight:bold; 
text-decoration:none; 
margin:2px 0 0 2px;
padding: 0 0 0 0x;

text-decoration:none;
}


a:hover.sub-nav2 {
text-decoration:none;
}



h1 {
font-family:Trebuchet,"Trebuchet MS",  Arial, sans-serif; font-size: 14px; font-weight: 200; text-align:left; padding:0 0 0 0px; margin:0px 0 0px 0;
}
h2 {
font-family:Trebuchet,"Trebuchet MS",Verdana, Arial, sans-serif; background-color:#FFFFFF; font-size: 32px; font-weight: bold; text-align:left; padding:5px 0 0 0; margin:0;
}

h3 {
font-family:Trebuchet,"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF; font-size: 15px; font-weight: 200; text-align:left; padding:0 0 0 0px; margin:0px 0 0px 0;
}

h4 {
font-family:Trebuchet,"Trebuchet MS",  Arial, sans-serif; background-color:#FFFFFF; font-size: 11px;font-weight:lighter; text-align:left; padding:0 0 0 0px; margin:0px 0 0px 0;
}


p{
font-family:Trebuchet,"Trebuchet MS",  Arial, sans-serif;  font-size: 11px;font-weight:lighter; text-align:left; padding:0 0 0 0px; margin:0px 0 0px 0;
}

p1{
font-family:Trebuchet,"Trebuchet MS",  Arial, sans-serif; background-color:#FFFFFF; font-size: 11px;font-weight:lighter; text-align:left; padding:0 0 0 0px; margin:0px 0 0px 0;
}

.blue{
color:#0060A9;
}

.blue1{
color:#0060A9; text-decoration:underline; font-family:Trebuchet,"Trebuchet MS",  Arial, sans-serif; background-color:#FFFFFF; font-size: 11px;font-weight:lighter; text-align:left; padding:0 0 0 0px; margin:0px 0 0px 0;
}

a:hover.blue1{
color:#999999;
}

.pink{
color:#FF00FF;

}

.pink1{
color:#FF00FF; font-family:Trebuchet,"Trebuchet MS",  Arial, sans-serif; text-decoration:underline; background-color:#FFFFFF; font-size: 11px;font-weight:lighter; text-align:left; padding:0 0 0 0px; margin:0px 0 0px 0;
}

a:hover.pink1{
color:#999999;
}


.pink3{
color:#FF00FF;
text-decoration:none;
font-family:Trebuchet, "Trebuchet MS", Arial, sans-serif; background-color:#FFFFFF; font-size: 11px;font-weight:lighter; text-align:left; padding:0 0 0 0px; margin:0px 0 0px 0;
}

.pink3 a{
color:#999999;
text-decoration:none;
}

.pink3 a:hover{
color:#FF00FF;
text-decoration:none;
}


.pink2{
color:#FF00FF;
float:right;
text-decoration:underline; font-family:Trebuchet, "Trebuchet MS", Arial, sans-serif; background-color:#FFFFFF; font-size: 11px;font-weight:lighter; text-align:left; padding:0 0 0 0px; margin:0px 0 0px 0;
}

a:hover.pink2{
color:#999999;
}



.purp{
color:#9900CC; 
}

.purp1{
color:#9900CC; text-decoration:underline; font-family:Trebuchet,"Trebuchet MS",  Arial, sans-serif; background-color:#FFFFFF; font-size: 11px;font-weight:lighter; text-align:left; padding:0 0 0 0px; margin:0px 0 0px 0;
}

a:hover.purp1{
color:#999999;
}




.whiteheading{
font-family:Trebuchet, "Trebuchet MS", Arial, sans-serif; color:#FFFFFF; font-size: 15px; font-weight: 100; text-align:left; padding:0 0 0 10px; margin:0 0 0 0;
}

.whiteheading1{
font-family:Trebuchet, "Trebuchet MS", Arial, sans-serif; color:#FFFFFF; background-color:#ABBCDD; font-size: 15px; font-weight: 100; text-align:left; padding:0 0 0 10px; margin:0 0 0 0;
}

ul{
color:#FFFFFF; font-family:Trebuchet,"Trebuchet MS",Arial, Helvetica, sans-serif; font-size: 11px; padding:10px 10px 0 10px; margin:0 10px 0 10px; font-weight:lighter;
}

ul1{
font-family:Trebuchet,"Trebuchet MS",Arial, Helvetica, sans-serif; color:#000000; font-size: 11px;font-weight:lighter; text-align:left; padding:0 0 0 0px; margin:0px 0 0px 0;
}

 /* ######## ADDED ######## */
 
#mainHydrate{
font-family:Trebuchet, "Trebuchet MS", Arial, sans-serif;
font-size:11px;
float:left;
display:inline;
width:595px;
margin:0 0 0 20px;
padding:0;
background:url(images/hydrate_bg.gif) 0 50px no-repeat;
}

#mainSoothe{
font-family:Trebuchet, "Trebuchet MS", Arial, sans-serif;
font-size:11px;
float:left;
display:inline;
width:595px;
margin:0 0 0 20px;
padding:0;
background:url(images/soothe_bg.gif) 0 39px no-repeat;
}

#mainUltra3{
font-family:Trebuchet, "Trebuchet MS", Arial, sans-serif;
font-size:11px;
float:left;
display:inline;
width:595px;
margin:0 0 0 20px;
padding:0;
background:url(images/ultra3_bg.gif) 0 50px no-repeat;
}

#Top{
float:left;
display:inline;
width:595px;
margin:0x;
padding:0;
}

#LeftTop{
float:left;
display:inline;
width:285px;
margin:0 0 20px 0;
padding:0;
min-height:239px;
}

#mainHydrate #LeftTop ul{
color:#EC008C;

}

#mainSoothe #LeftTop ul{
color:#9D3C96;
}

#mainUltra3 #LeftTop ul{
color:#0060A9;
}

#LeftTop li span{
color:#000000;
}

#LeftSide{
float:left;
display:inline;
width:324px;
margin:40px 0 0 55px;
padding:0;
}

#LeftBottom{
float:left;
display:inline;
width:324px;
margin:0 0 0 0;
padding:0;
background:url(images/howitworks_bg.gif) 0 0 repeat-y;
}
.LeftBottom1{
float:left;
display:inline;
width:324px;
margin:0x;
padding:0;
background:url(images/howitworks_btm.gif) 0 100% no-repeat;
}
.LeftBottom2{
float:left;
display:inline;
width:324px;
margin:0x;
padding:0 0 21px 0;
background:url(images/howitworks_top.gif) 0 0 no-repeat;
}

#HowItWorks{
float:left;
display:inline;
width:295px;
margin:0 15px 0 0;
border:1px solid #EC008C;
border-right: 14px solid #EC008C;
padding:0;
}

#mainHydrate #HowItWorks{
border:1px solid #EC008C;
border-right: 14px solid #EC008C;
}

#mainSoothe #HowItWorks{
border:1px solid #9D3C96;
border-right: 14px solid #9D3C96;
}

#mainUltra3 #HowItWorks{
border:1px solid #0060A9;
border-right: 14px solid #0060A9;
}


#HowItWorks h1{
font-size:20px;
}

#RightBottom h1{
font-size:20px;
background:none;
padding-bottom:10px;
}

#RightBottom h2{
color:#EC008C;
font-size:12px;
background:none;
padding-bottom:8px;
}

#mainHydrate #RightBottom h2{
color:#EC008C;
}

#mainSoothe #RightBottom h2{
color:#9D3C96;
}

#mainUltra3 #RightBottom h2{
color:#0060A9;
}

#RightBottom p{
margin:0;
padding:0 0 8px 0;
font-family:Trebuchet, "Trebuchet MS", Arial, sans-serif;
}

#RightBottom{
float:left;
display:inline;
width:158px;
margin:299px 0 0 4px;
background:#F8C1D9;
color:#ffffff;
}

#mainHydrate #RightBottom{
background:#F8C1D9;
}

#mainSoothe #RightBottom{
background:#D8BCDA;
}

#mainUltra3 #RightBottom{
background:#ABBCDE;
}

.text13px{
font-size:13px;
}
 
 /* ####################### */
	

#maincol2 #cause ul{
color:#9D3C96;
}

#cause li span{
color:#000000;
}


#cause #cause1b ul{
color:#0060A9;
}

#cause1b li span{
color:#000000;
}

#commonebody li{
color:#9D3C96;
}

#commonebody li span{
color:#FFFFFF;
}

#commonebody1 li{
color:#0060A9;
}

#commonebody1 li span{
color:#FFFFFF;
}


 
#leftmenu{
width: 125px;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 12px;
color:#000000;
}

* html #leftmenu{ /*IE 6 only */
w\idth: 125px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#leftmenu ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
color:#000000;
}

#leftmenu li {
border-bottom:1px dotted #939598;
margin: 0;
}

#leftmenu li a{
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight:bold;
color:#000000;
text-decoration: none;
display: block;
padding: 5px 5px 5px 0;
background-color: #FFFFFF;
width: 125px;
}

html>body #leftmenu li a{ /*Non IE6 width*/
width: auto;
}

#leftmenu li a:hover{
background-color: #FFFFFF;
color: #9C3D97;
} 
.leftmenutop{
border-top:1px dotted #939598;
margin: 0;
}
#leftmenu li a.leftmenuover{
color: #9C3D97;}

#leftmenu .subnav{
color: #FF00FF; padding:5px 0 5px 8px; font-size:11px }

#leftmenu a.subnavultra{
color: #0060A9; padding:5px 0 5px 8px; font-size:11px }


#leftmenu .subnavsoothe{
color: #9900CC; padding:5px 0 5px 8px; font-size:11px }

#leftmenu .subnavhydrate{
color: #EC008C; padding:5px 0 5px 8px; font-size:11px }


/*//////////////////////////////////////////////////
// EWDESIGN - Extra Styles
//////////////////////////////////////////////////*/

/* Extra Styles */
.header_ewdesign { font-weight: bold; padding: 0px 0px 2px 1px; font-size: 0.95em; }
.alert_red { color:#990000; }
.ew_link { color:#0000CC; text-decoration:none; font-size:0.85em; }
.ew_link:active, .ew_link:hover { color:#000000; text-decoration:underline; font-size:0.85em; }
.link_black { color:#000000; text-decoration:none; }
.link_black:active, .link_black:hover { color:#000000; text-decoration:underline; }

/* Form Elements */
.text_box_grey:focus { font-size: 0.85em; color: #000000; border: 1px solid #666666; background-color: #FFFFCC; font-family: Arial, Helvetica, sans-serif; }
.text_box_grey:hover { font-size: 0.85em; border: 1px solid #990033; }
.text_box_grey { font-size: 0.85em; color: #333333; border: 1px solid #666666; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 2px; }

.text_box_red { border: 1px solid #990000; background-color:#FFD4D7; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.85em; margin: 0px; padding: 2px; }

.label_black { font-weight: bold; color: #000000; font-size: 0.80em; }