/*****************************DML - SITE LEVEL CSS*****************************/

/* Upload Custom Fonts */
 @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


/* Brand Colors
Black: #131315
Very Dark Blue: #1b2738
Dark Blue: #384763
Blue: #869dad
Light Blue: #3b5787
Grey: #dedede
White CMYK: #ffffff
*/



/****** Category Messages Color Hierarchy *******/
  
  
  
  .In-Stock-Primary {
    Color: Red;
    Font-weight: Bold;
    font-size: 11pt;
display: block;
  margin: 7px 0 -2px;
  }
  
  .In-Stock-Secondary {
    Color: #830000;
    Font-weight: Bold;
    font-size: 11pt;
display: block;
  margin: 7px 0 -2px;
  }
  

  .Extra-Info {
   Color: #355FA7;
    Font-weight: Bold;
    font-size: 11pt;
display: block;
  margin: 7px 0 -2px;
  }


.Icon-Product-Page {
  height: 25px !important;
  width: 140px !important;
}


.NEW-Product {
  background-image: url(/SiteData/Images/Icons/New-Product-icon.jpg);
  height: 17px;
  width: 90px;
  background-size: contain;
  margin: 7px 0 7px 0;
  background-repeat: no-repeat;
   display: inline-block;
}

.NEW-Style {
  background-image: url(/SiteData/Images/Icons/New-Style-icon.jpg);
  height: 17px;
  width: 90px;
  background-size: contain;
  margin: 7px 0 7px 0;
  background-repeat: no-repeat;
   display: inline-block;
}


.NEW-Color {
  background-image: url(/SiteData/Images/Icons/New-Color-icon.jpg);
  height: 17px;
  width: 90px;
  background-size: contain;
  margin: 7px 0 7px 0;
  background-repeat: no-repeat;
  display: inline-block;

}

.Best-Seller {
  background-image: url(/SiteData/Images/Icons/Best-Seller-icon.jpg);
  height: 17px;
  width: 90px;
  background-size: contain;
  margin: 7px 0 7px 0;
  background-repeat: no-repeat;
  display: inline-block;
}

.Lower-Price {
  background-image: url(/SiteData/Images/Icons/Lower-Price-icon.jpg);
  height: 17px;
  width: 90px;
  background-size: contain;
  margin: 7px 0 7px 0;
  background-repeat: no-repeat;
  display: inline-block;
}

.In-Stock-Now {
  background-image: url(/SiteData/Images/Icons/In-Stock-icon.jpg);
  height: 17px;
  width: 90px;
  background-size: contain;
  margin: 7px 0 7px 0;
  background-repeat: no-repeat;
  display: inline-block;
}
  
  
/**************/




.Zone1210 h1 {
  color: #3b5787!important;
  font-family: 'Roboto', arial, sans-serif!important;
  font-size: 40pt!important;
  font-weight: bold!important;
  text-decoration: none!important;
}


/*THUMBNAILS*/

.ProductResultEntry .ProductImage > img {
  max-width: 200px;
}


.primary {
  background-color: #232323;
  color: white!important;
  padding: 10px;
  border-radius: 2px;
  display: block;
  margin: 40px auto 0px auto;
  text-align: center;
}

.primary:hover {
background-color: #888;
}

.secondary {
  text-decoration: underline !important;
}

/*HOMEPAGE - MOVE TO OWN SHEET */


/* homepage */
.SiteHome .leftColZone { display:none !important; }
.heroText {padding: 30px; width: 40vw; position: absolute; top: 53px;}
/*optional herotext background .heroText {background: black; opacity: 45%;}*/ 
.heroText p {text-align: justify;  text-justify: inter-word; color: white;}
.heroText h1 {text-align: justify;  text-justify: inter-word; color: white;}
.bannerPromo {margin-top: 50px; padding: 40px 0; background: #f1f1f1}

.buttonContainer {position: absolute; bottom: 10px; left: 25px;}

.CTAbutton {
margin: 30px 0 15px 0;
width: 150px;
background-color: white;
color: black;
font-weight: bold;
font-size: 10pt;
padding: 0.75em 0.5em;
text-align: center;
font-family: 'PT Sans', Arial, sans-serif;
    float: left;
    margin-right: 20px; 
    
}

.CTAbutton2 {margin: 30px 0 15px 0;
width: 150px;
background-color: white;
color: black;
font-weight: bold;
font-size: 10pt;
padding: 0.75em 0.5em;
text-align: center;
font-family: 'PT Sans', Arial, sans-serif;
    float: left;}

.masterZone .zonePadding .widgetWrapper {margin-bottom: 0;}

.Slideshow {width: 50%; margin: 0 auto;}
.Slideshow img {display: block!important; margin: 0 auto!important;}
.SlideshowNav {display: none;}


.bannerPromo img {display: block; margin: 0 auto; max-width: 100%;}

/*Search Filters*/
.SearchFilters {border: 2px solid black; padding: 10px}


/*miscellaneous*/
.ZoneBoxHolder { width: 100% !important;}
.colZoneContainer { table-layout: fixed;}
.PanelHeader { padding-left: 0 !important; font-family: 'Roboto', arial, sans-serif!important;}

/*REMOVES HORIZONTAL SCROLLING FOR MOBILE MENU*/

#pageBody {
overflow:clip;
}

html {
  overflow-x: hidden;
}


/*SiteHeader Misc*/
.LoginLinks { display:none; }

/* footer */
.FinePrint {padding: 10px 30px;}
.FinePrint p {font-size: 8pt; line-height: 1.2;}


/*Homepage Featured*/

.FourColLandingComponent {width: 100%}
.FourColLandingComponent .columns {width: 100%;}
.FourColLandingComponent .columns .colContainer { float: left;}


.FourColLandingComponent .columns .col1, .FourColLandingComponent .columns .col2, .FourColLandingComponent .columns .col3, .FourColLandingComponent .columns .col4 {width: 25%; padding: 0px 5px; }
.FourColLandingComponent .columns .col1 img, .FourColLandingComponent .columns .col2 img, .FourColLandingComponent .columns .col3 img, .FourColLandingComponent .columns .col4 img {width: 100%; display: block; filter:grayscale(95%);}


.FourColLandingComponent .columns .col1 img:hover {filter:grayscale(0%); opacity: 100%;}
.FourColLandingComponent .columns .col2 img:hover {filter:grayscale(0%); opacity: 100%;}
.FourColLandingComponent .columns .col3 img:hover {filter:grayscale(0%); opacity: 100%;}
.FourColLandingComponent .columns .col4 img:hover {filter:grayscale(0%); opacity: 100%;}



/* Login Page */
.loginSection { padding: 20px!important; }
.NewAccountInvitation { padding: 0 20px 0 20px!important; }
.CartTotal, .CartTotalLabel { font-size: 14pt; }
.QuickAddForm { font-size:13pt; font-family: 'PT Sans', Arial, sans-serif; }
.cartTotals .totalsRow { padding: 0.3em 3px 0.3em 0.3em;}
.cartTotals .totalsRow .numeric { padding-right: 3px !important; }



/*Checkout */
.OrderBillToAddress, .PaymentSummary, .PaymentMethodSelection, .GiftCertificate { padding-bottom: 25px; }
.ReceiptHeader { background-color:white;}
.ReceiptHeader + div { text-align:center; padding:15px; margin: 25px 0; }
.AddressSelector { background-color:white; padding:10px;}
.OrderConfirmation .itemDeleteLeft .CartHeader .cartItemThumb {margin-left: 0%; } 
.cartBody { padding: 1em; margin-top: 40px;}
.CartHeader {padding: 15px 0 10px; font-size: 14pt;}
.FormLabel, .PanelFooter, .infoWrapper {color: black;}

/*Cart*/




/*Checkout Sequence and My Account Widths and Banners*/

/*.PackageTracking, .CartTable, .ArtVault, .PasswordReset, .AddressBook, .ShoppingCart, .loginWidget, .OrderShipping, .OrderShipVia, .OrderShippingButtons, .PaymentSummary, .OrderBillToAddress, .PaymentTypes, .OrderPaymentButtons, .OrderConfirmation, .Receipt {max-width: 900px; margin: auto; padding-top: 30px;}
.PageNameBanner {background-color: #d1d1d1; text-transform: uppercase; padding: 25px 50px; margin-bottom: 50px;}




/*MOBILE STYLES*/

/*Homepage*/

@media only screen and (max-width:1040px) {

.QuickPicks   {display: none!important;}
    .BillboardTextBlock2 h1 {font-size: 36pt; line-height: 1.2;}

.heroText {width: 100%;}    
    
.FourColLandingComponent .columns .col1, .FourColLandingComponent .columns .col2, .FourColLandingComponent .columns .col3, .FourColLandingComponent .columns .col4 {width: 47.5vw; margin:5px;}
.FourColLandingComponent .columns .col1 img, .FourColLandingComponent .columns .col2 img, .FourColLandingComponent .columns .col3 img, .FourColLandingComponent .columns .col4 img {width: 100%; display: block; filter:grayscale(0%); opacity: 100%;}

}

@media only screen and (max-width:650px) {
    .FourColLandingComponent .columns .col1, .FourColLandingComponent .columns .col2, .FourColLandingComponent .columns .col3, .FourColLandingComponent .columns .col4 {width: 100%; margin:5px;}
.FourColLandingComponent .columns .col1 img, .FourColLandingComponent .columns .col2 img, .FourColLandingComponent .columns .col3 img, .FourColLandingComponent .columns .col4 img {width: 100%; display: block; filter:grayscale(0%); opacity: 100%;}
}
    
/*Other Pages*/

@media only screen and (max-width:1039px) {
    .Slideshow {width: 100%; height: 180px; overflow: visible;}
    .SlideshowContent {overflow: visible;}
    
.ProductImageGallery .WidgetBody > a:first-child { padding:0; width: 100%; }
#pnlZoneBoxHolder.SiteHome .contentZone {padding: 0;}
.contentZone {padding: 0 20px;}
.CategoryResultEntry, .ProductGroupResultEntry, 
    .SubCategoryResultEntry {width: 100%!important;}
.ProductResultEntry {width: 100%!important;}
    
 
/*Mobile Home Page*/
.leftColZone .ProductGroupNavigation {display: none;}
.leftColZone .ProductCategoryNavigation {display: none;}
.FullCoverBackgroundImage {height: 600px;}
.BillboardTextBlock2 {height: 600px;}


      
/*Mobile Footer*/
.footerZone {padding: 30px 0 30px 0;  margin: 0;}
  
  
  
  /* CATALOG OVERRIDE*/
  
  .ProductResultEntry {
  display:block !important;
  }


  
  
  /** accordian color dropdown **/