/*** 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%; }
.sf-menu { float:left; margin-bottom:1em; }
.sf-menu ul { box-shadow:2px 2px 6px rgba(0,0,0,.2); min-width:12em; *width:12em; }
.sf-menu a { padding:.75em 1em; text-decoration:none; zoom:1;}
.sf-menu li { white-space:nowrap; /* no need for Supersubs plugin */ *white-space:normal; /* ...unless you support IE7 (let it wrap) */ }
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul { padding-right: 1.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ }
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after { content:''; position:absolute; top:50%; right:7px; margin-top:-3px;	height:0; width:0; /*border:5px solid transparent; border-top-color: rgba(255,255,255,.5);*/ }