.sf-menu {display:inline-block; width:700px; float:left;}
.sf-menu ul {position:absolute; top:-999px; display:none;}
.sf-menu li {position:relative; float:left; }
.sf-menu a { font-family: Arial, Helvetica, sans-serif; }
.sf-menu li:hover ul,.sf-menu li.sfHover ul {z-index:99;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999px; display:none;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%; top:0;}

ul.sf-menu>li { width:138px; display:inline-block; background:url(../images/li.gif) right 0 repeat-y; padding-right:2px; position:relative;}
ul.sf-menu>li>a { font-size:12px; line-height:15px; color:#fff; text-transform:uppercase; padding:18px 30px 17px 18px; display:block;text-align:center;}
ul.sf-menu>li.current , ul.sf-menu>li.sfHover , ul.sf-menu>li:hover {}
ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover { background:url(../images/a-hover.gif) 0 0 repeat-x;}

ul.sf-menu>li>a.sf-with-ul>span.sf-sub-indicator {background:url(../images/li-active.gif) 0 0 no-repeat; display:block; width:5px; height:6px; position:absolute; top:37px; right:30px; }
ul.sf-menu>li.sfHover>a.sf-with-ul>span.sf-sub-indicator, ul.sf-menu>li.current>a.sf-with-ul>span.sf-sub-indicator, ul.sf-menu>li:hover>a.sf-with-ul>span.sf-sub-indicator {}

.sf-menu>li>ul { width:182px; background:#564b3a; left:0px; top:74px; box-shadow: 0 2px 2px #a3a199;}
.sf-menu>li>ul>li {width:100%; text-align:left; line-height:15px;}
.sf-menu>li>ul>li>a { color:#d4bd78; line-height:15px; font-size:12px;text-transform:uppercase; display:block; padding:8px 10px 8px 30px;}
.sf-menu>li>ul>li:hover, ul.sf-menu>li>ul>li.sfHover{ background:#473e2e;}
.sf-menu>li>ul>li>a:hover, ul.sf-menu>li>ul>li.sfHover a { color:#fff;}

.sf-menu>li li>ul { width:182px; background:#564b3a;  left:171px !important; top:7px !important;  box-shadow: 0 2px 2px #a3a199;}
.sf-menu>li li>ul>li { width:100%; text-align:left; line-height:15px;}
.sf-menu>li li>ul>li>a { color:#d4bd78  !important; line-height:15px; font-size:12px;text-transform:uppercase; display:block; padding:8px 10px 8px 30px;}
.sf-menu>li li>ul>li:hover, ul.sf-menu>li li>ul>li.sfHover{ background:#473e2e;}
.sf-menu>li li>ul>li>a:hover, ul.sf-menu>li li>ul>li.sfHover a { color:#fff !important;}