﻿/***** If you add any items to the menu make the width setting below wider ****/
.jqueryslidemenu{font: bold 10px Verdana;text-transform:uppercase;width: 640px; border:0px black solid; margin-left:auto; margin-right:auto; z-index:100;}
.jqueryslidemenu ul{margin: 0;padding: 0;list-style-type: none;}

/*Top level list items*/
.jqueryslidemenu ul li{position: relative; display: inline; float: left;}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #ffffff; /*background of tabs (default state)*/
padding: 8px 10px;
/*border-right: 1px solid #778; */
text-decoration: none;
}
#menu_vacancies, #menu_services, #menu_candidates, #menu_clients, #menu_about  {border-right: 0px solid #778}
/* */
#menu_contact {	border-right:0px}
* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.jqueryslidemenu ul a:link, .jqueryslidemenu ul li a:visited{color: gray;}
.jqueryslidemenu ul a:hover{
background:#cbb47b; /*tab link background during hover state*/
color: white;
}

	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{position: absolute;left: 0;display: block;visibility: hidden;}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{display: list-item;float: none;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{top: 0;}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: bold 10px Verdana;
text-transform:uppercase;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
/*background:#fffff;*/
background-image:url('../images/menu-tab.jpg'); background-repeat:repeat-x;

}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #ffffff;
color: black;
}
ul {
   padding:0px;
   margin:0px;
   position:relative;
   z-index:100;
}
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{position: absolute;top: 12px;right: 7px;}
.rightarrowclass{position: absolute;top: 6px;right: 5px;}
