﻿ul.mega-menu
{
	position:absolute;
	bottom:-10px;
	right:0px;
}
ul.mega-menu.collapse
{
	height:auto;
	min-height:25px;
	overflow:visible;
}
ul.mega-menu, ul.mega-menu ul, ul.mega-menu ul li
{
	list-style:none;
	margin-left:0px;
}
ul.mega-menu > li.home
{
	min-width:0px;
}
ul.mega-menu > li
{
	float:left;
	min-width:80px;
}
ul.mega-menu > li > ul li > a:hover
{
	background-color:#000;
	color:#FFF;
}
ul.mega-menu li > a, ul.mega-menu li > span
{
	color:#000;
	text-decoration:none;
	cursor:pointer;
}
ul.mega-menu > li
{
	position:relative;
}
ul.mega-menu > li > a, ul.mega-menu > li > span
{
	text-align:center;
	display:block;
	padding:8px 16px 8px 16px;
}
ul.mega-menu > li > a.touchable, ul.mega-menu > li > span.touchable
{
	display:none;
}
html.touchable ul.mega-menu > li > a.not-touchable, html.touchable ul.mega-menu > li > span.not-touchable
{
	display:none;
}
html.touchable ul.mega-menu > li > a.touchable, html.touchable ul.mega-menu > li > span.touchable
{
	display:block;
}
ul.mega-menu > li > div.arrow,
ul.mega-menu > li > ul
{
	display:none;
}
ul.mega-menu > li:hover > div.arrow,
ul.mega-menu > li.open > div.arrow,
ul.mega-menu > li:hover > ul,
ul.mega-menu > li.open > ul
{
	display:inline;
}
ul.mega-menu > li > div.arrow
{
	position:absolute;
	width:100%;
	top:33px;
	height:3px;
	background-color:Red;
	text-align:center;
}
ul.mega-menu > li > ul
{
	position:absolute;
	left:0px;
	top:36px;
	background-color:#FEE;
	border-top:1px solid #FFF;
	font-size:14px;
	line-height:20px;
	padding:8px;
}
ul.mega-menu > li.menu-1 > ul
{
	left:-46px;
	width:498px;
}
ul.mega-menu > li.menu-2 > ul
{
	left:-50px;
	width:322px;
}
ul.mega-menu > li.menu-2 > ul > li > ul > li > a
{
	width:298px;
}
ul.mega-menu > li.menu-3 > ul
{
	width:498px;
	left:auto;
	right:-69px;
}
ul.mega-menu > li.menu-4 > ul
{
	width:332px;
	left:auto;
	right:0px;
}
ul.mega-menu > li.menu-5 > ul
{
	width:332px;
	left:auto;
	right:0px;
}
ul.mega-menu > li > ul > li
{
	float:left;
}
ul.mega-menu > li > ul > li > a, 
ul.mega-menu > li > ul > li > span
{
	font-weight:bold;
}
ul.mega-menu > li > ul li > a, 
ul.mega-menu > li > ul li > span
{
	display:block;
	width:150px;
	line-height:16px;
	padding:4px 8px 4px 8px;
}
ul.mega-menu > li > ul > li > ul > li > a
{
	font-size:12px;
	width:142px;
	line-height:14px;
	padding:4px 8px 4px 16px;
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
ul.mega-menu > li > ul > li > ul > li > ul > li > a
{
	font-size:12px;
	width:142px;
	line-height:14px;
	padding:4px 8px 4px 16px;
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
ul.mega-menu > li > ul > li > ul > li.featured
{
	margin-top:8px;
	border-top:1px solid #FFF;
}

@media (max-width: 767px)
{
	div.head
	{
		min-height:110px;
		height:auto;
	}
	div.head > div.search
	{
		top:86px;
		left:6px;
	}
	div#mobile-menu
	{
		position:absolute;
		top:81px;
		right:6px;
	}
	div.head > div.login-status
	{
		position:absolute;
		top:64px;
		right:0px;
	}
	ul.mega-menu > li > span,
	ul.mega-menu > li > a
	{
		display:none;
	}
	ul.mega-menu
	{
		position:relative;
		top:0px;
		margin-top:32px;
		right:0px;
	}
	ul.mega-menu.collapse
	{
		height:0px;
		min-height:0px;
		overflow:hidden;
	}
	ul.mega-menu > li
	{
		float:none;
		position:relative;
	}
	ul.mega-menu > li.menu-1 > ul,
	ul.mega-menu > li.menu-2 > ul,
	ul.mega-menu > li.menu-3 > ul,
	ul.mega-menu > li.menu-4 > ul,
	ul.mega-menu > li.menu-5 > ul
	{
		left:0px;
		right:0px;
		width:auto;
	}
	ul.mega-menu > li > ul
	{
		position:relative;
		top:0px;
		left:0px;
		display: inline;
		float:none;
	}
	ul.mega-menu > li > ul > li
	{
		float:none;
		display:block;
	}
	ul.mega-menu > li:hover > div.arrow
	{
		display:none;
	}
	ul.mega-menu > li > ul
	{
		padding:0px;
	}
	ul.mega-menu.mega-menu.mega-menu.mega-menu.mega-menu.mega-menu > li > ul,
	ul.mega-menu > li > ul,
	ul.mega-menu > li > ul > li > ul > li.featured
	{
		border-top:none;
	}
}