/*****************************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');

/*VARIABLES*/

::root{ 
  --light-gray: #ebebeb;

}


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

*/


/***** REMOVES ADD TO CART BUTTON *****/


.ProductButtons {
 
  display: none;
}


/******TEMP BC SITE MASTER NOT WORKING*****/

.microCart span {
  font-size: 8pt;
}


.microCart {
  top: -16px!important;
  left: 13px;
}

.microCart span {
  font-size: 7pt;
  background-color: #232323;
  color: white;
  padding: 2px 5px;
  border-radius: 12px;
}


/*BUTTONS*/

#w1000748_ibtnSearchSubmit {
  border-radius: 2px;
}

.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;
}

.secondary:hover {
color: #888;
}

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

@media only screen and (max-width:515px) {
h1 {
  font-size: 30pt!important;
  line-height: 33pt;
}
}


.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;}
.headerZone .WidgetBody > .PanelHeader {
  padding-left: 0 !important;
  font-family: 'Roboto', arial, sans-serif !important;
  margin: 0 !important;
  padding: 0;
    padding-left: 0px;
}


#w1000811_ErrDisplayConf_imgErr {
  display: none;
}

.errBlock {
  margin-bottom: 50px;
}

/*body {
  font-size: 12px;
  
}




/*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 {/*background-color: #d1d1d1;*/ padding: 1em; margin-top: 40px;}
.CartHeader {padding: 15px 0 10px; font-size: 14pt;}
.FormLabel, .PanelFooter, .infoWrapper {color: black;}

/*Cart*/

/**CART**/
.CartUpload {display: none;}
.cartLineDetails {padding-bottom: 0;}
.cartBody {padding: 0;}
.CartHeader {background: white; border-bottom: 0.5px solid #dadada; color: black; font-size: 12pt;}
.cartItemGroup {background: white; border-bottom: 0.5px solid #dadada}
.cartTotals {background: white;} 
.MatrixPropertiesDisplay {width: 250px!important;}

.MatrixPropertiesDisplay td {text-align: left!important;} 
.ShoppingCart .PanelHeader a {display: none;}
.cartBody .ProductInfo {flex-basis: 50%;}
.formField.qtyBox {border: 0; border-bottom: 0.5px solid #dadada;}

.relative .CartHeader {
  background: white;
  border-bottom: 0.5px solid #dadada;
  color: black;
  font-size: 12pt;
}



.ItemUnitPrice span::before {content:"$"}
#w1000336_lbdItemExtPrice_106::before {content:"$";}
.CartSubTotal::before, .CartShipTotal::before, .CartTax::before {content:"$";}
#w1000343_lbdItemExtPrice_106::before {content:"$";}
#w1000344_lbdItemExtPrice_106::before {content:"$";}

#w1000336_pnlOrderDetail .formField {border: 0; border-bottom: 0.5px solid #dadada; border-top: 0.5px solid #dadada; margin-top: 7px;}
#w1000336_pnlOrderDetail .HeaderText {font-weight: bold; font-size: 35pt; color: #919191; }
#w1000336_pnlOrderDetail .FormLabel {width: 100%; padding: 50px 0 0 4px;}

.itemDeleteRight .cartTotals .totalsRow {
  padding-right: 0!important;
}

.cartTotals {
  padding-top: 30px;
}


#w1000799_ibtnContinueShopping {
  display: none;
}


#w1000799_txtShoppingCartTitle {
  background-color: unset;
  border: 2px solid #ebebeb;
  border-radius: 2px;
  margin-left: 10px;
}


#w1000799_pnlCartHeader {
  margin-bottom: 40px;
}

.formField.qtyBox {
  border: 1px #ebebeb solid;
  border-radius: 2px;
}

.itemDeleteRight .CartHeader > :last-child {
  margin-right: 9%;
}




.cartLineButton.deleteItem {
  border-radius: 2px;
  margin-left: 15px; 
}

.CartHeader > span.cartItemThumb {
  visibility: hidden;
}

.cartItemThumb {
  text-align: center;
  flex-basis: 20%;
}

.cartLineButton.updateItem {
  max-width: 25px;
}

#w1000799_ibtnCheckOut {
  width: 100px;
}

#w1000799_pnlFooter {
  margin-top: 43px;
  margin-right: 47px;
}


#check-out {
  background-color: #232323;
  color: white;
  padding: 12px 31px;
  border-radius: 2px;
  text-align: center;
}

#check-out:hover {
  background-color: #888;
}

.ProductInfo .CartItemName {
  font-weight: bold;
}

a.go-back {
  text-decoration: underline;
  text-align: center;
  margin-right: 30px;
}
a.go-back:hover{
color:#888;
}
#w1001040_pnlDefaultBody {
  display: inline-block;
  text-align: right;
  width: 100%;
  margin-bottom: 50px;
}
#w1000799_pnlFooter {
  display: none;
}

.cartBody .cartLineButton {
  flex-basis: 11%;
}

.cartLineButton.deleteItem {
  flex-basis: 10% !important;
}

.cartLineButton.deleteItem input {
  max-height: 37px;
}


.cartLineButton.deleteItem input:hover {
  opacity: 50%;
}

.cartLineButton.updateItem input:hover {
  opacity: 50%;
}
.zone1915 {
}
.Zone1915, .Zone1915 .ui-widget-content, .Zone1915.ui-widget-content {
  font-family: 'Roboto', Arial, sans-serif !important;
}
.cartBody .ItemUnitPrice, .cartBody .ItemTotal {
  flex-basis: 12%;
}

.relative .cartItemGroup, .relative .cartBody .footerSection {
  border-bottom-width: 0;
}


/*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*/

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

.contentZone {
  padding: 0 15px;
}
}

/*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: 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;}