/* -------------------------------------------------------------- 

  

   RapidKL Joomla Templates

   * Author: Fadzril

   * Version:   0.1 (14/04/09)

   * Top Navigation (some element override by jquery superfish menu)

   

-------------------------------------------------------------- */





/* Top Menu Declaration

-------------------------------------------------------------- */



#top_menu { font-family: Helvetica, Arial, sans-serif;}



.moduletable_topmenu{ font: normal 120% Arial, sans-serif;  /*background of menu bar (default state)*/width: 100%; }



.moduletable_topmenu ul{ margin: 0; padding: 0; list-style-type: none;  z-index:200;}







/* Top level list items

-------------------------------------------------------------- */



.moduletable_topmenu ul li{ position: relative; display: inline; float: left; width: 132.85px !important;_width: 118px !important; background-color: white; color: #f03f35; font-size: 100%; }

.moduletable_topmenu ul .parent {*width: 133px !important;_width: 118px !important;}

.moduletable_topmenu ul .item82 {*width: 134px !important;_width: 118px !important;}

.moduletable_topmenu ul .item50 {*width: 132px !important;_width: 126px !important;}

.moduletable_topmenu ul .item85 {width:130px !important;}
.moduletable_topmenu ul .item85 a {width:145px !important;}






/*Top level menu link items style

-------------------------------------------------------------- */



.moduletable_topmenu ul li a{ display: block; background: transparent url("../images/menu-bg.jpg") top left repeat-x; padding: 8px 9px;_width:100%; color: #000; text-decoration: none; text-align: left; border: 1px solid #dedede; }



.moduletable_topmenu ul li .last { border: none; }



* html .moduletable_topmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }



.moduletable_topmenu ul li a:link, .moduletable_topmenu ul li a:visited{ color: black; }



.moduletable_topmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: black; color: white; }



.moduletable_topmenu ul li a:hover{ background: black; /*background of menu items during onmouseover (hover state)*/ color: white; }







/*1st sub level menu

-------------------------------------------------------------- */



.moduletable_topmenu ul li ul{ position: absolute; left: 0; display: none; /*collapse all sub menus to begin with*/ visibility: hidden;  z-index:200;}







/*Sub level menu list items (undo style from Top level List Items)

-------------------------------------------------------------- */



.moduletable_topmenu ul li ul li{ display: list-item; float: none; }







/*All subsequent sub menu levels vertical offset after 1st level sub menu

-------------------------------------------------------------- */



.moduletable_topmenu ul li ul li ul{ top: 0; }







/* Sub level menu links style

-------------------------------------------------------------- */



.moduletable_topmenu ul li ul li a{ font: normal 90% "Helvetica", Arial, sans-serif; width: 150px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0; }







/* CSS classes applied to down and right arrow images *this one override by superfish menu

-------------------------------------------------------------- */



.downarrowclass{ position: absolute; top: 5px; right: 7px; }



.rightarrowclass{ position: absolute; top: 6px; right: 5px; }







/* CSS for shadow added to sub menus *this one override by superfish menu

-------------------------------------------------------------- */



.ddshadow{ position: absolute; left: 0; top: 0; width: 0; height: 0; background: #fff; }



.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/ opacity: 0.8; }