/*****************************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
*/


h7 {
  display: block;
  font-size: 12pt;
  text-transform: uppercase;
  font-weight: 600;
  margin: 20px 0 17px;
}



/****** Category Messages Color Hierarchy *******/
  
  
  
  .In-Stock-Primary {
    Color: Red;
    Font-weight: Bold;
    font-size: 11pt;
display: block;
    margin: 7px 0 0px;
  }
  
  .In-Stock-Secondary {
    Color: #830000;
    Font-weight: Bold;
    font-size: 11pt;
display: block;
  margin: 7px 0 0px;
  }
  

  .Extra-Info {
   Color: #355FA7;
    Font-weight: Bold;
    font-size: 11pt;
display: block;
   margin: 7px 0 0px;
  }

.NEW-Product, .NEW-Style, .NEW-Color, .Best-Seller, .Lower-Price, .Sale-25-Off, .Sale-50-Off, .Closeout-Sale, .Available-Now, .In-Stock-Now, .Icon{
  height: 17px;
  width: 90px;
  background-size: contain;
  background-repeat: no-repeat;
   display: inline-block;
}


.ProductDescription > .Icon:first-of-type { margin-top: 10px; }


.ProductDescription > .Icon {
  margin-top: 0;
}

.ProductDescription > .Icon:not(.Icon + .Icon) {
  margin-top: 10px;
}


.Icon{
  height: 17px;
  width: 90px;
  background-size: contain;
  background-repeat: no-repeat;
   display: inline-block;
}

.Icon-Product-Page {
  width: 110px;
  height: 23px;
  margin: 15px 10px 0 0;
}

.Brand-Icon {
  position: absolute;
  top: -80px;
  width: 30px;
  background-size: contain;
}

.Brand-Icon.RLSco {
top: -65px;
  width: 25px;
   height: 25px;
   background-image: url(/SiteData/Images/RLSco-Icon-Black.png);
  
}

.Icon.Brand-Icon.LEF {
  width: 50px;
  height: 38px;
  background-image: url(/SiteData/Images/Icons/LOGO_LEF_Blanc_rouge_flag.png);
  margin: 0 0px 0 -6px;
  top: -70px;
}

.Brand-Icon.Division-Icon {
	top: -75px;
  width: 45px;
  height:37px;
 background-image: url(/SiteData/SiteID8/Images/DIVISION_WovenLabel-BLACK-LOGO.jpg);
 
}


.Brand-Icon.Oakley-Icon {
top: -75px;
  width: 50px;
  height:38px;
   background-image: url(/SiteData/Images/Icons/Oakley-Logo-Black.jpg);
  
}


.Brand-Icon.Capabunga-Icon {
  width: 90px;
  margin-left: -11px;
  top: -60px;
   background-image: url();

}


.Brand-Icon.Loops-Icon {
top: -95px;
  width: 40px;
   background-image: url();

}

.Brand-Icon.CA-Premium {
top: -65px;
  width: 35px;
  margin-left: -4px;
    background-image: url();

}

.Brand-Icon.CA-Icon {
  width: 40px;
  height: 40px;
  top: -75px;
  margin-left: -3px;
  background-image: url(/SiteData/SiteID8/Images/CA-leaf.png);

}

.NEW-Style {
  background-image: url(/SiteData/Images/Icons/New-Style-icon.jpg);

}


.NEW-Product {
  background-image: url(/SiteData/Images/Icons/New-Product-icon.jpg);

}




.NEW-Color {
  background-image: url(/SiteData/Images/Icons/New-Color-icon.jpg);

}

.Best-Seller {
  background-image: url(/SiteData/Images/Icons/Best-Seller-icon.jpg);

}

.Lower-Price {
  background-image: url(/SiteData/Images/Icons/Lower-Price-icon.jpg);

}

.Sale-25-Off {
  background-image: url(/SiteData/Images/Icons/25-off-icon.jpg);

}

.Sale-50-Off {
  background-image: url(/SiteData/Images/Icons/50-off-icon.jpg);

}


.Closeout-Sale {
  background-image: url(/SiteData/Images/Icons/Closeout-Sale-icon.jpg);

}


.In-Stock-Now {
  background-image: url(/SiteData/Images/Icons/In-Stock-icon.jpg);
}

.Available-Now {
  background-image: url(/SiteData/Images/Icons/Available-Now-icon.jpg);

}
  
  
/**************/




.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;
    margin-bottom: 0px;
  text-align: center;
  font-size: 11pt;
  cursor: pointer;
}

.primary:hover {
background-color: #888;
}

.secondary {
  text-decoration: underline !important;
}



.masterZone .zonePadding .widgetWrapper {margin-bottom: 0;}


/*Sort By Dropdown*/


.formField.stdDropdown {
  background-color: #eaeaea;
  border: none;
  padding: 8px;
  border-radius: 2px;
  max-width:200px;
}
.SortOrders.SelectSort label {
  text-transform: uppercase;
}

div.SortOrders.SelectSort {
  margin: 30px auto !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;}



/*miscellaneous*/
.ZoneBoxHolder { width: 100% !important;}
.colZoneContainer { table-layout: fixed;}
.PanelHeader { padding-left: 0 !important; font-family: 'Roboto', arial, sans-serif!important;}

#pnlZoneBoxHolder .colZoneContainer {
  width: calc(100% + 1px);
  margin-left: -1px;
}

/*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;}



