/* main MegaMenu bar (with Search box) styling */

#smg_page_template_mega-menu-region #megaMenuLeft { padding: 0; float: left; position:relative; z-index: 4000; }
#mega-menu { 
	clear: both; 
	margin-bottom: 6px; 
	float: left;
	o_obackground: #e0e0e0 url(/smg/templates/assets/images/homepage/megamenuback.jpg) no-repeat;
}
#smg_page_template_mega-menu-region #search-form,
	#smg_page_template_mega-menu-region #search-form fieldset { text-align: right; } 
#smg_page_template_mega-menu-region div.searchform {  height: 28px; text-align:right; overflow:hidden; padding: 7px 7px 0 0;
    background-image: url(/smg/images/microSites/SMGBrands/search.bg.jpg);
    }
#smg_page_template_mega-menu-region .searchform label { color: #333; }	
#search-submit1 { margin-bottom: -3px; }

#mega-menu h2 { font-size: 1.1em; line-height:1.3em; font-weight: bold; padding: 0; }	
#mega-menu h2 a { color: #FFF; text-align: center; text-decoration: none; }
#mega-menu ul, #mega-menu ol {
	float: left; 
	position: relative; 
	padding: 0 0 4px 0; 
	margin:0; 
	list-style-type: none;
}
	#mega-menu li { 
		background: #e0e0e0 url(/smg/templates/assets/images/homepage/megaMenu-center.gif) no-repeat left top;
		float: left;
		padding: 0 0 6px 0;
	}
	
	#mega-menu li ul li { background: none; }
	
		#mega-menu li.hovering a.mega-menu-item { color: #8C8C8E; font-weight: bold;}
		#mega-menu li.hovering .mega-menu-popup { position: absolute; top: 35px; left: 15px; 
				display: block; z-index: 1000; }
		#mega-menu li h2 a { min-height: 25px; padding: 10px 6px 0; display: block; overflow: hidden; }
		#mega-menu li.hovering .mega-menu-popup { position: absolute; top: 34px; left: 30px; display: block; z-index: 1000; }
		
		#mega-menu li.first { 
			background: #e0e0e0 url(/smg/templates/assets/images/homepage/megaMenu-left.gif) no-repeat left top;
			padding-left: 4px;
		}
		#mega-menu li.last { 
			background: #e0e0e0 url(/smg/templates/assets/images/homepage/megaMenu-right.gif) no-repeat right top;
			padding-right: 2px;
			border-right: none;
		}
		
	#mega-menu li.hovering { 
		background-position: left -40px;
	}
	
	#mega-menu li#mega-menu-item-6.hovering { 
		background-position: right -40px;
	}
	

#mega-menu .mega-menu-popup li { border: none; }


/* popup styling for old-style Info popup panels */
	#mega-menu.MMInfo li h2 a { padding: 10px 20px 0; /* wider spacing */ }
	#mega-menu.MMInfo .mega-menu-popup { width: 766px; height: 360px; padding: 20px; display: none; 
			background: url(/smg/templates/assets/images/homepage/megamenu.grow.bg.png) no-repeat 0 0; }
		#mega-menu.MMInfo .mega-menu-popup h3 { padding-bottom: 20px; color: #E19B05; 
				border-bottom: 1px dotted #999; font-size: 1.1em; }
		#mega-menu.MMInfo .mega-menu-popup h4 { width: 175px; height: 20px; padding: 5px 0 0 8px; 
				color: #666; background:
				url(/smg/templates/assets/images/homepage/megamenu.header.bg.jpg) no-repeat 0 0; 
				font-size: 0.9em; font-weight: normal; }
		#mega-menu.MMInfo .mega-menu-popup p { color: #999; }
		#mega-menu.MMInfo .mega-menu-popup div { width: 185px; height: 278px; float: left; position: relative; 
				margin: 6px 15px 6px 0; padding: 0; display: inline; overflow: hidden; 
				border-right: 1px dotted #999; }
		#mega-menu.MMInfo .mega-menu-popup div p { display: block; 
				width: 170px; margin: 10px 0 20px 8px; padding: 0;
				font-weight: 0.9em; font-style: italic; }
		#mega-menu.MMInfo .mega-menu-popup img { float: right; margin: 6px 0 0 0; }
		#mega-menu.MMInfo .mega-menu-popup li { clear: both; margin-left: 4px; }
		#mega-menu.MMInfo .mega-menu-popup .more { position: absolute; bottom: 10px; left: 12px; font-weight: bold; 
				text-decoration: none; }
		#mega-menu.MMInfo .mega-menu-popup .mega-menu-footer { width: 100%; min-height: 21px; clear: both; 
				padding: 5px 0 0 0; text-align: center; 
				background: url(/smg/templates/assets/images/homepage/megamenu.footer.jpg) no-repeat 0 0; }
			#mega-menu.MMInfo .mega-menu-popup .mega-menu-footer a { font-weight: bold; text-decoration: none; }

/* popup styling for new Navigation bar panels */
	#mega-menu.MMNav .mega-menu-popup { width: 870px; display: none; overflow: visible;
			padding: 6px; background-color: #FFFFF0; 
			border-top: 1px solid #C0C0C0; 
			border-left: 3px solid #C0C0C0; 
			border-bottom: 3px solid #C0C0C0;
			border-right: 3px solid #C0C0C0; }
		#mega-menu.MMNav .mega-menu-popup div.Node { width: 116px; display: inline-block; 
			overflow: hidden; float: left;    
			vertical-align: top; margin: 4px; padding: 0; color: black; font-size: 1em; font-weight: normal; }
		#mega-menu.MMNav .mega-menu-popup div.Node a { text-decoration: none; line-height: 1.2em; }
		#mega-menu.MMNav .mega-menu-popup div.Node a:link,
		#mega-menu.MMNav .mega-menu-popup div.Node a:visited,
		#mega-menu.MMNav .mega-menu-popup div.Node a:active  { color: black; }
		#mega-menu.MMNav .mega-menu-popup div.Node a:hover { text-decoration: underline; }
		#mega-menu.MMNav .mega-menu-popup div.Node a img :hover { border: 1px solid black; }
		#mega-menu.MMNav .mega-menu-popup div.Node img { width: 112px; }
		#mega-menu.MMNav .mega-menu-popup div.mega-menu-footer { width: 100%; clear: both; 
				min-height: 21px; margin: 4px 0 2px; padding: 16px 0 0 0; text-align: left; }
			#mega-menu.MMNav .mega-menu-popup .mega-menu-footer { color: #38793F; }
			#mega-menu.MMNav .mega-menu-popup .mega-menu-footer a { color: #38793F; text-decoration: none; }
			#mega-menu.MMNav .mega-menu-popup .mega-menu-footer a:hover { text-decoration: underline; }
			
/* Special popup styling for Products popup */
	div#mega-menu .mega-menu-popup div.mega-menu-products { width: 185px; height: 330px; 
			display: inline-block; float: left; overflow: hidden; 
			margin: 0 3px 15px; padding: 0; border-right: 1px dotted #999; }
	div#mega-menu .mega-menu-popup div.mega-menu-products h3 { border-bottom: 1px dotted #999; }
	div#mega-menu .mega-menu-popup div.mega-menu-products h4 { padding: 0; margin: 0; 
				font-size: 0.9em; font-weight: normal; }
	div#mega-menu .mega-menu-popup div.mega-menu-products ul { margin: 4px 0 0; font-size: 0.8em; }
	div#mega-menu .mega-menu-popup div.mega-menu-products ul a { text-decoration: none; }
	div#mega-menu .mega-menu-popup div.mega-menu-products img { float: none; margin: 0; }
	div#mega-menu .mega-menu-popup div#last-product.mega-menu-products { margin: 0 0 15px; border: none; }
	div#mega-menu .mega-menu-popup div.mega-menu-products .product { 
			width: 180px; height: 170px; float: none; margin: 0 0 8px; 
			display: block; border: none; border-bottom: 1px dotted #999; }
	div#mega-menu .mega-menu-popup .mega-menu-products li { float: none; clear: both; 
			margin-left: 4px; padding: 0; line-height: 10pt; } 
	div#mega-menu .mega-menu-popup #last-product.mega-menu-products { margin: 0 0 15px; border: none; }

	div#mega-menu .mega-menu-popup .mmfootProd { width: 100%; min-height: 21px; clear: both; 
			padding: 5px 0 0 0; text-align: center; 
			background: url(/smg/templates/assets/images/homepage/megamenu.footer.jpg) no-repeat 0 0; }
		div#mega-menu .mega-menu-popup .mmfootProd a { font-weight: bold; text-decoration: none; }

/* make menu visible now that all layout styles are set */
div#smg_page_template_mega-menu-region { display: block; }