#menu {position:relative; z-index:500;}
#menu ul {padding:0; margin:0; list-style:none; width:90%; padding:3px; background:transparent;}
#menu ul ul {position:absolute; left:-9999px;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}
#menu ul li {width:98%; background:transparent;background: url("../img_cat/quick_menu.png") no-repeat left top;}
* html #menu ul li {float:left;}
#menu ul li a {display:block; width:96%; padding:5px 1px 5px 4px; font:normal 11px verdana, sans-serif;color: #000000;font-weight: bold; text-decoration:none; background: url("../img_cat/quick_menu.png") no-repeat left top; clear:left;}

#menu ul li a.fly {background: url("../img_cat/arrow.gif") no-repeat right center;}
/*#menu ul li a.fly {background: url(../img_cat/arrow.gif) no-repeat 100% center;}*/

#menu ul li li a {background: url(../img_cat/arrow.gif) no-repeat 1% center #fff;border:dotted 1px #ccc; padding-left: 10px;}
#menu ul li:hover {position:relative;}
#menu ul li a:hover {direction:ltr; background:#89a; color:#fff; border-color:#89a; position:relative;}
#menu ul li:hover > a {background:#44c5fb; color:#ffffff; border-color:#89a;}

#menu ul :hover ul,
#menu ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul :hover ul {left:100%; top:-5px;}

#menu ul :hover ul ul,
#menu ul :hover ul :hover ul ul, 
#menu ul :hover ul :hover ul :hover ul ul {left:-9999px;}