/*global styles */ 
body{
	background: #849dc5 url(images/bg_bg.jpg) repeat-x    ; background-position: 0 0px ;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:0.75em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0pt 0pt 0pt 0px;
padding:0pt;
text-align: center;
}


p{
	background: none ; 
font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:.95em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.6em;
margin:0pt 0pt 0pt 0px;
padding:0pt;
text-align: left;
}

h4{
	background: none ; 
font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:.90em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:1.6em;
margin:0pt 0pt 0pt 0px;
padding:0pt;
padding-top:5pt;
padding-bottom:5pt;
 
}

h3{
	background: none ; 
font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:.95em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:1.6em;
margin:0pt 0pt 0pt 0px;
padding:0pt;
padding-top:10pt;
padding-bottom:10pt;
text-align: left;color:#0073AE;
}

.tightmargin{
	 
margin:0pt 0pt 0pt 0px;
 padding:0px;clear:both;
}

h2{
	background: none ; 8
font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:1.125em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;8
font-variant:normal;
font-weight:bold;
line-height:1.6em;
margin:0pt 0pt 0pt 0px;
padding:0pt;
padding-top:0pt;
padding-bottom:5pt;
text-align: left;color:#0073AE;
}

 h2{font-family:Georgia, "Times New Roman", Times, serif;color:#004c25;

}


a{
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;

color:#0077b3;
 	text-decoration: none; 

}
a:hover{
color:#0977B0;
font-weight:650;  text-decoration: underline; 
}


/*generic float classes */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;	margin-left: 0px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;	margin-right: 0px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a package that should fully contain a float */
	clear:both;    height:0;    font-size: 1px;    line-height: 0px;
}

a img { 
    border:0px; 
}


img.floatLeft { 
    float: left; 
     margin: 0px; margin-right:10px; margin-top:5px; margin-bottom:10px;
}
img.floatRight { 
    float: right; 
    margin: 0px; margin-left:10px; margin-bottom:10px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a package that should fully contain a float */

	clear:both;    height:0;    font-size: 1px;    line-height: 0px;

}

 /* contact form and validation styles */	
	 input.required { background:#DBDBDD; border: 1px solid #DBDBDD;
}
input.contactus { background:#DBDBDD; border: 1px solid #DBDBDD;
}

input.validate-phone { background:#DBDBDD; border: 1px solid #DBDBDD;
}


 textarea{ background:#DBDBDD;border : 1px solid #DBDBDD;
}

	#contactdonform input{width:250px;  )
}

	
#contactdonform input.formbutts{width:100px;background:#029E4C;color:#fff;
	 
}
	 
	 
input.validation-failed, textarea.validation-failed { 
	border: 1px solid #029E4C;
	 
}
 

.validation-advice {
 	padding: 2px;
	background-color: #029E4C;
	color : #fff;
	font-weight: bold;
}

.custom-advice {
 	padding: 2px;
	background-color: #029E4C;
	color : #fff;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}

/*layout */

#package { background: transparent url(images/waveb  g.jpg) no-repeat   ; background-position: 0 301px ;
	width: 1100px;   
 
	margin: 0 auto;  
	 
	text-align: left;  
} 

/*Top Nav (note: a body id for each section is needed for Current section On State to work -see HTML file */ 
/* (also note: seperate div types are needed for topnav on home vs inside pages to overlap flash elements properly */ 

#contentstage {	 
  margin: 0 auto; width:1000px;  }
 
#waterbottle {	 background: url(images/bottle_big.jpg);
float:left;width:184px; height:492px; margin:0px; margin-top:0px;margin-left:60px;padding:0px; z-index:2;}

.addtocart_btn {
	background: transparent;
	margin: 0px;
	padding: 0px;
	width: 133px;
	height: 36;
}

#buy_btn {
	background: transparent;
	width:132px;
	margin:350px 0px 0px 53px; 
	padding:0px;
	z-index:2;
}
	
	
#maincontent {	 
float:left;width:720px;  }

#hmPromoFlash {	  position:relative;width:720px;
 }

#logo {display: inline;float:right;  	 
 padding: 0;	margin :0px; width: 134px;margin-top:5px;
height:55px;  
}
 #logo h1 a {postion:relative;
	display:block;width: 134px;padding: 0;	margin :0px;
height:55px;  
   background:transparent url(images/logo.gif) ; position: relative;
   
     text-indent:-10009px;margin :0px;
}

#topnav {	position:relative;  float:left; width: 600px; height:40px; margin:0px; margin-top:10px;padding:0px; z-index:3;}
  #topnav ul , #topnav ul ul, #topnav ul li{list-style:none;margin:0px;padding:0;}
 #topnav ul li{float:left;   display:block; margin:0px }
 
 
  #topnav-1 a {display:block; height:40px; width:95px;margin-top:12px;   background:transparent url(images/topnav-1.gif)  ;
     text-indent:-9009px;}
#topnav-1 a:hover {display:block; height:40px; width:95px;margin-top:12px;   background:transparent url(images/topnav-1_ON.gif)  ;
     text-indent:-9009px;}
	  #home #topnav-1 a:hover {display:block; height:40px; width:95px;margin-top:12px;   background:transparent url(images/topnav-1_ON.gif)  ;     text-indent:-9009px;}
 
 #home #topnav-1 a {display:block; height:40px; width:95px;margin-top:12px;   background:transparent url(images/topnav-1_ON.gif)  ;
     text-indent:-9009px;}
	 
 #home #topnav-1 a:hover {display:block; height:40px; width:95px;margin-top:12px;   background:transparent url(images/topnav-1_ON.gif)  ;     text-indent:-9009px;}
 
  #topnav-2 a {display:block; height:40px; width:101px;margin-top:12px;   background:transparent url(images/topnav-2.gif)  ;
     text-indent:-9009px;} 
	 
#topnav-2 a:hover {display:block; height:40px; width:101px;margin-top:12px;   background:transparent url(images/topnav-2_ON.gif)  ;
     text-indent:-9009px;}
  
 
 #water #topnav-2 a {display:block; height:40px; width:101px;margin-top:12px;   background:transparent url(images/topnav-2_ON.gif)  ;     text-indent:-9009px;}
	 
 #water #topnav-2 a:hover {display:block; height:40px; width:101px;margin-top:12px;   background:transparent url(images/topnav-2_ON.gif)  ;     text-indent:-9009px;}
	 
  #topnav-3 a {display:block; height:40px; width:138px;margin-top:12px;   background:transparent url(images/topnav-3.gif)  ;
     text-indent:-9009px;} 
	 
#topnav-3 a:hover {display:block; height:40px; width:138px;margin-top:12px;   background:transparent url(images/topnav-3_ON.gif)  ;
     text-indent:-9009px;}
  
 
 #thecontainer #topnav-3 a {display:block; height:40px; width:138px;margin-top:12px;   background:transparent url(images/topnav-3_ON.gif)  ;     text-indent:-9009px;}
	 
 #thecontainer #topnav-3 a:hover {display:block; height:40px; width:138px;margin-top:12px;   background:transparent url(images/topnav-3_ON.gif)  ;     text-indent:-9009px;}
 
   #topnav-4 a {display:block; height:40px; width:129px;margin-top:12px;   background:transparent url(images/topnav-4.gif)  ;
     text-indent:-9009px;} 
	 
#topnav-4 a:hover {display:block; height:40px; width:129px;margin-top:12px;   background:transparent url(images/topnav-4_ON.gif)  ;
     text-indent:-9009px;}
  
 
 #wheretobuy #topnav-4 a {display:block; height:40px; width:129px;margin-top:12px;   background:transparent url(images/topnav-4.gif) ;     text-indent:-9009px;}
	 
 #
 
 tobuy #topnav-4 a:hover {display:block; height:40px; width:129px;margin-top:12px;   background:transparent url(images/topnav-4_ON.gif)  ;     text-indent:-9009px;}
 
  #topnav-5 a {display:block; height:40px; width:104px;margin-top:12px;   background:transparent url(images/topnav-5.gif) no-repeat  ;     text-indent:-9009px;}

	 
#topnav-5 a:hover {display:block; height:40px; width:104px;margin-top:12px;   background:transparent url(images/topnav-5_ON.gif) no-repeat  ;
     text-indent:-9009px;}
  
 
 #contact #topnav-5 a {display:block; height:40px; width:104px;margin-top:12px;   background:transparent url(images/topnav-5_ON.gif) no-repeat  ;     text-indent:-9009px;}
	 
 #contact #topnav-5 a:hover {display:block; height:40px; width:104px;margin-top:12px;   background:transparent url(images/topnav-5_ON.gif)  ;     text-indent:-9009px;}
	 
	 
	 
	   

/*home page specific styles */ 
 
#topnavbox_hme {	background: url(images/rule_undernav.gif) no-repeat;  background-position: 0px 60px;
position:relative;  top: 10px;   width:775px; height:100px; margin: 0 auto;  
padding:0px; z-index:2;}
#homeNewsHolder{width:660px;background: transparent url(images/homeNewsBG.png) no-repeat;margin:0 0 0 55px;

}
#cornerbanner{position:absolute;top:0px;left:0px;z-index:999;}

#homeNews{width:390px;background: transparent ;float:left;display:block;margin:5px 0 0 10px;

}
.homeNewsItem{width:390px;background: transparent ;display:block;padding:0px 0 10px 0;

}
.homeNewsItem p{font-size:85%;

} 
 .homeNewsItem p a{font-size:95%;font-weight:bold;

} 
 .homeNewsItem h2{font-family:Georgia, "Times New Roman", Times, serif;color:#004c25;

}


 #homeSubscribeHolder  {  width:170px;background: transparent ;float:left;display:block;margin:5px 0 0 50px;}
 #homeSubscribeHolder h2 {  margin:0px; padding:0px 0 3px 0;}
 
 .mc-field-group{width:75px;float:left;display:block;
}

  .mc-field-group input{ width:70px; )
}

  .indicate-required{ font-size:75%;font-weight:bold; }
 
  #homeSubscribeHolder fieldset{ width:170px;margin:0px;padding:0px;border:hidden;text-align:left; )
}



 #homeSubscribeHolder label{ display: block;margin:5px 0  2px 0;line-height: 1em;font-weight: 100;font-size:85%; }
 
#mc-embedded-subscribe{display:block; height:18px; width:74px; margin:10px 0 20px 0;  background:transparent url(images/subscribeBtn.gif)  ;     text-indent:-9009px;border:hidden;
}

			#mce-responses{float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 100%;margin: 0 ;clear: both;}

	#mce-error-response{display: none;margin: 0 0 5px 0;padding: 1em .5em .5em 0;font-weight: bold;clear:both;top: -1.5em;z-index: 9;width: 100%;padding: 2px;
	background-color: #029E4C;
	color : #fff;
	font-weight: bold;}
	
	#mce-success-response{display: none;margin: 0 0 5px 0;padding: 1em .5em .5em 0;font-weight: bold;clear:both;top: -1.5em;z-index: 9;width: 100%;padding: 2px;
	background-color: #029E4C;
	color : #fff;
	font-weight: bold;}
	.submit{clear:both;
	}
	
.mce_inline_error  { 	  margin:  0;padding: 1em .5em .5em 0;font-weight: bold;clear:both;top: -1.5em;z-index: 9;width: 100%;padding: 2px;
	background-color: #029E4C;
	color : #fff;
	font-weight: bold;}
	.submit{clear:both;
	}

	#footer  { 	margin: 0 auto; position: relative; width:620px;

  }
  
  .footrule  {margin: 0;background: transparent url(images/footerrule.gif) no-repeat;    width:623px; height:4px;

  }
#footer p,#footer_ins p {font-size:0.75em;color:#fff;	margin: 10px; 	padding: 10px 0;  
}
#footer a  { color:#fff;	margin: 10px; 	padding: 10px 0;   
 
 }
 
 #footer a img {border:0px;
 
 }
#footer a:hover { color:#fff;	margin: 10px; 	padding: 10px 0; text-decoration:underline; 
}

ul.footernav   {  font-size:.85em;
list-style:none;margin:0px;padding:0;    display:block; margin:0px 20px 0px 0px }
	ul.footernav li {  list-style:none;margin:0px; padding:0;float:left;  padding-right:3px; padding-top:20px; display:block; margin:0px }
	
	 
 ul.copyright   {  font-size:1em;
list-style:none;margin:0px;padding:0;    display:block; margin:0px }
	ul.copyright li {  list-style:none;margin:0px; padding:0;float:left;  padding-right:3px; padding-top:7px; display:block; margin:0px }


 
/*sub pages */

#subpageheader h2{ 
	padding: 0px;  
	background:#dfc9b0  url(images/subpagehead.jpg )  repeat-x ;width:680px;height:217px;    text-indent:-9009px;

} 

#subnav{ 
	padding: 0px ;
	background:#dfc9b0  url(images/midsidebg.jpg )  repeat-x ;width:315px;height:286px;position:relative;margin-top:-15px;
} 

	 #subpagemaincontent  {width:680px;min-height:735px; float:right;
   	background:transparent url(images/subcontentshad.gif) no-repeat ;margin-top:-15px;
    }
	
	

.subleftColumn {display:inline;float: left;  
	width: 320px; 	margin: 0px; margin-left:30px;margin-bottom:10px;
	padding: 0px;  
}
.subrightColumn {display:inline;float: right; 
	width: 290px; 	margin: 0px; margin-left: 20px; margin-right:10px;margin-bottom:10px;
	padding: 0px;  
}

 

.subwideColumn {display:inline;
	float: left;
	width: 620px;
	margin: 0px;
	padding: 0px;
	margin-left: 30px;
}

.subwideColumn_CON {display:inline;
	float: left;
	width: 630px;
	margin: 0px;
	padding: 0px;
	margin-left: 30px;
}


 #submaincontent  {display:inline;width:680px;float:left;  
   	background:transparent ;
    }
	
	
	
   .white  {
	color:#FFFFFF;
}
  
   
   .white a{
	color:#FFFFFF;
}


   .white a:hover{
	color:#FFFFFF;text-decoration:underline;
}
   .center{
	text-align:center;
}

.aseptic  {
	color:#FFFFFF;  
}
  
  
  
  .storeaddressholder{
  float:left;width:160px;display:inline;padding:0px;margin:0px 5px 0px 0px;
  }