@charset "utf-8";
/*****************************************/

#nav {float:right; padding:0; margin:0; list-style:none; height:54px; z-index:200; background:none; position:relative; font-family:"Verdana", Lucida, Arial, Helvetica,sans-serif; }

#nav li{float:left; width:106px; height:54px; line-height:54px; text-align:center; }

#nav li a{color:#253847; font-size:14px; display:inline-block;}

#nav li a:hover span, #nav li a.active span{ cursor:pointer; color:#fff;}

#nav li.home{ width:106px;}
#nav li.home a:hover span , #nav li.home a.active span { background:url(../images/hd-menu-bg.png) 0 0 no-repeat; height:54px; width:106px; display:inline-block; }

#nav li a.top_link {color:#253847; font-size:14px; display:inline-block; text-decoration:none; cursor:pointer;  background:none; width:106px; height:54px; }
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 22px; height:54px; line-height:54px; background:none;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 22px; height:54px; line-height:54px; background:url(../images/arrow_downward.gif) 85% 50% no-repeat;}
#nav li a.top_link:hover {color:#fff; background:url(../images/hd-menu-bg.png) 0 0 no-repeat; _background-position: 0 50%;}
#nav li a.top_link:hover span {background:url(../images/hd-menu-bg.png) 0 0 no-repeat;  _background-position: 0 50%;}
#nav li a.top_link:hover span.down {background:url(../images/arrow_downward_white.png) no-repeat 85% 50%;}
#nav li:hover > a.top_link {color:#fff; background:url(../images/hd-menu-bg.png) 0 0 no-repeat; _background-position: 0 50%;}
#nav li:hover > a.top_link span { background:url(../images/hd-menu-bg.png) 0 0 no-repeat;  _background-position: 0 50%;}
#nav li:hover > a.top_link span.down { color:#fff; background:url(../images/arrow_downward_white.png) no-repeat 85% 50%; }

#nav li a.top_link.active {color:#fff; background:url(../images/hd-menu-bg.png) 0 0 no-repeat; _background-position: 0 50%; z-index:-10;}
#nav li a.top_link.active span {background:url(../images/hd-menu-bg.png) 0 0 no-repeat;  _background-position: 0 50%; z-index:-10;}
#nav li a.top_link.active span.down {background:url(../images/arrow_downward_white.png) no-repeat 85% 50%; z-index:-10;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}
 
#nav li:hover ul li,
#nav li:hover ul li:hover ul li,
#nav li:hover ul li:hover ul li:hover ul li,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li{ text-align:left; margin-top:8px; line-height:24px;}

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

#nav li:hover ul.products{left:0; top:53px; _top:54px; background:url(../images/hd-menu-list.png); padding:3px 3px 10px 6px; border:1px #409A00 solid; white-space:nowrap; width:174px; height:auto; z-index:-2;}
#nav li:hover ul.products li{display:block; height:24px; position:relative; float:left; width:174px; font-weight:normal;}
#nav li:hover ul.products li a{display:block; font-size:12px; height:24px; width:174px; line-height:24px; padding-left:10px; color:#fff; text-decoration:none;}
#nav li:hover ul.products li a:hover { background:#FFF; color:#285E01; height:24px; width:158px; display:inline-block; padding-left:}
#nav li:hover ul.products li a:hover span { background:none; color:#285E01;}