/*
Item Name : Responsive Mega Menu Complete Set
Item URI : http://codecanyon.net/item/mega-menu-complete-set/152825
Author URI : http://codecanyon.net/user/Pixelworkshop
Version : 3.3
*/

/*

TABLE OF CONTENTS

01 MEGA MENU BAR
02 MEGA MENU CONTAINERS
03 DROP DOWN COLUMNS GRID
04 FLY-OUT MENU
05 MEGA MENU WEB ELEMENTS
   1. General Typography
   2. Lists
   4. Misc.
06 DEFAULT THEMES, DARK & LIGHT (COMPULSORY)
   2. Light Menu Bar
   4. Light Drop Down
   
   TFG Note 09.12.13: Unused CSS stripped.

*/

/*::::::::::::::: 01 MEGA MENU BAR :::::::::::::::*/

.megamenu_container {
	width: 1050px;
	height: 54px;
	*height: 52px;		
	margin: 0 auto;
	z-index: 9999;
}
.megamenu {
	list-style: none;
	padding: 0;
	position: relative; /* For IE7 */
	border-right: 1px solid #e5e5e5;
	margin: 0;
	font-family: 'Novecentowide-Normal', sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 1;
}
	.megamenu > li {
		float: left;
		padding: 20px 80px 0 0;
		margin: 0;
		border-left: 1px solid #e5e5e5;
		-webkit-transition: background 0.5s ease;
		-moz-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		-ms-transition: background 0.5s ease;
		transition: background 0.5s ease;
	}
		.megamenu > li > a {
			font-size: 14px;
			outline: 0;
			text-decoration: none;
			display: block;
			padding: 0 0 10px 10px;
		}
		.megamenu > li .megamenu_drop {
			padding-right: 12px;
			background: url("../images/arrwN.png") right 7px no-repeat;
		}
		.megamenu li.megamenu_button {
			display: none;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
			transition: none;
		}
		.megamenu > li.end {
			border-right: 1px solid #e5e5e5;
		}

		/* Right aligned menu item */
		
		.megamenu li.megamenu_right {
			float: right;
			margin-right: -1px;
		}
		.megamenu li.megamenu_right a {
			margin-right: 5px;
		}

		
/*::::::::::::::: 02 MEGA MENU CONTAINERS :::::::::::::::*/

.megamenu li .dropdown_container,
.megamenu li .dropdown_fullwidth,
.megamenu li .dropdown_multilevel {
	position: absolute;
	margin: 0;
	padding-top: 14px;
	padding-bottom: 10px;
	left: -9999em;
	top: -9999em;
	display: block;
	zoom: 1;
	z-index: 9998;
	float: left;
}
.megamenu li .dropdown_first {
	margin-left: -1px;
}
.megamenu li .droplast_right {
	margin-right: -1px;
}

/* Showing Drop Down on Mouse Hover */

.megamenu li:hover .dropdown_container {
	top: 44px;
	left: auto;
}
.megamenu li:hover .dropdown_fullwidth {
	top: 44px;
	left: -1px;
}
.megamenu li .dropdown_right {
	right: 0;
}
.megamenu li:hover .dropdown_right {
	top: 44px;
	left: auto;
	right: 0;
}

.megamenu .dropdown_1column {
	width: 8.3334%;
	padding-left: 2%;
	padding-right: 2%;
}
.megamenu .dropdown_2columns {
	width: 16.6667%;
	padding-left: 1.8333%;
	padding-right: 1.8333%;
}
.megamenu .dropdown_3columns {
	width: 25%;
	padding-left: 1.5%;
	padding-right: 1.5%;
}
.megamenu .dropdown_4columns {
	width: 33.3334%;
	padding-left: 1.333%;
	padding-right: 1.333%;
}
.megamenu .dropdown_5columns {
	width: 41.6667%;
	padding-left: 1.166%;
	padding-right: 1.166%;
}


/*::::::::::::::: 04 FLY-OUT MENU :::::::::::::::*/

.megamenu .dropdown_flyout {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 9;
}
.megamenu .dropdown_flyout li {
	float: left;
	width: 92%;
	padding: 5px 4% 5px 4%;
}
.megamenu .dropdown_flyout ul li {
	width: 140px;
}
.megamenu .dropdown_flyout a {
	display: block;
	padding: 5px 10px 5px 10px;
	/* width: 10em; */
}


/*::::::::::::::: 05 MEGA MENU WEB ELEMENTS :::::::::::::::*/


/* 1. General Typography */

.megamenu > li > div a {
	text-decoration: none;
	outline: none;
}
.megamenu > li > div a:hover {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	-ms-transition: color 0.3s;
	transition: color 0.3s;
}


/* 2. Lists */

.megamenu li ul,
.megamenu li ol {
	padding: 0;
	margin: 0 0 18px 20px;
}
.megamenu li ul {
	list-style: disc;
}
.megamenu li ol {
	list-style: decimal;
	*margin-left: 22px;
}
	.megamenu li ul li,
	.megamenu li ol li {
		font-size: 12px;
		line-height: 21px; 
		position: relative;
		padding: 0;
		margin: 0;
		float: none;
		text-align: left;
	}
.megamenu li .list_unstyled {
	list-style: none;
	margin-left: 0;
}

/* 4. Misc. */

.megamenu hr {
	width: 100%;
	height: 0;
	*height: 2px;
	border: none;
	margin-bottom: 24px;
}


/*::::::::::::::: 06 DEFAULT THEME, LIGHT (COMPULSORY) :::::::::::::::*/

/* 2. Light Menu Bar */

.megamenu_light_bar {
	background: none;
}
.megamenu_light_bar .megamenu {
	color: #292929;
}
	.megamenu_light_bar .megamenu > li:hover, 
	.megamenu_light_bar .megamenu > li.active {
		background: #f9e07e;
	}
	.megamenu_light_bar .megamenu li.noactive {
		background: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.megamenu_light_bar .megamenu > li > a {
		color: #292929;
	}
	.megamenu_light_bar .megamenu > li:hover > a {
		color: #7c378a;
	}
	/* .megamenu_light_bar .megamenu > li .megamenu_drop > a {
		background: url("../images/arrwN.png") right 14px no-repeat;
	} */

/* 4. Light Drop Down */

.megamenu_light .megamenu li .dropdown_container,
.megamenu_light .megamenu li .dropdown_fullwidth,
.megamenu_light .megamenu li .dropdown_flyout li ul {
	border: 1px solid #ccc;
	border-top-width: 0;
	background: #fff;
	color: #292929;
}
.megamenu_container_vertical .megamenu li .dropdown_container,
.megamenu_container_vertical .megamenu li .dropdown_fullwidth,
.megamenu_container_vertical .megamenu li .dropdown_flyout li ul {
	border-top-width: 1px;
}
.megamenu_light .megamenu li .dropdown_flyout li ul {
	border: 1px solid #ccc;
}
.megamenu_light .megamenu > li > div a,
.megamenu_light .megamenu li ul li,
.megamenu_light .megamenu li ol li {
	font-size: 11px;
	text-transform: uppercase;
	color: #292929;
}
.megamenu_light .megamenu > li > div a:hover {
	padding: 5px 5px 5px 10px;
	background: #f9e07e;
	color: #7c378a;
}
.megamenu_light .megamenu li ul li:hover,
.megamenu_light .megamenu li ol li:hover {
	color: #444;
}

/* .megamenu_light .megamenu hr {
	border: none;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #e4e4e4;
} */