/**************** menu coding *****************/
#menu {
background-image: url(/images/b/bg_bar.gif);
background-repeat:repeat-x;
float: left;
width: 800px;
margin-bottom: 3px;
height: 19px;
}

#ie #menu {
position: relative;
z-index: 500;
}
 
#menu ul {
list-style: none;
margin: 0px;
padding: 0px;
float: left;
width: 80px; 
height: 19px;
}
 
#menu h2{
display: block;
text-transform: uppercase;
text-align: center;
background-image: url(/images/b/bg_nav.gif);
background-repeat: no-repeat;
background-position: 100% 45%;
height: 19px;
margin: 0px;
}
 
#menu a {
display: block;
border: none;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #fff;
text-decoration: none;
margin: 0px;
padding: 2px 6px;
}
 
#menu a:hover {
color: #fff;
background-image: url(/images/bg_red.gif);  /*fix IE 7 bug*/
background-repeat: repeat;
}
 
#menu li {
position: relative;
}
 
#menu li:hover {
position: relative;
background-image: url(/images/bg_red.gif);
background-repeat: repeat;
}
 
#menu ul ul {
position: absolute;
z-index: 500;
}
 
#menu ul ul li {
background: #666666;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 1px 3px;
height: 16px;
}
 
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
z-index: 500;
}
 
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
 
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;
z-index: 500;
}
 
#menu ul#t_news { width: 50px; }
 
#menu ul#about li { width: 150px; }
 
#menu ul#product li { width: 240px; }
 
#menu ul#support li { width: 145px; }
 
#menu ul#partners li { width: 145px; }
 
#menu ul#solutions li { width: 135px; }
 
#menu ul#news li { width: 130px; }
 
#menu ul#contact li { width: 120px; }
 
#menu ul#language li { width: 120px; }