/* menu stuff*/
   
#menu{
}

#menu ul {
	list-style: none;
}

 
#menu li.top{display:block; float:left; position:relative;z-index:1500;margin-left: 88px; _margin-left: 74px;}


#menu li.toplast{display:block; float:left; position:relative;margin-top:0px;z-index:1500;}

#menu li a {
	text-decoration: none;
	font: bold 13px Verdana;
	color: #000;
}

#menu li a.top_link span{float:left; display:block; height:28px; padding: 0 14px;z-index:1500;}

#shop #menu li a.top_link span{float:left; display:block; height:28px; padding: 0 27px 0 26px;z-index:1500;}

#menu li a.top_link span.homewidth{padding: 0 15px;z-index:1500;}

#menu li a.top_link:hover, #menu li a.top_link_active {background-position: bottom}
#menu li a.top_link:hover span {background-position: bottom}

#menu li:hover > a.top_link {color: #d71920;}


#menu li a.active{color: #d71920;}

#menu li a.active:hover{color: #d71920;}
#menu li:hover > a.active{color: #d71920;}

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;z-index:1500;}

/* Default link styling */

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

#menu a:hover {color: #d71920;}
#menu li:hover {color: #d71920;}

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

#menu :hover ul.sub{left: 0px; top:16px;  white-space:nowrap; width:188px; height:auto; text-align:left; font-size: 10px; padding: 0 0 0 0;z-index:1500; border-bottom: #bd103b 6px solid;border-bottom: #fff 10px solid;}
#menu :hover ul.sub li{display:block; position:relative; float:left; background: #fff; width: 188px;z-index:1500;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9;opacity: 0.9;}
#menu :hover ul.sub li a{font-size: 11px; display:block; color:#000;  padding: 0 10px 0 13px; text-decoration:none; border-bottom: 1px solid #d5d8be; width: 165px; line-height: 25px;z-index:1500;}
#menu :hover ul.sub li a strong{}
#menu :hover ul.sub li a.nonebg{background: none;z-index:1500;}
#menu :hover ul.sub li a:hover{ background:#bd103b; color: #fff;}
#menu :hover ul.sub li a.active{background: none; padding: 0;z-index:1500;}
#menu :hover ul.sub li a.active:hover{display: block; text-decoration: none;z-index:1500;}
#menu :hover ul.sub em{background: url(../www.clientdisplay.com/handy/images/blt_horz.html) right 4px no-repeat; font-style: normal; padding: 0 10px 0 0;z-index:1500;}


#menu :hover ul.sub2{left: 0px; top:28px; background: transparent url(/images/bg_subnav_btm2.gif) left bottom no-repeat; white-space:nowrap; width:200px; height:auto; text-align:left; font-size: 10px; padding: 0 0 5px 0;z-index:1500;}
#menu :hover ul.sub2 li{display:block; height:32px; position:relative; float:left; padding: 0 10px 0 13px; background: #041048; width: 170px;z-index:1500;}
#menu :hover ul.sub2 li a{display:block; color:#ffffff; text-decoration:none; background: url(/images/bg_subnav_dot.gif) left bottom repeat-x; width: 170px; line-height: 31px;z-index:1500;}
#menu :hover ul.sub2 li a strong{background: url(/images/bg_subnav_arrow.gif) left 3px no-repeat; padding: 0 0 0 10px;z-index:1500;}
#menu :hover ul.sub2 li a.nonebg{background: none;z-index:1500;}
#menu :hover ul.sub2 li a:hover{ display: block; font-weight: bold; font-size: 10px; text-decoration: none;z-index:1500; color:#fcde72;}
#menu :hover ul.sub2 li a.active{background: none; padding: 0;z-index:1500;}
#menu :hover ul.sub2 li a.active:hover{display: block; text-decoration: none;z-index:1500;}