a.lastCrumb,
a.lastCrumb:hover {
    text-decoration: none;
    color: #333
}

/* responsive catalogue */

.adminMenu {
    margin: 10px 0;
    height: 30px
}

.adminMenu ul {
    margin: 0;
    padding: 0
}

.adminMenu li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
    float: right;
    border: 1px solid #000
}

.adminMenu li a {
    padding: 0 10px;
    line-height: 24px;
    text-decoration: none;
    display: block;
    color: #000;
    font-size: 12px;
    background-color: #f0f0f0
}

.adminMenu li a:hover {
    background-color: #000;
    color: #fff
}

/* Admin Pages */
.productCategoryList {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #aaa
}

.productCategoryList th,
.productCategoryList td {
    padding: 4px;
    border: 1px solid #aaa
}

.productCategoryList th {
    text-align: left
}

.productCategoryList td {
    vertical-align: top
}

.productCategoryList td.depth2 {
    padding-left: 20px
}

.productCategoryList td.depth3 {
    padding-left: 40px
}

.productCategoryList td.depth4 {
    padding-left: 60px
}

.productCategoryList td.depth5 {
    padding-left: 80px
}

/************  Product Edit  *****************/
 
.productEdit h1 {
    float: left
}

.productEdit .buttons {
    text-align: right
}

.buttons .button {
    margin-left: 10px
}

.productEdit table {
    clear: both;
    border-collapse: collapse
}

.productEdit table td {
    vertical-align: top;
    padding: 4px
}

.productEdit table.matrix {
    clear: both;
    border-collapse: collapse;
    margin-bottom: 10px
}

.productEdit table.matrix td {
    border: 1px solid #ccc
}

.productEdit .productInfo {
    width: 100%;
    margin-top: 2px;
    margin-bottom: 20px
}

.categoryTree {
    margin: 0;
    padding: 0
}

.categoryTree li {
    list-style-type: none;
    padding: 6px 0
}

.categoryTree li ul li {
    padding-left: 22px
}

.editVariations {
    background-color: #fff;
    border-collapse: collapse
}

.editVariations th,
.editVariations td {
    border: 1px solid #333;
    padding: 5px
}

.editVariations td {
    white-space: nowrap
}

.adminQuantityPricing table {
    clear: both;
    border-collapse: collapse;
    margin-bottom: 10px
}

.adminQuantityPricing table td {
    vertical-align: top;
    padding: 4px;
    border: 1px solid #ccc
}

.percentAdjust {
    margin-bottom:20px
}


/************  Category Edit  *****************/

.categoryEdit h1 {
    float:left
}
.categoryEdit .buttons {
    text-align: right
}
.buttons .button {
     margin-left: 10px
}
.categoryEdit table {
     clear: both;
     border-collapse: collapse
}
.categoryEdit table td {
    vertical-align: top;
    padding: 4px
}
.categoryEdit .categoryInfo {
    width: 100%;
    margin-top: 2px;
    margin-bottom: 20px
}
.categoryEdit .tabBody {
    padding-top:12px
}
.buttonsRight {
    text-align:right
}

/*********************** valet style *****************************/

/* catalogue home */

.categoryHome {
    width: 33%;
    float: left;
    text-align: center;
    padding: 0
}

.categoryHome h2 {
    margin-top: 10px
}

.categoryHome h2 a {
    text-decoration: none
}

/* category box */

.categoryBox h2 {
    margin-top: 0;
    margin-bottom: .5em
}

.categoryBox h2 a {
    text-decoration: none
}

.productBox {
    padding: 1em 1.5em
}

/* Product Box - mini product used in featured and browse */
/* Mini Product Template Image Center */

.productBox h2 {
    text-align: center;
    margin: 0 0 1.25em 0;
    font-weight: 400
}

.productBox h2 a {
    text-decoration: none
}

.productBox img {
    display: block;
    margin: auto
}

.productBox .sku {
    float: left;
    line-height: 1.5em
}

.productBox .price {
    float: left;
    padding-left: .75em;
    line-height: 1.5em;
    font-weight: 700
}

.productBox .buyNow {
    float: left
}

.productBox .buyNow .button {
    margin-left: .375em
}

.productBox .buyNow form {
    margin: 0
}

.productBox .addToCart input {
    margin-left: 1.25em
}

.productBox .addToCart .qtyBox {
    width: 1.375em
}

/* featured product has 1 column */

.featuredProduct .productBox {
    width: 100%;
    padding: 1em 1.5em;
    border: 1px solid #ccc;
    margin-bottom: 20px
}

/* Browse responsive - 4/3 products per row */

/* categories */

.cateoryBrowse-4col .categoryBox {
    width: 23.5%;
    height: auto;
    float: left;
    text-align: center;
    padding: 12px;
    margin: 0 2% 13px 0
}

.cateoryBrowse-4col.browse4colNarrow .categoryBox {
    width: 22.7%;
    padding: 10px;
    margin: 0 3% 20px 0
}

.cateoryBrowse-4col .categoryBox:nth-of-type(4n) {
    margin-right: 0
}

.cateoryBrowse-4col .categoryBox:nth-of-type(4n+1) {
    clear: both
}

@media (min-width:481px) and (max-width:600px) {
    .cateoryBrowse-4col .categoryBox {
        width: 31%
    }
    .cateoryBrowse-4col.browse4colNarrow .categoryBox {
        width: 31%
    }
    .cateoryBrowse-4col .categoryBox:nth-of-type(4n) {
        margin-right: 2%
    }
    .cateoryBrowse-4col .categoryBox:nth-of-type(3n) {
        margin-right: 0
    }
    .cateoryBrowse-4col .categoryBox:nth-of-type(4n+1) {
        clear: none
    }
    .cateoryBrowse-4col .categoryBox:nth-of-type(3n+1) {
        clear: both
    }
}

@media (max-width:480px) {
    .cateoryBrowse-4col .categoryBox {
        width: 48%
    }
    .cateoryBrowse-4col.browse4colNarrow .categoryBox {
        width: 47%
    }
    .cateoryBrowse-4col .categoryBox:nth-of-type(3n+1) {
        clear: none
    }
    .cateoryBrowse-4col .categoryBox:nth-of-type(2n+1) {
        clear: both
    }
}

/* products browse */

.productBrowse-3col .productBox {
    width: 33%;
    float: left;
    padding: 1em 1.5em
}

.productBrowse-3col .productBox:nth-of-type(3n+1) {
    clear: both
}

.productBrowse-3col .line {
    border-top: 1px solid #ccc;
    display: none;
    float: left;
    border-top: 1px solid #ccc;
    width: 100%
}

.productBrowse-3col .line:nth-of-type(3n+1) {
    display: block
}

@media (min-width:481px) and (max-width:640px) {
    .productBrowse-3col .productBox {
        width: 50%
    }
    .productBrowse-3col .productBox:nth-of-type(3n+1) {
        clear: none
    }
    .productBrowse-3col .productBox:nth-of-type(2n+1) {
        clear: both
    }
    .productBrowse-3col .line:nth-of-type(3n+1) {
        display: none
    }
    .productBrowse-3col .line:nth-of-type(2n+1) {
        display: block
    }
}

@media (max-width:480px) {
    .productBrowse-3col .productBox {
        width: 100%
    }
    .productBrowse-3col .line {
        display: block
    }
}

.productBrowse-2col .productBox {
    width: 50%;
    float: left;
    padding: 1em 1.5em
}

.productBrowse-2col .productBox:nth-of-type(2n+1) {
    clear: both
}

.productBrowse-2col .line {
    border-top: 1px solid #ccc;
    display: none;
    float: left;
    border-top: 1px solid #ccc;
    width: 100%
}

.productBrowse-2col .line:nth-of-type(2n+1) {
    display: block
}

@media (min-width:481px) and (max-width:640px) {
    .productBrowse-2col .productBox {
        width: 100%
    }
    .productBrowse-2col .productBox:nth-of-type(1) {
        clear: both
    }
    .productBrowse-2col .line {
        display: block
    }
}

.productBox2Col-Col1 {
    width: 20%;
    float: left
}

.productBox2Col-Col2 {
    width: 78%;
    float: right
}

/* Related Products */
/* related products present in a right hand column of product page */

.relatedProducts h2 {
    margin: 0 0 8px 0;
    text-align: center
}

.relatedBox {
    margin: 0 0 10px 0;
    border: 1px solid #DFDFDF;
    padding: 6px;
    text-align: center
}

.relatedBox img {
    max-width: 90%
}

@media (max-width:748px) {
    .relatedProducts h2 {
        text-align: left;
        padding-top: 20px
    }
    .relatedBox {
        margin: 0 10px 10px 0;
        border: 1px solid #DFDFDF;
        padding: 6px;
        text-align: center;
        float: left
    }
    .relatedBox img {
        width: auto;
        max-width: 150px;
        max-height: 85px
    }
}

/* product Page */

.productPageLayout .three-Col1 {
    width: 48%;
    float: left;
    margin-right: 2%
}

.productPageLayout .three-Col2 {
    width: 33%;
    float: left;
    margin-right: 2%
}

.productPageLayout .three-Col3 {
    width: 15%;
    float: left;
    text-align: center
}

.productPage .fileInfo {
    margin-bottom: 10px
}

.productPage .fileInfo img {
    vertical-align: middle
}

.productPage .back {
    clear: both;
    margin-top: 20px
}

.productPage .buyNow {
    margin-bottom: 20px
}

.productPage .addToCart input {
    margin-left: 0;
    margin-right: 6px
}

/* product Images */

@media (max-width:748px) {
    .productPageLayout .three-Col1 {
        width: 56%;
        float: left;
        margin-right: 4%
    }
    .productPageLayout .three-Col2 {
        width: 40%;
        float: left;
        margin-right: 0
    }
    .productPageLayout .three-Col3 {
        clear: both;
        width: 100%;
        float: none;
        text-align: left
    }
}    
@media (max-width:480px) {
    .productPageLayout .three-Col1,
    .productPageLayout .three-Col2 {
        width: 100%;
        float: none
    }
}

/******** Product Page V2 (Mar 19) ***********/

.productPageV2 .label,
.productPageV2 .quantity,
.productPageV2 .addToCart {
    display: inline
}

.productPageV2 .label {
    padding-right: 8px
}

.productPageV2 .quantity {
    padding-right: 8px
}

.productPageV2 .back {
    margin-top: 20px
}

.productPageV2 .buyNow {
    margin-bottom: 20px
}




/********** Dynamic Left Menu ***************/

.categoryDynamicLeftmenu {
    border: 1px solid #ccc
}

.categoryDynamicLeftmenu ul {
    padding: 0;
    list-style-type: none;
    margin-bottom: 0
}

.categoryDynamicLeftmenu a {
    border-bottom: 1px solid #ccc;
    display: block;
    padding: 10px;
    text-decoration: none
}

.categoryDynamicLeftmenu ul li ul li a {
    padding-left: 16px
}

.categoryDynamicLeftmenu ul li ul li ul li a {
    padding-left: 32px
}

.categoryDynamicLeftmenu ul li ul li ul li ul li a {
    padding-left: 48px
}

.categoryDynamicLeftmenu a:hover {
    background-color: #dfdfdf
}

a.menu {
    background-image: url(arrow-black-right-10x7.png);
    background-repeat: no-repeat;
    background-position: 90% 50%
}

.open>a.menu {
    background-image: url(arrow-black-down-10x7.png);
    background-repeat: no-repeat;
    background-position: 90% 50%
}

.submenu {
    display: none
}

#selectedItem {
    background-color: #dfdfdf
}


/***** browse category - brand links - May 22 ******/

.brandLinks {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center
}