/*	--------------------------------------------------
	:: MEGA MENU
	-------------------------------------------------- */
    
.mega-menu { clear:both; position: relative; z-index: 8; margin: 0 auto; }    
    
.main_nav_in .widget {margin-bottom:0}

.mega-menu ul.mega ul, .mega-menu ul.mega li { list-style: disc inside;  padding: 0;  margin: 0}
.mega-menu ul.mega ul {display: none; /* Hides non-mega links */}
.mega-menu ul.mega .sub ul {display: block; /* overrides above hide */}

/* Main menu styles */
.mega-menu ul.mega { position: relative; /* Important - required for positioning of mega menu */}
.mega-menu ul.mega li {float: left}
.mega-menu ul.mega li a {float: left; display: block; padding: 12px 25px; text-decoration: none}

/* Arrow tag for parent links */
.mega-menu ul.mega li a.dc-mega {position: relative}
.mega-menu ul.mega li a .dc-mega-icon {display: block; position: absolute;  top: 12px;  right: 15px;  width: 16px;  height: 16px}

/* Mega Menu Styling */
.mega-menu ul.mega li .sub-container { background: #e5e5e5; border-radius: 4px; position: absolute; top: 36px !important; left: auto !important; margin-left: 0 !important}
.mega-menu ul.mega li .sub {padding: 20px 20px 20px 10px}
.mega-menu ul.mega li .sub-container.mega .sub {padding: 15px 15px 0px 15px}
.mega-menu ul.mega li .sub .row { overflow: hidden;  clear: both}
.mega-menu ul.mega li .sub li {float: none;  font-size: 13px; font-weight: bold}

/* Sub-menu Headers */
.mega-menu ul.mega li .sub li.mega-hdr { float: left;  width: 190px; margin: 0; height: auto !important}
.mega-menu ul.mega li .sub a { font-weight: normal; padding: 7px 10px; display: block; float: none; text-decoration: none;  font-size: 14px}
.mega-menu ul.mega li .sub li.mega-hdr a.mega-hdr-a {background: none; box-shadow: none; font-size:16px; color: #333333; text-shadow: 0 1px 0 rgba(255,255,255,0.5); height: auto !important; font-weight: normal; padding: 7px 8px}
.mega-menu ul.mega li .sub li.mega-hdr a.mega-hdr-a:hover {text-decoration: underline}

/* Style the 3rd level links */
.mega-menu ul.mega li .sub li ul li {}
.mega-menu ul.mega .sub li.mega-hdr li a {font-weight: normal;  padding: 5px 0 5px 15px}

/* Styling for items with only 2 levels */
.mega-menu ul.mega li .sub-container.non-mega .sub { padding: 10px 0; }
.mega-menu ul.mega li .sub-container.non-mega li {width: 190px}
.mega-menu ul.mega li .sub-container.non-mega li a { background: none; padding: 7px 5px 7px 22px; box-shadow: none; font-size: 16px}
.mega-menu ul.mega li .sub-container.non-mega li a:hover,
.mega-menu ul.mega li .sub-container.non-mega li.current-menu-item a { text-decoration: underline; }

.header #sidebar-header {width: auto}

.mega-menu ul.mega { clear: right; display: block; float: left; margin: 0; }
.mega-menu ul.mega li { background: none; display: block; margin-right: 15px; }
.mega-menu ul.mega li:hover { background: none }
.mega-menu ul.mega li { padding: 0 }
.mega-menu ul.mega li a {
	display: block;
	font-family: 'Droid Serif', Gorgia, Times, Serif;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	padding: 10px 10px 7px;
}

.mega-menu ul.mega li ul.sub-menu { /* change mega container */
	max-width: 932px;
	background: #EBEBEB;
    box-shadow: 0 -2px 2px #BEBEBE inset;
}

.mega-menu ul.mega li:hover ul.sub-menu li a:hover {
	box-shadow: none;
}

.mega-menu ul.mega li ul.sub-menu ul {background: none; border: none; border-radius: 0; box-shadow: none; margin: 0 8px 20px 8px}
.mega-menu ul.mega li ul.sub-menu ul li { margin-right: 0}
.mega-menu ul.mega li ul.sub-menu ul li a {
    border-bottom: 1px dotted #BEBEBE;
    border-radius: 0;
    box-shadow: none;
    color: #333333;
    font-size: 14px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.mega-menu ul.mega li ul.sub-menu ul li a:hover {text-decoration: underline}

.mega-menu #searchform label, .mega-menu #searchform input[type="submit"] {display: none}

.mega-menu #searchform input[type="text"] {
 	background: url("images/small_icons.png") no-repeat scroll 6px 2px #FFFFFF;
	padding-left: 34px;
	} 

@media only screen and (max-width: 980px) {    
    
.mega-menu ul.mega ul {
	display: block !important; 
    }
    
.mega-menu ul.mega li .sub .row { width: 100% !important; }
.mega-menu ul.mega li ul.sub-menu { max-width: 100% !important; } 
    
}