/**************** menu coding *****************/
#menu {
float: right;
margin-top: 14px;
padding-bottom: 30px;
padding-right: 15px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
margin-right: 0px;
margin-left: 10px;
float: left;
z-index: 9;
}

#menu ul:hover {
z-index: 99;
}


#menu a, #menu h2 {
font: normal 11px arial, helvetica, sans-serif;
display: block;
padding-bottom: 2px;
color: #3c3c3c;
text-align: right;
text-decoration: none;
z-index: 99;
}

#menu a:hover {
color: #bd0926;
}


#menu ul ul, #menu ul ul:hover {
}


#menu li {position: relative;}

#menu ul ul {
z-index: 99;
position: absolute;
z-index: 500;
width: 12em;
background-image: url("./img/menu.gif");
background-repeat: no-repeat;
background-position: top right;
padding: 14px 1px 0px 0px;
right: 0px;
}

#menu ul ul a, #menu ul ul h2 {
font: normal 11px arial, helvetica, sans-serif;

padding: 2px 7px;
color: #3c3c3c;
text-align: right;
margin: 0;
padding-right: 10px;
margin-top: 1px;
background-color: white;
}

#menu ul ul a:hover, #menu ul ul h2:hover {
color: #bd0926;
background-color: #f5f5f5;
}

#menu ul ul li:hover 
{ 
 
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 13em;
height: 200px;
margin-left: 0px;
background-position: 1000px 1000px;
padding: 0px 0px 0px 1px;
margin-top: 0px;
}

#menu ul ul ul a {

padding: 2px 0px 2px 5px;
text-align: left;
margin-bottom: 1px;
margin-top: 0px;

}

#menu ul #mirror {
display: block;
}

div#menu:hover #mirror {
display: none;
}


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;}