﻿/* from menu*/
@-ms-viewport
{
    width: device-width;
}
/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}*/

.grid-container
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    *zoom: 1;
}

.grid-row .grid-unit
{
    position: relative;
    margin-left: 0;
    width: 100%;
    float: left;
    display: inline;
}

.grid-row .col-flow-opposite
{
    float: left;
}

.grid-row
{
    clear: both;
    float: left;
    width: 100%;
}


body
{
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/*#1570a6*/
.menu-component a
{
    font-size: small;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

.grid-row a
{
    font-size: medium;
    color: #1484e6;
}

.menu-component a:focus, a:hover
{
    color: #000000;
    text-decoration: underline;
}

.icon-menu
{
    font-family: "MSHPIconsRegular";
}


.fontface .icon-menu:after
{
    background-image: url("../../Menu/MoMenu.png");
    height: 25px;
    width: 50px; /*content: '';*/
}


.icon-menu
{
    background-image: url("../../Menu/MoMenu.png");
    height: 25px;
    width: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
}


.nofontface .icon-menu
{
    background-image: url("../../Menu/MoMenu.png");
    height: 25px;
    width: 50px;
}
/*eee*/
.site-header
{
    margin: 0 auto;
    max-width: 1600px;
    border-bottom: 0px solid #eee;
}

    .site-header h1
    {
        margin: 0;
    }


.no-js .site-header-togglers
{
    display: none;
}

.js .site-header .global-navigation, .js .menu-component
{
    display: none;
}



.site-header-togglers
{
    margin-top: .1em;
    margin-right: 1px;
    float: right;
    font-size: 1.5em;
    position: relative;
    line-height: 1.1;
    top: 0px;
    right: 0px;
    position: absolute;
}
    /*1570a6*/
    .site-header-togglers a
    {
        margin-left: .5em;
        color: green;
    }

        .site-header-togglers a:hover
        {
            color: #1a1a1a;
            text-decoration: none;
        }

@media screen and (max-width:539px)
{
    .site-header .grid-container
    {
        width: 100%;
    }
}



.list-of-links li
{
    display: inline-block;
    margin: .25em 0 .5em;
    width: 100%;
    line-height: 2.25em;
}


.list-of-links-sm li, .list-of-links-med li
{
    font-size: .9em;
}

.list-of-links-sm .heading
{
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-size:large;
    font-weight: normal;
    line-height: 1em;
    margin-bottom: 0em;
}



.menu-component
{
    *zoom: 1;
    clear: both;
    float: none;
    margin: 0;
    width: 100%;
    position: relative;
    z-index: 1900;
}

    .menu-component:after
    {
        content: "";
        display: table;
        clear: both;
    }

.top-level-menubar
{
    margin: 0;
}

.top-level-menuitem
{
    margin: 0;
}
/*#083047*/

.dropdown-menu
{
    display: none;
    opacity: 0;
    border-left: .5em solid #1484e6;
}

    .dropdown-menu .single-col-dropdown
    {
        display: block;
    }

    .dropdown-menu .multi-col-dropdown
    {
        display: none;
    }

    .dropdown-menu .heading
    {
        display: none;
    }


@media screen and (min-width:540px)
{
    .menu-component
    {
        position: relative;
        display: block!important;
        clear: both;
    }

        .menu-component .grid-container
        {
            position: static!important;
        }

    .top-level-menubar
    {
        margin: 0 0 0 -.6em;
    }

    .top-level-menuitem
    {
        list-style-type: none;
        margin: 0;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .top-level-menuitem:last-child
        {
            margin-right: 0!important;
        }

    .top-level-link
    {
        font-size: medium;
        font-weight: bold;
        line-height: 2.5em;
        background: transparent;
        color: #ffffff;
        padding: 0 .5em;
        text-indent: 0;
        border-bottom: none;
        -webkit-transition: color .3s ease-in-out;
        -moz-transition: color .3s ease-in-out;
        -ms-transition: color .3s ease-in-out;
        -o-transition: color .3s ease-in-out;
        transition: color .3s ease-in-out;
    }

        .top-level-link:hover, .top-level-link:focus
        {
            color: #000000;
            text-decoration: none;
        }
    /*#eee*/
    .top-level-menubar .ui-state-active, .top-level-menubar .dropdown-open
    {
        background: #1484e6;
    }
    /*eee*/
    .dropdown-menu
    {
        opacity: 0;
        -webkit-transition: opacity .2s linear;
        -moz-transition: opacity .2s linear;
        -ms-transition: opacity .2s linear;
        -o-transition: opacity .2s linear;
        transition: opacity .2s linear;
        width: 100%;
        max-width: 1600px;
        background: #eee;
        position: absolute;
        left: 0;
        display: none;
        border-left: none;
    }

    .accordion-open .dropdown-menu
    {
        display: none!important;
    }

    .dropdown-open .dropdown-menu
    {
        display: block!important;
        opacity: 1;
    }

    .dropdown-menu .single-col-dropdown
    {
        display: none!important;
    }

    .dropdown-menu .multi-col-dropdown
    {
        display: block!important;
        overflow: hidden;
    }

    .dropdown-menu .heading
    {
        display: block!important;
        line-height: 1.25;
        margin: 0 0 1.35em;
    }

    .dropdown-menu .grid-container
    {
        clear: both;
        padding: 1.35em 2%;
    }

    .dropdown-menu .grid-unit
    {
        max-width: 270px;
        margin-left: 2%;
    }

    .dropdown-menu .row-4 .grid-unit
    {
        width: 23.5%;
        clear: none;
        margin-left: 2%;
    }

    .dropdown-menu .grid-unit:first-child
    {
        margin-left: 0;
    }

    .dropdown-menu .list-of-links ul
    {
        margin-bottom: 1.5em;
    }

    .dropdown-menu .all
    {
        color: #1484e6;
        margin: 0 0 1em;
        font-size: .9em;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .dropdown-menu .all:hover
        {
            color: #1a1a1a;
        }
}

/*.688*/
@media screen and (max-width:539px)
{
    .fontface .dropdown > a:after
    {
        margin-left: 1em;
        /*font-family: "MSHPIconsRegular";*/
        content: ' ';
        background-image: url("../../Menu/dropdown-arrow-white.png");
        background-repeat: no-repeat;
        /*content: '';*/
        /*font-size: 1.5em;*/
        width: 15px;
        height: 15px;
        display: inline-block;
    }

    .nofontface .dropdown > a:after
    {
        background-image: url("../../Menu/dropdown-arrow-white.png");
        /*background-repeat: no-repeat;*/
        background-position: right 62.5%;
        background-repeat: no-repeat;
        content: ' ';
        width: 1em;
        height: 1em;
        display: inline-block;
    }

    .dropdown a, .dropdown a:hover, .dropdown a:focus
    {
        color: #fff;
    }

    .menu-component a, .dropdown-menu .list-of-links a
    {
        display: block;
        background: #1484e6;
        color: #fff;
        border-bottom: 1px solid #fff;
        text-decoration: none;
        line-height: 1.5em;
        padding: .5em .8em;
        -webkit-transition: background-color .3s ease-in;
        -moz-transition: background-color .3s ease-in;
        -ms-transition: background-color .3s ease-in;
        -o-transition: background-color .3s ease-in;
        transition: background-color .3s ease-in;
    }

    .menu-component a, .dropdown-menu .list-of-links ul li a
    {
        background: #76bcf8;
        -webkit-transition: background-color .3s ease-in;
        -moz-transition: background-color .3s ease-in;
        -ms-transition: background-color .3s ease-in;
        -o-transition: background-color .3s ease-in;
        transition: background-color .3s ease-in;
    }

    .menu-component a, .dropdown-menu .list-of-links ul li a:hover
    {
        background: #1484e6;
            -webkit-transition: background-color .08s ease-in;
            -moz-transition: background-color .08s ease-in;
            -ms-transition: background-color .08s ease-in;
            -o-transition: background-color .08s ease-in;
            transition: background-color .08s ease-in;
    }

        .menu-component a:hover, .menu-component a:focus, .dropdown-menu .list-of-links a:hover
        {
            background: #1484e6;
            -webkit-transition: background-color .08s ease-in;
            -moz-transition: background-color .08s ease-in;
            -ms-transition: background-color .08s ease-in;
            -o-transition: background-color .08s ease-in;
            transition: background-color .08s ease-in;
        }

    .dropdown-menu .list-of-links, .dropdown-menu .list-of-links ul, .dropdown-menu .list-of-links li
    {
        background: #1484e6;
        margin: 0;
        display: block;
        font-size: 1em;
    }

    .dropdown-menu
    {
        opacity: 1;
    }
}

/*@media screen and (min-width:540px)
{
    .site-header
    {
        position: relative;
    }


    .site-header-togglers
    {
        display: none;
    }


    .site-header .global-navigation
    {
        float: right;
        width: 39.667%;
        max-width: none;
        min-width: 0;
        padding: 0;
        margin-right: 0;
        margin-left: 0;
    }
}*/

@media screen and (min-width:540px)
{
    .site-header-togglers
    {
        display: none;
    }

    .menulevel-storelink
    {
        display: inline;
    }

    /*.top-level-link
    {
        padding: 0 .93em;
    }*/

    .top-level-menubar
    {
        margin: 0 0 0 0em;
        background: #1484e6;
    }
}
