/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;	
	font-family: verdana;
	font-size : 8pt;
	color: Black;
	margin-right: 0em;
}

p.nogap 
{
    margin-top:0em    
}

h1 
{      
    font-family: verdana;
    font-weight: normal;
    margin-bottom: 1em;
    font-size: 12pt;
    color: Black;        
}

h2 
{  
    margin-top: 0em;
    margin-bottom: 0em;
    color: #009ddc;
    font-size: 9pt;
    font-family: verdana;
}

h3 {
    margin-top: 0em;
    margin-bottom: 0em;
    color: #009ddc;
    font-size: 9pt;
    font-family: verdana;
}

h4 {
    margin-top: 0em;
    margin-bottom: 0em;
    color: Black;
    font-size: 9pt;
    font-family: verdana;
}

h5 {
    margin-top: 0em;
    margin-bottom: 0em;
    color: #009ddc;
    font-size: 12pt;
    font-weight: normal;
    font-family: verdana;
}

h6 
{
    margin-top: 0em;
    margin-bottom: 0em;
    color: #009ddc;
    font-size: 9pt;
    font-weight: normal;
    font-family: verdana;   
}

p, ul, ol, blockquote {
	margin-top: 0;
}

a:link img
{
    border: none;
    text-decoration: none;
} 

a:visited img
{
    border: none;
    text-decoration: none;
} 

a:link {
	border-bottom: 1px dotted #CCCCCC;
	text-decoration: none;
	color: #009ddc;	
}

a:visited 
{
    border-bottom: 1px dotted #CCCCCC;
    color: #009ddc;
    text-decoration: none;
}

a:hover 
{
	border: none;
	text-decoration:none;
	font-size: 8pt;
    font-weight: bold;
}

a:visited:hover 
{
    border: none;
    font-size: 8pt;
    font-weight: bold;
	text-decoration:none;
}

/* Header */

#headerBig {
	width: 950px;
	height: 280px;
	margin: 2px auto;
	background: url(../images/header950.jpg);
	position: relative;
}

#headerSmall 
{
    width: 950px;
	height: 280px;
	margin: 2px auto;
	background: url(../images/header950.jpg);
	position: relative;
}

/*
#header * {
	margin: 0;
	border: none;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: normal;
	color: #FFFFFF;
}*/

#header h1 {
	float: left;
	padding: 140px 0 0 20px;
	font-size: 3em;
}

#header h2 {
	float: left;
	padding: 165px 0 0 3px;
	font-size: 1em;
}

/* Menu */

#menu {
	width: 1000px;
	height: 41px;
	margin: 0 auto;
	background: #37AEF2 url(images/img2.gif)
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: right;
	height: 32px;
	padding: 9px 20px 0 20px;
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover, #menu .active a {
	background: url(images/img3.gif);
	color: #FFFFFF;
}

/* Content */

#content {
	width: 950px;
	margin: 18px auto;
	border-left: 1px dotted #C4C4C4;
	border-right: 1px dotted #C4C4C4;
}

#colOne {
	float: left;
	width: 150px;
	padding: 0 0 0 0;
}

/* Main body text on front page */
#colTwo {
	float: left;
	width: 530px;
	padding: 0 0 0 0;
	color: Black;
}

#colThree {
	float: left;
	width: 170px;
}

#colContentOne {
	float: left;
	width: 180px;
	padding: 0 0 0 0;
	margin-right:10px;		
}

#colContentTwo {
	float: left;
	width: 530px;
	padding: 0 0 0 0;
	border-left: 1px dotted #C4C4C4;
}

#colContentThree {
	float: left;
	width: 170px;
	padding: 0 0 0 0;
}

/* Footer */

#footer {
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0;	
	font-size: 8pt;
	border-top: 1px dotted #C4C4C4;    
	border-bottom: 1px dotted #C4C4C4;
}

#footer * {
	color: Black;
}

#footerContent {
	width: 950px;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 8pt;
	border-top: 1px dotted #C4C4C4;
	border-bottom: 1px dotted #C4C4C4;
	float: left;
}

#footerContent * {
	color: Black;
}

#footerContentGreen {
	width: 950px;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 8pt;
	border-top: 1px dotted #C4C4C4;
	border-bottom: 1px dotted #C4C4C4;
	float: left;
}

#footerContentGreen * {
	color: Black;
}


div#HomePageColLeft {
    float:left; 
    width:210px;
    background-color:#FFFFFF;
    margin-left:20px;
    margin-top:20px;
}

div#HomePageColLeftContent {
    background-color:#E9F1FC;
    margin-left:30px; 
    padding: 10px 10px 10px 10px; 
    position:relative;
        top:-30px;  
        left:-28px;
        z-index: 0;
}

div#HomePageColRight {
    float:left; 
    width:230px;
    background-color:#FFFFFF;
    margin-left:10px;
    margin-right:10px;
    margin-top:1px;
}

div#HomePageColRightContent1 {
    background-color:#E9F1FC; 
	height:60px;
    margin-left:30px;  
	padding: 2px 2px 2px 2px;
    position:relative;
        top:-30px;  
        left:-12px;
    margin-top:20px;     
}

div#HomePageColRightContent1a 
{
    font-size: 8pt;
    background-color:#E9F1FC; 
    margin-left:30px;  
    position:relative;
	top:-21px;
    left:-12px;
    margin-top:40px;     
}

div#HomePageColRightContent2 {
    background-color:#DEEBD8;
    margin-left:30px;  
    position:relative;
        top:-30px;  
        left:-12px;
    margin-top:20px;
}

div#HomePageColRightContent2a 
{
    font-size: 8pt;
    background-color:#DEEBD8;
    margin-left:30px;  
    position:relative;
        top:-15px;  
        left:-12px;
}

div#HomePageColRightContent3 {
    background-color:#E9F1FC;
    margin-left:30px;  
    position:relative;
        top:-30px;  
        left:-12px;
    margin-top:20px;
}

div#HomePageColRightContent3a 
{
    font-size: 8pt;
    background-color:#E9F1FC;
    margin-left:30px;  
    position:relative;
        top:-15px;  
        left:-12px;
}

div#HomePageColRightContent4 {
    background-color:#E2E0EF;
    margin-left:30px;  
    position:relative;
        top:-30px;  
        left:-12px;
    margin-top:20px;
}

div#HomePageColRightContent4a 
{
    font-size: 8pt;
    background-color:#E2E0EF;
    margin-left:30px;  
    position:relative;
        top:-15px;  
        left:-12px;
}

div#FlashHeaderContent 
{
    width:590px;
    height:100px;
    position: absolute;
    bottom: 40px;
    right: 0;
}

div#TopMenuBarLocation {
    position:relative;
}

div#TopMenuBar {
    Width:570px;
    position:absolute;
            top:24px;
            right:141px;
}

div#ContentColLeft {
    float:left; 
    width:210px;
    background-color:#FFFFFF;
    margin-left:20px;
    margin-top:20px;
}

div#ContentColLeftText {
    float:left; 
    width:150px;
    padding: 3px 3px 3px;
    background-color:#FFFFFF;
    margin-left:0px;
    margin-top: 25px;
    padding-top:15px;
}

div#ContentColLeftBoxText {
    background-color:#E9F1FC;
    margin-left:45px;     
    padding: 15px 10px 10px 10px;     
    width:140px;
    height:270px;
    position:relative;  
        top: 0px;  
        left:-28px;
        z-index: 0;
}

div#ContentColMiddleText {
    float:left; 
    width:480px; 
    background-color:#FFFFFF;
    margin-left:0px;
    margin-top: 2px;    
}

div#ContentColRightText {
    float:left; 
    width:170px;  
    background-color:#FFFFFF;
    margin-left:0px;
    margin-top: 2px;
    padding-top:0px;
}

div#ContentColRightBoxText {
    float:left; 
    width:25px;  
    background-color:#FFFFFF;
    margin-left:0px;
    margin-top: 25px;
    padding-top:0px;
}

div#AboutUsColLeft {
    float:left; 
    width:150px;
    padding: 3px 3px 3px;
    background-color:#FFFFFF;
    margin-left:0px;
    margin-top: 90px;
    padding-top:10px;
}

.hr {
  border: 1px solid #009ddc;
  width: 100%;
  color:#009ddc;
  height:1px;
}

.hr2 {
  border: 1px dotted #CCCCCC;
  width: 158.5%;
  position: relative;
    left: -15px;
  color:#002D66;
  height:1px;
}

.bubblesLeft
{
    width: 20px;
    height: 500px;
    position: relative;
    left: -21px;
    top: 66px;
}

.bubblesRight
{
    width: 20px;
    height: 500px;
    position: relative;
    left: 950px;
    top: -434px;
}

.homeLink
{
    width: 150px;
    height: 150px;
    position: relative;
    cursor: hand;
    top: -1000px;
    left: 77px;
}

.divFacts {
    width: 160px;
    height: 200px;
    position: relative;
        top: 20px;
        left: 20px;
    background-color:#E9F1FC;
    
}

.divFactsInner {
    width:140px;
    height:100px;
    position:relative;
        top: 0px;
        left:20px;
    color: #009ddc;
    font: verdana;
    font-size: 9pt;
}

.calcBox
{
    background-color: #e9f1fc;
    border: solid 3px #009ddc;
    width: 200px;
    height: 220px;
    padding: 5px;
    text-align: center;
}

.calcBox h1 
{
    font-size: 12px;
    color: #000000;
}

.calcBox input, .calcBox select, .calcBox p
{
    font-size: 10px;
}

.calcBox input.btn
{
    background-color: #009ddc;
    color: White;
    border: 1px solid;
}

.nfo
{
    color: black;
}

.footerGreen
{
    color: #008C5F;
    font-size: 8pt; 
    padding-right: 10px;
}

/* Table specs */
.tableBlue
{    
    background: #005B7E;       
    border: solid 1px #005B7E;
}

.tableRowBlue
{
    color: black;    
    background-color: #0085AE;    
    border: solid 3px #005500;
}

.tableRowDarkBlue
{
    color: black;    
    background-color: #0098D4;
    border: solid 3px #005500;
}

.blackLinkText:link
{
    color: Black;
}

.blackLinkText:visited
{
    color: Black;
}

.blackLinkText:hover
{
    color: Black;
}

.blackLinkText:visited:hover
{
    color: Black;
}

.customerLogos
{
    width: 100px;
    height: 100px;
}


/* Green Information Box Link */
a#textHoverGreen:link
{
    color: #5A9D22;
}
a#textHoverGreen:visited
{
    color: #5A9D22;
}
a#textHoverGreen:hover 
{
    color: #5A9D22;
}
a#textHoverGreen:visited:hover
{
    color: #5A9D22;
}

/* Blue Information Box Link */
a#textHoverBlue:link
{
    color: #009DDC;
}
a#textHoverBlue:visited
{
    color: #009DDC;
}
a#textHoverBlue:hover
{
    color: #009DDC;
}
a#textHoverBlue:visited:hover
{
    color: #009DDC;
}

/* Purple Information Box Link */
a#textHoverPurple:link
{
    color: #5454AC;
}
a#textHoverPurple:visited
{
    color: #5454AC;
}
a#textHoverPurple:hover
{
    color: #5454AC;
}
a#textHoverPurple:visited:hover
{
    color: #5454AC;
}

/* No underline on a image link */
a#imgLinkNoUnderline:hover
{
    text-decoration: none;
    border: none 0 white;
}

/* reduce size of text when on hover */
.smallLinkHover:hover
{
    font-size: 8pt;    
}

.fountains
{
position: relative;
background: url(../images/watercooler2.jpg) no-repeat;
width: 100px;
height: 100px;
padding: 0 0 1px 0;
}

.fountains a
{
display: block;
color: #000000;
width: 100px;
height: 100px;
float: left;
text-decoration: none;
}

.fountains img
{
width: 100px;
height: 100px;
border: 0
}

.fountains a:hover img
{
visibility:hidden
}

.fountains span
{
position: absolute;
left: 0px;
top: 110px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

.fountainssmall
{  
position: relative;
background: url(../images/watercooler2small.jpg) no-repeat;
width: 70px;
height: 70px;
padding: 0px 0px 40px 0px;
}

.fountainssmall a
{
display: block;
color: #000000;
width: 70px;
height: 70px;
float: left;
text-decoration: none;
}

.fountainssmall img
{
width: 70px;
height: 70px;
border: 0
}

.fountainssmall a:hover img
{
visibility:hidden
}

.fountainssmall span
{
position: absolute;
left: 0px;
top: 80px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

.wallmountedboilers
{
position: relative;
background: url(../images/wallboiler.jpg) no-repeat;
width: 100px;
height: 100px;
padding: 0 0 1px 0;
}

.wallmountedboilers a
{
display: block;
color: #000000;
width: 100px;
height: 100px;
float: left;
text-decoration: none;
}

.wallmountedboilers img
{
width: 100px;
height: 100px;
border: 0
}

.wallmountedboilers a:hover img
{
visibility:hidden
}

.wallmountedboilers span
{
position: absolute;
left: 0px;
top: 110px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.wallmountedboilerssmall
{
position: relative;
background: url(../images/wallboilersmall.jpg) no-repeat;
width: 70px;
height: 70px;
padding: 0px 0px 40px 0px;
}

.wallmountedboilerssmall a
{
display: block;
color: #000000;
width: 70px;
height: 70px;
float: left;
text-decoration: none;
}

.wallmountedboilerssmall img
{
width: 70px;
height: 70px;
border: 0
}

.wallmountedboilerssmall a:hover img
{
visibility:hidden
}

.wallmountedboilerssmall span
{
position: absolute;
left: 0px;
top: 80px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.undersinksystems
{
position: relative;
background: url(../images/undersinkboiler.jpg) no-repeat;
width: 100px;
height: 100px;
padding: 0 0 1px 0;
}

.undersinksystems a
{
display: block;
color: #000000;
width: 100px;
height: 100px;
float: left;
text-decoration: none;
}

.undersinksystems img
{
width: 100px;
height: 100px;
border: 0
}

.undersinksystems a:hover img
{
visibility:hidden
}

.undersinksystems span
{
position: absolute;
left: 0px;
top: 110px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.undersinksystemssmall
{
position: relative;
background: url(../images/undersinkboilersmall.jpg) no-repeat;
width: 70px;
height: 70px;
padding: 0px 0px 40px 0px;
}

.undersinksystemssmall a
{
display: block;
color: #000000;
width: 70px;
height: 70px;
float: left;
text-decoration: none;
}

.undersinksystemssmall img
{
width: 70px;
height: 70px;
border: 0
}

.undersinksystemssmall a:hover img
{
visibility:hidden
}

.undersinksystemssmall span
{
position: absolute;
left: 0px;
top: 80px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.bubblers
{
position: relative;
background: url(../images/bubbler01.jpg) no-repeat;
width: 100px;
height: 100px;
padding: 0 0 1px 0;
}

.bubblers a
{
display: block;
color: #000000;
width: 100px;
height: 100px;
float: left;
text-decoration: none;
}

.bubblers img
{
width: 100px;
height: 100px;
border: 0
}

.bubblers a:hover img
{
visibility:hidden
}

.bubblers span
{
position: absolute;
left: 0px;
top: 110px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.bubblerssmall
{
position: relative;
background: url(../images/bubbler01small.jpg) no-repeat;
width: 70px;
height: 70px;
padding: 0px 0px 40px 0px;
}

.bubblerssmall a
{
display: block;
color: #000000;
width: 70px;
height: 70px;
float: left;
text-decoration: none;
}

.bubblerssmall img
{
width: 70px;
height: 70px;
border: 0
}

.bubblerssmall a:hover img
{
visibility:hidden
}

.bubblerssmall span
{
position: absolute;
left: 0px;
top: 80px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 


.allproducts
{
position: relative;
background: url(../images/waterglasses.jpg) no-repeat;
width: 100px;
height: 100px;
padding: 0 0 1px 0;
}

.allproducts a
{
display: block;
color: #000000;
width: 100px;
height: 100px;
float: left;
text-decoration: none;
}

.allproducts img
{
width: 100px;
height: 100px;
border: 0
}

.allproducts a:hover img
{
visibility:hidden
}

.allproducts span
{
position: absolute;
left: 0px;
top: 110px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.allproductssmall
{
position: relative;
background: url(../images/waterglassessmall.jpg) no-repeat;
width: 70px;
height: 70px;
padding: 0px 0px 40px 0px;
}

.allproductssmall a
{
display: block;
color: #000000;
width: 70px;
height: 70px;
float: left;
text-decoration: none;
}

.allproductssmall img
{
width: 70px;
height: 70px;
border: 0
}

.allproductssmall a:hover img
{
visibility:hidden
}

.allproductssmall span
{
position: absolute;
left: 0px;
top: 80px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


.filters
{
position: relative;
background: url(../images/boilnchill02.jpg) no-repeat;
width: 100px;
height: 100px;
padding: 0 0 1px 0;
}

.filters a
{
display: block;
color: #000000;
width: 100px;
height: 100px;
float: left;
text-decoration: none;
}

.filters img
{
width: 100px;
height: 100px;
border: 0
}

.filters a:hover img
{
visibility:hidden
}

.filters span
{
position: absolute;
left: 0px;
top: 110px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.filterssmall
{
position: relative;
background: url(../images/boilnchill02small.jpg) no-repeat;
width: 70px;
height: 70px;
padding: 0 0 40px 0;
}

.filterssmall a
{
display: block;
color: #000000;
width: 70px;
height: 70px;
float: left;
text-decoration: none;
}

.filterssmall img
{
width: 70px;
height: 70px;
border: 0
}

.filterssmall a:hover img
{
visibility:hidden
}

.filterssmall span
{
position: absolute;
left: 0px;
top: 80px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.accessories
{
position: relative;
background: url(../images/fridgepack.jpg) no-repeat;
width: 100px;
height: 100px;
padding: 0 0 1px 0;
}

.accessories a
{
display: block;
color: #000000;
width: 100px;
height: 100px;
float: left;
text-decoration: none;
}

.accessories img
{
width: 100px;
height: 100px;
border: 0
}

.accessories a:hover img
{
visibility:hidden;
}

.accessories span
{
position: absolute;
left: 0px;
top: 110px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.accessoriessmall
{
position: relative;
background: url(../images/fridgepacksmall.jpg) no-repeat;
width: 70px;
height: 70px;
padding: 0 0 40px 0;
}

.accessoriessmall a
{
display: block;
color: #000000;
width: 70px;
height: 70px;
float: left;
text-decoration: none;
}

.accessoriessmall img
{
width: 70px;
height: 70px;
border: 0
}

.accessoriessmall a:hover img
{
visibility:hidden;
}

.accessoriessmall span
{
position: absolute;
left: 0px;
top: 80px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.freshcup
{
position: relative;
background: url(../images/freshcup.jpg) no-repeat;
width: 100px;
height: 100px;
padding: 0 0 1px 0;
}

.freshcup a
{
display: block;
color: #000000;
width: 100px;
height: 100px;
float: left;
text-decoration: none;
}

.freshcup img
{
width: 100px;
height: 100px;
border: 0
}

.freshcup a:hover img
{
visibility:hidden
}

.freshcup span
{
position: absolute;
left: 0px;
top: 110px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

.freshcupsmall
{  
position: relative;
background: url(../images/freshcupsmall.jpg) no-repeat;
width: 70px;
height: 70px;
padding: 0px 0px 37px 0px;
}

.freshcupsmall a
{
display: block;
color: #000000;
width: 70px;
height: 70px;
float: left;
text-decoration: none;
}

.freshcupsmall img
{
width: 70px;
height: 70px;
border: 0
}

.freshcupsmall a:hover img
{
visibility:hidden
}

.freshcupsmall span
{
position: absolute;
left: 0px;
top: 80px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

.fillyourownbottles
{
position: relative;
background: url(../images/fillyourownbottles.png) no-repeat;
width: 100px;
height: 100px;
padding: 0 0 39px 0;
}

.fillyourownbottles a
{
display: block;
color: #000000;
width: 100px;
height: 100px;
float: left;
text-decoration: none;
}

.fillyourownbottles img
{
width: 100px;
height: 100px;
border: 0
}

.fillyourownbottles a:hover img
{
visibility:hidden
}

.fillyourownbottles span
{
position: absolute;
left: 0px;
top: 110px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

.fillyourownbottlessmall
{  
position: relative;
background: url(../images/fillyourownbottlessmall.png) no-repeat;
width: 70px;
height: 70px;
padding: 0px 0px 37px 0px;
}

.fillyourownbottlessmall a
{
display: block;
color: #000000;
width: 70px;
height: 70px;
float: left;
text-decoration: none;
}

.fillyourownbottlessmall img
{
width: 70px;
height: 70px;
border: 0
}

.fillyourownbottlessmall a:hover img
{
visibility:hidden
}

.fillyourownbottlessmall span
{
position: absolute;
left: 0px;
top: 80px;
margin: 0px;
padding: 0px;
cursor: pointer;
}