div.navigation 
{ 
  z-index: 500;  
  position: relative;
  height: 40px;
background: url(/images/navigation/nav_bg_repeater.jpg) repeat-x;
}

.navigation a
{
 font: bold normal 12px/13px helvetica; 
font-weight: bold;
color: #4A4A4A;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  padding: 2px;
  text-align: center;
margin: 8px 8px 4px 8px;

}
.navigation ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.navigation ul li
{
  float: left;  
  position: relative;

}


.navigation ul ul
{
  margin: 0;
padding: 0;
  position: absolute;
  top: 29px;
  left: 0;
  display: none;  
  border: 1px solid #dddddd;
background-color: #ffffff;
}
.navigation ul ul a
{
display: block;
  text-align: left;
  font-weight: normal;
  text-transform: none;
  z-index: 700;
font: bold normal 10px/13px verdana;
font-weight: bold;
margin: 0;
padding: 6px;
}
.navigation ul ul a:hover
{
background: #c5daed;
}

.navigation ul ul li
{
clear: left;
width: 150px;

}
.navigation ul ul ul
{
display: none;
  top: 0;
  /* left: 116px; */
  left: 150px;
background: red;
  margin-top: -3px;
}
.navigation ul ul ul li /*hide third level menu items*/
{
display: none;
}
.navigation li:hover ul ul,
.navigation li li:hover ul ul,
.navigation li li li:hover ul ul,
.navigation li li li li:hover ul ul
{
  display: none;
}

.navigation li:hover ul,
.navigation li li:hover ul,
.navigation li li li:hover ul,
.navigation li li li li:hover ul
{
  display: block;
}