/* DEMO SKIN */
.sf-menu
{
    float:left;
    margin-bottom:1em;
}

.sf-menu a, .sf-menu span.active
{
    border-left:1px solid #fff;
    text-decoration:none;
    padding: .75em 1em;
}

.sf-menu li.active span.active {
    display: block;
}

.sf-menu .level_2 a,
.sf-menu .level_2 span.active,
.sf-menu .level_3 a,
.sf-menu .level_3 span.active
{
    border-top:1px solid #fff;
}

.sf-menu li
{
    background: #BDD2FF;
}

.sf-menu li li
{
    background: #AABDE6;
}

.sf-menu li li li
{
    background: #9AAEDB;
}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active,
.sf-menu span.active
{
    background: #CFDEFF;
    outline: 0;
}

/* arrows */
.sf-menu a.sf-with-ul,
.sf-menu span.active.sf-with-ul
{
    min-width:1px;
    padding-right:2.25em;
}

.sf-sub-indicator
{
    width:10px;
    height:10px;
    right:.95em;
    position:absolute;
    overflow:hidden;
    display:block;
    text-indent:-999em;
    top: 1.05em;
    background: url("../../../files/superfish/images/arrows-white.png") no-repeat -10px -100px;
}

a > .sf-sub-indicator, span > .sf-sub-indicator
{
    top:.95em;
    background-position: 0 -100px;
}


/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator,
li:hover > span.active > .sf-sub-indicator,
li.sfHover > span.active > .sf-sub-indicator
{
    background-position: -10px -100px;
}


/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator
{
    background-position: -10px 0;
}

.sf-menu ul a > .sf-sub-indicator,
.sf-menu ul span.active > .sf-sub-indicator
{
    background-position: 0 0;
}


/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator,
.sf-menu ul li:hover > span.active > .sf-sub-indicator,
.sf-menu ul li.sfHover > span.active > .sf-sub-indicator
{
    background-position: -10px 0;
}

/* shadows for all but IE6 */
.sf-shadow ul
{
    background: url("../../../files/superfish/images/shadow.png") no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off
{
    background: transparent;
}