#dropdown
, .ops-dropdown {
    display: block;
    align: center;
    text-align: center;
}

#dropdown ul
, .ops-dropdown ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
}

#dropdown li
, .ops-dropdown li {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    float: left;
    position: relative;
}

#dropdown a
, .ops-dropdown a {
    display: block;
    text-decoration: none;
}

#dropdown li li
, .ops-dropdown li li {
    width: 100%;
}

/* fix the position for 2nd level subdropdowns. first make sure no horizontal scrollbars are visible on initial page load... */
#dropdown li li ul
, .ops-dropdown li li ul {
    top: 0;
    left: 0;
}

/* ...and then place it where it should be when shown */
#dropdown li li:hover ul
, .ops-dropdown li li:hover ul {
    left: 100%;
}

/* initialy hide all sub dropdowns */
#dropdown li ul
, .ops-dropdown li ul {
    display: none;
    position: absolute;
    z-index: 99;
}

/* display them on hover */
#dropdown li:hover>ul
, .ops-dropdown li:hover>ul {
    display: block;
}

/* this is needed if you want to style #dropdown div - force containment of floated LIs inside of main UL */
#dropdownList:after
, .ops-dropdownList:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}