/*Menu Styles
Init Logic*/
.menu-toggle-button
{
	padding: 1em;
	border: 1px solid #000;
	cursor: pointer;
}
.menu-toggle-button
{
	display: none;
}
.menu-toggle-button.active
{
	border: 1px solid #777;
	color: #777;
}
UL.menu-list
{
	list-style: none;
	position: relative;
	display: inline-table;
	padding: 0px;
	margin: 0px;
	height: 100%;
}
UL.menu-list LI
{
	float: left;
	position: relative;
}
UL.menu-list LI A
{
	display: inline-block;
}
UL.menu-list LI A
{
	display: block;
}
/*Handling Submenu*/
UL.menu-list UL
{
	display: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 100%;
	left: 0%;
	list-style: none;
	z-index: 700;
}
UL.menu-list UL LI
{
	position: relative;
	float: none;
	padding: 0px;
	margin: 0px;
}
UL.menu-list UL UL
{
	position: absolute;
	top: 0%;
	left: 100%;
	z-index: 700;
}
UL.menu-list LI:hover > UL
{
	display: inline-block;
}
/*End Init Logic
Style*/
UL.menu-list LI:hover > UL
{
	background: url(#fff!ie);
}
/*Fix for IE7
Submenu Expand Icon*/
UL.menu-list LI.has-submenu > A > SPAN.menu-expand
{
	font-size: 0.6em;
	float: right;
	padding-left: 10px;
	line-height: 2.2em;
}
/*All levels*/
UL.menu-list LI.has-submenu > A > SPAN.menu-expand
{
	float: none;
}
/*Fix for IE9 and below*/
UL.menu-list > LI.has-submenu > A > SPAN.menu-expand
{
}
/*Level 1*/
UL.menu-list > LI.has-submenu > A > SPAN.menu-expand:after
{
	content: '\25BC';
}
/*Level 1*/
UL.menu-list LI LI.has-submenu > A > SPAN.menu-expand
{
}
/*Level 2*/
UL.menu-list LI LI.has-submenu > A > SPAN.menu-expand:after
{
	content: '\25BA';
}
/*Level 2
You can manage with of elements by width of a-tag*/
UL.menu-list LI A
{
	color: #333;
	text-decoration: none;
	padding: 5px;
}
/*All levels*/
UL.menu-list LI > A
{
}
/*Level 1*/
UL.menu-list LI LI > A
{
	width: 265px;
}
/*Level 2*/
UL.menu-list LI LI LI > A
{
}
/*Level 3
First Level*/
UL.menu-list > LI
{
	margin: 0px 5px 0px 0px;
	border: 1px solid #000;
}
UL.menu-list > LI > A
{
}
UL.menu-list > LI:hover
{
	background: #000;
}
UL.menu-list > LI:hover > A
{
	color: #FFF;
}
UL.menu-list > LI > A:hover
{
}
/*End First Level
Second Level*/
UL.menu-list > LI > UL
{
	border: 1px solid #000;
}
UL.menu-list > LI > UL > LI
{
	background: #F7F7F7;
}
UL.menu-list > LI > UL > LI > A
{
}
UL.menu-list > LI > UL > LI:hover
{
	background: #DDD;
}
UL.menu-list > LI > UL > LI:hover > A
{
}
UL.menu-list > LI > UL > LI > A:hover
{
}
/*End Second Level
Third Level*/
UL.menu-list > LI > UL > LI > UL
{
	border: 1px solid #777;
}
UL.menu-list > LI > UL > LI > UL > LI
{
	background: #E7E7E7;
}
UL.menu-list > LI > UL > LI > UL > LI > A
{
}
UL.menu-list > LI > UL > LI > UL > LI:hover
{
	background: #DDD;
}
UL.menu-list > LI > UL > LI > UL > LI:hover > A
{
}
UL.menu-list > LI > UL > LI > UL > LI > A:hover
{
}
/*End Third Level
End Style
End Menu Styles
RESPONSIVE MEDIA QUERIES
Menu Styles
Init Logic*/
@media screen and (max-width: 767px)
{
	.menu-toggle-button
	{
		display: block;
	}
	.show-for-devices
	{
		display: block !important;
	}
	UL.menu-list
	{
		display: none;
	}
	UL.menu-list LI
	{
		clear: both;
		float: none;
	}
	/*Handling Submenu*/
	UL.menu-list UL
	{
		display: none;
		position: relative;
	}
	UL.menu-list UL LI
	{
	}
	UL.menu-list UL UL
	{
		position: relative;
		top: 100%;
		left: 0%;
	}
	UL.menu-list LI:hover > UL
	{
		display: none;
	}
	/*End Init Logic
Style*/
	UL.menu-list LI:hover > UL
	{
		background: url(#fff!ie);
	}
	/*Fix for IE7
Submenu Expand Icon*/
	UL.menu-list LI.has-submenu > A > SPAN.menu-expand
	{
		font-size: 0.6em;
		padding: 0.8em;
		line-height: 1em;
		position: absolute;
		right: 0;
		z-index: 700;
	}
	/*All levels*/
	UL.menu-list > LI.has-submenu > A > SPAN.menu-expand
	{
	}
	/*Level 1*/
	UL.menu-list LI LI.has-submenu > A > SPAN.menu-expand
	{
	}
	/*Level 2*/
	UL.menu-list LI LI.has-submenu > A > SPAN.menu-expand:after
	{
		content: '\25BC';
	}
	/*Level 2
You can manage with of elements by width of a-tag*/
	UL.menu-list LI A
	{
		color: #333;
		position: relative;
	}
	/*All levels*/
	UL.menu-list LI > A
	{
	}
	/*Level 1*/
	UL.menu-list LI LI > A
	{
		width: auto;
	}
	/*Level 2*/
	UL.menu-list LI LI LI > A
	{
	}
	/*Level 3
First Level*/
	UL.menu-list > LI
	{
		margin: 0px;
		border: none;
		border-bottom: 1px solid #000;
	}
	UL.menu-list > LI > A
	{
	}
	UL.menu-list > LI:hover
	{
		background: #000;
	}
	UL.menu-list > LI:hover > A
	{
		color: #FFF;
	}
	UL.menu-list > LI > A:hover
	{
	}
	/*End First Level
Second Level*/
	UL.menu-list > LI > UL
	{
		border: none;
	}
	UL.menu-list > LI > UL > LI
	{
		padding-left: 5px;
	}
}
UL.menu-list > LI > UL > LI > A
{
	line-height: normal;
}
@media screen and (max-width: 768px)
{
	UL.menu-list > LI > UL > LI:hover
	{
		background: #DDD;
	}
	UL.menu-list > LI > UL > LI:hover > A
	{
	}
	UL.menu-list > LI > UL > LI > A:hover
	{
	}
	/*End Second Level
Third Level*/
	UL.menu-list > LI > UL > LI > UL
	{
		border: none;
	}
	UL.menu-list > LI > UL > LI > UL > LI
	{
		padding-left: 5px;
	}
	UL.menu-list > LI > UL > LI > UL > LI > A
	{
	}
	UL.menu-list > LI > UL > LI > UL > LI:hover
	{
		background: #DDD;
	}
	UL.menu-list > LI > UL > LI > UL > LI:hover > A
	{
	}
	UL.menu-list > LI > UL > LI > UL > LI > A:hover
	{
	}
}
/*End Third Level
End Style
End Menu Styles*/