﻿.header-bar .navigation 
{
    position:absolute;
    top:70px;
    right:167px;
    z-index:200; 
}
.header-bar .navigation ul.globalnav 
{
    margin: 0;
	padding: 0;
	list-style-type:none;
}
.header-bar .navigation ul.globalnav > li {
    float: left;
    font-size: 14px;
    margin-right:38px;
    padding-bottom:10px;
}
.header-bar .navigation ul.globalnav > li:hover ul {
    -webkit-transition:height .4s ease-in;  
    transition:height .4s ease-in;   
    height:242px;
}
.header-bar .navigation ul.globalnav > li a {
    color:#050B47;
}
.header-bar .navigation ul.globalnav > li > a:hover {
    border-bottom:1px solid #050B47;
    padding-bottom:2px;
}
.header-bar .navigation ul.globalnav > li > ul {
    display: block;
    position: absolute;
    top: 23px;
    background: #fff;
    z-index: 100;
    padding: 0px 23px;
    box-sizing:border-box;
    margin: 0px;
    width:700px;
    left:-10px;
    height:0px;
    list-style:none;
    box-shadow:0px 10px 18px -4px #cdcec9;
    -webkit-box-shadow:0px 10px 18px -4px #cdcec9;
    -moz-box-shadow:0px 10px 18px -4px #cdcec9;
    overflow:hidden;
}
.header-bar .navigation ul.globalnav > li > ul .banner {position:absolute;right:23px;bottom:23px;}
.header-bar .navigation ul.globalnav > li > ul .banner img {display:block;}
.header-bar .navigation ul.globalnav > li > ul > li 
{
    float: left;
    height:196px;
    margin-top:23px;
}
.header-bar .navigation ul.globalnav > li > ul > li:first-child
{
    border-right:1px solid #050B47;
    margin-right:27px;
}
.header-bar .navigation ul.globalnav > li > ul > li:first-child ul {width:153px;}
.header-bar .navigation ul.globalnav > li > ul > li > a 
{
    font-family:AvenirLTStd95Black;
    font-size:13px;
    text-transform:uppercase;
    color:#050B47;
    display:block;
    position:relative;
    top:-1px;
}
.header-bar .navigation ul.globalnav > li > ul > li > a:hover {cursor:default;}
.header-bar .navigation ul.globalnav > li > ul > li > ul {list-style:none;padding:0px;margin-top:8px;width:137px;float:left;}
.header-bar .navigation ul.globalnav > li > ul > li > ul:empty {display:none;}
.header-bar .navigation ul.globalnav > li > ul > li > ul > li {display:block;}
.header-bar .navigation ul.globalnav > li > ul > li > ul > li a {color:#666;font-size:12px;padding-bottom:7px;display:inline-block;}
.header-bar .navigation ul.globalnav > li > ul > li > ul > li a:hover {color:#050B47;}

/*Preview*/
#lbtnClosePreview { background: none repeat scroll 0 0 #EFEFEF; border: 1px solid #000000; font-weight: 700; margin: 5px; padding: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

 /*Put styling content for your client here. Don't forget to define highlight colors*/  
.side-menu a.highlight { color: #d31044; }
#content ul.navigation li ul li ul li a.highlight {color: #d31044 !important;}
#content ul.navigation li ul li ul li a.highlight {-webkit-text-fill-color: #d31044 !important;}

/* Map Mode*/
div#navTree.preview-1 a:first-of-type { min-width: 50px; background-color: #ddd; box-shadow: 0 0 10px 3px #95A866; }
div#navTree.preview-1 ul > li > ul li > ul { background-color: #ddd; border: 1px solid #1ACF97; box-shadow: 0 0 5px 5px #F7DD09; opacity: 0.8; }

div#navTree.preview-1 ul > li > ul li > ul > li > ul { border: 1px solid #666666; opacity: .8; background-color: #fff; box-shadow: 0 0 5px 5px #FF5E29; }
div#navTree.preview-1 > ul > li > ul > li > ul > li > a:first-of-type { background-color: #EFEFEF; box-shadow: 0 0 3px 3px #00CC04; font-weight: 700; }
div#navTree.preview-1 > ul > li > ul > li > a:first-of-type { background-color: #ccc; box-shadow: 0 0 5px 5px #1E84C3; }

div#navTree.preview-2 a:first-of-type { min-width: 50px; background-color: #ddd; box-shadow: 0 0 10px 3px #95A866; }
div#navTree.preview-2 ul > li > ul li > ul { background-color: #ddd; border: 1px solid #1ACF97; box-shadow: 0 0 5px #1ACF97; opacity: 0.8; }
                   
div#navTree.preview-2 ul > li > ul li > ul > li > ul { border: 1px solid #666666; opacity: .8; background-color: #fff; box-shadow: 0 0 5px 5px #FF5E29; }
div#navTree.preview-2 > ul > li > ul > li > ul > li > a:first-of-type { background-color: #EFEFEF; box-shadow: 0 0 3px 3px #EB06DA; font-weight: 700; }
div#navTree.preview-2 > ul > li > ul > li > a:first-of-type { background-color: #ccc; box-shadow: 0 0 5px 5px #1E84C3; }