﻿/* =============================================================================
   Site Navigation
   ========================================================================== */

.navmenu {
    font-family: 'PT Sans', Sans-Serif;
    display: block;
}

ul.navmenu {
    margin: 0;
    padding: 0;
}

.navmenu li {
    float: left;
    text-align: left;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .navmenu li > a, .navmenu li > span {
        font-family: 'PT Sans', Sans-Serif;
        -moz-transition: all ease 200ms;
        -o-transition: all ease 200ms;
        -webkit-transition: all ease 200ms;
        transition: all ease 200ms;
        line-height: 1.4;
    }

    .navmenu li > span {
        cursor: default;
    }

    .navmenu li.level_0 > a, .navmenu li.level_0 > span {
        display: block;
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        text-decoration: none;
        padding: 13px 12px;
        text-transform:uppercase;
        line-height: 18px;
    }

        .navmenu li.level_0 > a:hover, .navmenu li.level_0.expanded > a, .navmenu li.level_0.selected > a, .navmenu li.level_0 > span:hover, .navmenu li.level_0.expanded > span, .navmenu li.level_0.selected > span {
            color: #ffffff;
            background-color: #d0196c;
        }

    .navmenu li.level_0:first-child > a:hover, .navmenu li.level_0.expanded:first-child > a, .navmenu li.level_0.selected:first-child > a, .navmenu li.level_0:first-child > span:hover, .navmenu li.level_0.expanded:first-child > span, .navmenu li.level_0.selected:first-child > span {
        color: #ffffff;
        background-color: #d0196c;
    }

    /* handle last menu item */
    .navmenu li.level_0:last-child > ul {
        left: inherit;
        right: 0;
    }

        .navmenu li.level_0:last-child > ul > li ul {
            left: inherit;
            right: 100%;
        }

    .navmenu li.level_0 > ul {
        left: 0;
        top: 100%;
        min-width: 100%;
    }

    .navmenu li > ul {
        display: none;
        z-index: 20;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        background-color: #fff;
        margin: 0;

        left: 100%;
        top: 0;
        box-shadow: 0 5px 30px #909090;
    }
    .navmenu li ul li ul,
    .navmenu li ul li ul li ul {
        left: 100%;
    }
    .navmenu li:hover > ul {
        display: block;
    }

    .navmenu li > ul li {
        float: none;
        white-space: nowrap;
        padding: 0 10px;
    }
    .navmenu li > ul li:first-child a {
        float: none;
        white-space: nowrap;
        border:0;
    }

        .navmenu li > ul li > a, .navmenu li > ul li > span {
            display: block;
            font-size: 14px;
            line-height:28px;
            color: #010101;
            text-decoration: none;
            padding: 2px 20px;
            font-weight:bold;
            border-top:1px solid #e1d9d7;
        }
        .navmenu li > ul li:first-child {
            padding: 10px 10px 0;
        }
        .navmenu li > ul li:last-child {
            padding: 0px 10px 10px;
        }
        .navmenu li > ul li:first-child:last-child {
            padding: 0px 10px 0px;
        }
            .navmenu li > ul li > a:hover, .navmenu li > ul li > span:hover {
                color: #d0196c;
            }


.expand_indicator {
    position: absolute;
    right: 6px;
    display: block;
    text-align: right;
    background-image: url(Images/right.png);
    background-repeat: no-repeat;
    background-position: center 0;
    width: 9px;
    height: 9px;
    margin-top: 10px;
}

.navmenu li.level_0 > a > .expand_indicator, .navmenu li.level_0 > span > .expand_indicator {
    display: none;
}
