/*
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
*/

.megamenu_container {
	width:100%;
	height: 46px;
	*height: 44px;
	margin:0 auto;
	position: relative;
	z-index:9999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.megamenu_fixed {
	width: inherit;
	position:fixed;
	top:0;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	/* IE7 Fix */
	*width:expression(this.parentNode.currentStyle['width']);
}
.megamenu {
	list-style:none;
	padding:0;
	position:relative; /* For IE7 */
	margin:0;
	font-size:100%;
	line-height:1;
}
.megamenu > li {
	float:left;
	margin:0;
	border:none;
	-webkit-transition: background 0.8s ease;
	-moz-transition: background 0.8s ease;
	-o-transition: background 0.8s ease;
	-ms-transition: background 0.8s ease;
	transition: background 0.8s ease;
}
.megamenu > li > a {
	font-size: 90%;
	text-transform: none;
	outline: 0;
	text-decoration: none;
	display: block;
	padding-top: 22px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
	text-shadow: 5px 5px 5px #ffffff;
}
.megamenu > li .megamenu_drop {
	padding-right:30px;
}
.megamenu li.megamenu_button {
	display: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}
.megamenu li.megamenu_right {
	float:right;
	margin-right:-1px;
}
.megamenu li.megamenu_right a {
	margin-right:5px;
}

.megamenu li .dropdown_container,
.megamenu li .dropdown_fullwidth,
.megamenu li .dropdown_multilevel {
	position: absolute;
	margin:0;
	padding-top:10px;
	padding-bottom:0px;
	left:-9999em;
	top:-9999em;
	display: block;
	zoom:1;
	z-index:9998;
	float: left;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.megamenu li .dropdown_first {
	margin-left:-1px;
}
.megamenu li .droplast_right {
	margin-right:-1px;
}
.megamenu li:hover .dropdown_container {
	top: 45px;
	left: auto;
}
.megamenu li:hover .dropdown_fullwidth {
	top:45px;
	left:-1px;
}
.megamenu li .dropdown_right {
	right:0;
}
.megamenu li:hover .dropdown_right {
	top:45px;
	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: 42%;
	padding-left: 1.166%;
	padding-right: 1.166%;
}
.megamenu .dropdown_6columns {
	width: 50%;
	padding-left: 1%;
	padding-right: 1%;
}
.megamenu .dropdown_7columns {
	width: 58.3334%;
	padding-left: 0.833%;
	padding-right: 0.833%;
}
.megamenu .dropdown_8columns {
	width: 66.6667%;
	padding-left: 0.666%;
	padding-right: 0.666%;
}
.megamenu .dropdown_9columns {
	width: 75%;
	padding-left: 0.5%;
	padding-right: 0.5%;
}
.megamenu .dropdown_10columns {
	width: 83.3334%;
	padding-left: 0.333%;
	padding-right: 0.333%;
}
.megamenu .dropdown_11columns {
	width: 91.6667%;
	padding-left: 0.1666%;
	padding-right: 0.1666%;
}
.megamenu .dropdown_12columns,
.megamenu .dropdown_fullwidth {
	width: 100%;
}
.megamenu .col_1,
.megamenu .col_2,
.megamenu .col_3,
.megamenu .col_4,
.megamenu .col_5,
.megamenu .col_6,
.megamenu .col_7,
.megamenu .col_8,
.megamenu .col_9,
.megamenu .col_10,
.megamenu .col_11,
.megamenu .col_12 {
	float: left;
	display:inline;
	position: relative;
	margin-left: 2%;
	margin-right: 2%;
	/* 
	Rounding error with IE7.
	Lower margin values will absorb the difference.
	*/
	*margin-left: 1.9%;
	*margin-right: 1.9%;
}

.megamenu .col_1 {width:4.33%;}
.megamenu .col_2 {width:12.66%;}
.megamenu .col_3 {width:21%;}
.megamenu .col_4 {width:29.33%;}
.megamenu .col_5 {width:37.66%;}
.megamenu .col_6 {width:46%;}
.megamenu .col_7 {width:54.33%;}
.megamenu .col_8 {width:62.66%;}
.megamenu .col_9 {width:71%;}
.megamenu .col_10 {width:79.33%;}
.megamenu .col_11 {width:87.66%;}
.megamenu .col_12 {width:96%;}

.megamenu .rowcontent {
	clear:left;
	/*
	IE7 clear issue.
	Display inline required.
	*/
	*display:inline;
}
.megamenu .dropdown_flyout, 
.megamenu .dropdown_flyout .dropdown_flyout_level {
	padding: 5px;
	margin: 0;
	list-style: none;
	z-index: 9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.megamenu .dropdown_flyout li {
	float: left;
	width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-top: 2px;
	padding-right: 0%;
	padding-bottom: 8px;
	padding-left: 0%;
}
.megamenu .dropdown_flyout ul li {
	width: 140px;
}
.megamenu .dropdown_flyout a {
	display: block;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 20px;
}
.megamenu .dropdown_flyout a:hover {
	background-color: rgb(102,102,102);
}
.megamenu .dropdown_flyout .dropdown_flyout_level {
	position: absolute;
	padding: 6px;
	left: -9999em;
	top: -9999em;
	display: block;
	zoom: 1;
	float: left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 4px;
}
.megamenu .dropdown_flyout li:hover > .dropdown_flyout_level {
	left:95%;
	top:-21px;
}
.megamenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
	left:-108%;
	right:100%;
}
.megamenu p, 
.megamenu h1, 
.megamenu h2, 
.megamenu h3, 
.megamenu h4, 
.megamenu h5, 
.megamenu h6 {
	padding:0;
	margin:0 0 20px;
}
.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;
}
.megamenu p {
	font-size:12px; 
	line-height:21px; 
}
.megamenu h1, 
.megamenu h2, 
.megamenu h3,
.megamenu h4, 
.megamenu h5, 
.megamenu h6 {
	font-weight: bold;
	margin:0 0 20px 0;
}
.megamenu h1 {
	font-size: 24px;
	line-height: 28px;
}
.megamenu h2 {
	font-size: 20px;
	line-height: 22px;
}
.megamenu h3 {
	font-size: 16px;
	line-height: 20px;
}
.megamenu h4 {
	font-size: 14px;
	line-height: 18px;
	margin-bottom:14px;
}
.megamenu h5 {
	font-size: 12px;
	line-height: 18px;
	margin-bottom:14px;
}
.megamenu h6 {
	font-size: 10px;
	line-height: 16px;
	margin-bottom:14px;
	text-transform:uppercase;
}
.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:0px;
}
.megamenu li ul li a {
	display: block;
	font-size: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
}

/* Main Styles for Color Themes */

.megamenu { color:#FFFFFF;}
.megamenu > li:hover, 
.megamenu > li.active {
		background: #5D3D8A;
		-webkit-box-shadow:inset 0px 3px 6px rgba(0,0,0,0.4);
		-moz-box-shadow:inset 0px 3px 6px rgba(0,0,0,0.4);
		box-shadow:inset 0px 3px 6px rgba(0,0,0,0.4);
}
.megamenu li.noactive {
		background:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
}
.megamenu > li > a {
		color:#FFFFFF;
		text-shadow:1px 1px 1px #000000;
}
.megamenu > li:hover > a {
		color:#FFFFFF;
		text-shadow:1px 1px 1px #000000;
}
.megamenu > li .megamenu_drop { background:url("../img/dropdown.png") no-repeat right 25px;}
.megamenu li.megamenu_button,
.megamenu li.megamenu_button:hover { background:url("../img/dropdown.png") no-repeat right 25px;}
.megamenu li.megamenu_button_active,
.megamenu li.megamenu_button_active:hover { background:url("../img/dropdown-up.png") no-repeat right 25px;}

.megamenu li .dropdown_container,
.megamenu li .dropdown_fullwidth,
.megamenu li .dropdown_flyout li ul {
	border:0px solid #000000;
	border-top-width: 0px;
	background: #5D3D8A;
	color: #f6f6f6;
}
.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 li .dropdown_flyout li ul {border:0px solid #000000;}
.megamenu li .dropdown_flyout .dropdown_parent {
	background:url("../img/right.png") no-repeat right 9px;
}
.megamenu li .dropdown_flyout .dropdown_parent:hover,
.megamenu li .dropdown_flyout .dropdown_parent.active {
	background-color:#000000;
}
.megamenu li .dropdown_flyout .dropdown_parent.noactive {
	background-color:transparent;
}
.dropdown_flyout a:hover {
	background-color: rgb(102,102,102);
}
.megamenu > li > div a,
.megamenu li ul li,
.megamenu li ol li {
	color: #dddddd;
	font-size: 80%;
	padding-top: 3px;
	padding-bottom: 3px;
}
.megamenu li ul li a:link, .megamenu li ul li a:visited {
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:rgb(0,0,0);
	/*border: 0px solid #CCCCCC;*/
}
.megamenu li ul li a:hover {
	background-color: rgb(0,0,0);
	/*border: 0px solid #FFFFFF;*/
}

/* Dark Theme */

.megamenu_dark, .dark {
	background: transparent;
/*	background: -webkit-linear-gradient(top,#333333 0%,#181818);
	background: -moz-linear-gradient(top,#333333 0%,#181818);
	background: -o-linear-gradient(top,#333333 0%,#181818);
	background: -ms-linear-gradient(top,#333333 0%,#181818);
	background: linear-gradient(top,#333333 0%,#181818);	
	border: 0px solid #171717;
*/}
.megamenu_dark .megamenu { color:#FFFFFF;}
.megamenu_dark .megamenu > li:hover, 
.megamenu_dark .megamenu > li.active { background: #000000;}
.megamenu_dark .megamenu > li > a { color:#FFFFFF;}
.megamenu_dark .megamenu > li:hover > a { color:#FFFFFF;}
.megamenu_dark .megamenu li .dropdown_container,
.megamenu_dark .megamenu li .dropdown_fullwidth,
.megamenu_dark .megamenu li .dropdown_flyout li ul { background: #000000; color: #f6f6f6;}
.megamenu_dark .megamenu li .dropdown_flyout li ul {border:1px solid #000000;}
.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent:hover,
.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent.active { background-color:#000000;}
.megamenu_dark .dropdown_flyout a:hover { background-color: rgb(102,102,102);}
.megamenu_dark .megamenu > li > div a,
.megamenu_dark .megamenu li ul li,
.megamenu_dark .megamenu li ol li {	color: #999999;}
.megamenu_dark .megamenu > li > div a:hover { color: #ffffff;}
.megamenu_dark .megamenu li ul li:hover,
.megamenu_dark .megamenu li ol li:hover { color:#ffffff;}
.megamenu_dark .megamenu li ul li a:link, 
.megamenu_dark .megamenu li ul li a:visited { background-color: #000000;}
.megamenu_dark .megamenu li ul li a:hover { background-color: #000000;}