@charset "UTF-8";
section.siteContent{
  min-height:auto;
}
.clBarBackground{
  background-color:#dc3731;
}
.boxIconBackground{
  background-color: #ffcc00;
}
.boxIconBackground:hover{
  background-color: #b99400;
}
header #mainHeaderWrapper{
  background: #dc3731;
  color: #fff;
  padding: 0.65rem 0;
  overflow: visible;
}
header #mainHeaderWrapper .siteBoundaries { 
  overflow: visible;
} 
header #headerTopBar{
  background-color: #fff;
  color: initial;
}
header #headerTopBar.clFixed{
  background: #dc3731;
}
header #mainHeaderWrapper #mainHeaderLeft #logo img { 
  padding: 2.25rem 0;
} 
header #headerTopBar #logoFixed img{
  height: 5.5rem;
}
header #mainHeaderWrapper #mainHeaderRight #icons { 
  padding-top: 3rem;
}
header #mainHeaderWrapper #mainHeaderRight #icons #userIcon{
  fill: #fff;
}
header #mainHeaderWrapper #mainHeaderRight #icons div.userOptionsMenu .userLogin{
  background-color: #dc3731;
}
header #mainHeaderWrapper #mainHeaderRight #icons div.userOptionsMenu .userLogin:hover{
  background-color: #ffcc00;
}
header #mainHeaderWrapper #mainHeaderRight #icons div.userOptionsMenu ul li:hover{
  color:#dc3731;
}
header #headerTopBar.clFixed #headerTopBarSearchBox #headerTopBarSearchBoxText input,
header #headerTopBar.clFixed #headerTopBarCartBox #headerTopBarCartBoxText{
  background-color: #fff !important;
  color: #dc3731 !important;
}
header #headerTopBar.clFixed #headerTopBarSearchBox #headerTopBarSearchBoxText input::-webkit-input-placeholder { 
  color: #dc3731 !important;
}
header #headerTopBar.clFixed #headerTopBarSearchBox #headerTopBarSearchBoxText input:-ms-input-placeholder { 
  color: #dc3731 !important;
}
header #headerTopBar.clFixed #headerTopBarSearchBox #headerTopBarSearchBoxText input::placeholder {
  color: #dc3731 !important;
}
header #headerTopBar #headerTopBarSearchBox #headerTopBarSearchBoxText input,
header #headerTopBar #headerTopBarCartBox #headerTopBarCartBoxText{
  background-color: #dc3731 !important;
  color: #fff !important;
}
header #headerTopBar #headerTopBarSearchBox #headerTopBarSearchBoxText input::-webkit-input-placeholder { 
  color: #fff !important;
}
header #headerTopBar #headerTopBarSearchBox #headerTopBarSearchBoxText input:-ms-input-placeholder { 
  color: #fff !important;
}
header #headerTopBar #headerTopBarSearchBox #headerTopBarSearchBoxText input::placeholder {
  color: #fff !important;
}
header #headerTopBar #headerTopBarMenu ul li:hover { 
    color: #f6161e;
} 
header #headerTopBar #headerTopBarMenu ul li:hover:after { 
    color: #000;
} 
footer #footerSignIn { 
  background: #dc3731;
} 
footer #footerSignIn #footerSignInText, 
footer #footerSignIn .privacy-policy-terms { 
  color: #fff;
} 

footer #footerBar #footerBarPaymentMethods {
    float: left;
    background: url() no-repeat left center / contain;
    width: 42rem;
    height: 10.2rem;
}


/* -- Mobile Devices -------------------------------------------------------- */
@media only screen 
  and (min-width:320px) 
  and (max-width:1024px){
  header #mainHeaderWrapper{
    height:auto;
  }
  header #headerTopBar { 
    background-color: #dedede;
  }
  header #mainHeaderWrapper #mainHeaderLeft #logo #mainlogo{
    max-width:90%;
    height:auto;
  }
  header #mainHeaderWrapper #mainHeaderRight #icons { 
    padding-top: 0;
  }
  header #mainHeaderWrapper #mainHeaderRight #icons #userIcon{
    fill:#414141;
  }
  header #mainHeaderWrapper #mainHeaderRight,
  header #mainHeaderWrapper #mainHeaderRight #icons div.userOptionsMenu{
    margin-top:0;
  }
  footer #footerSignIn{
    background-repeat:repeat;
  }
}
