/* *********************************************
    CORE STYLES
    
    dd-menu = Dropdown Menu
    m-menu = Mega Menu
    
 *********************************************** */

.m-menu li ul, 
.dd-menu li ul {
    list-style: none;
    font-size: 12px;
    margin:0;
    padding:0;
}

.m-menu li ul li ul li,
.dd-menu li ul li ul li {
    margin: 0;
    padding: 0;
    position: relative; /*--Important--*/
}

.m-menu .level1-li:hover a,
.m-menu li:hover .level1-link,
.dd-menu .level1-li:hover a,
.dd-menu li:hover .level1-link {
    position: relative;
    z-index: 999;
}


/* *********************************************
    CUSTOM CSS
    
    - Fiddle with this to your heart's content
    
 *********************************************** */ 
.m-menu-vertical {margin:0 0 10px;}
#janitorial .sub {margin-left:-333px !important;}
/* Header menu */
#global-nav {

  background-color: #02774F;
  background-image: -moz-linear-gradient(top, #02774F, #004F34);
  background-image: -ms-linear-gradient(top, #02774F, #004F34);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#02774F), to(#004F34));
  background-image: -webkit-linear-gradient(top, #02774F, #004F34);
  background-image: -o-linear-gradient(top, #02774F, #004F34);
  background-image: linear-gradient(top, #02774F, #004F34);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02774F', endColorstr='#004F34', GradientType=0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  padding-left:5px;

}

#global-nav .divider-vertical {border-right:1px solid #004f34; background-color:#038c5d;}

.m-menu li .sub, .dd-menu li .sub {
	position: absolute; /* Important */
    z-index: 999999;
    background: #FFF;
    display: none; /* Hidden for those with js turned off */
}

.m-menu li .sub {
    top: 35px;
    left: 0px;
    padding: 15px;
    border:1px solid #999;
    border-top:0;
    outline:#222;
    box-shadow:3px 10px 12px rgba(0,0,0,0.40);
}

	/* Menu Specific */
	.m-menu #travelaccessories .sub,
	.m-menu #tents .sub {
		left:auto;
		right:-1px;
	}

.level1 {
    display:block;
    position:relative;
    list-style:none;
    padding:0;
    margin:0;
}

/* Level 1 */
.level1-li {
    position:relative; 
  	float:left;
}

.level1 .level1-link {
	color:#FFF !important;
	font-size:13px;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	padding:11px;
	border-right:1px solid #004f34;
	border-left:1px solid #038c5d;
	display:block;
}

.level1 .level1-link:hover, .level1-li:hover .level1-link {
	text-decoration:none;
	background:#FFF;
	border:1px solid #747474;
	border-width:0 1px;
	color:#333 !important;
	text-shadow:none;
}

/* Level 2 */
.m-menu .level2 {width:190px;}
.m-menu .level2-li {position:relative;}

.level2 {float:left;}
.level2:nth-child(6n) {}

.level2-li {
    display:block;
    clear:both;
    margin:0 20px 9px 0 !important;
    padding:0 0 9px 10px;
    width:150px;
    border-bottom:1px solid #CCC;
}

.level2-li a {
    color:#02774F;
	font-size:12px;
	font-weight:bold;
}

.level2-li ul {margin-top:10px !important; }

.level3-li { margin-top:3px;}

.level3-li a {font-size:11px; color:#555; font-weight:normal;}

.dd-menu .level2-li {
	margin:0 10px 0 10px !important;
}