.ds-menulist {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ds-menulist li a {
    width: 64px;
}
.ds-menulist li li a {
    width: auto;
    padding-top: 4px;
    padding-bottom: 4px;
}
.ds-menulist li li {
    border-bottom: 1px solid #446688;
    border-right: none;
}
.ds-menulist ul {
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
    width: 160px;
}
.ds-menulist ul ul {
    top: 0px;
    margin-top: 0px;
    left: 158px;
}
.ds-menulist li {
    float: left;
    display: block;
    position: relative;
    font-size: 8pt;
    line-height: 14px;
    background-color: #224466;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
}
.ds-menulist ul li {
    float: none;
    margin: 0;
}

/* Links inside the menu */
.ds-menulist a {
    display: block;
    color: #FFFFFF;
    padding: 8px 10px 8px 10px;
    text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.ds-menulist a:hover,
.ds-menulist a:focus,
.ds-menulist a.highlighted,
.ds-menulist a.highlighted:hover {
    color: #FFF;
    background-color: #4488BB;
    text-decoration: none;
}

/* Only style submenu indicators within submenus. */
.ds-menulist a .ds-menulist-arrow {
    display: none;
}
.ds-menulist ul a .ds-menulist-arrow {
    display: block;
    position: absolute;
    left: 150px;
    top: 8px;
}


/* 
 HACKS: IE5/Mac
 'Escaped Comment' hack for horizontal menubar width in
*/
.ds-menulist a {
 float: left;
}
.ds-menulist ul a {
 float: none;
}
/* \*/
.ds-menulist a {
 float: none;
}
/* */

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .ds-menulist ul li {
    float: left;
    width: 100%;
}
* html .ds-menulist ul li {
    float: left;
    height: 1%;
}
* html .ds-menulist ul a {
    height: 1%;
}
/* End Hacks */