/*----------------- Main Menu and Header sections---------------------------------------------------*/
div.callout {
    height: 60px;
    width: 200px;
    float: left;
}


div.callout {
    position: relative;
    padding: 6px;
    text-shadow: 0 0 1px #000;
}

.callout::before {
    content: "";
    width: 0px;
    height: 0px;
    border: 0.8em solid transparent;
    position: absolute;
}

.callout.top::before {
    left: 45%;
    bottom: -20px;
    border-top: 10px solid #444;
}

.RadSiteMap .rsmItem {
    font-family: Verdana;
    font-size: 8pt;
    border-style: none !important;
}

div#MegaDropDown {
    margin: 0;
    padding: 0 0 0 0;
    background-repeat: no-repeat;
}

    div#MegaDropDown h3 {
        margin: 0 0 15px 0;
        padding: 4px 8px;
        font-size: 12px;
        font-weight: normal;
        letter-spacing: 1px;
        color: #fff;
        text-transform: uppercase;
    }

div#CatWrapper h3 {
    background-color: #9fba2d;
}

div.RadSiteMap .rsmTwoLevels .rsmLevel1 .rsmLink,
div.RadSiteMap .rsmTwoLevels .rsmLevel1 .rsmTemplate {
    padding-left: 0;
}

div.Wrapper {
    margin: 0 5px 0 0;
    padding: 0 0 5px 0;
    float: left;
    width: 810px;
}

    div.Wrapper h3 {
        text-transform: uppercase;
    }

div.RadMenu .rmGroup .rmText {
    margin: 0 0 0 4px;
    padding: 8px 0 0 10px;
}
/*Root menu Background gradient*/
div.RadMenu_Default ul.rmRootGroup,
div.RadMenu_Default div.rmRootGroup {
    border: 0;
    height: 100%;
}

html .RadMenu_Default a.rmLink:hover,
html .RadMenu_Default a.rmFocused,
html .RadMenu_Default a.rmSelected,
html .RadMenu_Default a.rmExpanded {
    background-color: #FFFFFF;
    border-radius: 5px;
}


div.RadMenu .rmPopup {
    border: 1px solid #979797;
    padding: 8px 0 0 10px;
    position: relative;
    white-space: normal;
    margin-left: 0px;
}

.RadMenu .rmItem {
    list-style-type: none !important;
    list-style-position: outside !important;
    list-style-image: none !important;
}


div.RadMenu .rmItem {
    position: static;
}

/*Root Menu Line */
div.RadMenu_Default .rmLink .rmText,
div.RadMenu_Default .rmFocused .rmText {
    line-height: 32px;
    color: #FFFFFF;
    font-weight: normal;
}

div.RadMenu_Default .rmSelected .rmText,
div.RadMenu_Default .rmLink:hover .rmText,
div.RadMenu_Default .rmExpanded .rmText {
    color: #555;
}

div.RadMenu_Default .rmHorizontal .rmItem a.rmLink .rmText {
    border: 0 none;
}

div.RadMenu_Default .rmRootGroup,
div.RadMenu_Default a.rmLink,
div.RadMenu_Default .rmGroup .rmText,
div.RadMenu_Default .rmVertical .rmText,
div.RadMenu_Default .rmLeftArrow,
div.RadMenu_Default .rmRightArrow,
div.RadMenu_Default .rmTopArrow,
div.RadMenu_Default .rmBottomArrow,
div.RadMenu_Default .rmIcon {
    background-image: none;
}

div.RadMenu_Default .rmHorizontal .rmItem {
    padding-top: 2px;
}

div.RadMenu_Default,
div.RadMenu_Default a.rmLink {
    font: 10pt Verdana;
    text-decoration: none;
}

.rmRoundedCorners .rmGroup .rmItem {
    background: #f5f6f6; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f6f6 0%, #b8bac6 0%, #dddfe3 2%, #dbdce2 6%, #f5f6f6 35%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(0%,#b8bac6), color-stop(2%,#dddfe3), color-stop(6%,#dbdce2), color-stop(35%,#f5f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f6f6 0%,#b8bac6 0%,#dddfe3 2%,#dbdce2 6%,#f5f6f6 35%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f6f6 0%,#b8bac6 0%,#dddfe3 2%,#dbdce2 6%,#f5f6f6 35%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f6f6 0%,#b8bac6 0%,#dddfe3 2%,#dbdce2 6%,#f5f6f6 35%); /* IE10+ */
    background: linear-gradient(to bottom, #f5f6f6 0%,#b8bac6 0%,#dddfe3 2%,#dbdce2 6%,#f5f6f6 35%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
}

div.RadMenu_Default .rmGroup,
div.RadMenu_Default .rmMultiColumn,
div.RadMenu_Default .rmGroup .rmVertical {
    background-image: none;
    border: 1px solid #979797;
}

.Wrapper .moreLink {
    margin-top: 20px;
    float: right;
    color: #369;
    font-size: 14px;
    text-decoration: none;
}

/*setting the width and height of the dropdown */
div.RadMenu_Default .rmContentTemplate {
    background: none repeat scroll 0 0 #FFFFFF !important;
    height: 290px;
    width: 640px;
}

/*Dropdown submenu border background */
.RadMenu_Default .rmBottomLeft,
.RadMenu_Default .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_Default_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_Default_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_Default .rmRoundedCorners ul.rmGroup,
.RadMenu_Default .rmRoundedCorners .rmMultiColumn {
    background-color: transparent;
    background-repeat: repeat;
    border-bottom: 0 none;
}

/*sub group left border */
.RadMenu_Default .rmBottomLeft,
.RadMenu_Default .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_Default_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_Default_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_Default .rmRoundedCorners ul.rmGroup,
.RadMenu_Default .rmRoundedCorners .rmMultiColumn {
    background-color: transparent;
    background-repeat: repeat;
}

/*-----------------------------------------------------------------------------------------------------*/

/*---------------------------Child Items---------------------------------------------------------------*/

/*Sub Group Header*/
.RadSiteMap .rsmTwoLevels .rsmItem {
    font-weight: normal;
    font-size: 9pt !important;
    padding-top: 2px;
    color: rgb(57, 130, 53) !important;
    /*white-space: nowrap;*/
}

/*Gap betwee columns*/
.RadSiteMap .rsmList, .RadSiteMap .rsmFlow, .RadSiteMap .rsmItem {
    margin: 0;
    padding: 0 6px 0 1px !important;
}
/*-----------------------------------------------------------------------------------------------------*/

/*---------------------------Side Background-----------------------------------------------------------*/
/*Default side Background */
.RadMenu_Default .rmTopFix,
.RadMenu_Default .rmBottomFix,
.RadMenu_Default .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_Default .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_Default .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem {
    background-repeat: repeat-y !important;
    background-size: 15px !important;
}
/*sub menu Child Items without dots and with font size*/
html .RadSiteMap .rsmTwoLevels .rsmLevel1 .rsmItem {
    font-weight: normal;
    font-size: 11px !important;
    list-style-type: none;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    /*white-space: nowrap;*/
    color: rgb(57, 130, 53) !important;
}

html .RadSiteMap .rsmOneLevel .rsmItem {
    font-weight: normal;
    font-size: 11px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    /*white-space: nowrap;*/
}

/*sub menu column with padding default*/
.RadSiteMap .rsmColumn {
    padding-left: 5px !important;
}

/*Chrome*/
ul.rsmList.rsmColumn.rsmLevel.rsmTwoLevels[style="width:33%;"] {
    width: 31% !important;
}

ul.rsmList.rsmColumn.rsmLevel.rsmTwoLevels[style="width:50%;"] {
    width: 46% !important;
}

ul.rsmList.rsmColumn.rsmLevel.rsmTwoLevels[style="width:25%;"] {
    width: 23% !important;
}
/*IE*/
ul.rsmList.rsmColumn.rsmLevel.rsmTwoLevels[style="width: 33%;"] {
    width: 31% !important;
}

ul.rsmList.rsmColumn.rsmLevel.rsmTwoLevels[style="width: 50%;"] {
    width: 46% !important;
}

ul.rsmList.rsmColumn.rsmLevel.rsmTwoLevels[style="width: 25%;"] {
    width: 23% !important;
}

/* two items */
.RadSiteMap .RadSiteMap_Default ul[style="width: 50%;"] {
    width: 47% !important;
}

ul.rsmList .rsmColumn .rsmLevel .rsmTwoLevels [style="width: 50%;"] {
    width: 47% !important;
}

/* three items */
.RadSiteMap .RadSiteMap_Default ul[style="width: 33%;"] {
    width: 31% !important;
}

/* four items */
.RadSiteMap .RadSiteMap_Default ul[style="width: 25%;"] {
    width: 24% !important;
}

/*-----------------------------------------------------------------------------------------------------*/

/*---------------------------Child Items with bullets-----------------------------------------------*/
.rmItem {
    position: relative !important;
}

    .rmItem .rmSlide {
        left: 0px !important;
        position: absolute;
    }

    .rmItem .rmSlide  {
        left: 0px !important;
        position: absolute;
    }

/*-----------------------------------------------------------------------------------------------------*/
/*Sub menu Items text color*/
.RadSiteMap_Default .rsmOneLevel .rsmLink,
.RadSiteMap_Default .rsmTwoLevels .rsmLevel1 .rsmLink,
.RadSiteMap_Default .rsmThreeLevels .rsmLevel1 .rsmLink,
.RadSiteMap_Default .rsmManyLevels .rsmLevel2 .rsmLink {
    border: 0;
}

.RadSiteMap_Default {
    color: #333;
    font-family: Verdana;
}

    .RadSiteMap_Default .rsmManyLevels .rsmLink {
        border-bottom: 2px solid #ccc;
    }

    .RadSiteMap_Default .rsmTwoLevels .rsmLink,
    .RadSiteMap_Default .rsmThreeLevels .rsmLink,
    .RadSiteMap_Default .rsmManyLevels .rsmLevel1 .rsmLink {
        border-bottom: 1px solid #ccc;
    }

    .RadSiteMap_Default .rsmOneLevel .rsmItem:hover,
    .RadSiteMap_Default .rsmTwoLevels .rsmLevel1 .rsmItem:hover,
    .RadSiteMap_Default .rsmThreeLevels .rsmLevel1 .rsmItem:hover,
    .RadSiteMap_Default .rsmManyLevels .rsmLevel2 .rsmItem:hover {
        border-color: #515151 !important;
        background-color: #c3c3c3 !important;
        background-image: -webkit-linear-gradient(top,#e2e2e2 0,#c3c3c3 100%) !important;
        background-image: -moz-linear-gradient(top,#e2e2e2 0,#c3c3c3 100%) !important;
        background-image: -ms-linear-gradient(top,#e2e2e2 0,#c3c3c3 100%) !important;
        background-image: -o-linear-gradient(top,#e2e2e2 0,#c3c3c3 100%) !important;
        background-image: linear-gradient(top,#e2e2e2 0,#c3c3c3 100%) !important;
    }

    .RadSiteMap_Default .rsmLink,
    .RadSiteMap_Default .rsmTemplate {
        color: #888 !important;
    }

    .RadSiteMap_Default .rsmTwoLevels .rsmLevel1 .rmSeparator:hover,
    .RadSiteMap_Default .rsmTwoLevels .rsmLevel1 .rsmDisabled:hover {
        background-color: transparent !important;
        cursor:default;
    }
/*-----------------------------------------------------------------------------------------------------*/

/*---------------------------Triangle on root link hover-----------------------------------------------*/
.RadMenu_Default .rmSlide {
    margin-top: 5px !important;
}

.rmRootGroup .rmItem {
    position: relative;
}

html .RadMenu_Default a.rmLink:hover:after, html .RadMenu_Default a.rmLink:hover:before,
html .RadMenu_Default a.rmExpanded:after, html .RadMenu_Default a.rmExpanded:before {
    Top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

html .RadMenu_Default a.rmLink:hover:after,
html .RadMenu_Default a.rmExpanded:after {
    border-top-color: #ffffff;
    border-width: 6px;
    margin-left: -6px;
}
/*-----------------------------------------------------------------------------------------------------*/


/* our menu styles */
#sticky_navigation_wrapper {
    width: 100%;
    height: 40px;
    display: inline-block;
}

#sticky_navigation {
    width: 100%;
    height: 40px;
}

    #sticky_navigation ul li a {
        display: block;
    }

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}