/* Top and Menu Box */
#topmenubox {width: 100%; height:120px; /*margin:0 0 0 0;*/ position:fixed; z-index:5000; /*top:0; left:0;*/  transition: 0.5s all;}
#topmenubox .m_inner {position:relative; height:100%; max-width: 1920px; /*left: 10%;*/ background: #fff; border-bottom: 1px solid #505567;} 
#topmenubox a.logo img {max-height:80%;/* max-width:100%;*/ position: absolute; left: 2%; bottom:3px;}
#topmenubox.reduced {height:42px; transition: 0.5s all;}

/* Search Box in header */
li.search_box_li a {border: none ! important;}

/*.menuebox {width: 75%; height:100%; float:left; position:relative;}*/ 
.toggleMobileMenu {display:none;}
#openrightboxswitch, #closerightboxswitch{display:none;}

#nav {
	position: absolute;
	right: 0;
	bottom:0;	
	border: 0;	
	padding:0;
	text-transform: uppercase;
	background: #fff;
}

#nav ul,  #nav2 ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	width: auto;
	position: relative;
	z-index: 800;
/*	background: #eee;*/

}
#nav ul li,  #nav2 ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}


/* Root Level Link Formatting */
#nav ul li {float: left; display:inline; color: #aaa; text-align: left; font-weight: normal; list-style-type: none; list-style-image: none ;}
#nav ul li a {display: block; XXtext-shadow: 1px 2px 8px #000; XXtext-shadow: 1px 4px 4px #000; font-size: 16px; border-right:1px #ddd solid; color: #666; text-decoration: none;/* XXfont-weight: bold; */background-repeat: no-repeat;}
#nav ul li a span {display:block; padding: 11px 12px 10px 12px; }
/* Root Level link hover */
#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current, #nav a.menu-parent {color: #fff; /*background: #cc0000 */background:/* #00bfff*/#7f9ce8 ; text-shadow: 1px 2px 4px #000;}


/*Current page Customisations*/
#nav a.menu-current		{font-weight: normal;}



/* 2nd Child menu */
#nav  li ul {position: absolute; right:10000px; width: 200px; opacity:0.0; text-transform: none; border-bottom: 1px solid #fff; border-left: 1px solid #fff; font-size: 13px; background: #ddd url(../images/glitzi.png) no-repeat right 0px; box-shadow: 0px 10px 10px -4px rgba(0, 0, 0, 0.4);}
#nav  li ul li {text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;  }
#nav  li ul li a {width: 200px;  text-align:left; height:auto; text-shadow: none; margin:0; padding: 0; color: #333; border-top: 1px solid #fff; font-weight: normal; font-size: 14px; background: none;}
#nav  li ul li a span {display:block; padding:8px; }


/* 2nd Child link hover */
#nav  li ul a:hover,  #nav  li ul a.menu-current {  text-shadow: 1px 2px 4px #000;}
#nav  li ul a.menu-expand {background: transparent url(../images/arr-right.png) no-repeat right 5px ; }
#nav  li ul a.menu-parent {background: #cc0000 url(../images/arr-right.png) no-repeat right 5px; }

/* Show and hide */
#nav  li:hover ul, #nav  li a:focus ul, #nav li.tabselected ul {right:-20px; XXmargin: -3px 0 0 0; opacity:1; transition:0.5s opacity;}
#nav  li ul ul { margin-left: -10000px; opacity:0.0; transition:0.5s opacity;}
#nav  li:hover ul ul, #nav  li.subMenu ul ul { margin-left: -10000px; opacity:0.0; transition:0.5s opacity;}
#nav  li:hover>ul, #nav  li li:hover>ul { opacity:1; margin-left: 0;  transition:0.5s opacity; z-index: 1000;}
#nav  ul li ul li:hover>ul {margin-left: -30%;  opacity:0.9;}



/* 3rd Child Menu Appreances */
#nav  li ul li ul	{ width: 180px; margin: 10px 0 0 -40%; z-index: 2000; }
#nav  li ul li ul li	{width: 100%;}
#nav  li ul li ul li a 	{ width: 100%;}



/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}



/* Better: */
#nav li:hover {
	z-index: 1000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

	#nav2 {width:250px; height: auto; position:absolute; margin-top:-40px; left:-300px; top:100px; z-index:2000; transition: left 1s; text-transform: uppercase; } 
	#nav2  {background: #fff  url(../images/glitzi.png) no-repeat right 0px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4);}
	
	#nav2 li {width:250px;  padding: 0 0 0 0; }
	#nav2 li a {display:block; padding: 12px 0 12px 20px; font-size:18px;  color:#aaa; text-decoration: none; border-bottom: 1px solid #eee;}
	#nav2 li li a {padding: 10px 0 10px 30px; font-size:16px; }
	#nav2 li li li a {padding: 8px 0 8px 40px; font-size:14px; }
	#nav2 li li li li a {padding: 6px 0 6px 50px; font-size:13px; ;}
	
	#nav2 li ul {display:none;}
	#nav2 li.menu-parent > ul, #nav2 li.menu-current > ul {display:block;}
	#nav2 li.is_opened > ul, #nav2 li.is_opened > ul {display:block; color:}
	
	#nav2 li a.menu-expand {background: transparent url(../images/arr-down.png) no-repeat left center ;}
	#nav2 ul li a:hover, #nav2 ul li a.menu-current, #nav2 ul li.a.menu-parent { color:#fff;  text-shadow: 1px 2px 4px #000; background: /*#00bfff*/ #7f9ce8; transition: none;}
	
	#nav2 ul li a.menu-expand.is_opened, #nav2 ul li a.menu-parent {font-weight:bold; background: #ddd url(../images/arr-right.png) no-repeat 2px center ;}
	#nav2close {display:none; z-index:1990; position:absolute; top:0; width:100%;  height: 900px; background-image:none;}
	
		.mobilemenuopen  #nav2 {left:0; }
	.mobilemenuopen #nav2close {display:block;} 

#nav2 {width:250px; height: auto; position:absolute; left:-300px; }	

.showonmobiles  {display:none;}