/*  
Theme Name: Hydrate2O
Description: Hydrate2O HTML style sheet
Version: 2006.01.06
Author: Stan Smith
*/

/*------------------------------------------------------------
 Imported styles are at the bottom of the page
-------------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#000;
	background:#babcbe url(../../img2/header-filler.gif) repeat-x;
	margin:0;
	padding:0;
	text-align:center; /* needed to center the container in IE5.x because it doesn't like 'margin: 0 auto' */
}

/* Links
---------------------------------------------------- */
a {
	color: #0076c0;
	font-weight:bold;
	text-decoration: underline;
}

a:visited {
	color: #0C4CAB;
	text-decoration: underline;
}

a:hover, a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0076c0;
}

a, img {
	border-width:0;
}


/* Header Nav links
---------------------------------------------------- */
a.subHeaderLink {
	padding:4px 8px;
	font-size:90%;
	text-decoration:none;
	background-image:url(../../img/header-filler-bottom.gif);
	background-repeat:repeat-x;
}
a.subHeaderLink:link, a.subHeaderLink:visited {
	color:#ccc;
	text-decoration:none;
}
a.subHeaderLink:hover, a.subHeaderLink:active {
	color:#fff;
	text-decoration:none;
}


/* Image Link
---------------------------------------------------- */
a.imgLink, a.imgLink:link, a.imgLink:visited, a.imgLink:hover, a.imgLink:active {
	text-decoration:none;
	background:none;
}


/* Show Hide links
---------------------------------------------------- */
#showhide {
	margin:5px 0 15px 0;
}
#showhide a {
	/*background:#fff url(../../img/bt-arrow_show.gif) no-repeat 0 5px;*/
	padding-left:13px;
	text-decoration:underline;
}
a.show:link, a.show:visited {
	color:#0076c0;
}
a.show:hover, a.show:active {
	color:#0C4CAB;
	background-color:#fff;
}
.hide {
	position:absolute;
	display:none;
	visibility:hidden;
	padding:0;
	margin:0;
}
.show {
	display:block;
	visibility:visible;
}


/* Structure
---------------------------------------------------- */
#container {
	max-width:750px;
	width:750px;
	margin:0 auto;
	text-align:left;
	vertical-align:top;
	height:100%;
	background:#babcbe url(../../img/body-filler.gif) repeat-y;
}
#container table {
	margin:0;
	padding:0;
	border:none;
}
#container td, th {
	margin:0;
	padding:0;
	border:none;
	vertical-align:top;
}


/* Header 
---------------------------------------*/
#header {
	float:left;
	width:748px;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
#header img {
	border:0;
	padding:10px 0;
}
#header span {
	font-weight:bold;
	font-size:22px;
	letter-spacing:-1px;
	color:#FFFFFF;
}
#header span.printOnly {
	display:none;
}


/* Page Content
---------------------------------------------------- */
#page-content {
	float:left;
	font-size:10pt;
	line-height:1.45em;
	background:#fff url(../../img/body-filler-top.gif) repeat-x;
	padding:0 0 20px 0;
}
#page-content span.printOnly {
	display:none;
}
#page-content ul {
	margin-bottom:20px;
	margin-top:10px;
}
#page-content li {
	margin-bottom:10px;
	line-height:1.25em;
	padding-right:20px;
}
#page-content img {
	border:0;
}
#page-content img.imgLeft {
	margin:0 15px 10px 0;
}
#page-content img.imgRight {
	margin:0 0 10px 15px;
}
#page-content .picTitle {
	font-size:85%;
	text-align:center;
	color:#000;
	padding:0 10px 0 10px;
}
#page-content table.centered {
	width:680px;
	padding:0;
	margin:0 auto;
	border:0;
}
#page-content td.centered {
	text-align:center;
}
#page-content table {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	/*width:100%;*/
	padding:0;
	margin:0;
	border:0;
}
#page-content th, td {
	text-align:left;
	color:#000;
}
#page-content th {
	background-color:#ccc;
	font-weight:bold;
	text-align:left;
	vertical-align:text-top;
}
#page-content p {
	vertical-align:top;
	line-height:1.3em;
}
#page-content p.past {
	color:#999;
}
#page-content .Q {
	font-weight:bold;
	font-size:125%;
}
#page-content .A {
	font-size:10pt;
	margin-bottom:30px;
}
#page-content .press {
	padding:0 20px;
}
#page-content .bodyHeader {
	background-image:url(../../img/body-header-filler.gif);
	width:622px;
	max-width:622px;
	vertical-align:top;	
}
#page-content .TopHeader {
	background-image:url(../../img/header-filler-top.gif);
	width:622px;
	max-width:622px;
	vertical-align:top;
}
#page-content .subHeader {
	background-image:url(../../img/header-filler-bottom.gif);
	width:622px;
	max-width:622px;
	vertical-align:top;
}
#page-content .sectionFiller {
	background-image:url(../../img/section-filler.gif);
}
#page-content .cityLink {
	margin:-15px 0 5px 10px;
	font-size:9pt;
}
#page-content .cityName {
	padding:2px 8px;
	font-size:10pt;
	background-color:#717073;
	margin:0 0 5px 0;
}
.imgHolder {
	width:650px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #0076c0;
	text-align:center;
}
.subH {
	font-size:12px;
	font-weight:normal;
}


/* Download Link Settings
---------------------------------------------------- */
#page-content td.dls {
	vertical-align:middle;
	padding:5px 30px 0 10px;
}
#page-content div.dls {
	padding-bottom:5px;
}
#page-content .note {
	font-size:8pt;
}


/* Benefits Table
---------------------------------------------------- */
#page-content #benefits {
	/*width:475px;*/
	padding:0;
	margin:0;
	border:0;
}
#page-content #benefits td, th {
	margin:0;
	border:0;
}
#page-content #benefits th {
	background:url(../../img/storeName-filler-dark.gif) repeat-x;
	color:#fff;
	font-size:120%;
	padding:5px;
}
#page-content #benefits td {
	padding:2px;
	border-bottom:1px solid #babcbe;
	padding-right:20px;
}


/* Versus Table
---------------------------------------------------- */
#page-content #vsTable {
	width:100%;
	padding:0;
	margin:0;
	border:0;
}
#page-content #vsTable td, th {
	margin:0;
	border:0;
}
#page-content #vsTable th {
	background-color:#fff;
	color:#000;
	border-bottom:2px solid #666;
	font-size:1em;
	padding:5px;
}
#page-content #vsTable td {
	padding:2px;
	border-bottom:1px solid #babcbe;
	padding-right:20px;
}


/* Store Listing Table
---------------------------------------------------- */
#page-content #store-table {
	width:670px;
	margin:0;
	padding:0 0 0 40px;
	border:0;
}
#page-content #store-table td, th {
	padding:3px 10px;
}
#page-content #store-table th.storeName {
	background:url(../../img/storeName-filler-dark.gif) repeat-x;
	color:#fff;
	font-size:12pt;
}
#page-content #store-table td {
	font-size:9pt;
	border-bottom:1px solid #babcbe;
}


/* Additional article links
---------------------------------------------------- */
#more-articles {
	margin:0;
	/*padding-left:8px;*/
	list-style:none;
	padding: 0;
}
#more-articles li.header {
	display:block;
	font-weight:bold;
	font-size:90%;
	padding:2px 0 5px 0;
	border-top:1px solid #babcbe;
	border-left:none;
}
#more-articles li {
	font-size:80%;
	display:inline;
	padding:2px 5px;
	border-left:2px solid #000;
}


/* Print Page 
----------------------------------------------- */
#printPage {
	text-align:right;
	padding-top:10px;
	padding-left:570px;
	position:absolute;
	left:auto;
	top:auto;
}
#printPage a {
	padding-right:5px;
	padding-bottom:2px;
}
#printPage img {
	border:0;
	padding-right:5px;
}


/* Default Standards
---------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	line-height:1.25em;
	padding:2px;
}
h3, h5 {
	background:#0076c0 url(../../img2/h3-header-fill.gif) repeat-x;
	color:#fff;
	padding-left:5px;
}
h4, h6 {
	background:#666 url(../../img2/h4-header-fill.gif) repeat-x;
	color:#fff;
	font-size:85%;
	padding-left:5px;
}
hr {
	border:1px solid #babcbe;
	color:#babcbe;
	width:100%;
}
ul {
	list-style:disc;
	line-height:1em;
}
ol {
	line-height:1em;
}


/* Highlight class=fields on rollover 
/* Make work in IE with <tr onmouseover=page.class thingy>
---------------------------------------------------- */
.fields:hover {
	background-color: #F8EC99;
}


/* Variant font formatting
---------------------------------------*/
.red-text {
	color:#FF0000;
}
h2.blue {
	background-color:#0076c0;
	color:#fff;
	padding:5px 10px;
}
.tableFootnote {
	font-size:8pt;
}


/* Footnote
---------------------------------------------------- */
.footnote {
	margin-top:20px;
	font-size:10px;
	font-style:italic;
	/*text-align:center;*/
}
/*
a.noteLink:link, a.noteLink:visited, #footnote{
	color:#333;
	background-color:#FFFFCC;
	border:1px solid #333;
	padding:0 2px 0 2px;
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
	font-size:x-small;
	font-style:normal;
}
*/


/* Footer
---------------------------------------------------- */
#footer {
	background-color:#000;
	clear:both;
	margin:0;
	padding:0;
}
#footer table {
	width:100%;
	padding:0;
	margin:0;
	border:0;
}
#footer td {
	vertical-align:top;
}
#footer img {
	border:0;
	padding:0;
}
#footer span {
	font-weight:bold;
	font-size:x-small;
	color:#fff;
}
#footer span.printOnly {
	display:none;
}


/*------------------------------------------------------------
 Import section specific styles
-------------------------------------------------------------- */
/* Testimonials */
@import url(../../inc/css/hydrate_testimonials.css);