* {
margin:0px;
}

p,h1,h2,pre {
margin:0 30px 10px;
}

h1 {
font-size:24px;
padding-top:10px;
padding-left:5px;

}

h2 {
font-size:18px;
padding-top:10px;
padding-left:5px;

}

h3 {
font-size:16px;
padding-top:10px;
padding-left:10px;
padding:10px;
padding-left:5px;

}

img, td {
border:none;
}

body {
text-align:left;
font-family:'Arial', 'trebuchet ms', 'Lucida Grande', 'tahoma';
font-size:12px;
color:#ffffff;
background-color: #84B6DC;
background-repeat: no-repeat;
background-position: 0% 0%;
}

#dealerlocator {
color:#000000;
}


p {
font-size:14px;
padding:10px;
padding-left:5px;
}

#frame {
width:1024px;
min-height:648px;
background-color: #84B6DC;
background-image:url(images/Inside-Page2_03.jpg);
margin-right:auto;
margin-left:auto;
margin-top:0px;
text-align:left;
padding:0;
}

#frame2 {
width:1024px;
min-height:648px;
background-color: #84B6DC;
margin-right:auto;
margin-left:auto;
margin-top:0px;
text-align:left;
padding:0;
}

#frame2 a {
color:#1B78BE;
text-decoration:none;
}

#frame2 a:hover {
color:#FFD302;
text-decoration:none;
}

#header {
height:82px;
width:1024px;
text-align:center;
}

#header_nav {
height:167px;
width:785px;
}

#inline {
height:65px;
display:inline;
}

#topnav_water {
display:inline;
height:167px;
width:785px;}

#topnav_water a {
text-decoration:none;
display:inline;
float:left;
height:167px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/bg_off.jpg);
background-position:bottom;
}



#topnav_water a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/bg_on.jpg);
color:#ffffff;
}


#topnav_water ul {
margin:0 0 0 200px;
padding:0;
}

#topnav_water li {
display:inline;
}

#topnav {
display:inline;
height:167px;
width:785px;
}

#topnav a {
text-decoration:none;
display:inline;
float:left;
height:167px;
position:relative;
top:0px;
padding-right:0px;
padding-left:0px;
text-transform:none;
font-weight:700;
padding-top:0px;
color:#ffffff;
background-image:url(images/bg_off.jpg);
background-position:bottom;
}



#topnav a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/bg_on.jpg);
color:#ffffff;
}


#topnav ul {
margin:0 0 0 200px;
padding:0;
}

#topnav li {
display:inline;
}


#faq {
height:167px;
width:185px;
}

#faq a {
text-decoration:none;
display:inline;
float:left;
height:167px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/WaterWebDesignBIG_NEW_02.jpg);
background-position:bottom;
}



#faq a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/rollover_position1.png);
color:#ffffff;
}


#faq ul {
margin:0 0 0 200px;
padding:0;
}

#faq li {
display:inline;
}

#why {
height:167px;
width:193px;

}

#why a {
text-decoration:none;
display:inline;
float:left;
height:167px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/WaterWebDesignBIG_NEW_03.jpg);
background-position:bottom;
}



#why a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/rollover_position1.png);
color:#ffffff;
}


#why ul {
margin:0 0 0 200px;
padding:0;
}

#why li {
display:inline;
}

#coolers {
height:167px;
width:206px;
}

#coolers a {
text-decoration:none;
display:inline;
float:left;
height:167px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/WaterWebDesignBIG_NEW_04.jpg);
background-position:bottom;
}



#coolers a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/rollover_position2.png);
color:#ffffff;
}


#coolers ul {
margin:0 0 0 200px;
padding:0;
}

#coolers li {
display:inline;
}


#contact {
height:167px;
width:201px;
}

#contact a {
text-decoration:none;
display:inline;
float:left;
height:167px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/WaterWebDesignBIG_NEW_05.jpg);
background-position:bottom;
}



#contact a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/rollover_position3.png);
color:#ffffff;
}


#contact ul {
margin:0 0 0 200px;
padding:0;
}

#contact li {
display:inline;
}

#photos {
height:76px;
width:71px;
}

#photos a {
text-decoration:none;
display:inline;
float:left;
height:76px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/nav_photos_off.jpg);
background-position:bottom;
}



#photos a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/rollover_position4.png);
color:#ffffff;
}


#photos ul {
margin:0 0 0 200px;
padding:0;
}

#photos li {
display:inline;
}

#application {
height:76px;
width:71px;
}

#application a {
text-decoration:none;
display:inline;
float:left;
height:76px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/nav_application_off.jpg);
background-position:bottom;
}



#application a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/nav_application_on.jpg);
color:#ffffff;
}


#application ul {
margin:0 0 0 200px;
padding:0;
}

#application li {
display:inline;
}

#career {
height:76px;
width:71px;
}

#career a {
text-decoration:none;
display:inline;
float:left;
height:76px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/nav_career_off.jpg);
background-position:bottom;
}



#career a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/nav_career_on.jpg);
color:#ffffff;
}


#career ul {
margin:0 0 0 200px;
padding:0;
}

#career li {
display:inline;
}

#circle {
height:76px;
width:71px;
}

#circle a {
text-decoration:none;
display:inline;
float:left;
height:76px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/circle_off.jpg);
background-position:bottom;
}



#circle a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/circle_on.jpg);
color:#ffffff;
}


#circle ul {
margin:0 0 0 200px;
padding:0;
}

#circle li {
display:inline;
}


#main {
width:100%;
height:600px;
background-image:url(images/stainless_large.jpg);
background-attachment:fixed;
background-repeat: no-repeat;
background-position: 0% 0%;
background-color:#4E505C;
float:left;
min-height:300px;
padding:0;
}

#main a {
color:#ffffff;
font-style:normal;
text-decoration:underline;
}

#main a:visited {
color:#ffffff;
font-style:normal;
text-decoration:underline;
}

#main a:hover {
text-decoration: none;
color: #ff0000; 
}



#footer {
padding-top:10px;
width:100%;
float:none;
height:100%;
font-size:1.0em;
text-align:center;
background-color:#84B6DC;
background-repeat:repeat-y;
font-family:'Georgia', 'trebuchet ms', 'Lucida Grande', 'tahoma';
}



#footer a {
text-decoration:none;
display:inline;
float:none;
height:15px;
position:relative;
top:-1px;
padding-right:9px;
padding-left:9px;
text-transform:uppercase;
font-weight:700;
padding-top:5px;
color:#56514c;
}

#footer a:hover {
text-decoration: none;
background:#84B6DC;
background-repeat:repeat-x;
color:#ffffff;
}

#footer ul {
margin:0 0 0 0px;
padding:0;
}

#footer li {
display:inline;
}

.footer2 {
width:100%;
float:none;
height:100%;
font-size:1.0em;
text-align:center;
background-color:#84B6DC;
background-repeat:repeat-y;

}



.footer2 a {
text-decoration:none;
display:inline;
float:none;
height:15px;
position:relative;
color:#ffffff;
}

.footer2 a:hover {
text-decoration: none;
background:#84B6DC;
color:#000000;
}

#leftnav {
width:244px;
height:600px;
background-image:url(images/stainless_large2.jpg);
background-attachment:fixed;
background-repeat: no-repeat;
background-position: 0% 0%;
background-color:transparent;
min-height:1000px;
font-size:12px;
float:left;
padding:0;
}

#leftnav ul {
list-style: none;
margin:0px;
padding-left:11px;
}

#leftnav li {
margin:0px;
padding:0px;
}


#leftnav a {
color:#ffffff;
font-size:12px;
font-weight:bold;
font-style:normal;
text-decoration:none;
}

#leftnav a:visited {
color:#ffffff;
font-size:12px;
font-style:normal;
text-decoration:none;
}

#leftnav a:hover {
text-decoration: none;
color: #FF0000; 
font-size: 12px;
}

.funkyblue {
color:#339999;
font-size:16px;
font-weight:bold;
}


#rightnav {
width:175px;
font-size:16px;
float:right;
padding:0;
}

#faq2 {
width:675px;
heigth:100%;
padding-left:50px;
}

#faq2 a {
color:#095AA5;
font-size:12px;
font-weight:bold;
font-style:normal;
text-decoration:underline;
}

#faq2 a:visited {
color:#095AA5;
font-size:12px;
font-style:normal;
text-decoration:underline;
}

#faq2 a:hover {
text-decoration: underline;
background-color: #fff;
color: #8FCA18; 
font-size: 12px;
}




#padding {
width:800px;
background-color:#84B6DC;
margin-right:100px;
margin-left:100px;
margin-top:0px;
text-align:left;
padding:0;
}

#padding img {
padding:10px;
}



a.rollover1 {
    display: block;
	width: 195px;
	height: 35px;
    text-decoration: none;
    background: url('images/moredetails2.jpg');
}

a.rollover1:hover {
    background-position: -195px 0;
}









#info {position:relative;}
p.bold {padding-left:15px; color:#c00;}
a.linkup {position:relative;}
a.buttonup {position:absolute; top:200px; left:650px; border:0;}
a.buttonup img {border:0;}
.gleft {float:left; margin:25px 0 10px 0;}
.gright {float:right; margin:25px 5px 10px 0;}
.grc {margin:20px 0 0 10px;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:1024px; height:32px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #FFCC00;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:1024px; w\idth:1024px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:170.5px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:170.5px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#ffffff; font-family:'Georgia', 'trebuchet ms', 'Lucida Grande', 'tahoma'; width:170.5px; height:30px; border:1px solid #FFCC00; border-width:1px 0 1px 1px; background:#1C78BE; padding-left:0px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:169px; w\idth:169px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#AAD5F6  bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#0461A6  bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#0461A6 bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#AAD5F6;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#0461A6;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #FFCC00;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:170.5px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#AAD5F6; color:#000000; height:auto; line-height:1em; padding:5px 0px; width:170.5px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:170.5px;w\idth:170.5px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ffffff; background:#0461A6;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#0461A6;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}