/* this is the main UL element*/
.dropdown {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* these are the inner menus*/
.dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


.dropdown ul.wideul {
    margin: 0;
    padding: 0;
    border-top: 1px solid #ff0000;
    list-style: none;
}

/* these are all the LIs in the menu*/
.dropdown li {
    margin: 0;
    
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90;
    cursor: pointer;
    white-space: nowrap;
    padding-bottom: 7px;
    
}


.dropdown li.firstli {
    margin: 0;
    padding-right: 51px;
    cursor: pointer;
    white-space: nowrap;
}

.dropdown li.normalli {
    margin: 0;
    padding-right: 51px;
    cursor: pointer;
    white-space: nowrap;
}

.dropdown li.wideli {
    margin: 0;
    padding-right: 51px;
    cursor: pointer;
    white-space: nowrap;
}

.dropdown li.lastli {
    margin: 0;
    padding-right: 0px;
    width: 120px;
    cursor: pointer;
    white-space: nowrap;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a {
    text-decoration: none;
    color: #110c04;
    width: 100%;
}

.dropdown a:hover {
    text-decoration: none;
    color: #ff0052;
}

/* these are the LIs that only belong to submenu*/
.dropdown ul li {
    background-color: #fff;

    color: #464646;
    border-top: 0;
    padding-left: 8px;
    margin-left: -8px;
    font-size: 13px;
    width: 140px;
}

.dropdown ul li a {
    color: #464646;
}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu-down {
    padding-left: 0px;
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown li.submenu-left {
    padding-right: 0px;
}
