#cat-120 .page-sidebar {display: none}

#cat-120 .page-sidebar+.page-content {width: 100%}
#cat-120 .mobileSortBy-toggle, #cat-120 .mobileSidebar-toggle {display: none !important}

.fakeNav { font-weight: normal}

.cancer-msg a:hover {color: #ccc !important}

#sd-simple-text-editable-846e5d90-6d71-4d28-93f6-e70b21d0dcc3 {background-color: rgba(0,0,0,.7); max-width: 600px; line-height: 38px !important; border-radius: 8px; padding-top: 10px; padding-bottom: 10px;}

.blaze-pagination {display: none !important}
.chiara-section--banners {margin-top: 0px !important}
.footer-info {margin-top:  0px !important; margin-bottom: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important}


.pinkPromo {background-color: #e0218a; color: #fff; max-width: 700px; padding: 12px; border-radius: 8px; margin: 20px auto -42px auto; width: 100%; font-size: 16px; text-align: center;}
.pinkPromo img {margin: 4px; width: 100%; max-width: 400px; }
.pinkLink {background-color: #000; color: #fff; text-decoration: none; padding: 6px 22px}
.pinkLink:hover {color: #fff}

.productView-properties--right {display: none}

#maintenance-notice {display: none}

	.body {margin-bottom: 0px;}
	.navPages-action {}
    #navPages-main > .navPages-item:first-child { }
    .navigation-hover .navPage-subMenu-item:first-child {display: block !important}
    .heroCarousel-content {width: 100%; height: 100%;}
    .heroCarousel-action {position: absolute; bottom: 0px; right: 0px; border-width: 0px; padding: 4px 4px; background-color: #B10E0E; color: #fff; border-radius: 0px; font-size: 14px;}
    .cpiLogo {
    z-index: 10;
    background-color: #b10e0e;
    border-radius: 8px;
    padding: 10px;
    border: 6px solid #9f0d0d;
    box-shadow:  inset 0 0 6px #000;
    height: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .98;
    text-align: center;
    width: 328px;
    height: 169px;
    }
    
     #holiday-msg {text-align: center;}
    #holiday-msg img {width: 50%; margin: 0px auto; margin-top: 10px}
     #holiday-msg p {font-family: cursive; font-size: 32px; text-align: center; line-height: 40px; padding: 0px; margin: 0px auto; width: 90%; color:#00081c}
     #vday-promo img{max-width: 600px; margin: 10px 0px 0px 0px; width: 100%}
     #vday-promo {text-align: center;}
      #vday-promo a {font-size: 26px; color: #b10e0e; text-decoration: none; font-weight: bold;}
    
    .cat-115 .page-heading {display: none;}
    
    .dffSale {color: #b10e0e}
    .previewCartItem-price, .previewCart .productView-price {display: none;}
    #navPages-123 .navPage-subMenu-list li:last-child { }
    .sale-flag-side .sale-text {font-size: 16px;}
    .dffPrice {font-weight: bold;}
    
    #t-day-msg {text-align: center; font-size: 30px; font-weigt: bold;}
    .t-day-msg-link {text-align: center; color: #fff; font-size: 28px; border: 1px solid #000; border-radius: 4px; background-color: #b10e0e; padding: 3px 20px; text-decoration: none; font-weight: bold;}
     .t-day-msg-link:hover {color: #fff; background-color: #000;}
    
    
    .dffSalesSpot {text-align: center; max-width: 800px; border: 4px solid #b10e0e; padding: 12px; border-radius: 8px; font-size: 26px; margin: 6px auto; font-weight: 400; background-color:#fff; line-height: 30px;}
    .dffSalesSpot div {margin-bottom: 12px;}
    
    .dffSalesSpot a {text-decoration: none; color: #fff; background-color: #b10e0e; padding: 4px 12px; border-radius: 4px; border: 1px solid #b10e0e; font-size: 20px; font-weight: bold;}
     .dffSalesSpot a:hover {background-color: #fff; color: #b10e0e;}
    
    .cpiTextMsg { padding: 6px; border-radius: 6px; font-family: cursive; font-size: 46px; text-align: center; margin:4px;}
    .cpiLogo img {height: 100%; width: 100%}
    .heroCarousel {margin-bottom: 0px !important;}
    .cpiText {text-align: center; width: 100%; max-width: 1000px; margin: 0 auto; font-size: 24px;}
    .slick-dots {display: none !important;}
    .homeCatBrowse {text-align: center; margin-top: 0px;}
    
    .header-logo-image-container {width: 109px !important}
    
    .chiara-category-description {  font-size: 18px;}
    .chiara-category-description img {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); width: 40%; float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ccc}
    
   .product-listing-container{border-top: 1px solid #ccc; padding-top: 12px; clear: both}
    .navUser-item--more {display: none;}
    .header-top {background-color: #b10e0e ; padding: 0px; color: #fff;}
    .header-top a:hover {color: #000 ;}
    
    .navPages-list>.navPages-item>.navPages-action {} 
    
    .navPage-childList {display: none !important;}
    .footer-copyright {padding: 0px;}

	.customProductsWrapper {width: 100vw; position: relative; margin-left: -50vw; margin-top: 100px; left: 50%; background-color: #b10e0e; padding: 20px;}
	.customProducts {width: 100%; max-width: 1000px; margin: 0px auto;}
	
	#sidebar-categories-nav {display: none;}
	
	.cat-63 #sidebar-categories-nav, .cat-102 #sidebar-categories-nav,  .cat-105 #sidebar-categories-nav,  .cat-106 #sidebar-categories-nav,  .cat-104 #sidebar-categories-nav,  .cat-100 #sidebar-categories-nav, .cat-101 #sidebar-categories-nav,  .cat-103 #sidebar-categories-nav {display: block}
	.cat-63  .navList-item {display: none;}
	.cat-63  .has-subMenu, .cat-63 .has-subMenu .navList-item{display: block}
	
	#facetedSearch, .sidebarBlock--newProducts {border: 2px solid #b10e0e !important; border-radius: 12px; background-color: #eee; padding: 8px; }
	.sidebarBlock--newProducts {background-color: #fff}
	.navList-action {padding-top: 4px; padding-bottom: 4px;}
	.navList-action--checkbox {margin-bottom: 2px;}
	 
	.customDetails {width: 66%; float: left; padding: 10px; position: relative; padding-bottom:30%;}
   #customSlider{ width:33%; float: left; padding-bottom: 33%; }
   #customSlider img { width: 100%; border: 2px solid #000; border-radius: 8px;}
   .customSlider {margin-right: 20px; margin-bottom: 20px; }
   
    #customSlider2{ width:33%; float: left;  }
   #customSlider2 img { width: 100%; border: 2px solid #000; border-radius: 8px;}
   .customSlider2 {margin-right: 20px; margin-bottom: 20px; }
   .cognito {clear: both}



   .customDetailsHolder {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; width: 100%; padding: 10px;}
   .customDetailsHolder h3 {color: #fff; font-size: 38px; text-shadow: 2px 2px 4px #000000;}
	   .customDetailsHolder p {font-size: 24px; line-height: 28px; text-shadow: 2px 2px 4px #000000;}
	   .customDetailsHolder a {color: #000; border: 1px solid #fff; padding: 4px 8px; text-decoration: none; background-color: #fff; border: 1px solid #000; text-shadow: none;border-radius: 4px;}
   .clearIT {clear: both; height:0px;}

   .cpiTextHolder {width: 100vw; position: relative; margin-left: -50vw; left: 50%; background-color: #F4F6F6 ; padding: 12px; border-top: 1px solid #000; border-bottom: 1px solid #000;}

.contentHolder { width: 100%; margin: 10px auto;}
			.catHolder {display: flex; flex-wrap: wrap;  justify-content: center;}

			.catHolderItem { position: relative; flex-grow: 1; margin: 5px 5px; overflow: hidden; cursor: pointer; border: 1px solid #000; width: 30%; background-color: #000;  height: 250px}
			.catHolderItem  img{width: 100%; transition: transform .75s ease; opacity: 0.9 }
			.smallFake {font-size: 18px;}
			.catHolderItem:hover .catHolderText a {background-color: #B10E0E; color: #fff}
			.catHolderItem:hover img {transform: scale(1.15); opacity: .9;}
			
			
			.catHolderText {text-shadow: 2px 2px 4px #000000;  pointer-events : none;}
			.catHolderText h3 {padding: 0px 0px 4px 0px; margin: 0px;  font-size: 30px; line-height: 30px; text-shadow: 2px 2px 4px #000000; text-transform: uppercase; font-weight: bold; color: #fff}
			.catHolderText p {padding: 0px; margin: 0px 0px 12px 0px; font-size: 18px; line-height: 20px; text-shadow: 2px 2px 4px #000000;}
			.catHolderText {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 18px; color: #000; text-align: center; color: #fff; padding: 4px; width: 100%}
			
			.catHolderText a{color: #000; border: 1px solid #fff; padding: 4px 8px; text-decoration: none; background-color: #fff; border: 1px solid #000; text-shadow: none;border-radius: 4px;}
			
			
			.footer-info-col--custom3 h5 {visibility: hidden;}
			
			.navPage-subMenu-item a {color: #000; font-weight: bold;}
			.navPage-subMenu-item a:hover {color: #b10e0e}

			.productView-bulkPricing-heading {display: none;}
			.productView-bulkPricing-description {display: none;}
			
			
			.non-sale-price--withoutTax  {color: #b10e0e !important; display: block;}
			.sale-flag-side {color: #fff;}
			
			
			

/* The Modal (background) */
.cpimodal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.cpimodal .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  border-radius: 10px;
  width: 70%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.cpimodal .modal-header {
  padding: 2px 16px;
  background-color: #b10e0e;
  color: white;
}

.cpimodal .modal-header h3 {color: #fff; margin: 10px 0px}

.cpimodal .modal-body {padding: 16px 16px;}
.cpimodal .modal-body p {text-align: center; font-size: 20px;}
.cpimodal .modal-body input[type="button"] {width: auto; margin-left: auto; margin-right: auto; }

.minOrderMessage {text-align: center; color: #b10e0e; text-align: center; font-weight: bold; font-size: 26px}

.optimizedCheckout-form-checklist li:nth-child(3n+3) {
    display: none;
}

.creditCardTypes-list .creditCardTypes-list-item  {display: block !important}

.header-logo-image-container { margin: .1875rem 0 !important;}
.navPages-list>.navPages-item>.navPages-action{padding-top:1.1rem;padding-bottom:1.1rem;transition:padding .5s ease; border-radius: 10px 10px 0px 0px;}
.navPages-list>.navPages-item>.navPages-action:after{bottom:.8125rem}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  font-size: 12px; 
  float: right;
}

.tooltip img {height: 14px;}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: #eee;
  color: #000;
  text-align: center;
  padding: 6px 6px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 14px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.quotes .quoteHolder {background-color: #fff; border: 1px solid #999; border-radius: 6px; padding: 8px; width: 90%; margin: 16px auto; box-shadow: 6px 6px 5px #888888;} .quotes .quote {font-size: 22px; font-style: italic; color:#144b5f;line-height: 26px} .quotes .quotename { font-size: 18px; font-weight: bold; margin-left: 20px;} 

.footer-info-heading {color: #999; }
.footer-info-list a {color: #999;}

.mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::after, .mobileMenu-toggle .mobileMenu-toggleIcon::before {background-color: #fff}
.mobile-panel-close svg {fill: #fff}

.cart-actions {margin-bottom: 12px;}

.newSiteLearn {font-weight: bold;}
.newSiteLearn a{color: #fff; text-decoration: underline}
.newSiteLearn a:hover {text-decoration: none;}

.customRow {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.customRow .item {
	max-width: 33%;
	padding: 5px;	
}

.customRow .item img{
	width: 100%
}



.productView-info {display: none;}



/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 900px) {
 	.customRow .item {
	max-width: 100%;	
}
.catHolderItem {width: 46%}
.cpiLogo {width: 194px; height: 107px}
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .customRow .item {
	max-width: 50%;	
	
}



}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
 	.customRow .item {
	max-width: 100%;	
	  
}
.catHolderItem {width: 100%}
}



@media only screen and (max-width: 800px) {
  #customSlider {float: none; max-width: 300px;clear: both; margin: 10px auto; height: auto;}
  .customDetails {float: none; width: 100%; padding-bottom:20px;}
  .customDetailsHolder {position: relative; text-align: center; transform: none; left: auto;}
  .customDetailsHolder h3 {padding-top: 0px; margin-top: 0px;}
  .footer-info-col--custom2, .footer-info-col--custom3 {display: none;}
  .tooltip {float: none;}
  .productView-addition-heading-toggle {display: none;}
  .chiara-category-description img {float: none;margin-left: auto; margin-right: auto; width: 100%}
  .navPages-action {color: inherit;}
  .cpimodal .modal-content {width: 90%}
  .cpimodal .button{ padding: 4px 8px}
  .header-main-container--left .header-logo {margin-left:0px; margin-right: 0px;}
  .header-logo-image-container {margin-left: auto !important; margin-right: auto !important}
  #menu {background-color: #fff !important}
  
  
}