nav{ position:relative; margin: 0px -15px 0 0; padding:2px 0 0 0; float:right;}
.sf-menu ul {position:absolute;top:-999px; display:none;/* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%}
.sf-menu li {float:left;position:relative}
.sf-menu>li>a{position:relative;font-size: 12px; color:#12212f; text-transform:uppercase;}
.sf-menu>li{ background:url(../images/nav_li.jpg) 0 7px no-repeat; padding:0 14px 0;}
.sf-menu>li:first-child{ background:none;}
.sf-menu>li>a:hover,.sf-menu>li.current>a,.sf-menu>li.sfHover>a{ color:#858138;}
.sf-menu>li.sfHover>a>span.sf-sub-indicator{width:13px;height:12px; display:block; left:19px; top:28px; position:absolute; background:url(../images/nav_cut1.png) no-repeat;}
.sf-menu li ul li.sfHover>a>span.sf-sub-indicator{width:12px;height:13px; display:block; right:-13px; bottom:7px; position:absolute; background:url(../images/nav_cut2.png) no-repeat;}
/*================================>> 2 Level <<========================================*/
.sf-menu>li>ul,.sf-menu>li.sfHover>ul{left:-24px;top:40px;width: 129px;padding:25px 0 23px 0; padding-left:5px; padding-right:5px;/* match top ul list item height */z-index:99; background:#12212f;}
.sf-menu>li>ul>li{ text-align:center; background:url(../images/nav_sub_li.jpg) 50% 0 no-repeat; margin-top:-2px; padding-top:7px; padding-bottom:10px;}
.sf-menu li ul li:first-child{ background:none;}
.sf-menu li ul li a{font-size: 13px; line-height: 18px; color:#fff; text-align:center; text-transform:uppercase;}

/*================================>> 3 Level <<========================================*/
.sf-menu li li ul{left:142px;top:0px;width: 129px; background:#738195;	padding:25px 0 23px 0;/* match top ul list item height */z-index:99;}
.sf-menu li li li{ text-align:center; background:url(../images/nav_sub_li2.png) 50% 0 no-repeat; margin-top:-2px; padding-top:5px; padding-bottom:10px;}
.sf-menu li li a:hover, .sf-menu li li.sfHover>a{ color:#ebdf1b;}