body { behavior: url(/menu/csshover.htc); }
/*              ------  Basic style     ------          */
#menu ul {
        margin: 0;
        margin-left:10px;
        padding: 0;
        border: 0;
        z-index: 10;
}

#menu li {
        margin: 0;
        padding: 0;
        border: 0;
        display: block;
        float: left;
        position: relative;
        z-index: 10;
                  background: none;
}

#menu a {
        float: left;/* \*/float: none;/*  */
        display: block;
                  background: none;
}

#menu li ul {
        visibility: hidden;
        position: absolute;
        z-index: 10;
}

#menu li ul li {
        width: 100%;
        display: block;
        float: left;
        position: static;
}
html>body #menu li ul li {
        float: none;
        position: relative;
}

#menu li ul li:hover {
        position: relative;
}

/* fix the position */
#menu li ul li ul {
        top: 0;
        left: 100%;
}

/* simulate child selector for IE */
div#menu li:hover ul, #menu li:hover li:hover ul, #menu li:hover li:hover li:hover ul {
        visibility: visible;
}
#menu li:hover li ul, #menu li:hover li:hover li ul, #menu li:hover li:hover li:hover li ul {
        visibility: hidden;
}

/* do the normal show, with increased specificity */
#menu ul#menuList li:hover > ul {
        visibility: visible;
}

/*              ------   Make-up        --------                        */

#menu {
        font-family: Helvetica;
        font-size: 8pt;
        font-weight: bold;
        color: #999999;
        background-color: #cccccc;
        margin: 0;
        padding: 0;
        border-style: none;
        display: block;
        height: 30px;
}

#menu a {
        text-decoration: none;
        text-align: center;
        text-transform: capitalize;
        color: white;
        background-color: transparent;
        margin: 0;
        padding: 3px 4px 4px;
        border: 0;
}

#menu li {
        margin: 2px;
        padding: 1px;
        border: 0;
        width: auto;
        display: block;
}

#menu li:hover {
        background-color: #777777;
                  background-image: url(/menu/active.gif);
                  background-repeat: repeat-y;
        margin: 2px;
        padding: 0;
        border: 1px solid #cccccc;
        cursor: pointer;
}

#menu li li:hover {
        border: 0;
        padding: 1px;
}


#menu li ul {
        color: #000;
        background-color: #ffffff;
/*        background-image: url(/pics/iconbg.gif);*/
/*        background-repeat: repeat-y;*/
        margin: -1px 0 0 -1px;
        padding: 0;
        border: 1px solid #ccc;
}

/*  to make lightning anchors  */

#menu li ul a, #menu li ul li:hover ul a, #menu li ul li ul li:hover ul a {
        text-align: left;
        margin: 0 0 0 20px;
        color: Black;
}

#menu li ul li:hover a, #menu li ul li ul li:hover a, #menu li ul li ul li ul li:hover a {
        text-align: left;
        margin: 0 0 0 20px;
        color: White;
}

/*  */

#menu li ul a.submenu {
        background-image: url(/pics/arrow.gif);
        background-repeat: no-repeat;
        background-position: 100% 0px;
}


#menu li ul {
        width: 180px;
}

#menu li ul li {
        width: 174px;
}

/*              ------   Fixes  for buggy browsers      --------                        */

* html #menu li li a {
        width: 174px;
        w\idth: 168px;
}




#menu {
        margin-bottom: 2px;             /* simply to have some space around the menu in the example */
                  padding-bottom: 0px;
}


li ul li.itemDocument {
        background-image: url(/pics/document.gif);
        background-repeat: no-repeat;
        background-position: 3px 50%;
}
/*
li ul li.itemMail {
        background-image: url(/pics/mail_generic.gif);
        background-repeat: no-repeat;
        background-position: 3px 50%;
}

li ul li.itemSearch {
        background-image: url(/pics/search.gif);
        background-repeat: no-repeat;
        background-position: 3px 50%;
}

li ul li.itemHelp {
        background-image: url(/pics/help.gif);
        background-repeat: no-repeat;
        background-position: 3px 50%;
}

li ul li.itemInfo {
        background-image: url(/pics/info.gif);
        background-repeat: no-repeat;
        background-position: 3px 50%;
}*/

#menuacessories {
        margin-bottom: 2px;             /* simply to have some space around the menu in the example */          
      padding-bottom: 0px;
      padding-left: 10px;
}

#botmn-menu{
position: relative;
top: 0px;

}