@charset "UTF-8";
section.siteContent{
  min-height:auto;
}
.clBarBackground{
  background-color:#1e3fb3;
}
.boxIconBackground{
  background-color: #6a6a6f;
}
.boxIconBackground:hover{
  background-color: #282828;
}
header #mainHeaderWrapper{
  background: #6a6a6f;
  color: #fff;
  padding: 0.65rem 0;
  overflow: visible;
}
header #mainHeaderWrapper .siteBoundaries { 
  overflow: visible;
} 
header #headerTopBar{
  background-color: white;
  color: #2f375b;
}
header #mainHeaderWrapper #mainHeaderLeft #logo { 
  padding: 1rem 0;
  margin-bottom: 5px;
}
header #headerTopBar #logoFixed img{
  height: 5.5rem;
}
header #mainHeaderWrapper #mainHeaderRight #icons div.userOptionsMenu .userLogin{
  background-color:#281622;
}
header #mainHeaderWrapper #mainHeaderRight #icons div.userOptionsMenu .userLogin:hover{
  background-color:#f2a64a;
}
header #mainHeaderWrapper #mainHeaderRight #icons div.userOptionsMenu ul li:hover{
  color:#f2a64a;
}
header #headerTopBar.clFixed #headerTopBarSearchBox #headerTopBarSearchBoxText input,
header #headerTopBar.clFixed #headerTopBarCartBox #headerTopBarCartBoxText{
  background-color: white !important;
  color: initial !important;
}
header #headerTopBar.clFixed{
  background: #6a6a6f;
}
header #headerTopBar #headerTopBarSearchBox #headerTopBarSearchBoxText input,
header #headerTopBar #headerTopBarCartBox #headerTopBarCartBoxText{
  background-color: #f2a64a !important;
  color: #fff !important;
}
header #headerTopBar #headerTopBarSearchBox #headerTopBarSearchBoxText input::-webkit-input-placeholder { 
  color: #fff;
}
header #headerTopBar #headerTopBarSearchBox #headerTopBarSearchBoxText input:-ms-input-placeholder { 
  color: #fff;
}
header #headerTopBar #headerTopBarSearchBox #headerTopBarSearchBoxText input::placeholder {
  color: #fff;
}
header #mainHeaderWrapper #mainHeaderRight #icons #userIcon{
  fill:#fff;
}
header #mainHeaderWrapper #mainHeaderRight #icons { 
  padding-top: 2rem;
}
footer #footerSignIn { 
  background: #6a6a6f;
} 
footer #footerSignIn #footerSignInText { 
  color: #fff;
} 
/* -- 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;
  }
}