/* common styling */
#menu { font-family:Helvetica, Arial, sans-serif; float:right; padding-top:3px;}
#menu ul li a, #menu ul li a:visited {display:block; text-decoration:none; overflow:hidden;}
#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left; position:relative; list-style:none;}
#menu ul li ul {display: none;}


/* specific to non IE browsers */
#menu ul li:hover a {color:#fff; font-weight:normal;}
#menu ul li:hover ul {display:block; position:absolute; width:140px; margin-top:5px; left:0;}


#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li {display:block;}

#menu ul{z-index:300;}

#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:140px; top:-6px; z-index:300;}
#menu ul li:hover ul li:hover ul.subproducts {left:150px;}
#menu ul li:hover ul li:hover ul.subother {left:-173px;}

#menu ul li:hover ul li:hover ul li:hover ul {display:block; position:absolute; left:170px; top:-6px; z-index:300;}

#menu ul li:hover ul li:hover ul.bottom_drop {left:170px; display: none;}
/* common styling



#menu ul li ul {display: none;}
#menu ul li:hover ul{display:block; position:absolute; width:150px; left:0; margin-left:-2px; margin-top:5px; z-index:111;}

#menu ul li:hover ul ul {display: none;}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; width:130px; left:0; margin-left:130px; margin-top:0;}


/* specific to non IE browsers*/


#menu ul li {height:16px; font-size:13px; line-height:16px; padding:7px 12px 5px 12px; background:url(../images_css/menu_bg.gif) repeat-x; background-position:0 0;}
#menu ul li:hover{background:url(../images_css/menu_bg.gif) repeat-x; background-position: 0 -28px; cursor:pointer;}

#menu ul li a{color:#111; font-weight:normal;}
#menu ul li:hover a{ color:#333;}


#menu ul li.client a{ color:#fff;}
#menu ul li.client:hover a{ color:#fff;}
#menu ul li.client a:hover{color:#fff;}

#menu ul li.left {width:135px; height:16px; padding:7px 15px 5px 0; text-align:right; background:url(../images_css/menu_left_btn.gif) no-repeat; background-position:0 0;}
#menu ul li.left:hover {background:url(../images_css/menu_left_btn.gif) no-repeat; background-position: 0 -28px;}

#menu ul li.client {background:url(../images_css/menu_blue_btn.gif) no-repeat; background-position:-10px 0; width:105px; height:16px; padding: 7px 0 5px 20px; text-align:left; color:#FFF;}
#menu ul li.client:hover {background:url(../images_css/menu_blue_btn.gif) no-repeat; background-position: -10px -28px; cursor:pointer; color:#FFF;}

#menu ul li.sep {height:28px; width:1px; padding:0; background:url(../images_css/menu-sep.jpg) no-repeat;}


/* drop downs */

#menu ul li:hover li {background: #fdd85a; color:#000; border-top:#FFF 1px solid; border-left: #e5b308 1px solid; border-right: #e5b308 1px solid; font-size:11px; font-weight:600; line-height:15px; width:130px; height:20px; text-align:left; vertical-align:baseline; padding:3px 0 0 10px;}

#menu ul li:hover li:hover {color:#3965cc; background:#fcd039 no-repeat; cursor:pointer}

#menu ul li:hover li a { font-weight:600; color:#222}


/*product overview drop down*/
#menu ul li:hover ul.product  li{background: #fdd85a; color:#000; border-top:#FFF 1px solid; font-size:11px; font-weight:600; line-height:15px; width:115px; height:20px; text-align:left; vertical-align:baseline; padding:3px 0 0 35px;}
#menu ul li:hover ul.product li:hover { background:#fcd039; cursor:pointer}



/* drop down sub menus*/
#menu ul li:hover ul li:hover ul li {background: #ffe68d no-repeat; color:#000; border-left:#fcd039 1px solid; border-right:#fcd039 1px solid; font-size:11px; font-weight:600; line-height:15px; width:160px; height:20px; text-align:left; vertical-align:baseline; padding:3px 0 0 10px;}

#menu ul li:hover ul li:hover ul li:hover {color:#000; background:#ffe27d no-repeat; cursor:pointer}


/*arrow sub menus*/
.arrow{
       padding: 2px 0 0 0;
}