/* Defines styles for  menu's, bread crum etc..*/

/*
======================
MainNavigation
======================
*/

.MainMenu
{
  margin: 0px 10px 0px 10px;
  height: 21px
}
.MainMenu ul li
{
  text-transform: uppercase;
  padding: 3px 10px 0px 10px;
}
.MainMenu li ul
{
  /* background-image: url('/images/MainMenuGradient.gif'); */
  background-repeat: repeat-x;
  border: 1px solid #000;
  background-color: #fff;
  margin-top: 0px;
  padding: 7px;
}

.MainMenu li > ul
{
  margin-top: 0px;  /* this is an optional Firefox hack */
}

.MainMenu li ul li
{
  width: 10em;
  text-transform: none;
}
.MainMenu li ul li a
{
  color: #000;  
}

.MainMenu li ul li a:hover
{
  color: #f00;  
}

.MainMenu .iFrameHider
{
  width: 10em; /* HAS to be same width as in .MainMenu li:hover ul, .MainMenu  li.over ul*/
}

.MainMenu ul a{
  color: #bebebe;	
  text-decoration: none;
  font-size: 9px;
  letter-spacing: 0px;
  
}

.MainMenu ul a.rootAncestor 
{
  color: #fff;
}

.MainMenu a:hover
{
  color: #fff;
}

.MainMenu .level1 > .active
{
  color: #fff;
}

/*-----------------------------------------------------------------------------------------------
common use. always applies to a menu
-----------------------------------------------------------------------------------------------*/
.MainMenu ul,.MainMenu li
{
  margin: 0;
	padding: 0;
	list-style: none;
}
.MainMenu ul a{
	display: block;
}

* html .MainMenu ul a
{
	display: inline-block;  /* this is an optional IE hack */
}

.MainMenu ul li
{
  position: relative;
	z-index: 300; 
}

.MainMenu li ul
{
	visibility: hidden;
  position: absolute;
}

.MainMenu li ul li
{
  display: block;
  float: left;
  clear: left;
}

/*for compliant browsers*/
.MainMenu li.level1:hover ul.level2,
.MainMenu li.level2:hover ul.level3,
.MainMenu li.level3:hover ul.level4,
.MainMenu li.level4:hover ul.level5,
.MainMenu li.level5:hover ul.level6,
/*for IE*/
.MainMenu li.over1 ul.level2,
.MainMenu li.over2 ul.level3,
.MainMenu li.over3 ul.level4,
.MainMenu li.over4 ul.level5,
.MainMenu li.over5 ul.level6,
.MainMenu li.over6 ul.level7
{
	visibility: visible;
}
.MainMenu div.floatBreak
{
  font-size: 0px;
  line-height: 0px;
  height: 0px;
  clear: both;
}
/*-----------------------------------------------------------------------------------------------
horizontal main menu hover effect
-----------------------------------------------------------------------------------------------*/

.MainMenu
{
  clear: both;
}

.MainMenu ul li.level1
{
  float: left;
}

.MainMenu li ul
{
  top: 100%;
	left: 0;
	z-index: 100;
}

.MainMenu li ul.level2
{
}

.MainMenu li ul.level3,
.MainMenu li ul.level4,
.MainMenu li ul.level5,
.MainMenu li ul.level6,
.MainMenu li ul.level7
{
  top: 0;
	left: 100%;
	z-index: 100;
}

.MainMenu .iFrameHider
{
  /* dont edit unless really needed - position of elements */
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}