.sf-menu {
	list-style:none;
	text-align: right;
    width:100%;
}
.sf-menu li {
	position:relative; 
    padding: 21px 1%;
	display:inline-block;
    text-align: center;
}

/*.last{
	background:none !important;	
}*/

.hovernone:hover{
	background:none !important;	
}

*+html .sf-menu > li {overflow:hidden;}
*+html .sf-menu > li.sfHover {overflow:visible;}

.sf-menu li a {
	display:block;
}
.sf-menu > li > a {
	color: #F6F3EE;
    display: inline-block;
    font-size: 14px;
	line-height:14px;
    text-decoration: none;
}

<!--.sf-menu > li > span { display:block !important; }-->

.sf-menu > li > a:hover, .active{
	color:#E32021 !important;
}

.sf-menu > li:hover > a, .sf-menu > li.sfHover > a, .sf-menu > li.current > a{}

.sf-menu ul {
	position:		absolute;
	width:			200px; /* left offset of submenus need to match (see below) */
	z-index:200;
	display:none;
	list-style:none;
	background:#ED1B2D;
	margin:0;
	padding:5px 0;
	opacity:0.85;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0px;
	top:			56px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	width:181px;
	background:#487ACB;
	border:1px solid #29282a;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			181px; /* match ul width */
	top:			-1px;
	z-index:99;
}
.sf-menu ul li {
	width:180px;
	padding:2px 10px;
}

.sf-menu ul li:hover {
	background:#fff;;
}

.first_li{
	border-top:none !important;
}

.sf-menu ul li:hover, .sf-menu ul li.sfHover {  }
.sf-menu li li a {
	color:#fff !important;
	font-size:11px !important;
	display:inline-block;
	height:18px;
	padding:4px 0 4px 0px;
	text-decoration:none;
	text-align:left !important;
	line-height:18px;
}

.sf-menu li li a:hover { background:none; }
.sf-menu li li.current > a, .sf-menu li li.sfHover > a, .sf-menu li li:hover > a { color:#E32021 !important; }

.sf-menu li li.sfHover > a {background-position:13px -38px!important;}