/*** 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:150px; /* 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; width: auto; }

.sf-menu a { display:block; position:relative; }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left:0; top:40px; /* 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:150px; /* 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:150px; /* match ul width */ top:0px; }

/** CUSTOM STYLE */

#menu { width: 960px; margin: 0 auto 15px; }

.sf-menu { position: relative; height: 40px; z-index: 10; }

.sf-menu a,
.sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ padding: 0 10px; line-height: 40px; background: transparent; color: #fff; font-weight: bold; text-decoration: none; }

.sf-menu li ul { background: url(../../img/bg-menu-sub.png) repeat left top; border: 1px solid #2a2a2a; border-top: none; }

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active,
.sf-menu li.current-cat,
.sf-menu li.current { color:#fff; background: transparent url(../../img/bg-menu-hover.png) repeat-x left top; outline: 0; }

.sf-menu li li a { padding: 0 20px; line-height: 30px!important; font-weight: normal!important; }

.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,
.sf-menu li li.current-cat,
.sf-menu li li.current { background: none; color: #f4dec7; outline: 0; }