/*


html, body, div, span, applet, object, iframe,
pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	
}


/* Some stylesheet reset */
.menu-mainmenu-container > ul{
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
}

/* The container */
.menu-mainmenu-container > ul {
	display: block;
	position: relative;
	width: 230px;
}

	/* The list elements which contain the links */
	.menu-mainmenu-container > ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 230px;	
	}
	/*
	#ie7 .menu-mainmenu-container > ul li {
	z-index:10;
	}
	
	#ie7 .menu-mainmenu-container  ul li  ul {
	MARGIN: 0px; TOP: 0px; opacity: 1
    }
	*/
	ul.sub-menu li {
		width: 160px;	
	}
	
	#ie7  .sub-menu li {
	z-index:99999; /* while 10 is any number */
      }
	  
	.menu-mainmenu-container > ul.sub-menu li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 160px;	
	}
		/* General link styling */
		.menu-mainmenu-container > ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px solid #01a64a;
			/*border-bottom: 1px solid #fff;*/
			padding: 14px 20px;
			/*width: 110px;*/
			padding-bottom:13px;
			/* Typography */
			
			color: #ffffff;
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: 0 1px 0 #000000;
			font-size: 12px;
			font-weight: 300;

			/* Background & effects */
			/*background: #f4f4f4;*/
			background:#008d3e;
			text-align:right;
		}
		.menu-mainmenu-container > ul li:last-child a{
		border-bottom: 1px solid #fff;
		}
		
		ul.sub-menu li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px solid #fff;
			/*border-bottom: 1px solid #fff;*/
			border-left: 1px solid #fff;
			padding: 3px 5px;
			/*width: 110px;*/
			padding-bottom:4px;
			/* Typography */
			color: #000;
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: 0 0px 0 #fff;
			font-size: 12px;
			font-weight: 300;
			z-index:99999;
			/* Background & effects */
			background: #f4f4f4;
			width:150px;
			
		}
		
		ul.sub-menu li .ajaxclass a {
		
		border:0px;
		padding:0px;
			width:360px!important;
		}
		
		
		
		ul.sub-menu li a:after{
		}
		
		ul.sub-menu li .ajaxclass a:after{
		content:"";
		}

		/* Rounded corners for the first link of the menu/submenus */
		.menu-mainmenu-container > ul li:first-child>a {
			/*border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
			
			*/
		}

		/* Rounded corners for the last link of the menu/submenus */
		.menu-mainmenu-container > ul li:last-child>a {
			/*border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;*/
		}


		/* The hover state of the menu/submenu links */
		.menu-mainmenu-container > ul li>a:hover, .menu-mainmenu-container > ul li:hover>a {
			color: #da0034;
			/*text-shadow: 0 1px 0 rgba(0, 0, 0, .3);*/
			background: #fff;
			/*
			background: -webkit-linear-gradient(bottom, #54cdf1, #74d7f3);
			background: -ms-linear-gradient(bottom, #54cdf1, #74d7f3); 
			background: -moz-linear-gradient(bottom, #54cdf1, #74d7f3);
			background: -o-linear-gradient(bottom, #54cdf1, #74d7f3);
			*/
			border-color: transparent;
		}
        #ie7 .sub-menu a:hover{
		border:1px solid white;
		border-bottom:0px;
		}
		
		
		#ie7 .sub-menu li:last-child a:hover{
		border-bottom:1px solid white;
		
		}
		\
		
		/* The arrow indicating a submenu */
		.menu-mainmenu-container > ul .has-sub>a::after {
			content: '';
			position: absolute;
			top: 16px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #3dafea; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		.menu-mainmenu-container > ul .has-sub>a::before {
			content: '';
			position: absolute;
			top: 17px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #fff;
		}

		/* Changing the color of the arrow on hover */
		.menu-mainmenu-container > ul li>a:hover::after, .menu-mainmenu-container > ul li:hover>a::after {
			border-left: 4px solid #fff;
		}

		.menu-mainmenu-container > ul li>a:hover::before, .menu-mainmenu-container > ul li:hover>a::before {
			border-left: 4px solid rgba(0, 0, 0, .25);
		}

	
		/* THE SUBMENUS */
		.menu-mainmenu-container > ul ul {
			position: absolute;
			left: 150px;
			top: -9999px;
			/*padding-left: 5px;*/
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
		}
		.menu-mainmenu-container > ul ul.sub-menu {
			
			left: 230px;
			
		}
		ul.sub-menu ul.sub-menu {
			
			left: 160px;
			
		}
		.menu-mainmenu-container > ul.submenu ul.sub-menu {
			
			left: 150px;
			
		}

		/* Showing the submenu when the user is hovering the parent link */
		.menu-mainmenu-container > ul li:hover>ul {
			top: 0px;
			opacity: 1;
			margin:0px;
		}
		.current-menu-item>a, .current-menu-ancestor>a{
		color:#c30!important;
		background:#fff!important;
		}