/**************** menu coding *****************/
#menu {
width: 120px;
background: #eee;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding-left:2px;
width: 120px;
float: left;
}
#menu ul li{ color:#000; background:#fff; border:1px solid #7f9db9;
list-style: none;
margin: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; 
width: 120px;
float: left;
}
.active{padding:2px;line-height:15px; vertical-align:top; }
.active img{padding:0px 0 0 0px;}

#menu li {position: relative;}

#menu ul ul { margin:2px 0 0 0px; padding:0px;
position: absolute; float:left;
z-index: 500;
}
#menu li li{float:left; margin:0px; padding:0px;}
#menu li li a{line-height:18px;float:left;  text-decoration:none; color:#000; padding:0 5px;}
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul {
display: none;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}