/************ BEGIN JH ADD ************/
	.snap-drawer ul ul ul ul {
	color: #fff;
	display: none;
	background: #8c8c8c;
	}
	
	.snap-drawer ul ul ul ul a { color: #fff; padding-left: 80px; }
	
	.snap-drawer ul ul ul ul a.arrow { opacity: 0.3; filter: alpha(opacity=15); }
	
	/************ END JH ADD ************/


.snap-drawers { display: none; } /* HIDE ON ALL >= 768px */
@media (max-width:767px) {
	.snap-drawer-left { left: 0; z-index: 1; }
	.snap-drawer-right { right: 0; z-index: 1; }
	.snapjs-left .snap-drawer-right, .snapjs-right .snap-drawer-left { display: none; }
	.snapjs-expand-left .snap-drawer-left, .snapjs-expand-right .snap-drawer-right { width: 100%; }
	/* Show LEFT drawer for the RIGHT drawer */
	.snapjs-right .snap-drawer-left { display: block; right: 0; left: auto; }
	/* Hide the actual RIGHT drawer */
	.snapjs-right .snap-drawer-right { display: none; }
	#content {
	background: #f8f8f8 center 75% no-repeat;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden; /* Chrome and Safari */
	-moz-backface-visibility:hidden; /* Firefox */
	-ms-backface-visibility:hidden; /* Internet Explorer 10+ */
	}
	.snap-content {
	background: #ddd;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: auto; height: auto;
	z-index: 2;
	overflow: auto; -webkit-overflow-scrolling: touch;
	-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
	}
	.snap-drawers {
	display: block;
	background: #ddd;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: auto; height: auto;
	}
	.snap-drawer {
	background: #ddd;
	color: #333;
	position: absolute;
	top: 0; right: auto; bottom: 0; left: auto;
	width: 265px; height: auto;
	overflow: auto; -webkit-overflow-scrolling: touch;
	-webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -ms-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease;
	}
	.snap-drawer ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	color: #323232;
    background: #ddd;
    list-style-type: none;
	}
	.snap-drawer ul ul {
	color: #454545;
	display: none;
    background: #ccc;
	}
	.snap-drawer ul ul ul {
	color: #fff;
	display: none;
	background: #bbb;
	}
	.snap-drawer li {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 20px;
	position: relative;
	}
	.snap-drawer li a {
	display: block;
	border-bottom: 1px solid rgba(0,0,0, 0.1);
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	padding: 15px 45px 15px 20px;
	text-decoration: none;
	color: #fff;
	}
	.snap-drawer ul a { color: #323232; padding-left: 20px; }
	.snap-drawer ul ul a { color: #454545; padding-left: 40px; }
	.snap-drawer ul ul ul a { color: #fff; padding-left: 60px; }
	.snap-drawer ul a.arrow { opacity: 0.5; filter: alpha(opacity=50); }
	.snap-drawer ul ul a.arrow { opacity: 0.3; filter: alpha(opacity=30); }
	.snap-drawer li a.arrow { width: 40px; height: 40px; padding: 0; display: inline-block; border-bottom: 0; border-top: 0; overflow: hidden; text-indent: -999em; position: absolute; top: 7px; right: 7px; }
	.snap-drawer li a.arrow { background: transparent url(../img/global/icon-mobile-nav-arrow-down.png) 0 0 no-repeat; }
	.snap-drawer li.open a.arrow { background: transparent url(../img/global/icon-mobile-nav-arrow-up.png) 0 0 no-repeat; }
	ul#snap-group ul > li > a.arrow { background: transparent url(../img/global/icon-mobile-nav-arrow-down.png) 0 0 no-repeat; }
	ul#snap-group ul > li.open > a.arrow { background: transparent url(../img/global/icon-mobile-nav-arrow-up.png) 0 0 no-repeat; }
	#preload-arrow-up { background: url(../img/global/icon-mobile-nav-arrow-up.png) no-repeat -9999px -9999px; }
	#preload-arrow-down { background: url(../img/global/icon-mobile-nav-arrow-down.png) no-repeat -9999px -9999px; }
}
@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio: 2) {  
	#preload-arrow-up { background: url(../img/global/icon-mobile-nav-arrow-up@2x.png) no-repeat -9999px -9999px; }
	#preload-arrow-down { background: url(../img/global/icon-mobile-nav-arrow-down@2x.png) no-repeat -9999px -9999px; }
	.snap-drawer li a.arrow { background: transparent url(../img/global/icon-mobile-nav-arrow-down@2x.png) 0 0 no-repeat; background-size: 40px 40px; }
	.snap-drawer li.open a.arrow { background: transparent url(../img/global/icon-mobile-nav-arrow-up@2x.png) 0 0 no-repeat; background-size: 40px 40px; }
	ul#snap-group ul > li > a.arrow { background: transparent url(../img/global/icon-mobile-nav-arrow-down@2x.png) 0 0 no-repeat; background-size: 40px 40px; }
	ul#snap-group ul > li.open > a.arrow { background: transparent url(../img/global/icon-mobile-nav-arrow-up@2x.png) 0 0 no-repeat; background-size: 40px 40px; }
}