/* Green */
ul.mega-container { background-color: #2E9D2E; border-color: #2E9D2E; }

	li.mega { border-color: green; }
		li.mega.mega-active { background-color: #639427; }
		
	li.mega .mega-content { 
	background: url(img/nav-bg.png) #2E9D2E; 
	border-color: #2E9D2E; 
	box-shadow: 2px 2px 5px #000;
	}
		li.mega > .mega-menu ul { background: url(img/herbe.png)  #2E9D2E; }
		
		li.mega a.mega-tab { 
		 
		-moz-border-radius: 5px 5px;  
		border-radius: 5px 5px;
		border: 1px solid #4CAA4C;
		}


    
ul.mega-container
{
	background: #199125 url(img/nav-bg.png) repeat-x 0 0;
	width: 103%;	
	padding: 5px 0;	
	border: 1px solid green;	

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 0px;
  margin-left: -14px;
}
li.text {
  float: left;
  list-style-type : none;
  font-size: 18px;
  line-height: 30px;
  padding-left: 16px;
  text-shadow: 1px 1px 2px #000000;
  letter-spaccing: 1px;
}
	li.mega
	{	
		background: url(img/nav-bg.png) repeat-x 0 0;		
		list-style-type: none;
		float: left;
		padding: 0;
		margin: 0 8px;

		border: 1px solid green;
		
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		
		position: relative;
		z-index: 10px;
		font-size: 16px;
	}

		li.mega.mega-active,
		li.mega:hover { background: url(img/50p.png) left bottom; }		
		
		li.mega.mega-active { background-color: #9D784F; }
		
		.mega:hover { z-index: 10000 !important; }
		*:first-child+html .mega:hover { zoom: 1 !important;  }
		
		
	/* Basic menu item styles */	
	li.mega a.mega-tab
	{
		color: #FFF;
		background: url(img/80p.png);
		text-decoration: none;
		font-weight: bold;	
		display: inline-block;
		padding: 5px 10px 5px 10px;		
		outline: none;
		
		position: relative;
		z-index: 20px;
		text-shadow: 1px 1px 2px #000;
	}

	
	/* Menu item with dropdown arrow */	
	li.mega a.mega-sub 
	{ 
		padding-right: 16px !important; 
		padding-left: 15px;		
	}

		li.mega.mega-sub:hover
		{
			z-index: 10000;
			border-bottom-right-radius: 0;
			border-bottom-left-radius: 0;
			
			-webkit-border-bottom-right-radius: 0;
			-webkit-border-bottom-left-radius: 0;
			-moz-border-radius-bottomright: 0;
			-moz-border-radius-bottomleft: 0;
		}
		
		
	/* Menu item with icon */		
	li.mega .mega-icon { padding-left: 24px !important; }
	li.mega .mega-icon-only { padding: 5px 15px !important; }

		li.mega .mega-icon span,
		li.mega .mega-icon-only span
		{
			background: url(img/jqueryui-icons.png) no-repeat 0 -115px;
			width: 16px;
			height: 16px;		
			position: absolute;
			top: 6px;
			left: 3px;
		}

		li.mega .mega-icon-only span { left: 50%; margin-left: -8px; }

/* Content container */
.mega-content 
{ 
	width: 160px;
	display: none; 
	
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	
	padding: 0px;	
	position: absolute;
	top: 96%;	
	left: -1px;
	border: 1px solid green;
	border-top: none;
	text-align: left;
	color: #222;
	font-size: 11px;
	z-index: 6;
	
	display: none;
	
	background: #B19069;
}		

	li:hover .mega-content { display: block; }
	
	.mega-content h3 { font-size: 13px; border-bottom: 1px dotted #666; padding-bottom: 4px; margin-bottom: 1em; }	
	.mega-content ul { list-style-type: disc; margin-left: 18px; }
	.mega-content p { margin-bottom: 1em; }

	.mega-menu li { margin-left: -40px; }



/* Drop Menu Styling */
.mega-menu { padding: 5px 5px 2px !important; z-index: 10000 !important; margin-top: 2px; }

.mega-menu ul { list-style-type: none; margin: 0; }
	
		.mega-menu li a
		{			 
			background: url(img/25p.png);  
			border: 1px solid green;
			display: block;
			padding: 4px 8px;
			color: #fff;
			text-decoration: none;
			font-weight: bold;
			-moz-border-radius: 4px; 
			-webkit-border-radius: 4px; 
			border-radius: 4px;
			text-shadow: none;
			font-size: 14px;
			
			margin-bottom: 5px;
      color: #eee;
      

		    -webkit-transition-property: padding-left;
				-webkit-transition-duration: 0.3s;
				-webkit-transition-timing-function: ease-in;
				

        -moz-transition-property: padding-left;
				-moz-transition-duration: 0.3s;
				-moz-transition-timing-function: ease-in;
				

				transition-property: padding-left;
				transition-duration: 0.3s;
				transition-timing-function: ease-in;
      
		}
		
		*+html .mega-menu li a { padding: 8px 10px; margin-bottom: .15em; }
		
		.mega-menu li a.mega-sub { background-color: #F9F9F9; background-image: url(images/menu-arrow.png); background-repeat: no-repeat; background-position: 100% 50% ; }
		
			.mega-menu li a:hover { 
        background: #07390C ; 
        color: #fff;
        padding-left: 12px;
}

		.mega-menu li { position: relative; }
			.mega-menu li:hover > ul { display: block !important; }
			
		.mega-menu li > ul { background: #B19069; width: 160px; padding: 7px 7px 3px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 1000; position: absolute; left: 100%; top: 0; display: none; }
		



/* Grid Layout Styling */
.mega-grid
{

	background: #FFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EAEAEA));
	background: -moz-linear-gradient(top,  #FFF,  #EAEAEA);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EAEAEA');
	
	padding: 15px 0;
	margin: 10px 5px 5px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
	
	.mega-grid-1 { width: 110px !important; }
	.mega-grid-2 { width: 210px !important; }
	.mega-grid-3 { width: 310px !important; }
	.mega-grid-4 { width: 410px !important; }
	.mega-grid-5 { width: 510px !important; }
	.mega-grid-6 { width: 610px !important; }

.mega-col-1,
.mega-col-2,
.mega-col-3,
.mega-col-4,
.mega-col-5,
.mega-col-6 { margin: 0 10px 1.25em; float: left; }
	
	.mega-col-1 { width: 80px; }
	.mega-col-2 { width: 180px; }
	.mega-col-3 { width: 280px; }
	.mega-col-4 { width: 380px; }
	.mega-col-5 { width: 480px; }
	.mega-col-6 { width: 580px; }
	

	
/* Utility classes */

.mega-open-right .mega-content { left: auto; right: 0; }
	
	
/* Clearfix 'hack' for mega-container */
.mega-container:after,
.mega-grid:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.mega-container,
.mega-grid {
	display: inline-block;
}
 
html[xmlns] .mega-container,
html[xmlns] .mega-grid {
	display: block;
}
 
* html .mega-container,
* html .mega-grid {
	height: 1%;
}