/** ----------  MAIN MENU FUNCTION  ---------- **/

/*
Theme Name : Mega Menu Complete Set
Item URI : http://codecanyon.net/item/mega-menu-complete-set/152825
Author URI : http://themeforest.net/user/Keliah
Version : 1.2
*/

/* OVERLAY */
#menuoverlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: none;
}

* html #menuoverlay {	/* IE6 */
position: absolute;
width: 100%;
}
#menuwrap {
width:100%;
position: relative;
}
#menuwrap_outer, #menuwrap_fixed {
width:100%;
}
.horz-dd-menu li a {cursor: pointer !important;}

.menutextbox:hover {
background-color:#FBE96C;
}
/* Links */
.horz-dd-menu li .dropcontent a, .horz-dd-menu li .fullwidth a {
text-transform:none;
font-size:16px;
display:inline;
padding:0;
}
.horz-dd-menu li .dropcontent a:hover, .horz-dd-menu li .fullwidth a:hover {
padding:0;
}

/* LAYOUT  */

.horz-dd-menu {
list-style:none;
z-index:8999;
margin:0;
line-height:1;
}

.horz-dd-menu {
margin: 0 auto;
text-align: center;
}

.horz-dd-menu.full li {
display:inline-block;
border:none;
}

.horz-dd-menu li a {
outline:0;
font-weight: normal;
text-decoration:none;
display:block;
border: none;
}

.horz-dd-menu li .drop {
padding-right:30px;
}

/* RIGHT ALIGNED MENU ITEM */

.horz-dd-menu li.right {
float:right;
margin-right:-1px;
}
.horz-dd-menu li.right a {
margin-right:5px;
}



/*02 DROP DOWN COMMON CONTAINER  */

.horz-dd-menu li .dropcontent {
display: none;
margin:0px auto;
position:absolute;
left:-9999em;
z-index:8998; /* For IE7 */
padding:10px 2px 10px 2px;
text-align:left;

}
.horz-dd-menu li .dropfirst {
margin:0px auto 0px -1px; /* Fixes a 1px issue for the 1st drop down */
}

/* Showing Drop Down on Mouse Hover - Left aligned */

.horz-dd-menu li:hover .dropcontent {left:auto;}

/* Showing Drop Down on Mouse Hover - Right aligned */

.horz-dd-menu li .align_right {right:10px;}

.horz-dd-menu li .align_right {
left:auto;
/*right:-1px;*/
}

/* Full width drop down */

/*.horz-dd-menu li .fullwidth {
position: absolute;
width: 960px;
padding:10px 0px 10px 0px;
left:-9999em;
border-radius: 0px 0px 10px 10px;
box-shadow: 2px 4px 3px rgba(50, 50, 50, 0.31);
}*/

.horz-dd-menu li .fullwidth {
display: none;
position: absolute;
box-sizing: border-box;
width: 100%;
padding:10px 0px 10px 0px;

margin-left: auto;
margin-right: auto;
left: 0;
right: 0;

/*left:-9999em; */
/*border-radius: 0px 0px 10px 10px; */
/*box-shadow: 2px 4px 3px rgba(50, 50, 50, 0.31); */

}

/*.horz-dd-menu li:hover .fullwidth {
display: block;
z-index:8998;
left: -1px;
}*/



/*  _____________________________________________________________________________

03 DROP DOWN SPECIFIC CONTAINERS
_____________________________________________________________________________  */



.horz-dd-menu .drop1column {width: 80px;}
.horz-dd-menu .drop2columns {width: 160px;}
.horz-dd-menu .drop3columns {width: 240px;}
.horz-dd-menu .drop4columns {width: 320px;}
.horz-dd-menu .drop5columns {width: 400px;}
.horz-dd-menu .drop6columns {width: 480px;}
.horz-dd-menu .drop7columns {width: 560px;}
.horz-dd-menu .drop8columns {width: 640px;}
.horz-dd-menu .drop9columns {width: 720px;}
.horz-dd-menu .drop10columns {width: 800px;}
.horz-dd-menu .drop11columns {width: 880px;}
.horz-dd-menu .drop12columns {width: 960px;}



/*  _____________________________________________________________________________

04 COLUMNS GRID
_____________________________________________________________________________  */



.horz-dd-menu .col_1,
.horz-dd-menu .col_2,
.horz-dd-menu .col_3,
.horz-dd-menu .col_4,
.horz-dd-menu .col_5,
.horz-dd-menu .col_6,
.horz-dd-menu .col_7,
.horz-dd-menu .col_8,
.horz-dd-menu .col_9,
.horz-dd-menu .col_10,
.horz-dd-menu .col_11,
.horz-dd-menu .col_12 {
display:inline;
float: left;
position: relative;
margin-left: 15px;
margin-right: 15px;
}
.horz-dd-menu .col_1 {width:50px;}
.horz-dd-menu .col_2 {width:130px;}
.horz-dd-menu .col_3 {width:210px;}
.horz-dd-menu .col_4 {width:290px;}
.horz-dd-menu .col_5 {width:370px;}
.horz-dd-menu .col_6 {width:450px;}
.horz-dd-menu .col_7 {width:530px;}
.horz-dd-menu .col_8 {width:610px;}
.horz-dd-menu .col_9 {width:690px;}
.horz-dd-menu .col_10 {width:770px;}
.horz-dd-menu .col_11 {width:850px;}
.horz-dd-menu .col_12 {width:930px;}

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}