/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin: 0;padding: 0;list-style: none;}
.sf-menu li {position: relative;}
.sf-menu ul {position: absolute;display: none;top: 100%;left:0;z-index: 99;}
.sf-menu > li {float: left;}
.sf-menu li:hover > ul,.sf-menu li.sfHover > ul {display: block;}
.sf-menu a {display: block;position: relative;}
.sf-menu ul ul {top: 0;left: 100%;}


/*** SKIN ***/
.sf-menu {
    /*float: left;*/
    /*margin-bottom: 1em;*/
    margin: 0;
}
.sf-menu ul {
    /*box-shadow: 2px 2px 6px rgba(0,0,0,.2);*/
    /*min-width: 12em; /* allow long menu items to determine submenu width */
    /* *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
    /* border-left: 1px solid #fff; */
    /* border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
    /* border-top: 1px solid rgba(255,255,255,.5); */
    padding: 6px 6px 6px;
    text-decoration: none;
    zoom: 1; /* IE7 */
}
.sf-menu a {
    color: #fff;
}
.sf-menu li {
    background: #546E7A;
    white-space: nowrap; /* no need for Supersubs plugin */
    *white-space: normal; /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .2s;
    transition: background .2s;
    border-radius: 4px 4px 0 0;
}
.sf-menu ul li {
    background: #3a4c54;
    border-radius:0 4px 4px 4px;
    text-align: left;
}
.sf-menu ul ul li {
    background: #3a4c54;
}

.sf-menu ul ul li a{
    background: #3a4c54;
    padding: 12px 6px;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
    background: #3a4c54;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}

.sf-menu li ul li:hover,
.sf-menu li ul li.sfHover {
    background: #90A4AE;
}