/**
* @version        $Id$
* @author        Joomseller!
* @package        Joomla.Site
* @subpackage    mod_jse_megamenu
* @copyright    Copyright (C) 2008 - 2013 by Joomseller. All rights reserved.
* @license        http://www.gnu.org/licenses/gpl.html GNU/GPL version 3
*/
#js-mainnav.megamenu.white
{
	background-color: #FFFFFF;
	/*you can change/delete the transparent gradient image or the background color*/
	background-image: none;
	border-radius: 0;
	font-size: 0;
	line-height: 0;
	font-family: Arial;
}
#js-mainnav.megamenu.white:hover
{
	/*[disabled]background-color:#F2F2F2;*/
}
#js-mainnav.megamenu.white .hide_child .childcontent
{
	display: none !important;
}
#js-mainnav.megamenu.white UL.level0 LI.mega.hide_child > SPAN.mega.haschild:after, #js-mainnav.megamenu.white UL.level0 LI.mega.hide_child > A.haschild:after
{
	display: none;
}
#js-mainnav.megamenu.white:before
{
	content: ' ';
	width: 100%;
	display: block;
	border-bottom: 4px solid #C1BDBE;
	position: absolute;
	bottom: 0px;
}
#js-mainnav.megamenu.white:hover:before
{
	/*[disabled]border-bottom:4px solid #720B27;*/
}
#js-mainnav.megamenu.white #js-megaMenuToggle
{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*lv - 0
-----------------------------------
Styling ---*/
#js-mainnav.megamenu.white UL.level0 LI.mega
{
	/*[disabled]padding:1px;*/
	/*[disabled]border-right:1px solid #D9D9D9;*/
	text-align: left;
	background: #FFFFFF;
	border-bottom: 4px solid #C1BDBE;
}
#js-mainnav.megamenu.white UL.level0 LI.mega:last-child A.mega
{
	border-right: 1px solid transparent;
}
#js-mainnav.megamenu.white UL.level0 LI.first {
    padding: 8px 0px;
	/*[disabled]border-radius:5px 0 0 5px;*/
}
#js-mainnav.megamenu.white UL.level0 LI.mega.right
{
	/*[disabled]border-radius:0 5px 5px 0;*/
}
#js-mainnav.megamenu.white UL.level0 LI:hover, #js-mainnav.megamenu.white UL.level0 LI.active, #js-mainnav.megamenu.white UL.level0 LI.over, #js-mainnav.megamenu.white UL.level0 LI.haschild-over
{
	background: #F2F2F2;
	border-bottom: 4px solid #720B27;
}
#js-mainnav.megamenu.white UL.level0 LI.mega SPAN.mega, #js-mainnav.megamenu.white UL.level0 LI.mega A.mega, #js-mainnav.megamenu.white .megaMenuToggle
{
	font-family: arial !important;
	color: #722540;
	/*[disabled]position:relative;*/
	/*display: block;*/
	padding:12px 18.3px !important;
}
@media screen and (max-width: 1024px)
{
	#js-mainnav.megamenu.white UL.level0 LI.mega SPAN.mega, #js-mainnav.megamenu.white UL.level0 LI.mega A.mega, #js-mainnav.megamenu.white .megaMenuToggle
	{
		padding: 12px 20.2px !important;
	}
}
@media screen and (max-width: 768px)
{
	#js-mainnav.megamenu.white UL.level0 LI.mega SPAN.mega, #js-mainnav.megamenu.white UL.level0 LI.mega A.mega, #js-mainnav.megamenu.white .megaMenuToggle
	{
		padding: 12px 9.6px 12px 9.8px !important;
	}
}
#js-mainnav.megamenu.white UL.level0 LI.mega SPAN.mega, #js-mainnav.megamenu.white UL.level0 LI.mega A.mega, #js-mainnav.megamenu.white .megaMenuToggle
{
	font-size: 14px;
}
@media screen and (max-width: 1023px)
{
	#js-mainnav.megamenu.white UL.level0 LI.mega SPAN.mega, #js-mainnav.megamenu.white UL.level0 LI.mega A.mega, #js-mainnav.megamenu.white .megaMenuToggle
	{
		font-size: 12px;
	}
}
#js-mainnav.megamenu.white UL.level0 LI.mega SPAN.mega, #js-mainnav.megamenu.white UL.level0 LI.mega A.mega, #js-mainnav.megamenu.white .megaMenuToggle
{
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	/*border-right: 1px solid #D9D9D9;*/
}
#js-mainnav.megamenu.white UL.level0 LI.mega DIV.group-title SPAN.mega, #js-mainnav.megamenu.white UL.level0 LI.mega DIV.group-title A.mega
{
	padding: 0;
}
#js-mainnav.megamenu.white UL.level0 LI.mega DIV.group SPAN.mega, #js-mainnav.megamenu.white UL.level0 LI.mega DIV.group A.mega
{
	padding: 5px;
}
#js-mainnav.megamenu.white UL.level0 LI.mega DIV.group SPAN.haschild.mega, #js-mainnav.megamenu.white UL.level0 LI.mega DIV.group A.haschild.mega
{
	padding-right: 22px;
}
#js-mainnav.megamenu.white UL.level0 LI.haschild A.mega SPAN.menu-desc, #js-mainnav.megamenu.white UL.level0 LI.haschild-over A.mega SPAN.menu-desc
{
	padding-left: 0;
}
#js-mainnav.megamenu.white UL.level0 LI.mega:hover > SPAN.mega, #js-mainnav.megamenu.white UL.level0 LI.mega A.over, #js-mainnav.megamenu.white UL.level0 LI.mega:hover > A
{
	color: #333333;
}
#js-mainnav.megamenu.white UL.level0 LI.mega SPAN.mega.haschild, #js-mainnav.megamenu.white UL.level0 LI.mega A.mega.haschild
{
	padding-right: 21.3px;
}
@media screen and (max-width: 1024px)
{
	#js-mainnav.megamenu.white UL.level0 LI.mega SPAN.mega.haschild, #js-mainnav.megamenu.white UL.level0 LI.mega A.mega.haschild
	{
		padding-right: 21.3px;
	}
	#js-mainnav.megamenu.white UL.level0 LI.mega SPAN.mega.haschild.hide_child, #js-mainnav.megamenu.white UL.level0 LI.mega A.mega.haschild.hide_child
	{
		padding-right: 20.2px;
	}
}
@media screen and (max-width: 768px)
{
	#js-mainnav.megamenu.white UL.level0 LI.mega SPAN.mega.haschild.hide_child, #js-mainnav.megamenu.white UL.level0 LI.mega A.mega.haschild.hide_child
	{
		padding-right: 9.8px;
	}
}
/*remove default arrow*/
#js-mainnav.megamenu.white UL.level0 LI.haschild A.mega SPAN.menu-title, #js-mainnav.megamenu.white UL.level0 LI.haschild-over A.mega SPAN.menu-title
{
	background-image: none;
	padding: 0;
}
#js-mainnav.megamenu.white UL.level0 LI.mega > SPAN.mega.haschild:after, #js-mainnav.megamenu.white UL.level0 LI.mega > A.haschild:after
{
	content: '';
	position: absolute;
	top: 50% !important;
	right: 12px;
	width: 0;
	height: 0;
	margin-top: -1px !important;
	border-top: 4px solid #A6A6A6;
	border-right: 3px solid transparent;
	border-left: 3px solid transparent;
}
#js-mainnav.megamenu.white.noJS UL.level0 LI.mega.haschild:hover > SPAN.mega:after, #js-mainnav.megamenu.white UL.level0 LI.mega > SPAN.mega.haschild.over:after, #js-mainnav.megamenu.white.noJS UL.level0 LI.mega.haschild:hover > A:after, #js-mainnav.megamenu.white UL.level0 LI.mega > A.haschild.over:after
{
	border-top-color: #722540 !important;
}
/*Layout ---*/
#js-mainnav.megamenu.white UL.level1 LI.mega
{
	border-radius: 0;
	border: 0 none;
}
#js-mainnav.megamenu.white UL.level1 LI.mega SPAN.mega, #js-mainnav.megamenu.white UL.level1 LI.mega A.mega
{
	border-width: 0;
	border-bottom: 1px solid #D9D9D9;
}
#js-mainnav.megamenu.white UL.level1 LI.mega:last-child SPAN.mega, #js-mainnav.megamenu.white UL.level1 LI.mega:last-child A.mega
{
	border-bottom: 0px solid #D9D9D9;
}
#js-mainnav.megamenu.white UL.level1 LI.mega A.mega SPAN.menu-title
{
	background: none;
	padding: 0;
	font-weight: normal;
	font-size: 0.85em;
}
#js-mainnav.megamenu.white UL.level1 LI:hover, #js-mainnav.megamenu.white UL.level1 LI.over, #js-mainnav.megamenu.white UL.level1 LI.haschild-over
{
	background: #F2F2F2;
}
/*CHILD CONTENT
-----------------------------------*/
#js-mainnav.megamenu.white .childcontent-inner
{
	border-radius: 0 0 5px 5px;
	box-shadow: 0 0 6px rgba(76, 76, 76, 0.25);
	background-color: #FFF;
	left: -1px;
	top: 1px;
	position: relative;
}
#js-mainnav.megamenu.white UL.level1 .childcontent-inner
{
	border-radius: 5px;
}
#js-mainnav.megamenu.white .childcontent-inner .group UL LI.active
{
}
#js-mainnav.megamenu.white .childcontent .group H3
{
	background: none;
	color: #722540;
	border-bottom: 1px dotted #722540;
}
#js-mainnav.megamenu.white .childcontent .js-moduletable A
{
	border-bottom: 1px dotted #CCC;
}
#js-mainnav.megamenu.white .childcontent .moduletable
{
	color: #722540;
}
#js-mainnav.megamenu.white .childcontent .js-moduletable A:hover, #js-mainnav.megamenu.white .childcontent .js-moduletable A:focus, #js-mainnav.megamenu.white .childcontent .js-moduletable A:active
{
	color: #722540;
	text-decoration: none;
}
/*Grouped ---*/
#js-mainnav.megamenu.white .group-content .menu-title, #js-mainnav.megamenu.white .group-title .menu-title
{
	color: #722540;
	line-height: 170%;
}
#js-mainnav.megamenu.white .group-content .menu-desc, #js-mainnav.megamenu.white .group-title .menu-desc
{
	color: #999;
	line-height: 150%;
	padding: 0;
}
#js-mainnav.megamenu.white .group-content UL.megamenu
{
	margin: 5px;
}
/*Big image left-right style*/
#js-mainnav.megamenu.white .big-img-left A, #js-mainnav.megamenu.white .big-img-right A
{
	line-height: 120% !important;
	padding: 0 !important;
}
#js-mainnav.megamenu.white LI.big-img-left, #js-mainnav.megamenu.white LI.big-img-right
{
	display: inline-table;
	padding: 7px !important;
}
#js-mainnav.megamenu.white .big-img-left IMG
{
	margin-bottom: 2px;
}
#js-mainnav.megamenu.white .big-img-right IMG
{
	margin-bottom: 2px;
}
#js-mainnav.megamenu.white FORM
{
	margin: 12px;
}
/*==========================================
RESPONSIVE STYLES
==========================================
Toggle*/
#js-mainnav.megamenu.white .megaMenuToggle
{
	color: #000 !important;
	line-height: 100%;
	font-weight: bold;
}
#js-mainnav.megamenu.white.noJS #css3-ToggleResponsive .megaMenuToggle-icon, #js-mainnav.megamenu.white #js-megaMenuToggle .megaMenuToggle-icon
{
	background: #000 !important;
}
#js-mainnav.megamenu.white.noJS #css3-ToggleResponsive .megaMenuToggle-icon:before, #js-mainnav.megamenu.white #js-megaMenuToggle .megaMenuToggle-icon:before
{
	background: #000 !important;
}
#js-mainnav.megamenu.white.noJS #css3-ToggleResponsive .megaMenuToggle-icon:after, #js-mainnav.megamenu.white #js-megaMenuToggle .megaMenuToggle-icon:after
{
	background: #000 !important;
}
#js-mainnav.megamenu.white UL.level0 LI.haschild SPAN.mega
{
	background-image: none !important;
}
#js-mainnav.megamenu.white UL.level0 LI.haschild-over SPAN.mega
{
	background: none !important;
}
@media screen and (max-width: 767px)
{
	#js-mainnav.megamenu.noJS UL.megamenu LI
	{
		padding: 0 !important;
	}
	#js-mainnav.megamenu.noJS UL.megamenu LI A
	{
		padding-top: 15px !important;
		padding-bottom: 15px !important;
		line-height: 100% !important;
	}
	#js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon:before, #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon:before
	{
		background-color: #000000 !important;
	}
	#js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon, #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon
	{
		background-color: #000000 !important;
	}
	#js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon:after, #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon:after
	{
		background-color: #000000 !important;
	}
}