.hidden {
	position: absolute;
	top: -1000em;
	left: -1000em;
}

.menufix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.menufix {
	display: inline-block;
}
 
html[xmlns] .menufix {
	display: block;
}
 
* html .menufix {
	height: 1%;
}	

#topMenuHolder{
	background-color:#00abe8;
	height:25px;
	position:relative; 
	z-index:1000;
}

.mainMenu{
	list-style:none;
	font-weight:bold;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
	position:absolute;
}

.mainMenu li{
	font-size:13px; 
	float:left; 
	position:relative;
}

.mainMenu a.topMenuLink{
	font-family: 'AkbarPlain';
	display:block; 
	padding:0 15px 0px 15px;
	text-decoration:none; 
	height:25px; 
	line-height:25px; 
	text-align:left; 
	border-right:1px solid #ffffff;
	outline:none;
	color:#ffffff;
}

.mainMenu a.topMenuLink:hover{
	color:#434343;
}

.mainMenu li.last a{
	border-right:0;
}

.mainMenu li:hover ul li a{
	border-right:0;
}

.mainMenu li ul li a{
	font-size:11px; 
	font-weight:normal;
	padding:2px 30px 2px 15px;
}

.mainMenu a.topMenuLink:hover{
	background-color:#e7e7e7; 
	color:#00abe8;
}

.mainMenu li:hover a.topMenuLink{ 
	background-color:#e7e7e7; 
	color:#00abe8;
}

/*--- DROPDOWN ---*/
.mainMenu div.sub_menu{
	background-color:#ffffff; 
	list-style:none;
	position:absolute;
	left:-9999px; /*Hide off-screen when not needed (this is more accessible than display:none;) */
	width:436px;
	margin:0;
	padding:10px 20px 15px 20px;
	border:5px solid #e7e7e7;
	/*
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	*/
}


.mainMenu div.sub_menu ul{
	list-style:none;
	margin:0;
	padding:10px 0px 0px 0px;
}

.mainMenu div.sub_menu ul li{
	float:left;
	width:210px;
	padding:0px 0 10px 8px; 
	margin:0 0 5px 0;
	background-image:url('../images/template/menu_bullet.jpg');
	background-repeat:no-repeat; 
	background-position:0 2px;
}

.mainMenu div.sub_menu a{
	font-family: 'AkbarPlain';
	font-size:14px;
	text-align:left; 
	color:#999999;
	outline:none;
}

.mainMenu li:hover div.sub_menu{ 
	left:-1px; /* Bring back on-screen when needed */
}

.mainMenu li:hover div.sub_menu a{
	text-decoration:none;
}

.mainMenu li:hover div.sub_menu li a:hover{
	color:#00abe8;
}

.mainMenu .go-shopping:hover div.sub_menu{
	left:-100px; 
}

.mainMenu .news:hover div.sub_menu{
	left:-228px; 
}

.mainMenu .get-in-touch:hover div.sub_menu{
	left:-334px; 
}


/* up to here */

.mainMenu ul ul {
	position: absolute;
	z-index: 500;
}

.mainMenu ul ul,.mainMenu ul li:hover ul{
	display: none;
}

.mainMenu ul li:hover ul{
	display: block;
	border:1px solid #FF0000;
	left:105px; /* Bring back on-screen when needed */
	top:0px;
	border:1px solid #000000;
	border-top:0;
	background-color:#e7e7e7; 
}


/* additional for sub menu */
/*
.submenu_holder{
	background:#FFFFFF;
	z-index:5000;
	visibility:hidden;
	margin:0;
	padding:15px 0 15px 15px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border:1px solid #FF0000;
}


.submenu{
	float:left;
	position:relative;
	width:200px;
	opacity:0.5;
	margin:0 8px 0 0;
	color:#000000 !important;
	border:1px solid #FF0000;
}

.submenu h2{
	color:#000000;
	font-size:14px;
	margin:0 0 5px 0;
	padding:0;
	border-bottom:#000000 dotted 1px;
	padding-bottom:3px;
}

.submenu h2 a{
	color:#000000;
}


.submenu ul{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	color:#000000 !important;
}


.submenu ul li{
	margin:0 ;
	padding:5px 0 5px 0;
	border-bottom:#999999 dotted 1px;
}

.submenu ul li a{
	display:block;
	color:#000000 !important;
}

.submenu ul li a:hover{
	color:#888888 !important;
}

*/
/*---------------------------------------------------------------------------------------------------------------------------*/
/* bottom menu */

#bottomMenuHolder{
	background-color:#5c5c5c;
	height:24px;
	position:relative; 
	z-index:100;
	color:#FFFFFF;
}

.bottomMainMenu{
	list-style:none;
	/* Clear floats */
	float:left;
	width:100%;
	padding:3px 0 3px 0;
}

.bottomMainMenu li{
	font-size:11px; 
	font-weight:normal;
	float:left; 
	position:relative;
}

.bottomMainMenu a{
	font-weight:normal;
	display:block; 
	padding:0 10px 0 10px;
	text-decoration:none; 
	height:16px; 
	text-align:left; 
	line-height:16px; 
	border-right:1px solid #ec008c;
	color:#ffffff;
}

.bottomMainMenu li.noBreak a{
	border-right:0;
}

.bottomMainMenu a:hover{
	color:#000000;
}

.bottomMainMenu .last{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}

.bottomMainMenu .last div{
	text-align:right;
}

.bottomMainMenu li div a{
	display:inline;
}

.bottomMainMenu li div ul{
	margin:0;
	padding:0;
	list-style:none;
}

.bottomMainMenu li div ul li a{
	padding:0;
	border-right:0;
}

.bottomMainMenu li div ul li{
	font-size:11px; 
	font-weight:normal;
	float:left; 
	padding:0 5px 0 5px;
	border-right:1px solid #ec008c;
}

.bottomMainMenu li div ul .lastMenu{
	padding:0 5px 0 5px;
	border-right:0;
}

.bottomMainMenu li div ul .lastMenu a{
	border-right:0;
}

.bottomMainMenu li a:hover,.bottomMainMenu li div ul li a:hover{
	color:#00abe8;
}


.bottomLinks li.lastMenu .webpoint a:hover{
	color: #34b234;
}


