/* johns2ja - activated when desktop shows hamburger toggler */
#bannerghost {
    height: 50px;
    display: block; 
}
#topheader { 
    position: fixed;
    z-index: 999; 
}

#purpleband {
    position: absolute;
    top: 0px; 
    white-space: nowrap;
}
#purpleband .pagecontainer {
    overflow: hidden; 
}
.menu-collapser {
    display: inline-block; 
}

#mobileleftnav { 
    display: block; 
}
#goldband { 
    display: none; 
    text-align: left;
    overflow: auto; 
    top: 50px; 
    background: transparent;
}
#goldband ul#goldnav { 
    display: block; 
}

#goldnav>li a, #mobileleftnav>li a{ 
    border-bottom: 1px solid white; 
    text-transform: uppercase;
}

#goldnav li, #mobileleftnav li { 
    text-align: left; 
    width: 100%;
    display: block;
}

#goldnav>li { float: none; }

#goldnav li li a, #mobileleftnav li li a{
	padding-right: 0.7em; 
	padding-left: 2em;   
}
#goldnav li li li a, #mobileleftnav li li li a {
    padding-right: 0em;
    padding-left: 2.7em; 
}
.sideArrowGold { 
    background: none; 
}
#goldnav li a, #mobileleftnav li a { 
    display: block;
}

#goldnav li > ul {
    position: relative; /* x20211111 */
}

#goldnav li:hover ul, #mobileleftnav li:hover ul {
    display:none; 
}

.arrowed a span { 
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075); 
    display: block; 
    height: 1em;
    width: 3em; 
    text-align: center;
    position: relative;
    padding: 1em 0px;
    top: -1em; 
    right: -1em; 
    float: right; 
}
.arrowed .arrowed a span {
    font-size: 16px;
    right: -0.5em;
    top: -0.65em;
}