/*H2ULTRA CSS STYLE SHEET */
/*Created by Peter Riley Osborne */

/*COMMON TAG STYLES */
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #eaf0f4;
background-image:url(images/BG_shadow.png);
background-repeat:repeat-y;
background-position:center;
margin: 0px;
padding: 0px;
}

h1 {
font-size:150%;
color:#004a8d;
font-weight:bold;
padding-left:25px;
padding-right:10px;
padding-top:10px;
letter-spacing:-1px;
}

h2 {
	margin-left:25px;
	font-size:100%;
	color:#FF6600;
	font-weight:bold;
	border-bottom:2px dotted #CCCCCC;
	text-align: left;
}

h3 {
font-size:100%;
color:#004a8d;
font-weight:bold;
padding-left:25px;
}

/*header tag line text */

h4 {
font-size:80%;
color:#27527e;
margin-left:450px;	
margin-top:5px;
padding: 0px;
margin-right: 0px;
margin-bottom: 0px;
}


/*warning text*/

h5 {
font-size:65%;
color:#666666;
padding-left:25px;
font-weight:normal;
}

p {
font-size:80%;
color:#666666;
padding-left:25px;
padding-right:10px;
}

p.noindent
{
    padding:10px 0 10px 0;
}

.text		/*same a P tag */
{
	font-size:80%;
color:#666666;
padding-left:25px;
padding-right:10px;
}

a:link, a:visited {
color:#0066FF;
text-decoration:none;
}

a:hover {
color:#FF9900;
text-decoration:underline;
}

input {
font-size:80%;
}

textarea
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:80%;
}

img
{
	border:0
}

ul {
border-top:1px dotted #CCCCCC;
border-bottom:1px dotted #CCCCCC;
padding: 5px;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 30px;
}

li {
font-size:75%;
color:#666666;
}

hr {
margin-left:25px;
margin-right:25px;
border:1px  solid #CCCCCC;
}
/*ID TAG STYLES */
#container {
margin: 10px 0px 0px -1px;
padding: 0px;
width: 822px;
background-color:#FFFFFF;
text-align:left
}

#subNav {
background-color:#004a8d;
margin:0px;
padding:5px 0px;
text-align:center;
font-size:70%;
width:823px;
color:#FFFFFF;
}

#subNav a:link, #subNav a:visited {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
padding:7px 25px;
}

#subNav a:hover {
color:#FF9900;
font-weight:bold;
text-decoration:underline;
padding:7px 25px;
}

#subNav .HiLite
{
	color:#FF9900;
	font-weight:bold;
	padding:7px 25px;
}


#bottle {
background-image:url(images/IMG_bottle.gif);
background-repeat:no-repeat;
background-position:top;
background-position:center;
padding:0px;
margin:0px;
}


#footer {
background-image:url(images/BG_footer.gif);
background-repeat:no-repeat;
width: 823px;
padding:0px;
background-position: top;
background-position:left;
margin:0;
text-align:center;
font-size:14px;
}

*html #footer {
margin-left:-1px;
}

#footer p{
font-size:70%;
color:#0066FF;
padding-left:25px;
margin: 0px;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
}

/*CLASS STYLES */

.logo {
margin:0px;
padding:0px;
vertical-align:bottom;
}

.navSpace {
padding-top:7px;
vertical-align: top;
margin: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

.clear {
clear:both;
}

.button {
background-color:#0066FF;
color:#FFFFFF;
font-weight:bold;
}

.textNav {
text-align:right;
font-size:75%;
font-weight:bold;
margin-right:25px;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

.leftColumn {
width:350px;
padding:15px;
margin-right:10px;
}

.facts {
color:#004a8d;
}

/*Added by Michael Akers*/
/*Navigation links for FAQ SUPPORT CART ACCOUNT */

#textNavLinks 
{
    text-align:right;
    margin-right:10px
}
#textNavLinks A 
{
    text-align:right;
    font-size:10px;
    font-weight:bold;
    color:#999999;    
}

.error
{
	color:Orange;
	font-weight:bold;
}

#hydrateguide
{
    font-size:.75em;
    border:solid 1px black;
    border-collapse:collapse;
    padding:4px
}
#hydrateguide td,th 
{
    border:solid 1px #CCCCCC
}

.distribNote
{
	margin:50px 10px 0 10px;
}