/* FTB static classes */
.cat-nav-image { border:1px solid #fff }
.cat-nav-image:hover { border:1px solid #500078 }

/*Covid call out*/
.callout {
   position: relative;
    padding: 15px;
    background-color: #ededed;
    color: #0a0a0a;
    text-align: center;
}

.closeEm {display:none;
}


/* Banner */
.headBannerCont { padding: 8px 30px 5px 30px; background-color: #500078; height: 36px; color:#fff !important; font-size:15px; font-weight:400; margin-top:-10px;}
.headBannerContB { padding: 8px 30px 5px 30px; background-color: #500078; height: 36px; color:#fff !important; font-size:15px; font-weight:400; margin-top:-10px;}
.headBannerCopy {color:#fff; font-size:16px}
.headBannerClose { display: inline-block; float: right; font-weight: bold; color: blue; }
.headBannerOrderby {position:relative; bottom:8px;}
.headBannerClock { position:relative; bottom:2px; right:5px}
.headText {letter-spacing:.05em}

/* Header Login */
.loginFloat { float: right; }
.gtHeight { height: unset; }

/* Nav */
.cat-nav-link-occ,.cat-nav-link-type,.cat-nav-link-price,.cat-nav-link-bus { font-size: 22px; margin-bottom: 0px; height:40px }
.navShipIn { position: absolute; font-size: 22px; width: 135px; left: 24px; bottom: 30px; color:#500078}
.navShipIn:hover {color:#500078 }

.headBanner { text-align: center; font-size: 18px; padding:12px 0px }
.headerImgHeight {height: 99px;}
.headImgCont { padding: 10px 0px 5px 15px; display: inline-block; position:absolute; bottom:0px }
.headListTop { padding-left: 0px; margin: 0px; display: inline-block; float: right; }
.headListTop li { list-style: none; display: inline-block; padding: 5px 10px 0px 10px; vertical-align: middle; font-size:18px}
.headLogoImg { width: 100%; height: auto; vertical-align: unset; }
.headMagnifyImg { width: 22px; height: auto; vertical-align: bottom; }
.headLoginText { display: inline-block;  font-size: 16px; color: #333 !important; margin-top:10px }
.headLoginNumber{ display: inline-block;  font-weight:600; letter-spacing:.035em; color: #333 !important; margin-top:10px }
.headCartImg { vertical-align: bottom; width:34px; height:auto }
.headItemCount { display: inline-block; font-size: 16px; padding-left: 5px; color: #808080; position:relative; top:5px }
.headNavHeight { height: 55px; margin-left:24px }
.headNavCont {padding-left:30px }
.headNavCont a {  color: #333 !important; }
.headNavCont a:hover { color: #500078 !important;}
.headNavCont div div { border: 1px solid #cccccc; background-color: white; font-size: 12px; z-index: 10; display: none; box-shadow: 1px 1px 5px #808080; }
.headNavCont > div > a, .headNavCont > a { position: absolute; font-size: 18px; padding: 10px 15px; font-weight:400 !important }
.headNavCont div ul { font-size: 16px; height: 100%; white-space: nowrap; list-style: none; display: inline-block; vertical-align: top; line-height:19px; margin: 0px 0px 0px 0px;  }
.navMaxWidth { max-width: 980px; margin: 0 auto; }
.navBoldLi { padding-bottom: 5px; font-size: 16px; padding: 5px 0px 5px 20px;}
.navNormLi { padding: 5px 0px; font-family: 'Lato', "Arial Narrow", sans-serif !important; }
.navNormLi a { padding: 5px 0px; font-family: 'Lato', "Arial Narrow", sans-serif !important; font-weight: 400 !Important;  }
.typesBoldLi { color: #3a2223; font-family: 'Lato', "Arial Narrow", sans-serif !important; font-size: 16px; font-style:normal; font-weight: 600 !Important;  padding: 5px 0px 5px 0px; color: #333 !important; }
.typesBoldLi a {  font-weight: 600 !Important; }
.navSale { bottom: 0px; left: 20px;  }
.navBestSell { bottom: 0px; left: 13%;  }
.navOccassion { bottom: 0px; left: 31%; }
.navTypes { bottom: 0px; left: 48%; }
.navPrice { bottom: 0px; left: 64%; }
.navBusiness { bottom: 0px; left: 78%; }
.navBestSell:hover, .navOccassion:hover, .navTypes:hover, .navPrice:hover, .navBusiness:hover, .navSale:hover { background-color: #ededed;}
.navBoldLi:hover a:hover, .navNormLi:hover a:hover, .typesBoldLi:hover a:hover { text-decoration: underline; color:#500078 !important;}
.occassionCont {  width: 685px; max-height: 415px; height: auto !Important; position: absolute; top: 55px; right:13%; padding: 15px 25px 25px 0px; }
.typesCont { width: 722px; max-height: 400px; height: auto !important; position: absolute; top: 55px; right: 0%; padding: 15px 25px 25px 0px; }
.priceCont { width: 505px; max-height: 415px; height: auto !important; position: absolute; top: 55px; right: 0%; padding: 15px 25px 25px 0px; }
.businessCont { width: 610px; max-height: 415px; height: auto !important; position: absolute; top: 55px; right: 0%; padding: 15px 25px 25px 15px; }

.occUl { padding-left: 0px; }
.occUl2 { padding-left: 0px; }
.typesUl { padding-left: 25px; }
.priceUl{ padding-left: 25px; }
.businessUl { padding-left: 15px; }
.businessUl2 { padding-left: 0px; }
.typesUl li a, a:visited .occUl li a, .occUl2 li a, .businessUl li a, .businessUl2 li a, .priceUl li a { color: #333 !important; }
.navBestSell:hover, .navOccassion:hover, .navTypes:hover, .navPrice:hover, .navBusiness:hover, .navSale:hover { background-color: #ededed;}
.navBoldLi:hover a:hover, .navNormLi:hover a:hover, .typesBoldLi:hover a:hover { text-decoration: underline; color:#500078 !important;}
.bagAdded {font-style: normal; font-weight: 700; letter-spacing: .2em;}

/* Search Bar */
.searchForm { }
.searchCont { width:200px;overflow: hidden;position:relative;height: 30px; }
.searchCont2 { display: none; height: 100%; position: absolute; right: -200px; }
.searchInput { width: 200px; border: 1px solid #999999; padding: 10px 5px; height: 30px; }
.searchInput:focus { outline: none; }
.mSearchInput { width: 100%; border: 1px solid #999999; padding: 10px 5px; height: 48px; }
.mHeadMagnifyImg { width: 25px; min-width: 25px !Important; position: relative; top: 0px; display: inline-block; }
.mCatNavUl { padding-left: 15px; outline: none; }
.mCatNavUl li { padding: 10px 0px; }
.mCatNavUl li:hover { cursor: pointer; }
.mCatNavUl li:active { outline: 0; background-color: none !Important; }
.mCatNavUl li:focus { outline: 0; background-color: none !Important; }
.navSpan { text-decoration: none; font-size: 20px; color: #333; display: block; font-weight:600; padding-bottom:5px }
.mNavDropList { padding-left: 15px; padding-right: 15px;  display: none; }
.mNavDropList li a { padding: 0px; outline: 0 !important; color:#333; font-weight:400; font-size:18px }



@media (min-width: 1901px)
{

}


@media (min-width: 1601px) and (max-width: 1900px) 
{

}


@media (min-width: 1400px) and (max-width: 1600px) 
{

}


/* Large */
@media (max-width: 1199px) and (min-width: 992px) 
{
    /* Header */
    .headBannerCopy {color:#fff; font-size:14px}
    .headBannerCont { font-size: 14px;}
    .headItemCount,  .headLoginText, .headLoginNumber { font-size:14px }
   

    /* Search Bar */
    .searchCont { width:160px;}
    .searchInput { width:156px; }

    /* Nav */
    .headNavHeight {height:59px; margin-left:20px;}
    .headNavCont > div > a, .headNavCont > a {font-size:16px;}
    .navMaxWidth { max-width: 970px; margin: 0 auto; }
    .navBestSell { bottom: 0px; left: 13%;  }
    .navOccassion { bottom: 0px; left: 31%; }
    .navTypes { bottom: 0px; left: 47%; }
    .navPrice { bottom: 0px; left: 63%; }
    .navBusiness { bottom: 0px; left: 77%; }
    .headListTop li {padding: 5px 5px 0px 5px; }

    .businessCont { right: 0%; top:59px }
    .priceCont {right: 0%; top:59px}
    .typesCont {right: 0%; top:59px}
    .occassionCont {right: 0%; top:59px}
}



/*Tablet*/
@media (max-width: 991px) and (min-width: 766px)
{
    /* Nav */
    .headerImgHeight {height: 84px;}
    .headImgCont { padding:15px 0px 5px 5px; position:absolute; bottom:0px; }
    .headMagnifyImg { width: 20px; position: relative; top: -1px; display: inline-block; }
    .headCartImg { width: 32px; position: relative; top: 0px; display: inline-block; }
    .headNavHeight {height:46px; margin-left:0px; }
    .headNavCont > div > a, .headNavCont > a { font-size:14.5px; }
    .navMaxWidth { max-width: 750px; margin: 0 auto; }
    .navSale { bottom: 0px; left: 20px;  }
    .navBestSell { bottom: 0px; left: 5%;  }
    .navOccassion { bottom: 0px; left: 27%; }
    .navTypes { bottom: 0px; left: 48%; }
    .navPrice { bottom: 0px; left: 65%; }
    .navBusiness { bottom: 0px; left: 79%; }

    .occassionCont {  width: 545px; height: 415px; position: absolute; top: 45.5px;  right: 0%;} 
    .typesCont { width: 579px; height: 400px; position: absolute; top: 45.5px; right: 0%; }
    .priceCont { width: 505px; height: 400px; position: absolute; top: 45.5px; right: 0%; }
    .businessCont { width: 600px; height: 400px; position: absolute; top: 45.5px; right: 0%; }

    /* Mobile Header */
    .mHeadImg { width: 100%; height: auto; max-width: 225px; margin-top: 5px; margin-bottom: 5px; }
    .mCartImg { width: 30px; height: auto; }
    .mHeadTog { position: absolute; left: 15px; top: 10px; }
    .mHeadLogo { display: inline-block; }
    .mHeadCart { position: absolute; right: 15px; top: 15px; }
}



/* Mobile bob */
@media (max-width: 765px) 
{
    /* Mobile Header */
    .mHeadImg { width: 100%; height: auto; max-width: 225px; margin-top: 5px; margin-bottom: 5px; }
    .mCartImg { width: 30px; height: auto; }
    .mHeadTog { position: absolute; left: 10px; top: 15px; }
    .mHeadLogo { display: inline-block; }
    .mHeadCart { position: absolute; right: 10px; top: 20px; }
    .mNavDropList li a:active, .mNavDropList li a:focus {color:#500078; text-decoration:underline}

    /* Search Bar */
    .searchCont { width:170px; }
    .searchInput { width:170px; }
    .headBanner { font-size: 15px; }

     .loginFloat {float:none}
}

/*********************************************************/
/* Safari Media Queries that only target safari */
/*********************************************************/

@media not all and (min-resolution:.001dpcm) { 
    @media {
        html, p { 
            letter-spacing:0em;
        }

        .catProdName, .headText {
            letter-spacing:-.02em;
        }
    }
}