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;
        / support: IE10, see #8844 / list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        /*    padding: 7px 3em 3px 1em; 
    padding: 8px 3em 8px 1em;  */
        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 {}

    .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;
    }

    /*.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}*/
    /* icon support */
    .ui-menu-icons {
        position: relative;
    }

    .ui-menu-icons .ui-menu-item-wrapper {
        /*    padding-left: 2em;*/
    }

    /* 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;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,

    /* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        /*    border: 1px solid #c5c5c5;*/
        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;
        /*    font-weight: bold;*/
        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 {
        /*color: #fff !important;*/
        /*background-color: #8eb420;*/
        text-decoration: none;
        font-weight: bold;
    }

    ul#menu ul {
        display: none;
    }

    ul#menu li: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;
        /*color:#ffffff;
    background-color: #8eb420;*/

    }

    ul#menu li:hover ul li a:hover {
        /*font-weight: bolder;*/
        /*transition: background-color 1s;
    background-color: #8eb420;*/
    }

    .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-top: 5px;*/
        padding: 11px 3em 11px 2em !important;
    }

    .submenu-li:hover ul li a {
        /* background-color: #8eb420;
    color: #ffffff;*/
        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{
		/* color: #ffffff !important;*/
        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;
        /*overflow-y: auto;
                overflow-x: hidden;         */
    }

    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;
}
   /* new css 20-03-2023 */

/* .submenu-li {
   
    padding: 6px 3em 6px 2em !important;
}
li.menuTitle.ui-menu-item {
    padding: 0px 3em 0px 2em!important;
}
ul#menu li:hover ul {
  
    height: 400px;
   
}
ul#menu li.menuTitle {
    color: #000;
    font-weight: 600;
}     */
   /* ul.new-submenu.ui-menu.ui-widget.ui-widget-content.ui-front {
    position: static!important;
    margin-top: 10px;
}
li.submenu-li.ui-menu-item ul.levels{    
  
    top: 50px !important;   
}
ul#menu li:hover ul { 
    height: 280px;  
    overflow: auto;
} */ 

 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#menu li:hover ul
{
    overflow: auto;
} */
/* .hot-categories ul li a, .showcase li, .column.main {

    position: initial!important;
}
.products-grid .product-item-photo .product-image-container .product-image-wrapper img.product-image-photo {

    position: initial;
} */
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;
}
/* li.mainmenu-title.medicalSuppliesMenu.ui-menu-item li , li.mainmenu-title.safetySuppliesMenu.ui-menu-item li{
 position: relative;
}  */
</style><style>
        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;
        / support: IE10, see #8844 / list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        /*    padding: 7px 3em 3px 1em; 
    padding: 8px 3em 8px 1em;  */
        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 {}

    .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;
    }

    /*.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}*/
    /* icon support */
    .ui-menu-icons {
        position: relative;
    }

    .ui-menu-icons .ui-menu-item-wrapper {
        /*    padding-left: 2em;*/
    }

    /* 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;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,

    /* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        /*    border: 1px solid #c5c5c5;*/
        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;
        /*    font-weight: bold;*/
        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 {
        /*color: #fff !important;*/
        /*background-color: #8eb420;*/
        text-decoration: none;
        font-weight: bold;
    }

    ul#menu ul {
        display: none;
    }

    ul#menu li: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;
        /*color:#ffffff;
    background-color: #8eb420;*/

    }

    ul#menu li:hover ul li a:hover {
        /*font-weight: bolder;*/
        /*transition: background-color 1s;
    background-color: #8eb420;*/
    }

    .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-top: 5px;*/
        padding: 11px 3em 11px 2em !important;
    }

    .submenu-li:hover ul li a {
        /* background-color: #8eb420;
    color: #ffffff;*/
        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{
		/* color: #ffffff !important;*/
        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;
        /*overflow-y: auto;
                overflow-x: hidden;         */
    }

    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;
}
   /* new css 20-03-2023 */

/* .submenu-li {
   
    padding: 6px 3em 6px 2em !important;
}
li.menuTitle.ui-menu-item {
    padding: 0px 3em 0px 2em!important;
}
ul#menu li:hover ul {
  
    height: 400px;
   
}
ul#menu li.menuTitle {
    color: #000;
    font-weight: 600;
}     */
   /* ul.new-submenu.ui-menu.ui-widget.ui-widget-content.ui-front {
    position: static!important;
    margin-top: 10px;
}
li.submenu-li.ui-menu-item ul.levels{    
  
    top: 50px !important;   
}
ul#menu li:hover ul { 
    height: 280px;  
    overflow: auto;
} */ 

 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#menu li:hover ul
{
    overflow: auto;
} */
/* .hot-categories ul li a, .showcase li, .column.main {

    position: initial!important;
}
.products-grid .product-item-photo .product-image-container .product-image-wrapper img.product-image-photo {

    position: initial;
} */
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;
}
/* li.mainmenu-title.medicalSuppliesMenu.ui-menu-item li , li.mainmenu-title.safetySuppliesMenu.ui-menu-item li{
 position: relative;
}  */
</style><style>
        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;
        / support: IE10, see #8844 / list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        /*    padding: 7px 3em 3px 1em; 
    padding: 8px 3em 8px 1em;  */
        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 {}

    .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;
    }

    /*.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}*/
    /* icon support */
    .ui-menu-icons {
        position: relative;
    }

    .ui-menu-icons .ui-menu-item-wrapper {
        /*    padding-left: 2em;*/
    }

    /* 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;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,

    /* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        /*    border: 1px solid #c5c5c5;*/
        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;
        /*    font-weight: bold;*/
        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 {
        /*color: #fff !important;*/
        /*background-color: #8eb420;*/
        text-decoration: none;
        font-weight: bold;
    }

    ul#menu ul {
        display: none;
    }

    ul#menu li: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;
        /*color:#ffffff;
    background-color: #8eb420;*/

    }

    ul#menu li:hover ul li a:hover {
        /*font-weight: bolder;*/
        /*transition: background-color 1s;
    background-color: #8eb420;*/
    }

    .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-top: 5px;*/
        padding: 11px 3em 11px 2em !important;
    }

    .submenu-li:hover ul li a {
        /* background-color: #8eb420;
    color: #ffffff;*/
        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{
		/* color: #ffffff !important;*/
        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;
        /*overflow-y: auto;
                overflow-x: hidden;         */
    }

    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;
}
   /* new css 20-03-2023 */

/* .submenu-li {
   
    padding: 6px 3em 6px 2em !important;
}
li.menuTitle.ui-menu-item {
    padding: 0px 3em 0px 2em!important;
}
ul#menu li:hover ul {
  
    height: 400px;
   
}
ul#menu li.menuTitle {
    color: #000;
    font-weight: 600;
}     */
   /* ul.new-submenu.ui-menu.ui-widget.ui-widget-content.ui-front {
    position: static!important;
    margin-top: 10px;
}
li.submenu-li.ui-menu-item ul.levels{    
  
    top: 50px !important;   
}
ul#menu li:hover ul { 
    height: 280px;  
    overflow: auto;
} */ 

 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#menu li:hover ul
{
    overflow: auto;
} */
/* .hot-categories ul li a, .showcase li, .column.main {

    position: initial!important;
}
.products-grid .product-item-photo .product-image-container .product-image-wrapper img.product-image-photo {

    position: initial;
} */
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;
}
/* li.mainmenu-title.medicalSuppliesMenu.ui-menu-item li , li.mainmenu-title.safetySuppliesMenu.ui-menu-item li{
 position: relative;
}  */
</style><style>
        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;
        / support: IE10, see #8844 / list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        /*    padding: 7px 3em 3px 1em; 
    padding: 8px 3em 8px 1em;  */
        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 {}

    .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;
    }

    /*.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}*/
    /* icon support */
    .ui-menu-icons {
        position: relative;
    }

    .ui-menu-icons .ui-menu-item-wrapper {
        /*    padding-left: 2em;*/
    }

    /* 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;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,

    /* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        /*    border: 1px solid #c5c5c5;*/
        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;
        /*    font-weight: bold;*/
        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 {
        /*color: #fff !important;*/
        /*background-color: #8eb420;*/
        text-decoration: none;
        font-weight: bold;
    }

    ul#menu ul {
        display: none;
    }

    ul#menu li: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;
        /*color:#ffffff;
    background-color: #8eb420;*/

    }

    ul#menu li:hover ul li a:hover {
        /*font-weight: bolder;*/
        /*transition: background-color 1s;
    background-color: #8eb420;*/
    }

    .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-top: 5px;*/
        padding: 11px 3em 11px 2em !important;
    }

    .submenu-li:hover ul li a {
        /* background-color: #8eb420;
    color: #ffffff;*/
        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{
		/* color: #ffffff !important;*/
        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;
        /*overflow-y: auto;
                overflow-x: hidden;         */
    }

    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;
}
   /* new css 20-03-2023 */

/* .submenu-li {
   
    padding: 6px 3em 6px 2em !important;
}
li.menuTitle.ui-menu-item {
    padding: 0px 3em 0px 2em!important;
}
ul#menu li:hover ul {
  
    height: 400px;
   
}
ul#menu li.menuTitle {
    color: #000;
    font-weight: 600;
}     */
   /* ul.new-submenu.ui-menu.ui-widget.ui-widget-content.ui-front {
    position: static!important;
    margin-top: 10px;
}
li.submenu-li.ui-menu-item ul.levels{    
  
    top: 50px !important;   
}
ul#menu li:hover ul { 
    height: 280px;  
    overflow: auto;
} */ 

 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#menu li:hover ul
{
    overflow: auto;
} */
/* .hot-categories ul li a, .showcase li, .column.main {

    position: initial!important;
}
.products-grid .product-item-photo .product-image-container .product-image-wrapper img.product-image-photo {

    position: initial;
} */
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;
}
/* li.mainmenu-title.medicalSuppliesMenu.ui-menu-item li , li.mainmenu-title.safetySuppliesMenu.ui-menu-item li{
 position: relative;
}  */
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;
}