#pad {height:140px;}

/* ================================================================ 
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.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#fly {margin:100px 0 0 90px; list-style:none; height:170px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; text-align:left;}
#fly li {float:left; margin-right:1px; }
#fly li a {padding-left:8px; display:block; float:left; height:170px; line-height:25px; color:#fff; text-decoration:none; font-size:11px; padding:0 4px 0 0;}
#fly li p {color:#FFF; padding:0 20px 20px 40px;}
#fly h4 {padding-left:40px; padding-top:10px;}
#fly h2 {padding-left:30px; padding-top:30px;}
#fly ul ol .number {color:#c60; list-style:decimal;}


#fly table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#fly li a:hover {z-index:200; position:relative;color:#fff; }
#fly li:hover {position:relative; z-index:200;z-index:500;}

#fly li:hover > a {color:#fff; z-index:500;}
#fly li:hover > a.sub {color:#fff; background:#c60; z-index:500;}

#fly li.current a {color:#fff; background:#4e4e4e; z-index:500;}

#fly li a.sub {z-index:500;}
#fly li.current a.sub {background:#c60;z-index:500;}

#fly :hover ul.acFly {left:-220px; top:-130px; width:262px; height:479px; background:url(../images/flyout_ac.gif); z-index:500;}
#fly :hover ul.acFly13 {left:-220px; top:-130px; width:262px; height:479px; background:url(../images/flyout_ac13.gif); z-index:500;}
#fly :hover ul.acFly14 {left:-220px; top:-130px; width:262px; height:479px; background:url(../images/flyout_ac14.gif); z-index:500;}
#fly :hover ul.heatFly {left:-220px; top:-130px; width:262px; height:479px; background:url(../images/flyout_heat.gif); z-index:500;}
#fly :hover ul.heatFly14 {left:-220px; top:-130px; width:262px; height:479px; background:url(../images/flyout_heat_14.gif); z-index:500;}
#fly :hover ul.heatFly13 {left:-220px; top:-130px; width:262px; height:479px; background:url(../images/flyout_heat_13.gif); z-index:500;}
#fly :hover ul.gasFly {left:-220px; top:-130px; width:262px; height:479px; background:url(../images/flyout_gas.gif); z-index:500;}
#fly :hover ul.seerFly {left:-220px; top:-130px; width:262px; height:479px; background:url(../images/flyout_13seer.gif); z-index:500;}
#fly :hover ul.r22Fly {left:-220px; top:-130px; width:262px; height:479px; background:url(../images/flyout_r22_ac.gif); z-index:500;}

/* keep the 'next' level invisible by placing it off screen. */
#fly ul, 
#fly :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; z-index:500;}

#fly :hover ul :hover ul
{left:0px; top:0; white-space:nowrap; width:140px; z-index:200; height:400px;z-index:500;}


#fly :hover ul li h3 {background:#4e4e4e; color:#c60; font-size:14px;z-index:500;}

#fly :hover ul ol li p {color:#FFF;z-index:500;}