table {
        font-size: 1em;
    }

    .ui-draggable,
    .ui-droppable {
        background-position: top;
    }

    /* Overlays */
    .ui-widget-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .ui-accordion .ui-accordion-header {
        display: block;
        cursor: pointer;
        position: relative;
        margin: 2px 0 0 0;
        padding: .5em .5em .5em .7em;
        font-size: 100%;
    }

    .ui-accordion .ui-accordion-content {
        padding: 1em 2.2em;
        border-top: 0;
        overflow: auto;
    }

    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 0;
        cursor: default;
    }

    .ui-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        outline: 0;
    }

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
    
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;        
        text-transform: uppercase;
        color: #000;
        text-shadow: 1px 1px 0 #191919;
        font-weight: 600;
        font-size: 12px;
        line-height: 12px;
    }

   

    .ui-menu .ui-menu-item-wrapper:hover {
        cursor: pointer;
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }
  
    /* icon support */
    .ui-menu-icons {
        position: relative;
    }

    

    /* left-aligned */
    .ui-menu .ui-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: .2em;
        margin: auto 0;
    }

    /* right-aligned */
    .ui-menu .ui-menu-icon {
        left: auto;
        right: 0;
    }

    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        
        background: #f6f6f6;
        font-weight: normal;
        color: #454545;
    }

    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited,
    a.ui-button,
    a:link.ui-button,
    a:visited.ui-button,
    .ui-button {
        color: #454545;
        text-decoration: none;
    }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus,
    .ui-button:hover,
    .ui-button:focus {
        border: 1px solid #cccccc;
        background: #ededed;
        font-weight: normal;
        color: #2b2b2b;
    }

    .ui-state-hover a,
    .ui-state-hover a:hover,
    .ui-state-hover a:link,
    .ui-state-hover a:visited,
    .ui-state-focus a,
    .ui-state-focus a:hover,
    .ui-state-focus a:link,
    .ui-state-focus a:visited,
    a.ui-button:hover,
    a.ui-button:focus {
        color: #2b2b2b;
        text-decoration: none;
    }

    .ui-visual-focus {
        box-shadow: 0 0 3px 1px rgb(94, 158, 214);
    }

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #ffffff;
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #ffffff;
        text-decoration: none;
    }


    /* Misc visuals
----------------------------------*/

    /* Corner radius */
    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-left,
    .ui-corner-tl {
        border-top-left-radius: 3px;
    }

    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-right,
    .ui-corner-tr {
        border-top-right-radius: 3px;
    }

    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-left,
    .ui-corner-bl {
        border-bottom-left-radius: 3px;
    }

    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-right,
    .ui-corner-br {
        border-bottom-right-radius: 3px;
    }

    ul.new-submenu {
        top: 52px !important;
        left: 25px !important;
    }

    #menu {
        background-color: #8eb420;
        float: left;
        width: 100%;
        height: 35px;
        color: #ffffff;
        margin-top: 18px;
        margin-bottom: 5px;        
	pointer-events:none;
    }

    ul#menu {
        font-size: 12px;
        text-transform: uppercase;
        padding: 0;
        text-align: left;
        position: relative;
        /* height:480px; */
        font-weight: 600px;
    }

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 10px;
        float: left;
        padding: 10px 3em 8px 2em;
        font-weight: 600px;
    }

    ul#menu li .submenu-li a {
        color: #000 !important;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 16px;
    }

    ul#menu li .submenu-li a:hover {
        color: #fff !important;
        transition-delay: 0.5s;
        transition-property: color;
    }

    ul#menu li a:hover {        
        text-decoration: none;
        font-weight: bold;
    }

 

    ul#menu .mainmenu-title .ui-menu-item-wrapper ul {
        display: none;
    }

    ul#menu .mainmenu-title .ui-menu-item-wrapper:hover ul {
        display: block;
        position: absolute;
        top: 10x;
        width: 280px;
        height: 530px;
        border-left: 1px solid #ccc;
        background-color: #f4f4f4;
        z-index: 999;
    }



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

  
    .home-style-3 .slidershow-container {
        padding-top: 0px !important;
    }

    .levels {
        top: 0px !important;
    }

    .submenu-li {
        display: inline;
        list-style: none;
        padding-left: 0px;
        float: left;
        background-color: #f4f4f4;
        width: calc((100vw - 72px) / 4);
        max-width: 279px;
        color: #000000;
        height: auto;        
        padding: 11px 3em 11px 2em !important;
    }

    .submenu-li:hover ul li a {
        display: block;
    }

    li.submenu-li.ui-menu-item:hover {
	background-color: #8eb420;
        transition-delay: 0.5s;
        transition-property: background-color;
        color: #ffffff !important;
        font-weight: 800;
        line-height: 20px;
    }

    li.submenu-li.ui-menu-item a {
        text-shadow: none;
        font-weight: 400;
    }
	
	ul#menu li .submenu-li a:active{
	 font-weight: 800;
	}

    .mainmenu-title a {
        color: #fff !important;
        text-decoration: none;
        font-weight: 600;
        text-shadow: 1px 1px 0 #191919;
    }

    .menuTitle .ui-menu-item-wrapper {
        display: block;
        color: #a19d9d;
        padding: 11px 2em 11px 0;
        font-style: italic;
        font-weight: 600 !important;
        text-align: left;
        cursor-pointer: none;
        background: none !important;
        text-shadow: none !important;
    }

    .menuTitle:hover {
        background: none !important;
        cursor-pointer: none;
    }

    .new-submenu,
    .new-submenu ul {
        height: 480px;
        background: #f4f4f4;
    }

    span.icon {
        padding-right: 12px;
        margin-left: -8px;
    }

    .icon i.fa {
        color: #fff;
        margin-left: 20px;
    }

    .right {
        width: 6px;
        height: 6px;
        transition: .5s;
        float: right;
        box-shadow: -2px 2px 0 white;
        margin: 3px;
    }

    .right {
        transform: rotate(-135deg);
    }

    ul#menu li .submenu-li a .right {
        width: 6px;
        height: 6px;
        transition: .5s;
        float: right;
        box-shadow: -2px 2px 0 black;
        margin: 3px;
        transform: rotate(-135deg);
    }

    ul#menu li a:hover .right {
        width: 6px;
        height: 6px;
        transition: .5s;
        float: right;
        box-shadow: -2px 2px 0 white;
        margin: 3px;
        transform: rotate(-135deg);
    }

    ul.new-submenu-jansan {
        top: 52px !important;
        left: 170px !important;

    }

    .new-submenu-jansan,
    .new-submenu ul {
        height: 480px;
        background: #f4f4f4;

    }

    ul.new-submenu-medsupp {
        top: 52px !important;
        left: 370px !important;
    }

    .new-submenu-medsupp,
    .new-submenu ul {
        height: 480px;
        background: #f4f4f4;        
    }

    ul.new-submenu-safetysupp {
        top: 52px !important;
        left: 560px !important;
    }

    .new-submenu-safetysupp,
    .new-submenu ul {
        height: 480px;
        background: #f4f4f4;
    }

    li.mainmenu-title.ui-menu-item {
        margin-top: 3px;
    }
    li.submenu-li.ui-menu-item:hover .ui-state-active a {
    font-weight: bold;
}
ul#menu li .submenu-li a .right {
    
    position: absolute;
    right: -20px;
    top: 2px;
}
ul.new-submenu-jansan {
    top: 52px !important;
    left: 137px !important;
}
  

 ul.new-submenu-medsupp, ul.new-submenu-safetysupp  {
    top: 52px !important;
    left: 370px !important;
    position: static!important;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 7px
}
ul.new-submenu-medsupp 
.levels, ul.new-submenu-safetysupp .levels {
    top: 35px !important;
    
} 
ul.new-submenu-medsupp .levels .levels {
    top: 0!important;
}
ul#menu li.menuTitle {
    color: #000;
    font-weight: 600;
} 
 li.mainmenu-title.medicalSuppliesMenu.ui-menu-item, li.mainmenu-title.safetySuppliesMenu.ui-menu-item {
    width: 200px;
}
li.mainmenu-title.medicalSuppliesMenu.ui-menu-item a .right, li.mainmenu-title.safetySuppliesMenu.ui-menu-item a .right  {
     
    right: -10px!important;
    
} 

ul.new-submenu {
    top: 32px !important;  
}
ul.new-submenu-jansan {
    top: 32px !important;   
}
ul#menu {
    position: relative;  
    z-index: 1;
}
.new-submenu.packagingSub ul.levels li.submenu-li.ui-menu-item {
    padding: 7px 3em 8px 2em !important;
    line-height: 16px!important;
}
ul#menu li .submenu-li a.mainnavcat{
	display: block;
	color: #a19d9d !important;
	font-style: italic;
	font-weight: 600 !important;
	text-align: left;
	cursor-pointer: none;
	background: none !important;
	text-shadow: none !important;
}
ul#menu li .submenu-li a.mainnavcat:hover {
  color: #000 !important;
}
.mainmenu-title .mainnavcat {
    display: block;
    color: #a19d9d !important;
    font-style: italic;
    font-weight: 600 !important;
    text-align: left;
    cursor-pointer: none;
    background: none !important;
    text-shadow: none !important;
}
.mainmenu-title .mainnavcat:hover {
	color: #000 !important;
}

li.mainmenu-title.offersMenu.ui-menu-item {
    position: relative;
}

li.mainmenu-title.offersMenu.ui-menu-item
ul#menu li:hover ul {
   
    position: absolute;
    top: 27px!important;
    width: 280px;
    height: 530px;
    border-left: 1px solid #ccc;
    background-color: #f4f4f4;
    z-index: 999;
    left: 10px!important;
    right: inherit;
}
li.mainmenu-title.offersMenu.ui-menu-item ul {
    top: 28px!important;
    left: 0!important;
}
li.mainmenu-title.offersMenu.ui-menu-item {
    position: relative;
}