.sf-menu {float:left; padding-bottom:0px; }
.sf-menu ul {position:absolute; top:-999px; display:none; }
.sf-menu li {position:relative; float:left;}
.sf-menu a {display:block; }
.sf-menu li:hover ul,.sf-menu li.sfHover ul {z-index:399}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999px; display:none;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%; top:0;}

ul.sf-menu>li { display:inline-block; padding:0px 0px 0px 0px; border-left:1px solid #289dc9; width:106px; background:url(../images/menu_shape.jpg) 0 bottom repeat-x #58c9f5;}
ul.sf-menu>li:first-child { border-left:transparent;}
ul.sf-menu>li>a { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; letter-spacing:0px; color:#fff; padding:14px 0px 12px 0px;  text-align:center;}

.first-button { border-radius:8px 0 0 8px;}
.last-button { border-radius:0 8px 8px 0 !important; }

ul.sf-menu>li.current , ul.sf-menu>li.sfHover , ul.sf-menu>li:hover {background:#178ab6; }
ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover {text-decoration:none; color:#fff;  }




ul.sf-menu>li.sfHover>a.sf-with-ul>span.sf-sub-indicator {background:url(../images/arrow_submenu.png) 0 0 no-repeat; position:absolute; left:62px; top:50px; width:11px; height:9px;}



ul.sf-menu>li>ul {width:135px; background:#1689b6; padding:20px 0px 29px 0px; left:3px; top:59px; z-index:999; position:absolute;  }
ul.sf-menu>li>ul>li, ul.sf-menu>li.sfHover>ul>li { text-align:center; display:block; width:100%;}

ul.sf-menu>li.sfHover>ul>li>a { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; line-height:17px; color:#fff; margin:6px 0 7px 0px; display:inline-block;}
ul.sf-menu>li.sfHover>ul>li:hover, ul.sf-menu li.sfHover>ul>li.sfHover{}
ul.sf-menu>li.sfHover>ul>li>a:hover, ul.sf-menu li.sfHover>ul>li.sfHover a{ color:#53c9f6; text-decoration:none;}





ul.sf-menu>li.sfHover>ul>li.sfHover>ul { left:140px; top:10px; width:135px; background:#53c9f6; padding:20px 0px 29px 0px; z-index:100; }
ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li, ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li { text-align:center; display:block; width:100%;}


ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li:first-child, ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li:first-child {}
ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li>a { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; line-height:17px; color:#fff; margin:6px 0 7px 0px; display:inline-block;}
ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li:hover { }
ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li>a:hover {color:#1689b6; text-decoration:none;}