.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.sfHover>ul,.sf-menu li:hover>ul{display:block}
.sf-menu a{display:block;position:relative}
.sf-menu ul ul{top:0;left:100%}
.sf-menu{float:left;margin-bottom:1em}
.sf-menu ul{box-shadow:2px 2px 6px rgba(0,0,0,.2);min-width:12em}
.sf-menu a{border-left:1px solid #fff;border-top:1px solid #dfeeff;border-top:1px solid rgba(255,255,255,.5);padding:.75em 1em;text-decoration:none;zoom:1}
.sf-menu a{color:#13a}
.sf-menu li{background:#bdd2ff;white-space:nowrap;-webkit-transition:background .2s;transition:background .2s}
.sf-menu ul li{background:#aabde6}
.sf-menu ul ul li{background:#9aaedb}
.sf-menu li.sfHover,.sf-menu li:hover{background:#cfdeff;-webkit-transition:none;transition:none}
.sf-arrows .sf-with-ul{padding-right:2.5em}
.sf-arrows .sf-with-ul:after{content:''!important;position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#dfeeff;border-top-color:rgba(255,255,255,.5)}
.sf-arrows>.sfHover>.sf-with-ul:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>li>.sf-with-ul:focus:after{border-top-color:#fff}
.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent;border-left-color:#dfeeff;border-left-color:rgba(255,255,255,.5)}
.sf-arrows ul .sfHover>.sf-with-ul:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul li>.sf-with-ul:focus:after{border-left-color:#fff}