.global-nav-container .nav-sub-menu { left: 432px; }
.global-nav-container .global-nav { margin: 15px; left: 218px; }
.global-nav-container .global-nav-main-menu { position: absolute; left: 233px; top: 39px; }

.global-nav { background-color: #fff; width: 150px; float: left; padding: 1px 0 0; min-height: 25px; border: 1px solid #ccc; font-size: 14px; font-weight: 700; z-index: 1000; position: absolute; border-bottom: 1px solid #fff; }
.global-nav.global-nav--closed { border-bottom: 1px solid #ccc; }
.global-nav.global-nav--expanded { color: #07e; border-bottom: 1px solid #fff; }
.global-nav + .global-nav-main-menu .list-item.group-header { color: #ccc; border-top: 1px solid #eee; padding-top: 5px; margin-top: 5px; font-size: 12px; text-transform: uppercase; cursor: default; }
.global-nav + .global-nav-main-menu .list-item.group-header:first-child { color: #ccc; border-top: 0; padding-top: none; margin-top: none; }
.global-nav + .global-nav-main-menu .list-item.hovered { color: #07e; background-color: #eee; }
.global-nav:before { content: "\25BE"; position: relative; left: 135px; }

.has-sub-menu:after { content: "\25b8"; position: relative; top: -1px; left: 5px; }

.global-nav-main-menu, .nav-sub-menu { z-index: 800; border: 1px solid #ccc; width: 200px; position: absolute; top: 29px; background-color: #fff; padding: 10px 0; height: 360px; overflow-y: scroll; left: 5px; }

.global-nav-main-menu .list-item, .nav-sub-menu .list-item { line-height: 2; font-weight: 700; padding-left: 20px; text-transform: capitalize; cursor: pointer; font-size: 14px; }

.nav-sub-menu { left: 204px; max-height: 300px; height: auto; padding: 10px; width: auto; }
.nav-sub-menu .list-item { padding-left: 5px; }

.global-nav-main-menu .list-item:not(.group-header):hover, .nav-sub-menu .list-item:hover { color: #07e; }