/* CSS Document */

/* ===== MAIN NAVIGATION ===== */

#home #nav #t1 a, #tab2 #nav #t2 a, #tab3 #nav #t3 a.dropdown, #tab4 #nav #t4 a, #tab5 #nav #t5 a, #tab6 #nav #t6 a {
    background: url("../images/nav/btn_rollover.jpg") no-repeat right top;
}

#navbar {
    width: 100%;
    height: 49px;
    background: url("../images/pagetop.gif") no-repeat left top;
}

#navWrapper {
    /*float: left;*/
    width: 924px;
    margin: 0 auto;
}

#nav, #nav ul {
    list-style: none;
    /*GGG 3/26/2012 no need this setting   	line-height: 49px;*/
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

    #nav a {
        display: block;
        background: url("../images/nav/btn_normal.jpg") no-repeat right top;
        color: #F9F7DA;
        text-align: center;
        text-decoration: none;
        /*GGG 3/26/2012 new setting for nav-out menu. we can add Maximum 33 characters for the Menu name*/
        height: 33px;
        padding-top: 16px; /*end*/
    }

        #nav a:hover {
            background: url("../images/nav/btn_rollover.jpg") no-repeat right top;
        }

        #nav a.level3 {
            background: url("../images/nav/arrow_right.gif") no-repeat right center;
        }

        #nav a.level4 {
            background: url("../images/nav/arrow_right.gif") no-repeat right center;
        }

    #nav li {
        /* all list items */
        float: left;
        width: 154px; /* width of each nav button */
        padding: 0;
    }

        #nav li ul {
            /* secondary navigation */
            position: absolute;
            left: -999em;
            width: 190px;
            height: auto;
            padding: 0;
            background-color: #819E10;
            border-left: 1px solid #99B52A;
            border-bottom: 1px solid #252525;
            border-right: 1px solid #252525;
            z-index: 99999;
        }

            #nav li ul li {
                width: inherit;
                font-size: 11px;
                font-weight: normal;
                text-transform: none;
            }

                #nav li ul li .topitem {
                    background: url("../images/nav/subnav_drop.gif") repeat-x left top;
                }

                #nav li ul li a {
                    background: none;
                    width: 170px;
                    padding: 0 10px;
                    line-height: 24px;
                    text-align: left;
                    border-bottom: 1px solid #99B52A;
                }

                    #nav li ul li a:hover {
                        background: none;
                        background-color: #99B52A; /*color: #FFCC00;*/
                    }

    #nav a:hover.level3 {
        background: url("../images/nav/arrow_right.gif") no-repeat right center;
        background-color: #99B52A;
    }

    #nav a:hover.level4 {
        background: url("../images/nav/arrow_right.gif") no-repeat right center;
        background-color: #99B52A;
    }

    #nav li ul li a:hover.topitem {
        background: url("../images/nav/subnav_drop_r.gif") repeat-x left top;
        background-color: #99B52A;
    }

    #nav li ul ul {
        /* Tertiary Navigation */
        margin: -25px 0 0 191px;
        border-top: 1px solid #99B52A;
    }

    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
        left: -999em;
    }

    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
        left: auto;
    }

/* ===== end MAIN NAVIGATION ===== */

/* ===== CATALOG NAVIGATION  ===== */

#nav2Wrapper {
    /*float: right;*/
    width: 100%;
    display: table;
    text-align: center;
    background-color: #819E10;
}

    #nav2Wrapper.sm {
        float: none !important;
        width: 100% !important;
        height: 50px !important;
    }

#nav2 {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    text-align: center;
    /*margin-left: 134px;*/
}

    #nav2.sm {
        height: 30px !important;
        padding: 10px !important;
    }

    #nav2 li {
        display: inline; /*border-right: 1px solid #9AB825;*/
    }

        #nav2 li.last {
            border-right: none;
            padding-right: 9px;
        }

        #nav2 li a:link, #nav2 li a:visited, #nav2 li a:active {
            color: #F9F7DA;
            font-size: 11px;
            font-weight: bold;
            text-decoration: none;
            line-height: 22px;
            padding: 0 9px;
        }

    #nav2.sm li a:link, #nav2.sm li a:visited, #nav2.sm li a:active {
        font-size: 20px !important;
    }

    #nav2 li a:hover {
        color: #252525;
    }

.cart {
    background: url(../images/catalog/icon_cart.gif) no-repeat left center;
    padding-left: 10px;
}

/* ===== end CATALOG NAVIGATION  ===== */

/* ===== FOOTER NAVIGATION ===== */

#footernav {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    #footernav li {
        display: inline;
        text-align: center;
        border-right: 1px solid #999;
    }

        #footernav li.last {
            border-right: none;
        }

        #footernav li a:link, #footernav li a:visited, #footernav li a:active {
            color: #3360AA;
            font-size: 11px;
            text-decoration: none;
            line-height: 22px;
            padding: 0 6px;
        }

        #footernav li a:hover {
            color: #819E10; /*background: url(../images/nav_tile.jpg) left top repeat; 	text-decoration: underline;*/
        }

/* ===== end FOOTER NAVIGATION ===== */

/* SRS. 10/27/2019. */
#popup-menu {
    position: absolute;
    z-index: 100;
    width: 96%;
}

    #popup-menu ul {
        list-style: none;
        background: #fff;
        border: 1px solid white;
        margin: 0;
        padding: 0;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    }

        #popup-menu ul li {
            border-bottom: 1px solid whitesmoke;
        }

            #popup-menu ul li a {
                color: white;
                display: block;
                /*line-height: 32px;*/
                text-align: center;
            }