/*** ESSENTIAL STYLES ***/
.sf-menu,.sf-menu *{list-style:none;margin:0;padding:0;}
.sf-menu li{position:relative;background:transparent;white-space:normal;-webkit-transition:background .2s;transition:background .2s;}
.sf-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99;width:100%;}
.sf-menu > li{float:left;}
.sf-menu li:hover > ul,.sf-menu li.sfHover > ul{display:block;}
.sf-menu a{display:block;position:relative;text-decoration:none;zoom:1;padding:0 14px 0 5px}
.sf-menu ul ul{top:0;left:100%;}

/*** DEMO SKIN ***/
.sf-menu{float:left}
.sf-menu li li a{padding:3px 5px;text-align:left;}
.sf-menu ul li{background:#f9f7f6;}
.sf-menu ul ul li{background:#f4f3f1;}
.sf-menu li:hover,.sf-menu li.sfHover{-webkit-transition:none;transition:none;}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul{min-width:1px;}
.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:3px;margin-top:-2px;height:0;width:0;border:3px solid transparent;border-top-color:#ccc}
.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:#ccc;}
.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent transparent transparent #ccc;}
.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-left-color:#ccc;}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical{width:100%;}
.sf-vertical ul{left:100%;top:0;}
.sf-vertical > li{float:none;}
.sf-vertical li{width:100%;}
.sf-vertical.sf-arrows .sf-with-ul:after{right:1em;border-width:5px}
.sf-vertical.sf-arrows > li > .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent transparent transparent #ccc}
.sf-vertical.sf-arrows li > .sf-with-ul:focus:after,.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after{border-left-color:#eee}
.sf-vertical li li a,.sf-vertical a{padding-top:0;padding-bottom:0}