﻿.top-bar-section >ul >li:hover {
    background:white !important;
}
#sideMenu
{
    margin-top: -15px;
    margin-bottom: 40px;
}

#navSideHeader
{
    background: black;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    border-style: none !important;
    display: block;
    font-size: 15px;
    line-height: 1;
    margin: 0;
    padding: 16px 13px;
    position: absolute;
    top: -47px;
    width: 210px;
}

    #navSideHeader a
    {
        color: #FFFFFF!important;
        font-size: 15px;
        line-height: 1;
        padding: 0;
        margin: 0;
        text-transform: uppercase;
    }

        #navSideHeader a:hover
        {
            color: #CB333B !important;
        }

.mtiSideNav, .k-dropdown
{
    font-family: "purista-web-n4","purista-web","Arial","Helvetica";
    font-weight: 600;
    list-style-type: none !important;
    position: relative;
    z-index: 99;
    width: 210px;
}

    .mtiSideNav span, .mtiSideNav a, .k-dropdown-wrap > .k-input, .k-dropdown
    {
        color: #333 !important;
        display: block;
        font-family:"purista-web-n4","purista-web","Arial","Helvetica";
        font-size: 14px;
        font-weight: normal !important;
        text-decoration: none;
    }

    .mtiSideNav a
    {
        line-height: 1.3;
        padding: 13px;
    }


        .mtiSideNav a span
        {
            color: #CB333B !important;
        }


    .mtiSideNav ul li.hover,
    .mtiSideNav ul li:hover
    {
        position: relative;
        z-index: 599;
    }



        .mtiSideNav ul li:hover > ul
        {
            visibility: visible;
        }

    .mtiSideNav ul ul
    {
        top: 0;
        left: 100%;
    }

    .mtiSideNav .k-widget
    {
        border-width: 0px;
        /*border-style:none !important;*/
    }

    .mtiSideNav li.activestate
    {
        background: #D4D4D4;
    }

        .mtiSideNav li.activestate > a
        {
            background: #D4D4D4;
            color: #cb333b !important;
        }

    .mtiSideNav li
    {
        background: white;
        border-bottom: 1px solid #DADADA !important;
        position: relative;
    }


        .mtiSideNav li:hover li a
        {
            color: #333;
        }

.mtiSideNavList
{
    display: block;
}

    .mtiSideNavList a:active
    {
        background-color: #D4D4D4;
        color: #cb333b;
    }
/*override sitefinity border style*/
.sfNavWrp
{
    border-style: none !important;
}

.k-animation-container, .k-popup
{
    border-color: #333 !important;
}

.sfNavHorizontalDropDown .k-item
{
    padding: 10px 0px 10px 10px;
}

.sfNavHorizontalDropDown .k-i-arrow-e
{
    background-image: url("../icons/kendo/sprite.png");
}

.sfNavHorizontalDropDown .k-state-hover .k-i-arrow-e,.sfNavHorizontalDropDown  .k-i-arrow-e:hover
{
    background-image: url("../icons/kendo/sprite_hover.png");
}
.k-menu .k-item > .k-link 
{

    margin-right: 15px;
}
.k-menu .k-item > .k-link > .k-icon
{
    margin: -2px  0;
}


.k-menu .k-item > .k-link > .k-icon, .k-menu .k-image, .k-menu .k-sprite
{
    margin: -2px 4px 0 -4px;
    vertical-align: middle;
}

.sfNavHorizontalDropDown * html ul li a
{
    width: 1%;
}
.sfNavHorizontalDropDown * html> body ul li a
{
    width: 1%;
}

.sfNavHorizontalDropDown
{
    background-position: 0px -16px;
}

.k-icon, .k-sprite
{
    background-color: transparent;
}

.sfNavHorizontalDropDown .k-icon, .sfNavHorizontalDropDown .k-sprite, .sfNavHorizontalDropDown .k-editor-button .sfNavHorizontalDropDown .k-tool-icon
{
    /*padding: 10px 0px 10px 10px;*/
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    float:right;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -3333px;
    text-align: center;
}

.k-icon, .k-state-disabled .k-icon, .k-column-menu .k-sprite
{
    opacity: 1;
}

.k-menu .k-item > .k-link > .k-i-arrow-e
{
    position: absolute;
    right: 0px;
   
}



    .sfNavHorizontalDropDown .k-item .k-link:hover 
    {
        color: #cb333b !important;
    }

.sfNavHorizontalDropDown .k-item > .k-link 
{
    padding-right:0px !important;
}
.sfNavHorizontalDropDown  .extraArrowPad:hover  .k-animation-container
{
 overflow:visible;   
}
.extraArrowPad
{
    
    /*border-color:black;
    border-style:solid;*/ /*borders to view touch area*/
    /*padding: 10px 0px 10px 20px;*/
    /*margin-top:-10px !important;
    */
     width:50px;
     height: 30px;
    float:right;
    top:0px;
}

/*pop up*/
.k-animation-container, .k-popup
{
    margin-left: -1px !important;
    margin-top: 0px !important;
    border-style: none !important;
}

.k-menu .k-group .k-item > .k-link
{
   
    padding: 6px;
}

/*DDL Menu */
.ddlSideMenu .k-dropdown-wrap .k-input
{
    padding-bottom: 5px;
}

.ddlSideMenu .k-dropdown-wrap .k-state-hover, .k-dropdown-wrap:hover
{
    border-color: black !important;
    border-style: solid !important;
}

.ddlSideMenu .k-dropdown, .k-dropdown-wrap > span
{
    background-color: white !important;
    font-style: normal;
}

.ddlSideMenu .k-i-arrow-s
{
    background-image: url("../icons/kendo/sprite.png");
}

.ddlSideMenu .k-state-hover .k-i-arrow-s
{
    background-image: url("../icons/kendo/sprite_hover.png");
}

.ddlSideMenu .k-i-arrow-s
{
    background-position: 0px -36px;
}

#ddlMenu_listbox .k-item
{
    color: black;
}


/*Falcon Side nav control*/

#flyout_menu
{
    font-weight: 600;
    width: 210px; 
    margin-top: -15px;
    position: relative;
    z-index: 99;
    margin-bottom: 40px;
}

    #flyout_menu h3
    {
        background: black;
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
        display: block;
        font-size: 15px;
        line-height: 1;
        margin: 0;
        padding: 16px 13px;
        position: absolute;
        top: -47px;
        width: 210px;
    }

    #flyout_menu ul, #flyout_menu li
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #flyout_menu ul li.hover,
        #flyout_menu ul li:hover
        {
            position: relative;
            z-index: 599;
        }

        #flyout_menu ul ul
        {
            visibility: hidden;
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 598;
        }

        #flyout_menu ul li:hover > ul
        {
            visibility: visible;
        }

        #flyout_menu ul ul
        {
            top: 0;
            left: 100%;
        }

    #flyout_menu span, #flyout_menu a
    {
        display: block;
        font-family: purista-web-n4,purista-web,Arial,Helvetica,sans-serif !important;
        font-size: 12px;
        text-decoration: none;
        font-weight: normal !important;
    }

        #flyout_menu a.activestate
        {
            background: #D4D4D4;
            color: #cb333b;
        }

    #flyout_menu li
    {
        background: white;
        border-bottom: 1px solid #DADADA;
        position: relative;
    }

        #flyout_menu li:hover, #flyout_menu li.active
        {
            background: #D5D5D5 !important;
            color: #CB333B !important;
        }

            #flyout_menu li:hover a, #flyout_menu li:hover li:hover a
            {
                color: #CB333B;
            }

            #flyout_menu li:hover li a
            {
                color: #333;
            }

    #flyout_menu a
    {
        line-height: 1.3;
        color: #333;
        padding: 13px;
        font-size: 14px;
    }

    #flyout_menu ul u l li
    {
        background: #ffffff;
        border-bottom: 1px solid #007171;
    }

    #flyout_menu ul ul li:hover
    {
        background: #D5D5D5;
        color: #CB333B;
    }

    #flyout_menu ul ul
    {
        border: 1px solid #ccc;
        box-shadow: 0 10px 60px 6px rgba(0, 0, 0, 0.2);
        width: 285px;
    }

    #flyout_menu h3
    {
        background: black;
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
        margin: 0;
        font-size: 15px;
        line-height: 1;
        padding: 16px 13px;
    }

        #flyout_menu h3 a
        {
            color: #FFFFFF!important;
            font-size: 15px;
            line-height: 1;
            padding: 0;
            margin: 0;
            text-transform: uppercase;
        }

.touch .nextlevel a
{
    width: 80%;
}

.touch #flyout_menu a.touchicon
{
    display: block;
    width: 20%;
    text-align: center;
    position: absolute;
    top: 6px;
    right: 0;
    padding: 0;
}

.touch .margins
{
    padding: 0!important;
}

#flyout_menu li.nextlevel > a:before
{
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid #CB333B;
    border-top: 5px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    position: absolute;
    right: 10px;
    top: 16px;
    width: 0;
}

.touch #flyout_menu li.nextlevel > a:before
{
    display: none;
}

.touch #flyout_menu ul ul
{
    display: none;
    visibility: visible;
}
