.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%;
right:0;
z-index:99
}

.sf-menu > li {
float:right
}

.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;
right:100%
}

.sf-menu {
float:right;
margin-bottom:1em
}

.sf-menu ul {
box-shadow:2px 2px 6px #0003;
min-width:12em;
*width:12em
}

.sf-menu a {
border-right:1px solid #fff;
border-top:1px solid #dFeEFF;
border-top:1px solid #ffffff80;
padding:.75em 1em;
text-decoration:none;
zoom:1
}

.sf-menu a {
color:#13a
}

.sf-menu li {
background:#BDD2FF;
white-space:nowrap;
*white-space:normal;
-webkit-transition:background .2s;
transition:background .2s
}

.sf-menu ul li {
background:#AABDE6
}

.sf-menu ul ul li {
background:#9AAEDB
}

.sf-menu li:hover,.sf-menu li.sfHover {
background:#CFDEFF;
-webkit-transition:none;
transition:none
}

.sf-arrows .sf-with-ul {
padding-left:2.5em;
*padding-left:1em
}

.sf-arrows .sf-with-ul:after {
content:'';
position:absolute;
top:50%;
left:1em;
margin-top:-3px;
height:0;
width:0;
border:5px solid transparent;
border-top-color:#dFeEFF;
border-top-color:#ffffff80
}

.sf-arrows > li > .sf-with-ul:focus:after,.sf-arrows > li:hover > .sf-with-ul:after,.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color:#fff
}

.sf-arrows ul .sf-with-ul:after {
margin-top:-5px;
margin-left:-3px;
border-color:transparent;
border-right-color:#dFeEFF;
border-right-color:#ffffff80
}

.sf-arrows ul li > .sf-with-ul:focus:after,.sf-arrows ul li:hover > .sf-with-ul:after,.sf-arrows ul .sfHover > .sf-with-ul:after {
border-right-color:#fff
}