/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0; }
.sf-menu ul { position: absolute; top: -999em; width: 200px; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; border-bottom: 1px solid #333; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left: 0; top: 20px; /* match top ul list item height */ z-index: 100; }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left: 200px; /* match ul width */ top: 0px; }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left: 200px; /* match ul width */ top: 0px; }

/** CUSTOM STYLE */

#menu { position: absolute; top: 0px; left: 0px; background: #4a4f54; /*url("../../fensons2/img/bg-menu.gif") repeat-x left top */; z-index: 2000; font-family: Arial, Helvetica, sans-serif; font-size: 110%; padding: 0 20px; }

.sf-menu { margin: 0px; padding: 0px; list-style: none; }
ul.children li a { padding: 0px; }
.sf-menu a { padding: 0 10px; text-decoration:none; line-height: 20px; xbackground: transparent url("../../fensons2/img/bg-menu-a.gif") no-repeat right center; }
.sf-menu li ul { border: 1px solid #303133; border-top: none; }
.sf-menu li li ul, .sf-menu li li li ul { border: 1px solid #303133; border-top: none; }
.sf-menu a, .sf-menu a:hover, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color: #fff; }
.sf-menu li li { background: #000; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; } 
.sf-menu li li li { background: #000; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; background-color: #000; }
.sf-menu li li a, .sf-menu li li a:hover { padding: 5px 20px; line-height: 1.0; background: #000; }
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { background-color: #fff; outline: 0; color: #000; }
.sf-menu .children li a:focus, .sf-menu .children li a:hover, .sf-menu .children li a:active { background: #000!important; }