/***DML CHECKOUT***/

h1 {
  color: #000;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 50pt;
  font-weight: bold;
  text-decoration: none;
  text-transform: Uppercase;
}

h2 {
  color: #000;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 30pt;
  font-weight: bold;
  text-decoration: none;
  text-transform: Uppercase;
}

h3 {
  color: #000;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 30pt;
  font-weight: bold;
  text-decoration: none;

}

h4 {
  color: #000;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 24pt;
  font-weight: Regular;
  text-decoration: none;

}

h5 {
  color: #3B5787;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 24pt;
  font-weight: Regular;
  text-decoration: none;

}

h6 {
  color: #000;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 12pt;
  font-weight: Bold;
  text-decoration: none;
}

p{
  color: #000000;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 10pt;
  font-weight: normal;
}

p.Help-Message{
  color: #555555;
 
}

a{
  color: #000000;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 10pt;
  font-weight: normal;
}


a.Primary-CTA {
  background-color: #232323;
  font-size: 10pt;
  color: white !important;
  padding: 8px;
  border-radius: 2px;
  display: block;
  margin: 40px auto 0px auto;
    margin-bottom: 0px;
  margin-bottom: 0px;
  text-align: center;
  font-size: 11pt;
  cursor: pointer;
  max-width: 400px;

}

.colZoneContainer {
  padding-top: 100px;
}


p.Help-Message{
  font-size: 8pt;
  color: #aaa;
 margin: 200px 0 0;
  text-align: center;
}

p.Help-Message a{
  font-size: 8pt;
  color: #aaa;

}

body footer a {
  color: #aaa !important;
}


  #Site-Menu-Container {
    width: 100%;
    height: 65px;
    padding: 10px 18px;
    position: relative;
    box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.03);
    z-index: 99;
    font-family: Roboto;
  }

.headerLogo {
  display: inline-block;
  margin-top: -3px;
}

.headerLogo a {
  width: 50px;
  height: 50px;
  display: inline-block;
}
  
 .headerLogo img{
    width: 100%;
  
  }


/*Icons*/


.icon {
    margin-right: 15px;
  }
  .icon:hover {
  cursor:pointer;
  }
  
  .icon-container {
    
    display: inline-block;
    position: absolute;
    right: 0;
    margin-top: 8px;
    margin-right: 8px;
  }
  


.Lang-Switcher-Header {
  display: inline-block;
}

.Lang-Abrv {
  width: fit-content;
  display: inline-block;
  position: relative;
  bottom: 5px;
  margin-right: 8px;
  font-size: 8pt;
}



  
  .iconLogin {
    position: absolute; right: 5px; top: 0; padding-top: 25px;
}
  
  .iconAccount {
    position: relative;
    top: 2px;
    display: inline-block;
  }
  
  .iconAccount img{
  width:22px;
  }
  


@media only screen and (min-width: 851px) {
  .icon-container {
    right: 0;
    margin-top: 8px;
    margin-right: 8px;
  }
}





  /************* PROMO BANNER ***************/
  
  
  
  #promo-banner {
    padding:  12px 10px 10px;
    font-size: 11px;
    background-color: #232323;
    text-align: center;
    position: relative;
    line-height: 13px;
    z-index: 100;
    font-family: Roboto;
  }
  
  .text {
  display: inline-block;
  width: calc(100% - 160px);
  color: #fff;
  text-transform: uppercase;
}
  
 
  
  
  
  #promo-banner a {
    font-size: 11px;
    text-decoration: underline;
    color:white;
  }
  



  
.Lang-Country-Container-Header{
  width: fit-content;
  display: inline-block;
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
}


.Lang-Country-Container-Footer {

  position: relative;
  width: fit-content;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 30px;
}

.Canada-Icon, .USA-Icon {
  width: 30px;
}


.Country-Switcher {
  display: inline-block;
}


/**CART**/
.CartUpload {display: none;}
.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:"$";}



/**PAYMENT**/
.PaymentSummary .centeredContent tr td:nth-of-type(2) {float: right;}
.PaymentSummary .centeredContent tr td:nth-of-type(2)::before {content: '$';}
.PaymentSummary .centeredContent tr:first-of-type td:nth-of-type(2)::before {content: '';}
.PaymentSummary .centeredContent tr:last-of-type td:nth-of-type(2)::before {content: '';}
.PaymentSummary .PanelHeader::after {content: ":";}
.PaymentSummary .centeredContent {margin: 10px 0; width: 200px;}
.PaymentSummary .PanelHeader, .OrderBillToAddress .PanelHeader, .PaymentTypes .PanelHeader {border-bottom: 0.5px solid #dadada;font-size: 12pt; font-weight: bold;}



.colZoneContainer{
  padding-left: calc(15%/2);
  padding-right: calc(15%/2);
}



@media screen and (min-width: 650px){

  .colZoneContainer{
  padding-left: 0;
  padding-right: 0;
}

  
.colZoneContainer .leftColZone {
  width: calc(25%/2) !important;
}

.colZoneContainer .rightColZone{
  width: calc(25%/2) !important;
}
  
  }



@media screen and (min-width: 1150px){

.colZoneContainer .leftColZone {
  width: 20%!important;
}

.colZoneContainer .rightColZone{
  width: 20%!important;
}
  
  }