@import url("reset.css");
@import url("form.css");

* {
	color: #000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 100.01%;
	line-height: 1.5em;
}

html, body {
}

pre {
	font-family: "Courier New", Courier, monospace;
	word-wrap: break-word;
}

/* Container Section */

/* Set the image to use and establish the lower-right position */ 
#container, #header, #header h2, #content {
    background: transparent url(../images/background.png) no-repeat bottom right;     
} 

#container { 	
    margin: 10px auto; /* use to position the box */ 
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    width: 939px !important; /* intended total box width - padding-right(next) */
} 

/* Header Section */

/* Set the top-right image */ 
#header { 
    background-position: top right;
	margin-right: -15px; /* pull the right image over on top of border */
    /*padding-right: 40px; /* right-image-gap + right-inside padding */
} 

	/* Set the top-left image */ 
	#header div { 
	    background-position: top left; 
	    border: 0; /* ditto */ 
	    height: 0 !important;  
	    margin: 0; /* reset main site styles */ 
	    padding: 105px 0 24px 0; /* padding-left = image gap + interior padding ... no padding-right */
		position: relative;
	} 

	#header div h1 {	
		bottom: 2px;
		color: #accbea;
		font-size: 30px;
		position: absolute;
		right: 28px;
		text-transform: lowercase;
		overflow: hidden;
		width: auto;
	}

/* Menu Section */

#menu {	
	background: transparent url(../images/menu-bg.gif) repeat-x top left;
	display: block;
	height: 36px;
	font-size: 11px;
	font-weight: bold;
	margin: 0 -4px 0 12px;
	position: relative;
	text-transform: lowercase;	
}

	#menu ul {
		text-align: center;
		margin: 0px auto;		
		width: 626px;		
	}
		
		#menu ul li {
			background: url("../images/menu-spacer.gif") no-repeat left 50%;
			display: block;			
			float: left;
			padding: 0 0 0 2px;
		}

	 		#menu ul li.last {
				height: 26px;
				padding: 10px 0 0; 
	 		}

			#menu ul li a {
				color:#D5F1FF;
				display: block;
				float: left;
				height: 26px;
				padding: 10px 22px 0 22px; 
				text-decoration: none;
			}
			
			#menu ul li.home a:hover, #menu ul li.home a.selected {
				background: transparent url(../images/menu-home-hover.gif) no-repeat top center;
			}

			#menu ul li.about-us a:hover, #menu ul li.about-us a.selected {
				background: transparent url(../images/menu-about-us-hover.gif) no-repeat top center;
			}

			#menu ul li.services a:hover, #menu ul li.services a.selected {
				background: transparent url(../images/menu-services-hover.gif) no-repeat top center;
			}

			#menu ul li.our-products a:hover, #menu ul li.our-products a.selected {
				background: transparent url(../images/menu-our-products-hover.gif) no-repeat top center;
			}

			#menu ul li.free-trial a:hover, #menu ul li.free-trial a.selected {
				background: transparent url(../images/menu-free-trial-hover.gif) no-repeat top center;
			}
			
			#menu ul li.contact-us a:hover, #menu ul li.contact-us a.selected {
				background: transparent url(../images/menu-contact-us-hover.gif) no-repeat top center;
			}
			
/* Set the lower-left corner image */ 

#content { 
    background-position: bottom left; 
    /*margin-right: 10px; /* interior-padding right */ 
    padding: 16px 0 24px 23px; /* mirror #header right/left */ 
} 


#banner {
	margin-bottom: 12px;
}

/* Side Section */

#side {
	float: left;
	width: 266px;
	overflow: hidden;	
}


	#side div {
		margin-bottom: 10px;
	}
	
		#side div p {
			color: #1b2574;
			font-size: 9px;
			font-weight: bold;
			padding: 4px 0;
		}
		
		#side div p a {
			color: #1b2574;
		} 
		
			#side div p a:hover {
				text-decoration: underline;
			}

#wrapper {
	float: right;
	margin-right: 1px;
	width: 642px
}

	#wrapper #home {	
		float: left;
		width: 370px;
	}
	
		#wrapper #home div {
			background: url("../images/blue-line.gif") repeat-y;
		}
		
		#wrapper #home h2 {
			color: #fff;
			font-size: 13px;
			padding: 10px;
		}

			#wrapper #home h2 span {
				color: #fff;
				font-size: 17px;
			}

		#wrapper #home p {
			color: #fff;
			font-size: 12px;
			padding: 8px 10px;
		}
		
			#wrapper #home p strong {				
				color: #fff;
				margin-top:  -1px;
			}

		#wrapper #home ul {
		}
			
			#wrapper #home ul li {
				background: url("../images/home-link.gif");
				color: #1b2574;
				
				font-size: 12px;
				line-height: 2.5em;
				padding-left: 10px;
			}

			
	#wrapper #home-flash {
		background: #eef9fb;
		float: right;
		width: 266px;	
	}
	
	/* PowWow Customers */
	
	#wrapper #powwow {
		
	}
	
		#wrapper #powwow div {
			padding: 5px;	
		}
	
			#wrapper #powwow div form {
				
				float: right;
				width: auto;  
				margin-top: 120px;	
			}
		
		#wrapper #powwow div h1 {
			color: #cc3333;	
			font-size: 28px;
			font-weight: bold;
			line-height: 32px;
			padding-bottom: 10px;
			margin-bottom: 10px;
			border-bottom: 2px solid #a6a8ab;
		}
		
		#wrapper #powwow div h2 {
			color: #cc3333;
			font-size: 16px;
			line-height: 20px;
			font-weight: bold;
			margin-top: 10px;
			padding-top: 10px;
			margin-bottom: 15px;
			border-top: 2px solid #a6a8ab;
		}
		
		#wrapper #powwow div p {
			color: #7f8083;	
		}
			
			#wrapper #powwow div p strong {
				color: #7f8083;	
			}
		
		#wrapper #powwow div ul {
			list-style: disc;	
			margin-top: 15px;
		}
		
			#wrapper #powwow div ul li {
				margin: 0 0 3px 15px;
				color: #7f8083;
			}
			
		#wrapper #powwow div#round {
			border: 1px solid #7f8083;
			margin-top: 10px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
			
			#wrapper #powwow div#round strong {
				font-size: 13px;	
			}
			
				#wrapper #powwow div#round strong a {
					color: #29337d;	
				}

	#wrapper #about-us {
		border: 6px #abc12c solid;
		margin-bottom: 20px;
		overflow: hidden;
		padding: 10px;
		position: relative;
		width: 604px;		
	}

		#wrapper #about-us div.corner {
			/*background: url(../images/green-corner.gif) no-repeat bottom left;*/
			bottom: -6px;
			height: 70px;
			left: -6px;
			position: absolute;
			width: 72px;		
		}

		#wrapper #about-us div.info {
			float: left;
			width: 425px
		}
	
			#wrapper #about-us div.info p {				
				color: #909293;
				font-size: 11px;
				padding: 5px 0;
				border-top: 2px #abc12c solid;
			}
			
				#wrapper #about-us div.info p.top {
					border-top: none;
					padding: 0 0 5px;
					border-bottom: 4px #abc12c solid;
				}
				
				#wrapper #about-us div.info p.no-top {
					border-top: none;
				}
	
				#wrapper #about-us div.info p strong {
					color: #909293;					
				}
	
			#wrapper #about-us div.info h2 {
					color: #0082c8;
					font-size: 14px;
					font-weight: bold;
					padding: 5px 0;
			}
	
		#wrapper #about-us div.images {
			float: right;
		}
		
			#wrapper #about-us div.images ul li {
				text-align: center;
				margin-bottom: 10px;
			}
		
	#wrapper #services {
	}		
		
		#wrapper #services h2 {
			color: #9260a8;
			font-size: 16px;
			font-weight: bold;
			padding-bottom: 10px;
		}		
		
			#wrapper #services div {
				border: 6px #9260a8 solid;
				margin-bottom: 20px;
				overflow: hidden;
				padding: 10px;
				position: relative;
				width: 604px;						
			}
			
			#wrapper #services div img {
				float: right;
			}
			
			#wrapper #services div h3 {
				color: #909293;
				font-size: 12px;
				font-weight: bold;
			}

			#wrapper #services div p {
				color: #909293;
				font-size: 11px;
				padding-top: 7px;
			}
		
		#wrapper #services h4 {
			color: #9260a8;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			margin-top: -10px;
		}		

	#wrapper #our-products {
	}
	
		#wrapper #our-products h2 {
			color: #8fd2c5;
			font-size: 16px;
			font-weight: bold;
			padding-bottom: 10px;
		}		

			#wrapper #our-products h2 span {
				color: #444788;
			}

		#wrapper #our-products div.info {
			float: left;
			width: 440px;
		}

			#wrapper #our-products div.info p {
				color: #909293;
				font-size: 11px;
				padding: 5px 0;
			}

			#wrapper #our-products div.info div {
				border: 4px #8fd2c5 solid;
				margin-bottom: 10px;
			}
		
				#wrapper #our-products div.info div h3 {
					background: #8fd2c5;
					color: #fff;
					font-size: 13px;
					padding: 0 0 3px 10px;
				}

				#wrapper #our-products div.info div p {
					color: #909293;
					font-size: 11px;
					padding: 10px;
				}
				
					#wrapper #our-products div.info div p strong {
						color: #909293;
					}
		
		#wrapper #our-products div.images {
			float: right;
			width: 184px;
		}
					
			#wrapper #our-products div.images div.bottled-coolers {
				float: left;
				width: 82px;
			}

			#wrapper #our-products div.images div.mains-coolers {
				float: right;
				width: 82px;
			}

			#wrapper #our-products div.images div a {
				color: #0083c8;				
				display: block;
				font-size: 11px;
				line-height: 16px;
				margin-bottom: 10px;
				padding-top: 10px;
				text-align: center;
				text-decoration: underline;
			}
			
				#wrapper #our-products div.images div a:hover {
					text-decoration: none;
				}
			
	#wrapper #free-trial {
	}
	
		#wrapper #free-trial div {
			padding: 10px 20px 10px;
		}
		
			#wrapper #free-trial div img {
				float: right;
				margin-left: 10px;
			}
		
			#wrapper #free-trial div h2 {
				color: #f89421;
				font-size: 18px;
				font-weight: bold;
				padding-bottom: 10px;
			}		
		
			#wrapper #free-trial div p {
				color: #909293;
				font-size: 11px;
				padding: 5px 0;				
			}
		
				#wrapper #free-trial div p strong {
					color: #909293;
				}
		
			#wrapper #free-trial div.points p  {
				border-top: 2px #d1d2d4 solid;
				color: #f89421;
				font-size: 11px;
				font-weight: bold;
			}
			
				#wrapper #free-trial div.points p.last  {
					border-bottom: 2px #d1d2d4 solid;
				}

		#wrapper #free-trial div.contact {
			background: url(../images/free-trial-box.jpg) no-repeat;
			margin: 10px 0 0 18px;
			padding: 0;
		}
		
			#wrapper #free-trial div.contact p {
				color: #909293;
				font-size: 11px;
				font-weight: bold;
				padding: 10px 15px;								
			}
			
			#wrapper #free-trial div.contact p a {
				color: #1b2574;
			}
			
				#wrapper #free-trial div.contact p a:hover {
					text-decoration: underline;
				}
			
	#wrapper #contact-us {
		background: url(../images/contact-us-map.jpg) no-repeat;
		height: 606px;
		width: 635px;		
	}

		#wrapper #contact-us div.address {	
			color: #909293;	
			font-size: 11px;
			font-weight: bold;
			padding: 155px 27px 10px;
		}
		
		#wrapper #contact-us p.contact-info {
			font-weight: bold;
		}

			#wrapper #contact-us p.contact-info a {
				color: #1b2574;
			}
			
				#wrapper #contact-us p.contact-info a:hover {
					text-decoration: underline;
				}


		#wrapper #contact-us p.info {
			margin-top: 25px;			
		}

		#wrapper #contact-us p {
			color: #909293;	
			font-size: 11px;
			padding: 14px 27px;
			width: 275px;
		}


	#wrapper #contact-us-2 {
		height: 220px;
		width: 635px;		
	}

		#wrapper #contact-us-2 div.address {	
			color: #909293;	
			font-size: 11px;
			font-weight: bold;
			width: 275px;
		}
		
		#wrapper #contact-us-2 p.contact-info {
			font-weight: bold;
		}

			#wrapper #contact-us-2 p.contact-info a {
				color: #1b2574;
			}
			
				#wrapper #contact-us-2 p.contact-info a:hover {
					text-decoration: underline;
				}


		#wrapper #contact-us-2 p.info {
			/*margin-top: 25px;			*/
			padding: 0;
		}

		#wrapper #contact-us-2 p {
		float: right;
			color: #909293;	
			font-size: 11px;
			padding: 14px 0 0;
			width: 275px;
		}

	#wrapper #helpline {
		clear: both;
		margin-top: 10px;
	}


#water-chart {
	border-collapse: separate;
	border-spacing: 1px;
	width: 100%;
}

	#water-chart th, #water-chart td {
		color: #909293;	
		font-size: 11px;
		padding: 5px 7px;
	}

	#water-chart th {
		font-weight: bold;
		text-align: left;		
	}



/* Misc Section */

.no-border {
	border: none !important;
}

.odd {
	background: #e6f4f0;
}