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

div#headermenu-container{height:33px; width:100%; background:url(/templates/atomic/images/mockup_home_menu_back.jpg) 0 0 repeat-x; position:relative; }

#js-mainnav.megamenu.wct {
	/*background: #014E72 url('../../images/grad1-mask.png') repeat-x top; */ /* you can change/delete the transparent gradient image or the background color */ 
	width: 940px;
margin: 0 auto;
}

#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li:hover,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li.active,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li.over,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li.haschild-over { 
	background: url('../../images/wct/menu_bg_over_left.png') no-repeat left top;
	height:33px;
	/*border-top: 1px solid #C3C1C2;*/
}
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li:hover a,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li.active a,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li.over a,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li.haschild-over a { 
	background: url('../../images/wct/menu_bg_over_right.png') no-repeat right top;
	/*border-top: 1px solid #C3C1C2;*/
	color:#00579F;
}
/*fix for non linked menu items not getting rounded background*/
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li:hover span,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li.active span,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li.over span,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li.haschild-over span { 
	background: url('../../images/wct/menu_bg_over_right.png') no-repeat right top;
	/*border-top: 1px solid #C3C1C2;*/
	 color:#00579F; 
}
/* limits what the above does */
div.group-title span, span.menu-title { 
        background:none!important;
}
/* everything after first */
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li ul li:hover,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li ul li.active,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li ul li.over,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li ul li.haschild-over { 
	background: #ffffff;
	height:auto;
	color:#ffffff
}
/* everything after first */
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li:hover ul li a,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li.active ul li a,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li.over ul li a,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li.haschild-over ul li a { 
	background:none;
	color:#00579F;
}
/* everything after first 2 */
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li ul li a:hover,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li ul li a.active,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li ul li a.over,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li ul li a.haschild-over { 
	background:#00579F;
	color:#ffffff;
}
/* everything after first 2 fixes colour */
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li ul li a:hover span.menu-title,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li ul li a.active span.menu-title,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li ul li a.over span.menu-title,
#js-mainnav.megamenu.megamenu.horizontal.wct ul.level0 li ul li a.haschild-over span.menu-title { 
	color:#ffffff;
}
#js-mainnav.megamenu.wct #js-megaMenuToggle {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/* lv - 0
-----------------------------------*/
/* Styling ---*/
#js-mainnav.megamenu.wct ul.level0 li.mega span.mega,
#js-mainnav.megamenu.wct ul.level0 li.mega a.mega,
#js-mainnav.megamenu.wct .megaMenuToggle {
    color: #ffffff;
	/* border-left: 1px solid #014E72; you should comment/delete this line */ 
	font-size: 16px;
	
}

#js-mainnav.megamenu.wct ul.level0 li:hover,
#js-mainnav.megamenu.wct ul.level0 li.active,
#js-mainnav.megamenu.wct ul.level0 li.over, 
#js-mainnav.megamenu.wct ul.level0 li.haschild-over { 
    background-color: #006699; /* you can change/remove the transparent gradient or the color */
}

#js-mainnav.megamenu.wct ul.level1 li.mega span.mega,
#js-mainnav.megamenu.wct ul.level1 li.mega a.mega,
#js-mainnav.megamenu.wct .megaMenuToggle {
	font-size: 12px;
}

/* Layout ---*/
#js-mainnav.megamenu.wct ul.level1 li.mega {
	border-top: 1px dotted #014E72;
}

#js-mainnav.megamenu.wct ul.level1 li.first {
	border-top: 0;
}

#js-mainnav.megamenu.wct ul.level1 li.mega span.mega,
#js-mainnav.megamenu.wct ul.level1 li.mega a.mega {
	border: 0;
}

#js-mainnav.megamenu.dèault ul.level1 li:hover,
#js-mainnav.megamenu.wct ul.level1 li.over,
#js-mainnav.megamenu.wct ul.level1 li.haschild-over { background-color: #006699; }


#js-mainnav.megamenu.wct ul.level1 li.haschild,
#js-mainnav.megamenu.wct ul.level1 li.haschild-over {
	/* background-image: url(../../images/arrow.png);  REMOVE THESE COMMENTS TO GET ARROW BACK*/
	background-repeat: no-repeat;
	background-position: 95% center;
}

/* CHILD CONTENT
-----------------------------------*/

#js-mainnav.megamenu.wct .childcontent-inner {
	background-color: #ffffff; /*change here the color to match the new color you have set for mainnav */
	border: 0 none;
	border: 1px solid #C3C1C2;
	color: #fff;
	margin-top:0px;
}

#js-mainnav.megamenu.wct .childcontent-inner .group ul li.active {
	/*background-color: #00527C !important;*/
}

#js-mainnav.megamenu.wct .childcontent .group h3 {
	background: none;
	color: #fff;
	border-bottom: 1px dotted #006699;
}

#js-mainnav.megamenu.wct .childcontent .js-moduletable a {
	border-bottom: 1px dotted #ccc;
}

#js-mainnav.megamenu.wct .childcontent .moduletable { color: #fff; }

#js-mainnav.megamenu.wct .childcontent .js-moduletable a:hover,
#js-mainnav.megamenu.wct .childcontent .js-moduletable a:focus,
#js-mainnav.megamenu.wct .childcontent .js-moduletable a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

/* Grouped --- */
#js-mainnav.megamenu.wct .group-title {
	border-bottom: 1px solid #006699;
}
/*fix to get all headers same size*/
#js-mainnav.megamenu.wct li.headers_tripleheight .group-title {
	border-bottom: 1px solid #006699;
        height:60px;
}
#js-mainnav.megamenu.wct li.headers_doubleheight .group-title {
	border-bottom: 1px solid #006699;
        height:47px;
}
#js-mainnav.megamenu.wct .group-title .menu-title {
	color: #00579F;
}
#js-mainnav.megamenu.wct .group-title .menu-desc {
	color: #999;
}
/* Left alignment */
#js-mainnav.megamenu.wct ul.level0 li.mega.submenu-align-left > .childcontent {
	margin-left: 1px!important;
}

/* make gp tab not appear */
li.last div.cols1{display:none!important;}


/* makes breastfeeding menu not appear */

li.dontshowchilditems div.childcontent-inner-wrap{display:none!important;}

/* fixes last two items having extra padding */
#js-mainnav.megamenu.horizontal ul.level0 li a.haschild.mega span.menu-title, #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.mega span.menu-title{padding-left:0!important;}
/* gets all top level items on the menu bar */
/* before change*/ #js-mainnav.megamenu ul.level0 li.mega span.mega, #js-mainnav.megamenu ul.level0 li.mega a.mega{padding:8px 19px 8px 18px!important;} 
/* below bunches up items */
 /*#js-mainnav.megamenu ul.level0 li.mega span.mega, #js-mainnav.megamenu ul.level0 li.mega a.mega{padding:8px 10px!important;}
#js-mainnav.megamenu ul.level0 li.item1 a.mega, #js-mainnav.megamenu ul.level0 li.item2 a.mega,
#js-mainnav.megamenu ul.level0 li.item3 a.mega, #js-mainnav.megamenu ul.level0 li.item4 a.mega,
#js-mainnav.megamenu ul.level0 li.item5 a.mega, #js-mainnav.megamenu ul.level0 li.item6 a.mega,
#js-mainnav.megamenu ul.level0 li.item8 a.mega, #js-mainnav.megamenu ul.level0 li.item9 a.mega{padding:8px 14px!important;} top level */

li.item4 div.childcontent{margin-left:0px!important;}
li.item5 div.childcontent{margin-left:-367px!important;}