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

.m-menu,
.m-menu-vertical,
.dd-menu {
	margin:0;
	padding:0;
	list-style:none;
}

.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
    
 *********************************************** */ 
 
/* Custom sliding version */

#arrow-btn {
	display:block;
	position:absolute;
	top:0px;
	right:1px;
	background:url('arrow.png') no-repeat 10px 15px;
	height:30px;
	width:26px;
	z-index:999999;
	cursor:pointer;
	padding:5px;
} 

#arrow-btn:hover {
	background-position:-23px 15px;
	background-color:#0c89b8;
/*
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #35baeb), color-stop(1, #0c89b8));
	background: -moz-linear-gradient(top center, #35baeb 0%, #0c89b8 100%);
	background: -o-linear-gradient(#35baeb,#0c89b8);
*/
	box-shadow:inset 0 0px 1px rgb(255,255,255);
}
 
 
#n_category .m-menu-vertical,
#n_checkout .m-menu-vertical,
#n_customer_account .m-menu-vertical,
#n_customer .m-menu-vertical {
	display:none;
}

#n_checkout .m-menu-vertical {
	position:absolute;
} 
 
 
.m-menu-vertical {margin:-15px 0 10px;}

/* Header menu */
#header-menu {
    position: relative;
    z-index: 151; /* For IE7 */
    margin-bottom:15px;
    background: url('/assets/template/images/menu-gradient.png') repeat-x 0 0;
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3bcaff), color-stop(1, #0ca9e3));
	background: -moz-linear-gradient(top center, #3bcaff 0%, #0ca9e3 100%);
	background: -o-linear-gradient(#3bcaff,#0ca9e3);
	height:40px;
}

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

.m-menu li .sub {
    top: 0;
    left: 190px;
    padding: 20px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
    border:5px solid #a1c1d5;
    border-radius:0 12px 12px 12px;
}



#header-menu .m-menu li .sub {
	top:40px;
	left:0;
}

/* Menu Specific */
#header-menu .m-menu #menu-53 .sub {
	left:auto !important;
	right:-260px;
}

.dd-menu li .sub {
    top: 40px;
    left: 0;    
    box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    border:1px solid #a1c1d5;
    border-top:0;
    border-radius:0;
    	
}

.dd-menu .level2-li a {
	border-top:1px solid #a1c1d5;
	color:#2f353d;
	width:125px;
	padding:5px 20px;
	display:block;
	text-decoration:none;
}
	.dd-menu .level2-li a:hover {
		background: #469bd3;
		color:#fff;
	}

.level1 {
    display:block;
    float:left;
}

/* Level 1 */
.m-menu a#partysupplies {
	width:169px;
}

.level1-li {
    float:left;
    position:relative;
}

.level1 .level1-link {
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	padding:3px 12px;
	display:block;
	border-right:1px solid #0c87b4;
}

	.level1 .level1-link:hover {
		text-decoration:none;
		background:#0c89b8;
	  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #35baeb), color-stop(1, #0c89b8));
		background: -moz-linear-gradient(top center, #35baeb 0%, #0c89b8 100%);
		background: -o-linear-gradient(#35baeb,#0c89b8);
		box-shadow:inset 0 0px 1px rgb(255,255,255);
	}
	
	.level1 .level1-link:active {
		background:#0c89b8;
		box-shadow:inset 0 1px 4px rgba(0,0,0,0.75);
	}

	.level1 .level1-link div {
		font-size:10px;
		text-transform:lowercase;
		text-align:center;
	}

	#partysupplies.level1-link {
		font-size:14px;
		text-transform:capitalize;
		padding:10px 10px 9px;
	}
		#partysupplies.level1-link:hover {text-decoration:underline;}
	
.header-search {padding:0 5px 0 10px;}

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

.m-menu .level2 li h4 a {
	display:block;
	background:url('/assets/template/images/menu_arrow.png') no-repeat 170px center #e1f7fe;
	border-bottom:1px solid #a1c1d5;
	color:#2f353d;
	font-weight:bold;
	margin:0 !important;
	padding:8px 0 2px 10px;
	height:20px;
}
.m-menu .level2 li h4 a:hover, #partysupplies .level2 li:hover h4 a {
	background:url('/assets/template/images/menu_arrow_hover.png') no-repeat 175px center #469bd3;
	color:#fff;
	text-decoration:none;
}

/* Level 3 */

.level3 {
	float:left;
}

.level3 h5 {
	margin-top:12px;
}

.level3 h5 a {
	font-weight:bold;
	color:#222;
}

.level3-li,
.level4-li {
    display:block;
    clear:both;
    margin:0 10px 0 0 !important;
    width:150px;
}

/*
#header-menu .level3-li {
	float:left;
}
*/

.level4-li + .level3-li,
.level3-li + .level3-li {
	margin-top:18px !important;
}