.sf-menu {
  float:left;
  padding:1px 0px; 
  width:950px; 
  height:51px; 
  position:relative; 
  z-index:9999;
  background:url(../images/tail-menu.jpg) 0 0 repeat-x;
}

.sf-menu li {
  float:left; 
  background:none;
  font-size:11px; 
  line-height:51px;
  text-transform:uppercase;
  padding:0;
  position:relative;
}

.sf-menu li .marker {display:block; width:9px; height:6px; position:absolute; top:22px; right:20px; background:url(../images/marker-1.gif) 0 0 no-repeat;}

.sf-menu li a {
  display:block;
  color:#777777; 
  text-decoration:none;
  padding:0 20px;
  background:url(../images/spacer-2.gif) right 0 no-repeat;
}
.sf-menu li a.item {padding:0 40px;}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu .current {
  background:#f7f7f7; 
}

.sf-menu li:hover a, .sf-menu li.sfHover a, .sf-menu .current a {color:#000;}

.sf-menu > li:hover .marker, .sf-menu > li.sfHover .marker, .sf-menu .current .marker {background:url(../images/marker-1.gif) 0 bottom no-repeat;}

.sf-menu ul {
  position:absolute;
  width:230px; /* left offset of submenus need to match (see below) ÐÀÇÌÅÐ ÑÒÐÎÊÈ ÑÀÁÌÅÍÞ!!!! */
  padding:0;
  z-index:9998;
  background:none;
  display:none;
}

.sf-menu ul li {
  background:  url(../images/tail-submenu.jpg) 0 0 repeat-x;
  font-size:11px;
  line-height:25px;
  font-family:Tahoma, Geneva, sans-serif;
  width:100%;
  padding:0;
  margin:0;
}

.sf-menu ul li a {
  display:block;
  text-decoration:none;
  padding:0 0 0 30px;
  background:none;
}

.sf-menu ul li:hover, .sf-menu ul li.sfHover {
  background:url(../images/bg-submenu-active.jpg) 0 0 no-repeat;
}

.sf-menu li {
  position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:0px;
  top:55px; /* match top ul list item height */
  z-index:9987;
}
/*
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  background:none;
  margin:0;
  padding:0;
}
*/


ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left:229px; /* match ul width */
  top:0px;
  width:228px;
  padding:0;
  background:#f7f7f7;
}

.sf-menu li:hover li a, 
.sf-menu li.sfHover li a {
  display:block;
  color:#333;
  background:#f7f7f7; /* backgr color submenu  */
}
.sf-menu li li a:hover, .sf-menu li li.sfHover a {
  color:#fff;
  background:#333;
}

.sf-menu li li li {
  position:relative;
  width:228px;
  background:url(../images/tail-submenu.jpg) 0 0 repeat-x;
  padding:0px;
}

.sf-menu li li.sfHover li a {
  display:block;
  color:#333; 
  text-decoration:none;
  background:none;
}

.sf-menu ul li ul li:hover, .sf-menu ul li ul li.sfHover  {background:url(../images/bg-submenu-active.jpg) 0 0 no-repeat;}
.sf-menu li li.sfHover li a:hover {background:none; color:#fff; background-color:  #333;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  outline:0;
}