/* hack to correct IE5.5 faulty box model */
/* html .menu {width:801px;}
/* remove all the bullets, borders and padding from the default list styling */

.menu ul ul { /*width adjusts the grey rollover box on first sublevel */
	margin:0px;
	padding:0px;
	
	height:25px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	visibility:hidden;position:absolute; width:530px;background-color:#999; float:left;
}

.menu ul ul.short {
	width: 400px !important;
}






/* a hack so that IE5.5 faulty box model is corrected */
/* html .menu a, * html .menu a:visited {width:130px; }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background-color:#999;}
/* style the second level hover */
.menu ul ul a.drop:hover{background-color:#999;}
.menu ul ul :hover > a.drop {background-color:#999;}
/* style the third level background */



/* hide the sub levels and give them a positon absolute so that they take up no room */
/*.menu ul ul {margin:0px; padding:0px;visibility:hidden;position:absolute; width:470px;background-color:#999; float:left}
/* another hack for IE5.5 */
/* html .menu ul ul {top:30px;}

/* position the third level flyout menu */
.menu ul ul ul{ background:none; border:none; margin:0px; padding:0px}

.menu ul ul li{float:left;; margin:0px; padding:0px;}

/* 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 {
	
	color:#000;
	height:auto;
width:120px;
	line-height:25px;
	padding-left:6px;
	padding-right:6px;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
/* yet another hack for IE5.5 */
/* html .menu ul ul ;a, * html .menu ul ul a:visited {width:150px}

/* style the top level hover */

	
.menu ul ul a:hover, .menu a:hover{color:#000; background-color:#000 }


.menu :hover > a {color:#000; background-color:#999;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	
	border-right-color: #FFF;
	border-bottom-color:#999;
	border-left-color: #FFF;}

.menu ul ul :hover > a {
	color:#FFF;
	background-color:#999;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/2ndrollover.gif);
	background-repeat: no-repeat;
	background-position: center center;	
}
.menu ul ul ul a, .menu ul ul ul a:visited, .menu ul ul ul a:hover {background:none; border:none;margin:0px;padding:0px;width:100px; font-size:10px; color:#FFF; font-weight:normal}
/* style the third level hover */

.menu ul ul li:hover{
	}
/* 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;}



.bottominfo .left {
	margin: 0px;
	padding: 2px;
	padding-left:4px;
	padding-top:6px;
	float: left;
	width: 542px;
}
.mainholder {
	background-image: url(../images/homelsectionmiddle.gif);
	background-repeat: repeat-y;
	margin-top: 3px;
	margin-bottom: 4px;
	padding: 0px;
	float: left;
	width: 542px;
	margin-right: 0px;
	margin-left: 0px;
}
.bottominfo .right {
	margin: 0px;
	padding: 2px;
	float: left;
	
	width: 358px;
}
.mainholder .top {
	background-image: url(../images/homelsectiontop.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 2px;
	width: 542px;
}
.mainholder .bottom {
	background-image: url(../images/homelsectionbottom.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 2px;
	width: 542px;
}
.mainholder .middle{
	
	margin: 0px;
	padding: 0px;
	float: left;
	padding-left:4px;
	padding-right:4px;
	width: 534px;
}
.middle #faq {
	background-image: url(../images/faqsection.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 168px;
	height: 94px;
	
		padding-left:5px;
		padding-right:5px;
}
.middle #tools {
	background-image: url(../images/toolsection.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 168px;
	height: 94px;
		
		padding-left:5px;
		padding-right:5px;
}
.middle #warranty {
	background-image: url(../images/warrantysection.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	
	padding: 0px;
	float: left;
	width: 168px;
	height: 94px;
	
		padding-left:5px;
		padding-right:5px;
}
.middle a {
	
	font-size:10px;
	
	text-decoration:none;
	color:#000;
	padding-top:48px;
	display:block;
}
.bluebar {
	background-image: url(../images/bluebarbg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	float: left;
	height: 15px;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	vertical-align: middle;
	width: 100%;
	padding-top: 1px;
}
.bluebar .bldot {
	vertical-align: middle;
	float: left;
	height: 16px;
	width: 3px;
	background-image: url(../images/bluedot.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding-right: 2px;
	padding-left: 10px;
}
#homegen {
	background-image: url(../images/genholderbg.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 86px;
	width: 534px;
}
#homegen .gensec {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 86px;
	width: 178px;
}
#homegen .gensec .secname {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	padding: 0px;
	float: left;
	height: 14px;
	width: 168px;
	margin-left: 10px;
}
#homegen .gensec .pic {
	margin: 2px;
	padding: 0px;
	float: left;
	height: 68px;
	width: 88px;
}
#homegen .gensec .geninfo {
	font-size: 10px;
	float: left;
	height: 50px;
	width: 80px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}
#homegen .gensec .genmoreinfo {
	float: left;
	height: 14px;
	width: 78px;
	font-size: 10px;
	color: #073A5E;
	margin-top: 2px;
	margin-left: 4px;
	background-image: url(../images/smarrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0px;
}
#homegen .gensec .genmoreinfo a {
	color: #073A5E;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.hsecpic {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 95px;
	width: 151px;
}
.bluebarsm {
	background-image: url(../images/bluebarbg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	float: left;
	height: 15px;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	vertical-align: middle;
	width: 383px;
	clip: rect(auto,auto,auto,auto);
	padding-top: 1px;
}
.hsectext {
	float: left;
	width: 375px;
	font-size: 10px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
}
.bluebarsm .bldot {
	vertical-align: middle;
	float: left;
	height: 16px;
	width: 3px;
	background-image: url(../images/bluedot.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding-right: 2px;
	padding-left: 10px;
}
.genmoreinfo {
	float: right;
	height: 14px;
	width: 78px;
	font-size: 10px;
	color: #073A5E;
	background-image: url(../images/smarrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 4px;
	margin-top: 0px;
	padding: 0px;
}
#rightlargimage {
	float: left;
	margin-top: 8px;
	margin-left: 2px;
}
#rightbotsec {
	background-image: url(../images/homebotbg.jpg);
	padding: 0px;
	float: left;
	height: 171px;
	width: 351px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}
.genmoreinfo a {
	color: #073A5E;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#rightbotsec #left {
	margin: 4px;
	padding: 0px;
	float: left;
	width: 170px;
}
#rightbotsec #right {
	margin: 4px;
	padding: 0px;
	float: left;
	width: 165px;
	font-size: 10px;
}

	.homeicon :hover{
		  background:none;
	 border:none;
	 width:21px;}
	  .homeicon a:hover{
		  background:none;
	 border:none;
	 border-width:0px;
	 width:21px;}
	 
	 #resgenerators {
	background-image: url(../images/zoombg.png);
	background-repeat: repeat;
	padding:4px;
	margin:0px;
	float: left;
	height: 180px;
	width: 640px;
	border: 1px solid #000;
	margin-top:4px;
}

.productthumb {
	margin: 2px;
	padding: 0px;
	float: left;
	height: 148px;
	width: 100px;
	border:1px solid #CCC;
	background-color:#000;
	font-size:9px;
	color:#FFF;
}

.productthumb a{
	margin: 0px;
	padding: 0px;
	float:left;
	height:83px;
	width:100px;
}

.menu ul ul li:hover .productthumb a {background:none;padding:0px;margin:0px;}
.productthumb strong{
	font-size:12px;
	margin: 0px;
	padding: 0px;
	
}

.genmoreinfomenu {
	float: left;
	
	width: 100%;
	color:#FFF;
	margin:0px;
	padding:0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	background-image: url(../images/console/arrow.gif);
	background-position: 91px 9px;
	background-repeat: no-repeat;
}
.genmoreinfomenu #selecttool{
	float: left;
	
	width: 650px;
	height:30px;
}

.menu ul ul li:hover #selecttool a {background:none;padding:0px;margin:0px;}
#selecttool #sinfo{
	float: left;
	color:#FFF;
	text-align:right;
	width: 510px;
	height:30px;
	vertical-align: middle;
}
#selecttool a{
	float: right;
	width: 111px;
	height:30px;
	margin-right:6px;
}
.comingsoon{
	background-color:#000;
	height:20px;
	width:150px;
	color:#FFF;
	padding:4px;
	margin-top:4px;
	}
	
	.menu ul li:hover #waterpumps a {background:none;padding:0px;margin:0px;width: 100px;}
	.menu ul li:hover #waterpumps {width: 108px;padding:0px;margin:0px;float: left;}
	
		 #waterpumps {
	background-image: url(../images/zoombg.png);
	background-repeat: repeat;
	padding:4px;
	margin:0px;
	float: left;
	height: 158px;
	width: 108px;
	border: 1px solid #000;
	margin-top:4px;
}

#washmoreinfo {
	float: left;
	
	width: 100px;
	color:#FFF;
	margin:0px;
	padding:0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	background-image: url(../images/console/arrow.gif);
	background-position: 91px 9px;
	background-repeat: no-repeat;
	font-size:10px;
	font-weight:normal;
}
#washmoreinfo a,  #washmoreinfo a:hover{
	text-decoration: none;
	float:left;
	margin: 0px;
	padding: 0px;
	background:none; border:none;margin:0px;padding:0px;width:100px; font-size:10px; color:#FFF; font-weight:normal;
	
}
.middle .soonhsecpic {
	float: left;
	width: 259px;
	height: 95px;
}
.soonbluebarsm {
	background-image: url(../images/bluebarbg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	float: left;
	height: 15px;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	vertical-align: middle;
	width: 275px;
	clip: rect(auto,auto,auto,auto);
	padding-top: 1px;
}
.soonhsectext {
	float: left;
	width: 267px;
	font-size: 10px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
}
.soonbluebarsm .soonbldot {
	vertical-align: middle;
	float: left;
	height: 16px;
	width: 3px;
	background-image: url(../images/bluedot.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding-right: 2px;
	padding-left: 10px;
}