/* CSS Document */

body {background: #fff url(../images/6070.jpg) repeat-x fixed; background-position: bottom; margin: 20px 0px 30px 0px; text-align: center; width: 100%; height: 100%;}

#newsletterInfo {position: relative; width: 758px; margin: auto; text-align: right; padding-bottom: 3px;}
#mainContBorder {border: 1px solid #ccc; position: relative; width: 758px; margin: auto;}
#mainTableBorder {border: 4px solid #fff; background: url(../images/gray-bubble-bg.jpg) no-repeat #fff;}
#footer {font: 10px  'Trebuchet MS', Arial, Helvetica, sans-serif; color:#044E70; position: relative; width: 758px; margin: auto;}
#footer a:active, #footer a:link, #footer a:visited {font: 10px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #044E70;}
#footer a:hover { color: #000;}

/* Right Navigation Column */

#mainNav {background: url(../images/nav-ng-middle.jpg); position: relative; width: 205px;}
#topBg {background: url(../images/nav-bg-top.jpg) no-repeat bottom right; position: relative; width: 205px; height: 40px;}

.navLinkContainer {background: url(../images/nav-link-bg.jpg) no-repeat bottom left; display: block; position: relative; width: 195px; height: 27px;}
.navLink span {display: block; width: 100%; text-align: left; cursor: hand;}
.navLink a span {display: block; width: 100%; cursor: hand;}
.navLinkContainer a {display: block; padding: 2.5px;}

a.navLink:active, a.navLink:link, a.navLink:visited {display: block; font: bold 14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #0054A6; text-decoration: none;}
a.navLink:hover { background-color: #BAE6FA;}

.navSubLinkContainer {background-color:#fff; display: block; position: relative; width: 190px; border-bottom: 1px dashed #ccc; border-bottom-style: dashed;}
.navSubLink span {display: block; width: 100%; text-align: left; cursor: hand; padding: 5px 5px 5px 0px;}
.navSubLink a span {display: block; width: 100%; cursor: hand;}
.navSubLinkContainer a {display: block; padding-left: 15px;}

a.navSubLink:active, a.navSubLink:link, a.navSubLink:visited {display: block; font: 12px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #666; text-decoration: none;}
a.navSubLink:hover { background-color: #efefef;}

#freeWaterAnalysis {position: relative; width: 205px; height: auto; padding: 30px 0px 0px; background: url(../images/nav-bg-bottom.jpg) no-repeat; text-align: center;}
#tollFree {margin: auto; margin-top: 20px; margin-bottom: 20px; position:relative; width: 175px; font: 12px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#666;}
#tollFree span {display: block;}
.serving {font: bold 36px  'Trebuchet MS', Arial, Helvetica, sans-serif; color:#ccc; text-transform: uppercase;}

#kineticoLogo {margin: auto; margin-top: 20px; margin-bottom: 20px; position:relative; width: 175px; text-align: center;}

#extraRightCol {margin: auto; position:relative; width: 175px; text-align: center;}

#girlSpacer {margin: auto; margin-top: 20px; margin-bottom: 200px; position:relative; width: 175px;}

/* Left Content Column */

#contentArea {padding: 40px;}

h1 {margin: 0px; margin-bottom: 5px; font: bold 18px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #0054A6;}
h2 {margin: 0px; margin-bottom: 5px; margin-top: 20px; font: bold 16px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #0054A6;}

.formField {width: 185px; color:#990000;}

p {font: 12px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #444;}

.header {font: bold 14px  'Trebuchet MS', Arial, Helvetica, sans-serif; color: #444;}

p strong  {font: bold 12px  'Trebuchet MS', Arial, Helvetica, sans-serif; color: #444;}

p a:active, p a:link, p a:visited {font: 12px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #A60000;}
p a:hover { color: #0054A6;}

a:active, a:link, a:visited {font: 12px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #A60000;}
a:hover { color: #0054A6;}

ol {}
ol li {padding-bottom: 10px;}

ul {}
ul li {padding-bottom: 10px;}

li {font: 12px  'Trebuchet MS', Arial, Helvetica, sans-serif; color: #444;}