/* common styling */

.container {position:absolute;top:1px;width:760px; height:250px; margin:0px auto; padding:0px; border:0px solid #000; overflow:hidden;}

.submenu {
width:111px; 
height:217px; 
position:relative; 
margin:0; 
}
.submenu ul li a, .submenu ul li a:visited {
display:block; 
text-decoration:none; 
color:#fff; 
width:110px; 
height:30px; 
border:0px solid #000; 
border-width:0px 0px 0px 0px; 
background:transparent; 
line-height:29px; 
padding-left:0px;
}





.submenu ul {padding:0; margin:0;list-style-type: none;}
.submenu ul li {
float:left; 
position:relative;
}




.submenu ul li ul {
display: none;
}

/* specific to non IE browsers */
.submenu ul li:hover a {
color:#FF9900; 
background:#000;
position:relative;
}


.submenu ul li:hover ul {
display:block; position:absolute; top:0; left:110px; width:440px;
}

.submenu ul li:hover ul li {
float:left; 
margin:0px;

width:57px; 
float:left; 
background:#000; 
height:38px;
border:1px solid #000;


}


.submenu ul li:hover ul li a {

width:57px; 
float:left; 
background:#000; 
height:38px;
border:1px solid #000;
}

.submenu ul li:hover ul li a.hide {
background:#dfc184;
color:#000;
}

.submenu ul li:hover ul li a:hover 
{
display:block; 
border:1px solid #ff9900;}

.submenu ul li:hover ul li:hover {background:#000; color:#000;}
.submenu ul li:hover ul li ul {display: none;}
.submenu ul li:hover ul li:hover ul {display:block; position:absolute; left:-1px; top:31px; color:#000; width:200px;}
.submenu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000; border-left:1px solid #eee;}
.submenu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}