.sf-menu ul {position:absolute;top:-999em;/* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu a:hover{ text-decoration:none;}
.sf-menu>li{float:left;position:relative; background:url(../images/nav_li.jpg) repeat-x;}
.sf-menu>li:hover, .sf-menu li.sfHover, .sf-menu .current{ background-position: 0 -93px;}

.sf-menu .current a{ background:none; text-shadow:1px 1px rgba(0,0,0,0.23)}
.sf-menu>li>a, .sf-menu>li>span>a{display:block; width:187px; text-align:center; font-size:16px; line-height:36px; color:#FFFFFF; text-transform:uppercase; padding:26px 3px 31px 0;background:url(../images/separate_nav.png) right 20px no-repeat; text-shadow: -1px 0px #666666; }
.sf-menu>li:hover>a,  .sf-menu>li:hover>span>a, .sf-menu li.sfHover a{ background:none;}
.last{ background:none !important; width:157px !important;}
.width1{ width:156px !important;}
.width2{ width:154px !important;}
.sub span{ background:url(../images/sub_span.png) 74px 60px no-repeat; display:inline-block;}
/*=====================================>>>>> SUB MENU 1 Level <<<<<=================================*/
.sf-menu li.sfHover ul{ top:93px; left:-17px; width:190px; background:url(../images/sub_ul.jpg); padding:12px 0 13px 0;}
.sf-menu li.sfHover ul li{padding:0 10px 0 18px;}
.sf-menu li.sfHover ul li a{ font-size:14px; padding:8px 0 9px 18px; width:137px; line-height:19px; display:block; color:#FFF; font-family:Arial, Helvetica, sans-serif;}
.sf-menu li.sfHover ul li a:hover, .sf-menu li.sfHover li.sfHover a{ background:#E20014;}
.sf-menu li.sfHover ul li a span{  background:url(../images/sub_ul_marker.png) 0 7px no-repeat; padding-left:10px; display:inline-block;}
.sf-menu li.sfHover ul li a:hover span,  .sf-menu li.sfHover li.sfHover a span{ background-position:0 -12px;}
.sf-menu li.sfHover span{ cursor:pointer;}
/*=====================================>>>>> SUB MENU 2 Level <<<<<=================================*/
.sf-menu li.sfHover li.sfHover ul{ left:191px; top:49px; width:165px; background:none;padding:0 0 0 0;}
.sf-menu li.sfHover li.sfHover ul li{padding:0 0 0 0; margin-bottom:1px;}
.sf-menu li.sfHover li.sfHover ul li a{ background:url(../images/sub_ul.jpg); padding:8px 0 8px 8px; width:147px}
.sf-menu li.sfHover li.sfHover ul li a:hover{ background:#FFFFFF; color:#000;}
.sf-menu li.sfHover li.sfHover ul li a span{ background:url(../images/sub_sub_marker.png) 0 9px no-repeat; padding-left:9px;}
.sf-menu li.sfHover li.sfHover ul li a:hover span{ background-position: 0 -27px; cursor:pointer;}
/*=====================================>>>>> Hover<<<<<=================================*/