/* common styling */
.menu {
font-family: arial, sans-serif;
width: 200px;
height: 400px;
position: absolute;
margin: 10px 0px;
font-size:10px;
z-index:1;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
width:200px;
height:50px;
border:0px solid #c47e3c;
background: url(http://www.parchetexotic.com/images/button.jpg) #edead9;
line-height:50px;
font-size: 10pt;
font-style: normal;
font-weight: bold;
text-transform: none;
text-align:center;
color:#ebeae0;
overflow:hidden;
}
.menu ul {
padding:0;
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
margin-right:0px;
position:relative;
}
.menu ul li ul {
display: none;
}
/* specific to non IE browsers */
.menu ul li:hover a {
color:#d4c0a5;
background: url(http://www.parchetexotic.com/images/button-roll.jpg);
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:0;
left:200px;
width:200px;
background: url(http://www.parchetexotic.com/images/button.jpg);
}
.menu ul li:hover ul li a.hide {
color:#d4c0a5;
background: url(http://www.parchetexotic.com/images/button.jpg) ;
}
.menu ul li:hover ul li:hover a.hide {
color:#d4c0a5;
background: url(http://www.parchetexotic.com/images/button-roll.jpg) ;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block;
color:#d4c0a5;
background: url(http://www.parchetexotic.com/images/button-roll.jpg) ;
}
.menu ul li:hover ul li a:hover {
text-decoration:underline;
color:#d4c0a5;
background: url(http://www.parchetexotic.com/images/button-roll.jpg) ;
}
.menu ul li:hover ul li:hover ul {
text-decoration:underline;
display:block;
position:absolute;
left:200px;
top:0;
background: url(http://www.parchetexotic.com/images/button-roll.jpg) no-repeat;
}