.jqueryslidemenu{ font-size: 14px; background: #EFE4B0/*#DB7C6A/*#b04c3a/* #ffffff */; width: 100%; position: relative; z-index: 5000; /* border-top: 1px #00C265 solid; */ } @media all and (min-width:920px) and (max-width:1100px){ .jqueryslidemenu{ font-size: 12px; } } .jqueryslidemenu ul{ margin-left: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .jqueryslidemenu ul li{ position: relative; display: inline; float: left; left: 7px; /* border-right: 1px solid #ffffff; */ } /*Top level menu link items style*/ .jqueryslidemenu ul li a{ display: block; background: #EFE4B0/*#DB7C6A/*#b04c3a/* #fff */; /*#008F4A; background of tabs (default state)*/ color: #000000/* white */; padding: 15px 10px; /* border-right: 1px solid #fff; */ text-decoration: none; /* min-width:120px; */ } * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{ color: #000000/* #fff */; } .jqueryslidemenu ul li a:hover{ background: #79BD8F;/*#00582E; tab link background during hover state*/ color: #000; } /*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{ width: 190px; /* width of sub menus */ padding: 10px 5px 25px 5px; height: 20px; margin: 0; border-top-width: 0; border-bottom: 1px solid white; z-index: 4000; } .jqueryslidemenuz ul li ul li a:hover{ /* sub menus hover style */ background: #00582E; color: white; } .jqueryslidemenu ul li ul li ul li a{ width: 230px; /* width of sub menus */ padding: 15px 5px 25px 5px; height: 20px; margin: 0; border-top-width: 0; border-bottom: 1px solid white; border-left: 1px solid white; position: relative; left: 0px; left:-8px; top: 1px; z-index: 4000; } .jqueryslidemenuz ul li ul li ul li a:hover{ /* sub menus hover style */ background: #00582E; color: black; } .jqueryslidemenu ul li ul li ul li ul li a{ width: 230px; /* width of sub menus */ padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; position: relative; left: -16px; top: 10px; z-index: 4000; } .jqueryslidemenuz ul li ul li ul li ul li a:hover{ /* sub menus hover style */ background: #00582E; color: black; } /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{ position: absolute; top: 20px; right: 7px; } .rightarrowclass{ position: absolute; top: 12px; right: 5px; } ul.navigation li.highlight{ color: white; background-color: #79BD8F; /* border-radius: 3px; */ /* padding: 15px 20px; */ margin: 0px; cursor: default; /* border-right: 1px solid white; */ } ul.navigation li.highlight a{ /* color: white; */ background-color: #79BD8F; /* border-right: 1px solid white; */ /* border-radius: 3px; */ /* padding: 4px; */ margin: 0px; cursor: default; /* border:none; */ } /* ul.navigation li.highlight ul li a{ background: #008F4A; padding: 5px; margin: 0; position: relative; top: 0px; z-index: 4000; cursor: pointer; border-radius: 0px; } ul.navigation li.highlight ul li a:hover{ sub menus hover style background: #00582E; color: white; } */ /* .tmap{ color: white; background-color: #00B05B; cursor: pointer; } .tmap a{ color: white; background-color: #00B05B; cursor: pointer; } */