.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; border:none; }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; }
.sf-menu a { display: block; position: relative; color:#333; font-weight:bold; }
.sf-menu ul ul { top: 0; left: 100%; }

/*** SKIN ***/
.sf-menu { float: left; margin-bottom: 1em; }
.sf-menu ul { min-width: 4em; *width: 12em; }
.sf-menu a { padding: 5px 13px; text-decoration: none; }
.sf-menu li a { font-size:16px; }
.sf-menu li li a { font-size:16px; padding: 15px 25px; }
.sf-menu li li a:hover { background-color: #fff; }
.sf-menu li a:hover { color:#6e2224; }
.sf-menu li { background:#eee; white-space: nowrap; *white-space: normal; -webkit-transition: background .4s; transition: background .4s; }