#hwdguide{ width:690px; height:415px; background:url(/new/images/watersaver/hwdg/bg.png) top no-repeat; margin:20px 0 0 25px; display:block; position:relative;   }

#hwdguide #steps			{width:183px; float:left; }
#hwdguide #steps h3			{width:172px; height:20px; background:url(/new/images/watersaver/hwdg/tab.png) 0 -29px; margin:1px 0 0 1px; padding:9px 0 0 10px;  font-size:12px; color:#db1e23; }
#hwdguide #steps h3:hover	{background-position:bottom left; cursor:pointer;}
#hwdguide #steps h3.current	{background-position:top left; color:white;}

#hwdguide .stepContent		{ width:182px; background:url(/new/images/watersaver/hwdg/bg-step.png) bottom; margin:0 0 0 1px; padding:0 0 1px; display:none; }
#hwdguide .stepContent p	{ padding:10px; margin:0; color:#555555; width:auto; }
#hwdguide a.stepBtn, #hwdguide-result a.stepBtn{ width:160px; height:19px; background:url(/new/images/watersaver/hwdg/btn.png) top; margin:5px auto; padding:6px 0 0; float:none; text-align:center; display:block; color:white; cursor:pointer;}
#hwdguide a.stepBtn:hover, #hwdguide-result a.stepBtn:hover{background-position:bottom; text-decoration:none;}
#hwdguide a.stepBtn.stepNav{background-position:bottom; position:absolute; top:377px; left:10px; display:none;}

#hwdguide-result a.stepBtn.backBtn{ background-position:bottom;}

#hwdguide #units			{ width:487px; height:390px; margin:20px 0 0 20px; padding:0; float:right; }
#hwdguide #units .type		{ width:220px; height:125px; margin:0 10px 0 0; padding:0 0 5px; float:left; }
#hwdguide #units .type h4	{ width:100%; margin:0 0 10px; padding:0 0 5px; border-bottom:#cccccc 1px solid; color:#db1e23; font-size:14px; }
#hwdguide #units .type h4 a	{ color:#666; font-size:11px; font-weight:normal; }
#hwdguide #units .type img	{ margin:0 9px 0 0; }

#hwdguide-result			{ width:709px; margin:20px 0 0 25px; overflow-y:hidden; overflow-x:auto;  display:none; padding-bottom:20px; }
#hwdguide-result #unitContainer{overflow-y:hidden; display:block; }
#hwdguide-result .unit		{ width:231px; background:url(/new/images/watersaver/hwdg/col-result.png) top no-repeat; float:left; display:none; }
#hwdguide-result .unit p	{ width:205px; margin: 5px 10px;}
#hwdguide-result .unit p strong {color:#db1e23;}
#hwdguide-result .unit ul	{ color:#666; padding: 5px 0px 5px 25px; margin:0;}
#hwdguide-result .unit h3 	{color:#db1e23; margin:10px 0px 0px 20px;}
#hwdguide-result .unit img 	{margin:20px 0px 10px 40px;}
#hwdguide-result .unit .specs{width:100%; height:40px; background:url(/new/images/watersaver/hwdg/col-result-footer.png); padding:3px 0 0; }
#hwdguide-result .unit .unitDetails{height:320px;}
#hwdguide-result .unit .techDetails{padding:0 5px 5px; display:none; }
#hwdguide-result .unit .techDetails img {margin:10px 0 10px 10px;}
#hwdguide-result .unit .techDetails table{width:100%}

#hwdguide-result .printCheckbox{text-align:right;}

#hwdguide-result .unit .chart{font-weight:bold; background:url(/new/images/watersaver/hwdg/bg-chart.png); height:112px; width:212px; padding:5px 0 0 10px; margin:0 auto; font-size:11px;}
#hwdguide-result .unit .chart .graphbar{ width:195px; height:10px; background:url(/new/images/watersaver/hwdg/meter-empty.png); margin:1px 0; padding:0; }
#hwdguide-result .unit .chart .graphbar div{ width:195px; height:10px; }
#hwdguide-result .unit .chart .graphbar div img{float:right; margin:0;}

#hwdguide-result p.note		{ font-size:10px; line-height:11px; }

div.redbar			{background:url(/new/images/watersaver/hwdg/meter-red-full.png);}
div.greenbar		{background:url(/new/images/watersaver/hwdg/meter-green-full.png);}
div.yellowbar		{background:url(/new/images/watersaver/hwdg/meter-yellow-full.png);}
div.blackbar		{background:url(/new/images/watersaver/hwdg/meter-black-full.png);}

.qtip-content { font-size: 12px; }

/*template style*/
#hwdguide #o{ width:0px; height:0px; background:url(/new/images/watersaver/hwdg/eee.png); margin:0; padding:0; float:none; }