#gallery {font:14px verdana; width:889px; padding:0; line-height:15px;}
#gallery div.off {color:#000; height:33px; margin-right:2px; line-height:33px; padding:0 20px; float:left; cursor:pointer; position:relative; z-index:20;}
#gallery div.on {border-left: 1px #C0C0C0 solid;border-right: 1px #C0C0C0 solid;border-top: 1px #C0C0C0 solid; font-weight: bold; color: #2F5F8E;padding: 0 20px;margin-right: 2px;margin-top: 1px;float: left;cursor: pointer;border-bottom: 1px #FFFFFF solid;height: 33px;line-height: 32px;position: relative;z-index: 100;}

div.hide {display:none; width:0; overflow:hidden;}
div.show {clear:left; background:#fff; width:889px; margin-top:0; top:-1px; border:1px solid #C0C0C0;padding: 20px 0 20px 0; position:relative; z-index:50; font:11px verdana, arial, sans-serif; line-height:18px;}
div.show img {float:left; margin:0 10px 10px 0;}

#systemIcon{position:relative; float:left; height:144px; width:105px;margin: 0 0 0 0;}
#systemFeature {position:relative; float:left; width:340px;	margin: 0 0 25px 0;}
#systemDescription {position:relative; float:left; width:225px; margin: 0 0 25px 10px;}
#featureIcon {position:relative; float:left; height:75px; width:62px; margin: 0 15px 0 0;}
#overviewPic {position:relative; float:left; height:201px; width:334px; margin: 20px 0 20px 0;}

#waterMaxPic {position:relative; float:left; height:420px; width:269px;	margin: 30px 0 0 90px; background-image:url('../images/watermax/WaterMax.jpg');cursor:pointer;}
#cutaway {position:relative; float:left; height:380px; width:340px;	margin: 10px 0 0 70px; background-image:url('../images/watermax/cutaway.jpg')}
#waterMaxController {position:relative; float:left; height:423px; width:325px;	margin: 50px 0 0 50px; background-image:url('../images/watermax/WaterMaxController.jpg')}
#savings{position:relative; float:left; height:124px; width:332px; margin: 0 0 10px 0;background-image:url('../images/watermax/savings.jpg')}
#cycleDescription{position:relative; float:left; height:153px; width:230px; margin: 20px 20px 25px 0;}
#cycleIcon {position:relative; float:left; height:153px; width:66px; margin: 20px 20px 25px 0;}
#warranty {position:relative; float:left; height:199px; width:200px; margin: 80px 0 0 100px; background-image:url('../images/watermax/warranty.jpg')}

#Twin_Tank_Pic {position:relative; float:left; height:428px; width:254px;	margin: 30px 0 0 110px; background-image:url('../images/waterSofteners/twin-tank-softener.jpg');cursor:pointer;}
#HCLPic {position:relative; float:left; height:428px; width:246px;	margin: 30px 0 0 90px; background-image: url('../images/waterSofteners/HCLbig.jpg');cursor:pointer;}
#H125Pic {position:relative; float:left; height:428px; width:173px;	margin: 30px 0 0 120px; background-image: url('../images/waterSofteners/H125_water_softener.jpg');cursor:pointer;}