.sf-menu {float:right;}
.sf-menu ul {position:absolute; top:-999px; display:none;}
.sf-menu li {position:relative; float:left;}
.sf-menu a {display:block; font-size:14px; line-height:20px; color:#272727; 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 {margin:0;}

ul.sf-menu>li { background:url(../images/li-bg.gif) 0 12px no-repeat; display:inline-block; padding:0 0px 0 4px;}
ul.sf-menu>li:first-child {background:transparent;}

ul.sf-menu>li>a{ height:36px; white-space:nowrap; overflow:hidden; color:#272727; text-decoration:none; padding: 0 0px 0 20px; background:url(../images/transp.png) left 0 no-repeat;}
ul.sf-menu>li>a>span {padding:0px 20px 0 0; background:url(../images/transp.png) right 0 no-repeat; display:block;}
ul.sf-menu>li>a>span>span {background:url(../images/transp.png) left 0 repeat-x; display:block; padding:7px 0px 9px 0px;}
ul.sf-menu>li:first-child>a>span>span {}

ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover { background:url(../images/menu-l.png) left top no-repeat; color:#d50110;} 
ul.sf-menu>li.current>a>span, ul.sf-menu>li.sfHover>a>span, ul.sf-menu>li>a:hover>span  {background:url(../images/menu-r.png) right top no-repeat;text-decoration:none;}
ul.sf-menu>li.current>a>span>span, ul.sf-menu>li.sfHover>a>span>span, ul.sf-menu>li>a:hover>span>span {background:url(../images/menu-m.png) left top repeat-x;text-decoration:none;}

ul.sf-menu li>ul {background:#fff; border:#fff 1px solid; box-shadow: inset 0 0 30px #e4e3e3, 0 0 3px #c7c7c7; border-radius:5px; width:112px; padding:9px 11px 10px 9px; top:36px; left:6px; }
ul.sf-menu li>ul>li {width:112px; border-top:#f0f0f0 1px solid; }
ul.sf-menu li>ul>li:first-child {border:none;}
ul.sf-menu li>ul>li>a { color:#686868; padding:4px 0px 5px 8px; text-align:left; display:inline-block; }
ul.sf-menu li>ul>li:hover, ul.sf-menu li.sfHover ul>li.sfHover {}
ul.sf-menu li.sfHover>ul>li:hover>a, ul.sf-menu li.sfHover ul li.sfHover a {color:#d50110;text-decoration:none;}

ul.sf-menu>li.sfHover ul li ul {background:#fff; border:#fff 1px solid; box-shadow: inset 0 0 30px #e4e3e3, 0 0 3px #c7c7c7; border-radius:5px; width:112px; padding:12px 11px 13px 9px; top:5px; left:126px; }
ul.sf-menu li ul li ul li {width:112px; border-top:#f0f0f0 1px solid;}
ul.sf-menu li ul li ul li:first-child {border:none;}
ul.sf-menu li ul li ul li a {color:#686868 !important; padding:4px 0px 5px 8px; text-align:left; display:inline-block; }
ul.sf-menu li ul li ul li:hover {}
ul.sf-menu li ul li ul li:hover a {color:#d50110 !important;text-decoration:none;}
.sf-menu>li>a .menu-arrow{
    display:block;
    width:5px;
    height:3px;
    position: absolute;
    left: 50%;
    bottom: 7px;
    text-indent:-100%;
    font-size:0;
    line-height:0;
    background: url('../images/menu_arrow.png') no-repeat !important;
    vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  nav{
		float:none;
		font:12px/15px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#1b1b1b;
		padding:10px 0px;
	}
		nav:before{
			content:'Menu:';
			display:block;
			margin-bottom:5px;
		}
	.sf-menu{display:none;}
	nav select{
		font:12px/15px Arial, Helvetica, sans-serif;
		color:#464646;
		width:100%;
    outline: none;
    padding: 5px;
		border:2px solid #9e9e9e;
	}
	
}