*{
 margin:0;
 padding:0;
}
body{
 direction:rtl;
 font-family: 'Tahoma';
}
#top-navigation{
 background-color:#e9e9e9;
}
#top-navigation > ul > li{
 display: inline-block;
}
#top-navigation > ul > li > a.active{
 background-color:#8899ee;
}
#top-navigation li{
 position:relative;
}
#top-navigation > ul > li > a{
 color:black;
 text-decoration:none;
 display:inline-block;
 line-height:50px;
 padding:0 10px;
 font-size:14px;
}
#top-navigation > ul > li:hover > a{
 background-color:silver;
}
#top-navigation .sub-menu {
 list-style:none;
 border: 1px solid gainsbro;
 display:none;
 z-index:999;
 position:absolute;
}
#top-navigation .sub-menu > li > a {
 display:block;
 width:200px;
 text-decoration:none;
 font-size:14px;
 line-height:40px;
 padding:0 10px;
 color:black;
 background-color:#e9e9e9;
}
#top-navigation > ul > li > .sub-menu {
 position:absolute;
}
#top-navigation .sub-menu > li:hover > a {
 background-color:silver;
}
#top-navigation li:hover > .sub-menu{
 display:block;
}
#top-navigation .sub-menu > li > .sub-menu{
 left:-200px;
 top:0px;
}