.gnav { height: 37px; padding-top: 5px; background: url(img/gnav_bg.png) repeat-x 0 center; }
.toggleMenu { width: 100%; display: block; padding: 6px 0; position: relative; overflow: hidden; font-weight: bold; font-size: 16px; text-align: left; text-indent: 5%; background: url(img/nav-icon.png) no-repeat 98% center; color: #fff; }

.gmenu { list-style: none; *zoom: 1; margin-left:8px; }
.gmenu:before, .gmenu:after { content: " "; display: table; }
.gmenu:after { clear: both; }
.gmenu li { position: relative; margin-right: 3px; }
.gmenu > li { float: left; /*background: url(images/nav_bg.png) no-repeat right -41px; padding: 0 2px 0 0;*/ }
.gmenu > li:last-child { /*background: none;*/ }
.gmenu > li > .parent { /*background-image: url("images/downArrow.png"); background-repeat: no-repeat; background-position: right;*/ }
.gmenu > li > a { display:block; font-size:14px; line-height:28px; padding:0 12px; border-radius:6px; color: #fff; }
.gmenu > li:first-child > a:hover { /*border-radius: 5px 0 0 5px;*/ }
.gmenu > li:last-child > a:hover {  }
.gmenu > li > a:hover { background:url(img/gnav_btn.png) repeat-x center; box-shadow:0 0 1px #adb7ee; }
.gmenu > li:first-child > a.active { /*border-radius: 5px 0 0 5px;*/ }
.gmenu > li:last-child > a.active { /*border-radius: 0 5px 5px 0;*/ }
.gmenu > li > a.active { background: url(images/nav_bg.png) repeat-x 0 bottom; }
/* 2nd stage */
.gmenu ul { list-style: none; width:150px; position: absolute; left: -9999px; z-index:9999; border-radius:3px; overflow:hidden; background:#f00; }
.gmenu > li.hover > ul { left:0; }
.gmenu ul li { margin-right:0; border-bottom:1px solid #3249c2; }
.gmenu li li.hover ul { left: 100%; top:0; }
.gmenu li li a { display: block; background:#435ad7; position: relative; z-index: 100; color:#fff; padding:4px 10px; }
.gmenu li li a:hover { background:#2136a5; }
.gmenu li li li a { background:#f00; z-index: 200; }

@media screen and (max-width:990px) {
.gblNav .active { display: block; }
.gblNav { width: 60%; position: absolute; right: 1%; top: 1%; z-index: 300; }
.gmenu { width: 95%; background: #eee; padding: 0 1%; box-shadow: 0 0 6px #999; position: absolute; z-index: 500; }
.gmenu > li { float: none; background: none; border-bottom: 1px solid #ccc; }
.gmenu > li:last-child { /*border: none;*/ }
.gmenu > li a { padding: 0 !important; line-height: 40px; background-position: 0 center !important; text-indent: 10px; color:#666; }
.gmenu > li a:hover { box-shadow:none; }
.gmenu > li > .parent:after,
.gmenu li li .parent:after { content: ' »' }
.gmenu ul { width: 100%; display: block; }
.gmenu > li.hover > ul,
.gmenu li li.hover ul { position: static; }
.gmenu > li > a:hover,
.gmenu > li > a:active { background: url(images/nav_bg.png) repeat-x 0 bottom !important; }
.gmenu > li > a.active { background: url(images/nav_bg.png) repeat-x 0 bottom !important; border-radius: 5px !important; color: #fff; font-weight: bold; }
/* 2nd level*/
.gmenu ul { width: 96%; position: absolute; left: -999em; z-index: 200; padding: 0 2%; background: #fff; box-shadow: none; }
.gmenu > li.hover > ul { left: -40px; }
.gmenu ul li { border-bottom: 1px solid #e5e5e5; background: #fff; margin-bottom: 0 !important; }
.gmenu ul li:last-child { border-bottom: none; }
.gmenu ul li a { display: block; background: url(../../images/gry_rdmr_arrow.png) no-repeat 95% center !important; height: 30px; text-indent: 10px; line-height: 30px; white-space: nowrap; color: #888; }
}