@charset "utf-8";
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:130%;
	background: #666666;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

a:active, a:visited, a:link {color:#004c99; font-weight:bold; text-decoration: underline;
background-color:transparent;}
a:hover {color:#990000;  font-weight:bold; text-decoration: underline;
background-color:transparent;}

img {
	border:none;
}

h1 {
	color:#004c98;
	font-size:115%;
	margin:20px 0 5px 0;
}
h2 {
	color:#805224;
	font-size:1em;
	font-weight:bold;
	margin:0;
}
h3 {
	color:#004c98;
	font-size:130%;
	line-height: 150%;
}
p {
	margin:0 0 20px 0;
	padding:0;
}
.centerText {
	text-align:center;
	margin-top:20px;
}
.savingsTable {
	clear:both;
	width:85%;
	margin:0px auto 20px auto;
	border-collapse:collapse;
	font-weight:bold;
}
.savingsTable th{
	padding:10px 5px;
	background:#004c98;
	color:#FFF;
	text-align:center;
}
.savingsTable td{
	padding:8px 5px;
	color:#000;
	text-align:center;
}
.savingsTable .shade {
	background:#ffe7bf;
}
.savingsTable .alignLeft {
	text-align:left;
}
.savingsTable .mtnWater {
	color:#024b99;
	font-size:105%;
}
.savingsTable .note {
	font-size:.75em;
}
.caption {
	width:85%;
	margin:0 auto;
}
.caption img{
	float:left;
	margin-bottom:-5px;
}
.caption  div {
	padding-top:22px;
	text-align:right;
}
#container {
	width: 840px;
	margin: 5px auto;
	border: 1px solid #000000;
	text-align: left;
	position: relative;
	background-color:#ecf4fb;
}
#container.promotion {
	width:960px;
	margin: 5px auto;
	background-color:#ecf4fb;
}
.sunflower {
	margin:85px 0 0 0px;
	float: right;
}
.bubbleBoy{
	background:url(../images/index-bkgd.jpg) no-repeat bottom left;
}
#header {
	background: #ecf4fb;
	padding: 0;
	text-align: center;
}
.promotion #header {
	text-align:left;
	padding-left:20px;
}
#header h1 {
	margin: 0;
	padding: 50px 0;
}
#header a, #header img {
	border:none;
}
#nav {
	background:#004c99;
	padding-bottom: 1px;
	color: #FFF;
	height: 30px;
}
#footerNav {
	text-align:center;
}
#footerNav ul{
	margin:0;
	padding:0;
}
#footerNav ul li {
	list-style:none;
}

#footerNav a:active, #footerNav a:visited, #footerNav a:link {
	color:#FFF; 
	font-weight:Normal; 
	text-decoration:underline;
	background-color:transparent;
}
#footerNav a:hover {
	font-weight:bold; 
}

#sidebar1 {
	float: left;
	width: 120px;
	background: #ecf4fb;
	padding: 10px 5px 0 15px;
	font-weight:bold;
	color:#004c99;
	margin:10px 0 0 0;
}

#sidebar1 a:active, #sidebar1 a:visited, #sidebar1 a:link {color:#004c99; font-weight:bold; text-decoration: none;
background-color:transparent}
#sidebar1 a:hover {color:#004c99;  font-weight:bold; text-decoration: underline;
background-color:transparent}

#sidebar1 ul {
	margin:0;
	padding:0;
}
#sidebar1 ul li {
	list-style:none;
	margin-bottom: 5px;
	border-bottom:dashed 1px #004c98;
	padding:2px 0 6px 0;
}
.bulletList {
	margin:0 0 30px 0;
	padding:0;
}
.bulletLlist td {
	vertical-align:top;
}
.bulletList ul {
	margin:0;
	padding:0;
}
.bulletList li {
	list-style:none;
	background:url(../images/bullets.png) no-repeat 0 3px;
	padding:0 0 0 20px;
	margin:10px 0 0 0px;
}
#mainContent.genBubbleBgnd {
	background: url(../images/genericBubbleBgnd.jpg) no-repeat top left;
}
#mainContent {
	margin: 0 0 0 155px;
	padding: 20px 65px 20px 50px;
	position: relative;
}
#mainContent.promotion {
	background:url(../images/Water-Promotion-II.jpg) no-repeat top left;
	height:500px;
	margin:20px 0 0 0;
	padding: 10px 25px 20px 650px;
	clear: both;
}
#tableWrapper {
	padding:10px 5px 10px 10px;
	width:265px;
	background:#c5e2fb;
	border:solid 1px #999;
}
#tableWrapper table {
	border-collapse:collapse;
	margin:0;
}
#tableWrapper table th{
	text-align:right;
	padding:7px 5px;	
	font-weight:normal;
	vertical-align:top;
}
#tableWrapper table input{
	width:173px;	
}
#mainContent img.header {
	margin-bottom:20px;
}
#mainContent.widerPlease {
	padding: 10px 10px 20px 30px;
}
#mainContent.homePage {
	height: 697px;
	background:url(../images/bubleBackground.jpg) no-repeat top left;
}
#footer {
	padding: 0 10px 0 10px;
	background:#024b99;
	font-size:.7em;
	color:#CCC;
}
#footer p {
	margin: 0;
	padding: 0;
}
#footer #credit {
	float:right;
	width:300px;
	text-align:right;
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#contractBubble {
	position:absolute;
	top:313px;
	left:600px;
	z-index: 50;
	visibility: visible;
}
.centered {
	text-align:center;
}
.boldBlueTExt {
	font-size:1em;
	font-weight:bold;
	color:#004c99;
}
.products {
	float:left;
	padding:5px;
	font-size:0.85em;
	position: relative;
	margin-top: 20px;
}
.products .imgRight {
	position:absolute;
	top:2px;
	left:59px;
}
.products .sugars {
	position:absolute;
	top:133px;
	left:71px;
}
.products ul {
	margin:0;
	padding:0;
}
.products ul li {
	list-style:none;
	line-height:150%;
}

.tips {
	float:left;
	width:250px;
	padding:15px 40px 5px 0px;
	position: relative;
	font-size: 95%;
}
.imgLeft {
	float:left;
	margin:0px 5px 5px -140px;
}
.lineItem {
	padding:35px 0px 0 0;
	clear: right;
}
.lineItem ul {
	margin:0;
	padding:0;
	list-style:none;
}
.lineItem ul li {
	background:url(../images/bullets.png) no-repeat left 3px;
	padding-left:20px;
	line-height:130%;
	margin:10px 0 0 14px;
}
.lineItem div {
	float:right;
	width:370px;
}
.tips .waterLemmon {
	position:absolute;
	top:113px;
	left:100px;
}
.bottles {
	position:absolute;
	top:81px;
	left:250px;
}
.tips ol {
	margin:0 0 0 -8px;
	padding:0;
}
.tips ol li {
	line-height:150%;
	margin-bottom:15px;
}

#mmmGirl {
	background:url(../images/mmmGirl.jpg) no-repeat top left;
	padding:20px 0 0 425px;
	clear:both;
	height:263px;
}
#mmmGirl .callout {
	text-align:center;
}
#mmmGirl .callout {
	text-align:center;
}

.required {
	border:1px solid #999999;
	border-left:8px solid #4c8c1d;
}
#svcRequestForm table {
	border-collapse:collapse;
}
#svcRequestForm table th{
	background:#024b99;
	color:#FFF;
	text-align:left;
	padding:4px;
	font-weight:bold;
	border-left:solid 15px #ecf4fb;
}
#svcRequestForm table#dropDowns td{
	padding:3px 0 20px 10px;
}
#svcRequestForm select {
	font-size:.9em;
}
#svcRequestForm .smallField {
	width:175px;
}
#svcRequestForm .largeField {
	width:275px;
}
#svcRequestForm  #svcMainInfo {
	font-weight:bold;
	margin:20px 0 30px 0;
}
#svcRequestForm  #svcMainInfo td {
	padding:3px;
	vertical-align:top;
}
#svcRequestForm  #svcMainInfo input{
	width:250px;
}
#svcRequestForm  #svcMainInfo input.radio{
	width:20px;
}
.roSteps {
	position:absolute;
	text-align:center;
	font-weight:bold;
	width:160px;
}
.roSteps.first {
	top:82px;
	left:29px;
}
.roSteps.step1 {
	top:51px;
	left:368px;
}
.roSteps.step2 {
	top:166px;
	left:490px;
}
.roSteps.step3 {
	top:329px;
	left:490px;
}
.roSteps.step4 {
	top:509px;
	left:490px;
}
.roSteps.step5 {
	top:678px;
	left:490px;
}
.roSteps.step6 {
	top:692px;
	left:88px;
}
.roSteps.step7 {
	top:513px;
	left:88px;
}
.roSteps.step8 {
	top:294px;
	left:88px;
}
.indentImage {
	margin-left:58px;
	margin-top:30px;
}
.priceListcallout {
	margin-right: 25px;
	padding-left: 450px;
	margin-bottom: 30px;
}
#roSystem {
	position:absolute;
	top:381px;
	left:-140px;
}
ol {
	padding:0;
	margin:10px 0 0 15px;
}
ol li {
	margin:0 0 20px 10px;
}
ol li ol li {
	list-style:lower-alpha;
	margin:0 0 5px 50px;
}
#pageHeader {
	width:320px;
	text-align:left;
	float:right;
	padding-top: 0px;
}
#pageHeader.number {
	text-align:right;
	font-size:145%;
	font-weight:bold;
	color: #004c98;
	padding-top:16px;
}
#benefitsList {
	margin:0;
	padding:0;
}
#benefitsList li {
	margin-left:15px;
	margin-top:3px;
}
/*#########################################################*/
/*#             Account information styling                #*/
/*#########################################################*/
#billingInfo {
	border-collapse:collapse;
	width:100%;
}
#billingInfo th{
	text-align:left;
	padding: 10px;
	color:#000;
}
#billingInfo td.leftColumn{
	width:150px;
	text-align:right;
	padding:5px;
	font-weight:bold;
	border:solid 1px #004c99;
}
#billingInfo td {
	border:solid 1px #004c99;
	padding:5px;
}
#billingInfo td.noBorder {
	border:none;
}
.saveItem {
	border-top:solid 2px #004091;
	padding:5px;
}
.saveItem.btmBorder {
	border-bottom:solid 2px #004091;
	margin-bottom:5px;
}
.saveItem img {
	float:left;
}
.saveItem div {
	padding:5px 0 5px 165px;
}
.saveItem div h4 {
	color:#004091;
	margin:0;
}
.saveItem p.price {
	display:block;
	text-align:right;
	font-size:130%;
	font-weight:bold;
}
.saveItem .recommend {
	clear:left; 
	margin:0 0 10px 45px;
}

#promoTitle {
	text-align:center;
	padding:20px 0 30px 200px;
}
#promoTitle h1{
	font-size:230%;
	margin:0;
	padding:0;
	line-height:120%;
}