#menu {
    width: 100%;
    background: white;
    float: left;
    border:0px solid green;
    padding:0px;
    margin:0px;
}

#menu ul.main, #menu ul.sub {
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
}

#menu ul.main {
    font-size:10px;
    height:30px;
    border:0px solid black;
}

#menu ul.sub {
    font-size:10px;
    text-align:left;
    border:1px solid #CC3366;
    width:200px;
    background:#E8A2B9;
    margin:0px 0px 0px 0px;
    padding:0px;
}

#menu ul.sub li {
    border-top:1px solid white;
    padding:5px;
    width:190px;
}

#menu h2 {
    background-image:url(http://www.empresshaircare.com/home/images/nav-bg.gif);
    background-position:top left;
    background-repeat:repeat-x;
    border-right:1px solid #E8A2B9;
    margin:0px;
    padding:8px 16px 8px 15px;
    font-weight:bold; 
    color:white;
    /*height:30px;*/
}

#menu a {
    color:white;
    text-decoration:none;
}

#menu a:hover {
    color:#FFCCCC;
}
#menu a, #menu h2 {
    font: bold 11px arial, helvetica, sans-serif; text-transform:uppercase;
}

/*CODE DON'T CHANGE */
#menu li 
{
    position: relative;
}

#menu ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
}

#menu ul ul {
    position: absolute;
    z-index: 1000;
}

div#menu ul ul {
    display: none;
}

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

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;
}