@charset "UTF-8";

@import url("/includes/css/wmc-theme.css");

@import url("/includes/css/wm-icons.css");

@font-face {
  font-family: MICR;
  src: url("/includes/fonts/micrenc.ttf");
}

@font-face {
  font-display: swap;
  font-family: Bogle;
  font-style: normal;
  font-weight: 700;
  src: url(https://i5.walmartimages.com/dfw/63fd9f59-a78c/fcfae9b6-2f69-4f89-beed-f0eeb4237946/v1/BogleWeb_subset-Bold.woff2) format("woff2");
}

@font-face {
  font-display: swap;
  font-family: Bogle;
  font-style: normal;
  font-weight: 400;
  src: url(https://i5.walmartimages.com/dfw/63fd9f59-a78c/fcfae9b6-2f69-4f89-beed-f0eeb4237946/v1/BogleWeb_subset-Regular.woff2) format("woff2");
}

@font-face {
  font-display: swap;
  font-family: Bogle;
  font-style: normal;
  font-weight: 700;
  src: url(https://i5.walmartimages.com/dfw/63fd9f59-a78c/fcfae9b6-2f69-4f89-beed-f0eeb4237946/v1/BogleWeb_subset-Bold.woff2) format("woff2");
}

@font-face {
  font-display: swap;
  font-family: Bogle;
  font-style: normal;
  font-weight: 400;
  src: url(https://i5.walmartimages.com/dfw/63fd9f59-a78c/fcfae9b6-2f69-4f89-beed-f0eeb4237946/v1/BogleWeb_subset-Regular.woff2) format("woff2");
}

@font-face {
  font-display: swap;
  font-family: EverydaySans;
  font-style: normal;
  font-weight: 700;
  src: url(https://i5.walmartimages.com/dfw/63fd9f59-581c/294cde33-8d74-4638-a582-6a0f942c0c18/v1/ESB.woff2) format("woff2"), url(https://i5.walmartimages.com/dfw/63fd9f59-3aae/d676f7c9-1cd0-42d5-8c69-8716fc3cfac6/v1/ESB.woff) format("woff");
}

@font-face {
  font-display: swap;
  font-family: EverydaySans;
  font-style: normal;
  font-weight: 400;
  src: url(https://i5.walmartimages.com/dfw/63fd9f59-7d95/36d53a64-d69e-4b5d-aec5-5205e3b975f5/v1/ES.woff2) format("woff2"), url(https://i5.walmartimages.com/dfw/63fd9f59-c69a/e5fb3359-b4fe-4603-88f7-451f2aa96e9a/v1/ES.woff) format("woff");
}

body {
  font-family: EverydaySans, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #1a1a1a;
}

/* HELPER CLASSES */

/* bootstrap column gutter overrides */

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding-right: 10px;
  padding-left: 10px;
}

.logo-container { margin-top: 10px; }

.container h1 { margin-top: 10px; }

.navbar-nav > li > a {
  padding-top: 7px;
  padding-bottom: 7px;
  height: 100%;
  display: flex;
  align-items: center;
  color: var(--site-top-menu-color-text);
  font-size: 16px;
  font-weight: bold;
}

.navbar-collapse {
  display: flex;
  padding: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  width: 100%;
  margin: 0;
}

.navbar-brand { padding: 0; }

/* .dropdown-toggle is the menu header anchor only */
.dropdown-toggle { border: 1px solid transparent; }

/* Override bootstrap default hover and focus. Default is #eee */
#drop1-ul > li > a:hover, #drop1-ul > li > a:focus {
  background-color: transparent;
}

/* No hover borders on menu in desktop view */

@media (min-width: 768px) {
  #drop1-ul > li > .dropdown-menu {
    margin-top: 7px;
  }
  .dropdown-toggle {
    border-radius: 100px;
  }
  #top-nav .open > a {
    background-color: var(--menu-background-hover);
  }
  #drop-ul > li:not(.site-switcher-container) > a:hover {
    border: 1px solid var(--menu-border-hover, #004F9A);
    background: var(--menu-background-hover, #F2F8FD);
  }
}

#drop-ul > li:not(.site-switcher-container) > a:hover {
  background: var(--menu-background-hover, #F2F8FD);
  border-radius: 100px;
}

#drop-ul > li:not(.site-switcher-container) > a:focus {
  border: 1px solid white;
  background: var(--menu-background-hover, #F2F8FD);
  border-radius: 100px;
}

.dropdown-menu > li > a,
.dropdown-menu.two-column > li > ul > li > a {
  color: var(--menu-text-color, #333);
}

.dropdown-menu.two-column > li > ul > li > a {
  display: block;
  padding: 6px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  white-space: nowrap;
}

.dropdown-menu.two-column > li > ul.col-sm-6 { padding: 0; }

.dropdown-menu { border: none; }

  /* Walmart Business does not need two column layout but css selectors still use the two-column class. */
.dropdown-menu.two-column { /*min-width: 460px;*/ }

.dropdown-menu > li > ul > li > a:hover,
.dropdown-menu > li > ul > li > a:focus {
  text-decoration: none;
  color: var(--menu-text-hover-color, #262626);
  background-color: var(--dropdown-hover, #e6f1fc);
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: var(--menu-text-hover-color, #262626);
  background-color: var(--dropdown-hover, #e6f1fc);
}

/* ProductOptionsSelector  */

#checkOptionsTab label {
  display: block;
  cursor: pointer;
  cursor: hand;
  line-height: 2;
  font-weight: inherit;
}

/* Custom H2 sizes on the front page */

.best-selling-checks {
  font-size: 24px;
  font-weight: 700;
}

.easily-order-checks {
  font-size: 36px;
  font-weight: 500;
}

.business-products-and-accessories {
  font-size: 30px;
  font-weight: 500;
}

/* line.aspx "Categories" product listing page */

.productsList {
  margin: 0;
  padding: 0;
  list-style: none;
}

.productsList li { display: list-item; }

.mobile-search-row {
  display: none;
  margin-left: 20px;
  background-color: var(--header-color);
  padding: 12px 16px;
}

/* TODO: refactor to mobile first */

@media (max-width: 768px) {
  .mobile-search-row {
    display: flex;
    align-items: center;
  }
}

#GoogleSearch {
  flex-grow: 1; /* Allows GoogleSearch to take available space */
}

.list-inline {
  color: #fff;
  margin-bottom: 0;
}

.header-mobile { display: none; }

/* TODO: refactor to mobile first */

@media (max-width: 768px) {
  .header-mobile {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100%; /* Take full height of parent */
  }
}

.header-left-text { text-decoration: underline; }

.header-left-text:hover { text-decoration: none; }

/* Desktop (769px and above) */

/* TODO: refactor to mobile first */

@media (min-width: 768px) {
  .header-container {
    background-color: var(--header-color);
    display: flex;
    flex-direction: column;
  }

  .header-top-menu {
    background-color: var(--site-top-menu-color);
    width: 100%;
    height: 44px;
  }

  footer {
    background: var(--footer-color);
    color: white;
  }

  #footer {
    background: var(--footer-color);
    color: white;
  }
}

/* Mobile (768px and below) */

/* TODO: refactor to mobile first */

@media (max-width: 768px) {
  /* Container reset for mobile */
  .inner-container,
  .header-top-menu-container {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .top-nav {
    min-height: 0;
    display: contents;
  }

  .header-container {
    background-color: var(--header-color);
    display: flex;
    flex-direction: column;
    height: 60px;
  }

  footer {
    background: white;
    color: #2e2f32;
  }

  #footer {
    background: white;
    color: #2e2f32;
  }
}

.header-hat {
  background-color: var(--header-color);
  display: flex;
  padding-top: 12px;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.header-hat .hat-item {
  color: #fff;
  display: flex;
  align-items: center;
  flex: 1 0 0;
  line-height: 20px;
}

.header-hat .hat-item a:focus, .header-hat .hat-item a:focus-visible {
  outline: 2px solid white;
  outline-offset: 2px;
}

.header-hat .hat-service-links { justify-content: flex-end; }

.header-hat .hat-item li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.header-hat .hat-service-links { justify-content: flex-end; }

.header-hat .hat-item li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-width: max-content;
}

.header-hat a {
  display: flex;
  color: #fff;
  line-height: 20px;
}

.header-top {
  background-color: var(--header-color);
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  gap: 32px;
  padding: 10px 0 10px 0;
}

.header-top .header-top-item {
  display: flex;
  align-items: center;
  align-self: stretch;
}

.header-top .header-top-search {
  display: flex;
  height: 50px;
  padding: 4px 0 4px 0;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}

.header-top .header-top-cart {
  margin-right: -32px;
  width: 35px;
}

.header-top .header-top-item {
  display: flex;
  align-items: center;
  align-self: stretch;
}

.header-top .header-top-logo { margin-left: -32px; }

.header-top .header-top-search {
  display: flex;
  height: 50px;
  padding: 4px 0 4px 0;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}

.header-top .header-top-cart {
  margin-right: -32px;
  width: 35px;
}

.wm-search-button-image {
  margin-top: 4px;
  height: 24px;
  width: 24px;
}

#FormGoogle { height: 100%; }

#navbar-collapse-1 {
  background-color: var(--site-top-menu-color); /* Blends color with surrounding container */
}

@media (min-width: 768px) {
  #navbar-collapse-1 { height: 30px !important; }

  .top-nav { padding: 7px 0 !important; }
}

/* End New Page Header */

.top-nav {
  background-color: var(--site-top-menu-color);
  color: var(--site-top-menu-color-text);
}

.menu-link {
  padding-right: 10px;
  padding-left: 10px;
  padding: 3px var(--container-padding, 10px);
  gap: 12px;
  border-radius: 100px;
  border: 1px solid var(--walmart-blue, var(--header-color));
  background: var(--walmart-blue, var(--header-color));
}

.service-link { padding-right: 6px; }

.price { color: #b70000; }

.card { padding: 0; }

.card--shadow {
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.11);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.11);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.11);
}

.card.card--shadow { padding: 0; }

/* -------------- TABS FOR REORDER AND PERSONALIZE --------------*/

/*
 * SmartTab plugin v2.0
 */

/* TODO: Move smart tabs to its own file */

.stMain {
  display: block;
  margin: 0;
  padding: 0;
  border: 0px solid #ccc;
  font-size: 100%;
}

.stContainer {
  display: block;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  /* height:450px;*/
  overflow: hidden;
  position: relative;
  min-height: 300px;
}

.stMain div.tabContent {
  display: block;
  /*  position: absolute;*/
  margin: 0;
  padding: 10px;
  border: 0px solid #919191;
  /*background-color: #f6f6f6;  tab body background */
  text-align: left;
}

.stMain ul.tabAnchor {
  display: inline-block;
  list-style-type: none;
  position: relative;
  padding: 0;
  margin: 0;
  clear: both;
  margin-bottom: -1px;
  z-index: 100;
}

.stMain ul.tabAnchor li {
  position: relative;
  margin: 0;
  padding: 0;
  float: left;
}

.stMain ul.tabAnchor li span {
  height: 20px;
  left: 85px;
  position: absolute;
  top: 5px;
  width: 20px;
  z-index: 999999;
}

.stMain ul.tabAnchor li a {
  display: block;
  margin: 0;
  margin-right: -1px;
  padding: 10px 0 0 15px;
  height: 35px; /* tab height */
  width: 100px; /* tab width */
  font-size: 16px;
  color: #ddd; /* unselected tab font color */
  text-decoration: none;
  outline-style: none;
  border: 1px solid #919191;
  background: #585862; /* Old browsers */
  background: -moz-linear-gradient(top, #585860 0%, #585862 47%, #46464e 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585860), color-stop(47%, #585862), color-stop(100%, #46464e)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585860 0%, #585862 47%, #46464e 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #585860 0%, #585862 47%, #46464e 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #585860 0%, #585862 47%, #46464e 100%); /* IE10+ */
  background: linear-gradient(to bottom, #585860 0%, #585862 47%, #46464e 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#585860', endColorstr='#46464E', GradientType=0); /* IE6-9 */
}

.stMain ul.tabAnchor li a small { font-size: 15px; }

.stMain ul.tabAnchor li a:hover,
.stMain ul.tabAnchor li a:focus {
  color: #fff;
  background: #00a7db;
}

.stMain ul.tabAnchor li a.sel {
  color: #2e6ca3; /*selected tab font color */
  border-bottom-color: #f6f6f6;
  cursor: text;
  background: #ffffff; /* Old browsers */
  font-weight: 700;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.loader {
  position: absolute;
  left: 48%;
  top: 40%;
  display: block;
  margin: 0;
  padding: 5px;
  padding-top: 35px;
  font-size: 10px;
  color: #666;
  text-decoration: none;
  outline-style: none;
  border: 1px solid #919191;
  background: #f6f6f6 url(/images/loader.gif) no-repeat 10px 10px;
}

a.stLinks {
  margin: 0;
  padding: 5px;
  color: #666;
  text-decoration: none;
  outline-style: none;
  border: 1px solid #919191;
  background-color: #f6f6f6; /* unselected tab background */
}

a.stLinks:hover {
  color: #fff;
  background-color: #00a7db;
}

/* ---- Reorder Tabs ---- */

/* TODO: Remove a bunch of the dead reorder css */

#reorderInput1 {
  border: 1px solid #79787d;
  margin-right: 10px;
}

#reorderInputLast { border: 1px solid #79787d; }

.reorderInputs {
  float: left;
  display: block;
  margin: 10px;
}

.reorderZip { margin-left: 40px; }

.reorderInputs.reorderZip input[type="text"] {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.reorderInputs input[type="text"] {
  font-family: MICR, Arial, Helvetica, sans-serif;
  font-size: 25px;
  padding-top: 10px;
  border: 1px solid #dddddd;
  height: 35px;
  margin: 3px 0 5px;
  outline: medium none;
  padding: 3px 0 3px 3px;
  transition: all 0.3s ease-in-out 0s;
}

.reorderWrapper {
  width: 900px;
  margin: 0 auto;
  padding-top: 50px;
}

.reorderTabs div.tabContent {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0); /* border: 1px solid #FF0000;*/
  height: 100%;
  padding: 0;
  width: 100%;
}

.reorderTabs .stContainer {
  overflow: visible;
  width: 100%;
  background-color: #f6f6f6;
  height: 200px;
  min-height: 250px;
}

.reorderTabs.stMain ul.tabAnchor li a {
  height: 70px;
  width: 270px;
  padding: 20px 0 0 0;
  font-size: 18px;
  text-align: center;
}

.LogoTheChosenOne,
.LogoChooseOne { text-align: left; }

.ErrorMessageCtlWrapper {
  clear: both;
  background-color: #fee6e2;
  padding: 10px;
  border: 1px solid red;
  font: 12px Arial, Helvetica, sans-serif;
  margin-top: 20px;
  margin-bottom: 15px;
}

.InfoMessageCtlWrapper {
  clear: both;
  background-color: #F2F8FD;
  padding: 10px;
  border: 1px solid #004F9A;
  font: 12px Arial, Helvetica, sans-serif;
  margin-top: 20px;
  margin-bottom: 10px;
}

/*--**************** REORDER MODALS **************** --*/

.requiredField { color: #f00; }

.reOtab_container {
  clear: both;
  float: left;
}

.reOtab_content {
  padding: 10px;
  font-size: 1.2em;
}

.reOtab_container#pagediv { border: 1px solid #f00; }

.numPages {
  color: #666666;
  font-size: 12px;
}

.numPages span { float: left; }

.numPages span.numPagesTT {
  border-right: 1px #d9d9d9 solid;
  display: block;
  line-height: 19px;
  padding-right: 10px;
}

.numPages div {
  float: left;
  margin: 0 5px 0 0;
}

.numPages a.viewAllPro {
  display: block;
  float: left;
  line-height: 19px;
  padding: 0 0 0 10px;
  border-left: 1px #d9d9d9 solid;
}

.numPages a {
  border: 1px #666666 solid;
  padding: 2px 5px;
  color: #0078e1;
  text-decoration: none;
  margin-left: 2px;
}

.numPages a.selectedNum {
  background-color: #666666;
  color: #fff;
}

/*--**************** Reorder Steps **************** --*/

.reorderWrapper .bx-wrapper img {
  margin: 0 auto;
  display: block;
}

.reorderWrapper .bx-wrapper .bx-viewport {
  box-shadow: 0 0 5px #fff;
  height: 256px !important;
}

.dashboardComponentWrapper {
  border: 1px solid #dfdfdf;
  font-family: lato, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #202028;
  border-radius: 5px;
  float: left;
  position: relative;
  background: #f8f8f8; /* Old browsers */
  background: linear-gradient(#f8f8f8, #f0f0f0);
  cursor: default;
}

.dashboardComponentWrapperFauxHover {
  box-shadow: 3px 3px 6px #ccc;
  border: 1px solid #bbb;
  cursor: pointer;
  cursor: hand;
}

.dashboardHalf { width: 280px; }

.dashboardTitle {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.dashboardComponent { padding: 20px 30px 20px 15px; }

.dashboardComponentActionable {
  padding: 10px;
  background: url(/images/dashboardEditIcon.png) right top no-repeat;
  text-indent: -9999px;
  position: absolute;
  top: 5px;
  right: 5px;
  height: 30px;
  width: 40px;
  float: right;
}

.dashboardComponentActionable:hover { background-position: right -60px; }

a.dashboardComponentWrapper.dashboardComponentActionable:hover { border: 2px solid #f00; }

.dashboardComponentWrapper .resetInput_class { margin-bottom: 8px; }

.fauxLink {
  color: #0065ac;
  text-decoration: underline;
}

.fauxLink:hover { color: #009ce8; }

/* --------- BX SLIDER  --------- */

.bx-wrapper {
  margin: 0 auto 60px;
  padding: 0;
  position: relative;
}

.bx-wrapper img {
  display: inline-block;
  max-width: 90%;
}

.bx-wrapper .bx-viewport {
  background: none repeat scroll 0 0 #fff;
  border: 5px solid #fff;
  text-align: center;
  /*box-shadow: 0 0 5px #ccc;
  left: -5px;*/
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  bottom: -30px;
  position: absolute;
  width: 100%;
}

.bx-wrapper .bx-loading {
  background: url("/images/bx_loader.gif") no-repeat scroll center center #fff;
  height: 100%;
  left: 0;
  min-height: 50px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2000;
}

.bx-wrapper .bx-pager {
  color: #666;
  font-family: Arial;
  font-size: 0.85em;
  font-weight: bold;
  padding-top: 20px;
  text-align: center;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: none repeat scroll 0 0 #666;
  border-radius: 5px;
  display: block;
  height: 10px;
  margin: 0 5px;
  outline: 0 none;
  text-indent: -9999px;
  width: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: none repeat scroll 0 0 #000; }

.bx-wrapper .bx-prev {
  background: url("/images/controls.png") no-repeat scroll 0 -32px rgba(0, 0, 0, 0);
  left: 10px;
}

.bx-wrapper .bx-next {
  background: url("/images/controls.png") no-repeat scroll -43px -32px rgba(0, 0, 0, 0);
  right: 10px;
}

.bx-wrapper .bx-prev:hover { background-position: 0 0; }

.bx-wrapper .bx-next:hover { background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a {
  height: 32px;
  margin-top: -16px;
  outline: 0 none;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
  width: 32px;
  z-index: 8;
}

.bx-wrapper .bx-controls-direction a.disabled { display: none; }

.bx-wrapper .bx-controls-auto { text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
  background: url("/images/controls.png") no-repeat scroll -86px -11px rgba(0, 0, 0, 0);
  display: block;
  height: 11px;
  margin: 0 3px;
  outline: 0 none;
  text-indent: -9999px;
  width: 10px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop {
  background: url("/images/controls.png") no-repeat scroll -86px -44px rgba(0, 0, 0, 0);
  display: block;
  height: 11px;
  margin: 0 3px;
  outline: 0 none;
  text-indent: -9999px;
  width: 9px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

.bx-wrapper .bx-caption {
  background: none repeat scroll 0 0 rgba(80, 80, 80, 0.75);
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  display: block;
  font-family: Arial;
  font-size: 0.85em;
  padding: 10px;
}

/*CART*/

#offerCode { display: none; }

#ctlCart_ucPromotions_txtPromotionCode { margin: 10px; }

/*  ------------  Personalization (non-reorder)   ------------  */

.minimal_header_container {
  /*    height:65px;
    padding:5px;
    float:left;
*/
  width: 100%;
  background: url(/images/bg_header.png) top repeat-x scroll;
}

.minimal_header_container a { color: #fff; }

.checkoutDropdown a { color: #428bca; }

.PersTitle {
  font-size: 22px;
  color: #666666;
  display: inline;
}

.divAgreeBox {
  border: 1px solid #ccc;
  background-color: #fffee8;
  padding: 10px;
}

/* ------------ Dynamic XSells ----------*/

div.itemAddedContainer { border-bottom: 1px solid #ccc; }

#upsellWrapper h2 {
  color: #666;
  margin-bottom: 0;
}

a#lbViewCartAndCheckout { color: #666; }

.upsell_p { margin-top: -15px; }

.lftColumn { color: #666; }

.lftColumn img { border: 1px solid #666; }

#upsellWrapper .lftColumn h4.interstitialheading {
  font-size: 16px;
  font-weight: normal;
}

a#lbViewCartAndCheckout {
  background: #000;
  color: #fdc9bc;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  padding: 4px 20px;
  display: inline-block;
}

a.interstitialadd {
  display: -moz-inline-stack;
  display: inline-block;
  width: 103px;
  height: 25px;
  background: url("/images/xsellbtn.png") no-repeat;
  line-height: 25px;
  vertical-align: text-middle;
  text-align: center;
  color: #ffffff;
  font-family: sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  text-shadow: #222222 0px 0px 0;
  margin-top: 10px;
  margin-left: 30px;
  cursor: pointer;
  cursor: hand;
}

a.interstitialadd > span { display: -moz-inline-block; }

#upsellWrapper .productContainer {
  height: 190px;
  margin-bottom: 0;
}

#upsellWrapper .productContainer p {
  height: 25px;
  border: none;
  margin: 6px;
}

#upsellWrapper .productContainer p.crossprice {
  height: 19px;
  border: none;
  margin: 6px;
}

#upsellWrapper .productContainer .hasBeenAddedOuter {
  width: 143px;
  height: 169px;
  padding: 5px;
}

#upsellWrapper .productContainer .hasBeenAddedInner {
  height: 155px;
  padding: 0 5px 10px 5px;
}

#upsellWrapper .contentContainer {
  height: auto;
  border: 0;
  margin: 0;
}

#upsellWrapper div.itemAddedContainer {
  margin: 0 auto 5px auto;
  padding: 10px;
}

p.crossprice { font-style: normal; }

/*Upsell*/

#upsellWrapper { }

.upsell--product-added {
  border: 2px solid #4cae4c;
  border-radius: 10px;
  margin: 0;
  padding: 10px;
}

.upsell--product-added h3 { margin-top: 0; }

.upsell--product-info { padding-top: 50px; }

/*#dynamcCrossSellWrapper{width:100%;height:auto;display:inline-block;}*/

#upsellWrapper h1 {
  color: #6d6d6d;
  font-size: 20px;
  font-weight: lighter;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #cccccc;
}

#upsellWrapper .itemAddedContainer {
  width: 95%;
  height: auto;
  display: inline-block;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 20px;
  /*background-color:#f6DBD9;*/
  clear: both;
}

.dynamicCrosssellArea {
  width: 400px;
  height: 248px;
}

.dynamicCrosssellArea ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dynamicCrosssellArea li { display: list-item; }

#upsellWrapper .productContainer {
  width: 175px;
  height: 170px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
  margin-top: 10px;
  float: left;
  display: block;
  overflow: visible;
  position: relative;
  text-align: center;
  /*position:relative;
	z-index:100;*/
}

#upsellWrapper .contentContainer {
  width: 175px;
  display: inline-block;
  z-index: 100;
  float: left;
  vertical-align: middle;
  text-align: center;
}

#upsellWrapper .productContainer .hasBeenAddedOuter {
  margin: 0 auto;
  width: 153px;
  height: 198px;
  padding: 10px;
  display: none;
  overflow: hidden;
  background-color: #efefef;
  border: 1px solid #d3d3d3;
  position: absolute;
  z-index: 200;
  top: 0;
  left: 0;
}

#upsellWrapper .productContainer .hasBeenAddedInner {
  width: 131px;
  height: 174px;
  display: block;
  overflow: hidden;
  padding: 10px;
  background-color: #cadff4;
  border: 1px solid #d3d3d3;
  text-align: center;
}

#upsellWrapper .productContainer .hasBeenAddedInner h2 {
  color: #c26a81;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 0px;
}

#upsellWrapper .productContainer .hasBeenAddedInner span {
  color: #c26a81;
  font-size: 12px;
  margin-top: 5px;
}

#upsellWrapper .productContainer .hasBeenAddedInner p {
  color: #6e6e6e;
  font-size: 11px;
  margin-top: 15px;
}

#upsellWrapper .productContainer p {
  font-size: 11px;
  color: #6e6e6e;
}

#upsellWrapper .productContainer img {
  margin: 0 auto; /*border: 1px solid #CCC;*/
  max-height: 120px;
}

#upsellWrapper .lftColumn {
  width: 550px;
  float: left;
}

.modalItemDescription {
  width: 200px;
  float: left;
}

.modalItemDescription p { margin: 0; }

#upsellWrapper .lftColumn img {
  float: left;
  margin-right: 20px;
  border: 1px solid #f4cad0;
}

#upsellWrapper .lftColumn h4 {
  color: #505050;
  font-weight: bold;
  margin-top: 5px;
  font-size: 12px;
}

#upsellWrapper .lftColumn p {
  color: #505050;
  font-size: 12px;
  margin-top: -2px;
}

#upsellWrapper .rtColumn {
  margin-top: 60px;
  width: 210px;
  float: right;
}

#upsellWrapper .rtColumnupsellStamp {
  margin-top: 0;
  width: 210px;
  float: right;
}

.upsellStampContainer { background-color: #ffffff; }

.stampThumb { border: 0; }

.upsellProductPair {
  display: inline;
  font-size: 12px;
  color: #282828;
}

/***** Selected and XSell Products *****/

.divSelectedProduct {
  padding: 25px;
  float: left;
  margin: 10px 30px 30px 30px;
  background-color: #f0f0f0;
  width: 360px;
}

.divProductImg {
  border: 1px solid #c0c0c0;
  padding: 20px 0px 10px 0px;
  float: left;
  vertical-align: middle;
  text-align: center;
  background-color: #ffffff;
}

.divProductDesc {
  text-align: left;
  float: left;
  margin-left: 15px;
  margin-top: 10px;
  width: 185px;
}

.divProductDesc h1 {
  font-weight: bold;
  font-size: 18px;
  color: #000000;
}

.divProductDesc h2 {
  font-size: 16px;
  color: #000000;
  font-weight: normal;
  margin-bottom: 15px;
}

.xsellTitle1 { margin: 25px 0px 5px 25px; }

.xsellTitle2 {
  text-align: center;
  margin: -27px 0px 0px 50px;
  float: left;
  position: absolute;
  width: 350px;
  left: 52%;
}

.xsellTitle2 h1 { font-size: 14px; }

/*.xsItem-content { position: absolute; bottom: 2px; text-align:center; width:100% }*/

#divContentContainer03 img { float: left; }

.xsItem-content .crossprice {
  float: left;
  margin-left: 20px;
  margin-right: 220px;
  width: 150px;
}

.divToCartAndCheckout {
  cursor: pointer;
  cursor: hand;
  display: table;
  position: relative;
  float: left;
  margin-right: 30px;
}

.psHaveBeenAdded {
  display: block;
  overflow: hidden;
  padding: 5px;
  background-color: #cadff4;
  border: 2px solid #6e6e6e;
  text-align: center;
  font-size: 14px;
  margin-top: 5px;
  font-weight: bold;
}

#divContentContainer03 .xsItem-content .crossprice { font-weight: bold; }

a#aAddToOrder01,
a#aAddToOrder02 { margin-top: 20px; }

/*_________________ Cart ________________*/

.btn_cart_contain { max-width: 800px; }

#ctlCart_CartItems_ctl00_multipleshipmethods label {
  display: inline;
  font-size: 13px;
  line-height: 30px;
}

/* ___________________ Confirmation page -------------*/

div.Overlay2 {
  position: absolute;
  z-index: 3;
  background-color: white;
  top: 90px;
  left: 110px;
  visibility: hidden;
  opacity: 1; /*supported by current Mozilla, Safari, and Opera*/
  -moz-opacity: 1; /*older Mozilla*/
  -khtml-opacity: 1; /*older Safari*/
  filter: alpha(opacity=0); /*older IE*/
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE */
}

/*----------- contact us tabs ------------- */

ul.tabs {
  clear: left;
  float: left;
  height: 30px;
  list-style: none outside none;
  margin: 20px 0 0 20px !important;
  padding: 0;
  width: 621px;
}

ul.tabs li {
  float: left;
  list-style-image: none !important;
  margin: 0 !important;
  padding: 0;
  text-indent: 0;
}

ul.tabs a {
  color: #2e6ca3;
  display: block;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  top: 1px;
}

ul.tabs a:active { outline: medium none; }

ul.tabs a:hover { text-decoration: underline; }

ul.tabs a.w1 {
  background-color: #ffffff;
  border-color: #2e6ca3 #2e6ca3 #ffffff #2e6ca3;
  border-style: solid;
  border-width: 1px;
  width: 65px;
}

ul.tabs a.w1.current {
  color: #fff;
  background-color: #2e6ca3;
  border-bottom: 1px solid #fff;
}

ul.tabs a.w2 {
  background-color: #ffffff;
  border-color: #2e6ca3 #2e6ca3 #ffffff #2e6ca3;
  border-style: solid;
  border-width: 1px;
  width: 88px;
}

ul.tabs a.w2.current {
  color: #fff;
  background-color: #2e6ca3;
  border-bottom: 1px solid #fff;
}

ul.tabs a.w3 {
  background-color: #ffffff;
  border-color: #2e6ca3 #2e6ca3 #ffffff #2e6ca3;
  border-style: solid;
  border-width: 1px;
  width: 117px;
}

ul.tabs a.w3.current {
  color: #fff;
  background-color: #2e6ca3;
  border-bottom: 1px solid #fff;
}

ul.tabs a.w4 {
  background-color: #ffffff;
  border-color: #2e6ca3 #2e6ca3 #ffffff #2e6ca3;
  border-style: solid;
  border-width: 1px;
  width: 119px;
}

ul.tabs a.w4.current {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

ul.tabs a.w5 {
  background-color: #f7f9fc;
  border-color: #ffffff #ffffff #ffffff #fff;
  border-style: solid;
  border-width: 1px;
  width: 82px;
}

ul.tabs a.w5.current {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

/*OLD CAT PAGE STYLES*/

.catBkt {
  display: block;
  float: left;
  height: 266px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  width: 300px;
}

a.catBkt img { border: 0 none; }

.catBkt p { margin-bottom: 10px; }

.catBkt p span.subCatName {
  color: #1460be;
  font-size: 18px;
}

.catBkt:hover * { text-decoration: none !important; }

.catBkt p span.callOut { color: #666666; }

a.catBkt:hover p span.subCatName { color: #f47b20; }

a.catBkt:hover p span.callOut { color: #f47b20; }

.borderBottom { border-bottom: 1px solid #ebebeb; }

.borderRight { border-right: 1px solid #ebebeb; }

/*Modals */

.ModalShippingWrapper {
  margin: 10px;
  padding: 10px;
}

.ModalShippingHeader { font-size: 22px; }

.ShippingInfo {
  font-size: 9pt;
  margin-bottom: 30px;
}

.mFix { padding-left: 110px; }

.verticalslider_tabs a:link,
.verticalslider_tabs a:visited {
  background: url("/images/tab_bg_inactive.jpg") repeat-x scroll center top rgba(0, 0, 0, 0);
  border-top: 1px solid #c3c3c3;
  color: #333333;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 29px;
  padding: 14px 10px 6px;
  text-decoration: none;
  width: 78%;
}

#rdoShipMethods label {
  display: inline;
  font-weight: bold;
  line-height: 25px;
  max-width: 100%;
}

.navwrapper {
  background: url(/images/bg_header.png) top repeat-x scroll;
  height: 100px;
  z-index: 999;
  width: 100%;
}

.navInnerWrapper {
  max-width: 1056px;
  margin: 0 auto;
  padding: 10px 10px 0 10px;
  background: url(/images/bg_PreHeader.jpg) top center no-repeat;
  background-size: cover;
  height: 80px;
}

.twenty-above { margin-top: 20px; }

.search-btn { padding: 7px 10px; }

.search-keyword-text { }

/*  ------ footer style ------  */

.footer-container {
  /*    margin: -10px 0px 0px -10px;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;*/
}

#footer {
  font-size: 12px;
  margin-top: 78px;
  padding: 0 30px 15px 25px;
}

#footer h3 { font-size: 16px; }

#footer h4 {
  font-size: 1.3rem;
  color: #ffffff;
  font-weight: 700;
  margin-top: 0;
}

#footer h4 a { color: #ffffff; }

#footer h4 a:hover,
#footer h4 a:visited { text-decoration: none; }

#footer ul li {
  margin-top: 12px;
  color: #ffffff;
  line-height: 20px;
  font-size: 14px;
}

#footer ul li a { color: #ffffff; }

#footer .email-signup { font-weight: bold; }

.footer-copyright {
  background: inherit;
  padding: 20px 0;
  margin-top: 20px;
}

.footer-head {
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.footer-head a {
  color: #fff;
  text-decoration: none;
}

@media (max-width: 768px) {
  .footer-head,
  .footer-head a,
  #footer ul li a { color: #2e2f32; }
}

@media screen and (max-width: 412px) {
  #footer {
    background: #ffffff;
    color: #2e2f32;
  }

  #footer h3 { }

  #footer h4 { color: #222; }

  #footer h4 a { color: #222; }

  #footer ul li { color: #222; }

  #footer ul li a { color: #222; }

  .footer-copyright {
    background: #ffffff;
    color: inherit;
    text-align: left;
  }

  .footer-head { color: #222; }

  .footer-head a { color: #222; }
}

@media screen and (max-width: 375px) {
  #footer {
    background: #ffffff;
    color: #2e2f32;
  }

  #footer h3 { }

  #footer h4 { color: #222; }

  #footer h4 a { color: #222; }

  #footer ul li { color: #222; }

  #footer ul li a { color: #222; }

  .footer-copyright {
    background: #ffffff;
    color: inherit;
    text-align: left;
  }

  .footer-head { color: #222; }

  .footer-head a { color: #222; }
}

/*  ------  default bootstrap form style override  ------  */

.input-sm,
.form-horizontal .form-group-sm .form-control { border-radius: 0; }

.form-control { border-radius: 0; }

.btn,
.btn-sm,
.btn-group-sm > .btn { border-radius: 0; }

.kill-top-margin { margin-top: 0; }

.kill-left-padding { padding-left: 0; }

.social-row {
  list-style-type: none;
  list-style: none;
  padding-left: 0;
}

.social-row li {
  float: left;
  margin-right: 10px;
}

li.facebook a {
  height: 34px;
  width: 32px;
  background: transparent url(/images/social-icons.png) no-repeat;
  display: inline-block;
}

li.twitter a {
  height: 34px;
  width: 32px;
  background: transparent url(/images/social-icons.png) 0 -39px no-repeat;
  display: inline-block;
}

#footer .club-card {
  height: 40px;
  width: 69px;
  display: inline-block;
  background: transparent url(/images/Card_Footer_Icons.png) no-repeat;
  margin: 10px 0;
}

#footer .credit-card {
  height: 40px;
  width: 69px;
  display: inline-block;
  background: transparent url(/images/Card_Footer_Icons.png) 0 -42px no-repeat;
}

.headerMargin { margin-top: 100px; }

.checkoutHeaderMargin { margin-top: 60px; }

/*    STYLES FOR HS CHECK MODAL    */

/*the launch buttons*/

.launch {
  background: url(/images/popup.png) scroll no-repeat center right transparent;
  padding-right: 20px;
}

/*citm */

.citm {
  background: url(/images/modal_launch_graphic_citm_pers.jpg) 0 0 no-repeat;
  height: 88px; /*width:495px;*/
  text-indent: -9999px;
  display: block;
}

.citm:hover { background-position: left -88px; }

.citm.PersonalHS { background: url(/images/modal_launch_graphic_citm_pers.jpg) 0 0 no-repeat; }

.citm.PersonalHS:hover { background-position: left -88px; }

.citm.BizHS { background: url(/images/modal_launch_graphic_citm_biz.jpg) 0 0 no-repeat; }

.citm.BizHS:hover { background-position: left -88px; }

/* the container layers to be overlayed */

.personalCheck {
  background: url(/images/hs_check_personal_front.jpg) center bottom no-repeat transparent scroll;
  width: 600px;
  height: 320px;
  margin: 5px 10px 20px 20px;
}

.personalCheckBack {
  background: url(/images/hs_check_personal_back.jpg) center bottom no-repeat transparent scroll;
  width: 600px;
  height: 320px;
  margin: 5px 10px 20px 20px;
}

.bizCheck {
  background: url(/images/hs_check_biz_front.jpg) center bottom no-repeat transparent scroll;
  width: 600px;
  height: 293px;
  margin: 5px 10px 20px 20px;
}

.bizCheckBack {
  background: url(/images/hs_check_biz_back.jpg) center bottom no-repeat transparent scroll;
  width: 600px;
  height: 293px;
  margin: 5px 10px 20px 20px;
  position: relative;
}

/*the  overlay layer*/

.hsoverlay a {
  width: 25px;
  height: 25px;
  background: transparent url(/images/marker.png) 0 0 no-repeat;
  display: inline-block;
  position: absolute;
  font-size: 0;
  line-height: 0;
  color: transparent;
  text-indent: -999px;
  text-transform: capitalize;
}

.hsoverlay a:hover { background: url(/images/marker.png) 0 -25px no-repeat; }

/* Tabs */

.verticalslider {
  border: 1px solid #d9d9d9;
  overflow: hidden;
  margin: 20px 10px;
  height: 550px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  box-shadow: -1px 1px 4px #cccccc;
}

.verticalslider_tabs {
  float: left;
  width: 150px;
}

.verticalslider_tabs,
.verticalslider_tabs li {
  margin: 0px;
  padding: 0px;
}

.verticalslider_tabs li { list-style-type: none; }

.verticalslider_tabs a:link,
.verticalslider_tabs a:visited {
  display: block;
  width: 78%;
  height: 29px;
  padding: 14px 10px 6px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  border-top: 1px solid #c3c3c3;
  text-decoration: none;
  background: url("/images/tab_bg_inactive.jpg") repeat-x scroll center top transparent;
}

.verticalslider_tabs a:hover,
.verticalslider_tabs a:active {
  background-color: #f00;
  /*background: url(../images/tabHoverBG.jpg) bottom repeat-x;*/
}

.verticalslider_tabs li a:link,
.verticalslider_tabs li a:visited {
  border-top: none;
  height: 30px;
}

.verticalslider_tabs .activeTab a:link,
.verticalslider_tabs .activeTab a:visited { background: #fcfbfb; }

.verticalslider_tabs .activeTab a:hover,
.verticalslider_tabs .activeTab a:active { background: #fcfbfb; }

/*.verticalslider .arrow {background: url(../images/arrow.png); width: 27px; height: 60px; position: absolute; z-index: 1000; margin-left: 250px; margin-top: -55px; }*/

.verticalslider .arrow {
  background: url(/images/arrow.png);
  position: absolute;
  z-index: 1000;
  margin-left: 250px;
  margin-top: -55px;
}

.last { border-bottom: 1px solid #c3c3c3; }

/* Contents */

.verticalslider_contents {
  width: 100%;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.verticalslider_contents li {
  margin: 0px;
  padding: 0px;
  padding: 0px; /*display: none;  position: absolute; */
  list-style-type: none;
}

.verticalslider_contents li h2 {
  margin: 5px 20px;
  padding: 0px;
}

.verticalslider_contents li p {
  margin: 5px 45px 0 20px;
  padding: 0px;
}

.verticalslider_contents .activeContent { display: inline; }

/* Play Pause*/

.verticalslider .playPause a {
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  z-index: 50;
}

.verticalslider .play a:link,
.verticalslider .play a:visited {
  background: url(/images/plays.png) no-repeat 0 0;
  display: none;
}

.verticalslider .pause a:link,
.verticalslider .pause a:visited { background: url(/images/pauses.png) no-repeat 0 0; }

.verticalslider .pause a:hover,
.verticalslider .pause a:active,
.verticalslider .play a:hover,
.verticalslider .play a:active {
  background-position: 0px -60px;
  border-bottom: none;
}

/*PCR 997 Styles*/

.tabWidth { width: 100%; }

.tablewidthTab {
  width: 97%;
  margin: 10px;
}

.checkOptiontabContainer { overflow: auto; }

#dblTip,
#sglTip {
  background: url(/images/icn_question1.png) top center no-repeat;
  width: 20px;
  height: 15px;
  text-indent: -9999px;
  display: block;
  margin-right: 10px;
}

.fl-tip {
  width: 20px;
  height: 15px;
  float: right;
  transform: translateY(-300%);
}

.horizontaltab {
  float: left; /*width:233px;*/
  width: 49%;
  background: #fbf9f8;
}

#firstTab a,
#secondTab a { padding-bottom: 30px; }

#secondTab a { padding-left: 20px; }

.horizontaltab a span {
  color: #fff;
  padding-left: 20px;
}

.horizontaltab.activeTab a span {
  color: #333333;
  padding-left: 20px;
}

.horizontaltab a:link,
.horizontaltab a:visited,
.horizontaltab a:active,
.horizontaltab a:hover,
.horizontaltab a {
  /*width:130px;*/
  width: 105%;
}

#firstTab #sglTip,
#firstTab #dblTip,
#secondTab #sglTip,
#secondTab #dblTip { margin-right: 30px; }

.verticalslider.horizontalStyle {
  border: 1px solid #d9d9d9;
  overflow: hidden;
  height: auto;
  border-radius: 8px;
  -moz-border-radius: 8px;
  box-shadow: -1px 1px 4px #cccccc;
  margin: 20px 0;
  padding: 0 0 10px;
  background-color: #fcfbfb;
  height: 100%;
  display: block;
}

.highlghtCheckOption {
  border: 1px solid #fad275;
  background: #fffcee;
}

.checkPlaceHolder { padding: 5px; }

.saveOver {
  color: red;
  display: block;
  margin-top: -12px;
  clear: both;
}

.option_spanner {
  display: block;
  clear: both;
}

.option_price {
  display: block;
  margin-top: 6px;
  float: right;
}

.option_price > span:first-child { float: right; }

.option_price .price__currency { margin-right: -6px; }

.option_price .price__dollar { margin-right: -6px; }

.option_quantity {
  font-size: 12px !important;
  display: block;
  clear: both;
}

.option_name { font-weight: bold !important; }

.option_description { float: left; }

.option_description span { line-height: normal; }

.option_button {
  display: block;
  float: left;
}

.helpIcon { float: right; }

/*Tipsy Related*/

.tipsy {
  font-size: 14px;
  position: absolute;
  padding: 5px;
  z-index: 100000;
}

.tipsy-inner {
  background-color: #ffffff;
  color: #444444;
  max-width: 200px;
  padding: 15px;
  text-align: center;
  opacity: 1;
}

/* Rounded corners */

.tipsy-inner {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #c4c4c4;
}

/* Uncomment for shadow */

.tipsy-inner {
  box-shadow: 2px 2px 5px #c4c4c4;
  -webkit-box-shadow: 2px 2px 5px #c4c4c4;
  -moz-box-shadow: 2px 2px 5px #c4c4c4;
}

.tipsy-arrow {
  background: url(/images/tipsy.gif) no-repeat scroll left top rgba(0, 0, 0, 0);
  position: absolute;
  width: 5;
  height: 9;
}

/* Rules to colour arrows */

.tipsy-arrow-n { border-bottom-color: #a8a8a8; }

.tipsy-arrow-s { border-top-color: #a8a8a8; }

.tipsy-arrow-e { border-left-color: #a8a8a8; }

.tipsy-arrow-w { border-right-color: #a8a8a8; }

.tipsy-n .tipsy-arrow {
  top: 0px;
  left: 50%;
  margin-left: -5px;
}

.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  background-position: left bottom;
}

.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

/**/

/*PCR 997 styles ends here*/

/*--- Check Armor Style ---- */

.fraud-armor {
  background: #f2f8fd;
  padding: 20px;
  overflow: hidden;
}

.fraud-armor a { color: #3174af; }

.hide-label { display: none; }

.secureValue { color: #666; }

.secureValue td { padding-right: 20px; }

#SecurityProduct {
  margin: 10px 0 0 0;
  overflow: hidden;
}

.fraudArmorContainer {
  clear: both;
  overflow: hidden;
  padding: 5px 10px;
  margin: 5px 0;
  border-top: 1px #dbdddc solid;
  font-size: 11px;
}

.cheArmText {
  font-size: 11px;
  color: #666666;
  display: block;
  margin-bottom: 3px;
}

.cheArmText a,
.productOffer p a { color: #52a98d; }

.cheArmText ul {
  margin: 0px;
  list-style: outside;
  padding-left: 25px;
  line-height: 15px;
}

.cheArmText a {
  margin: 0px 0 5px 25px;
  display: block;
}

.fraudArmorContainer h4 {
  color: #5b5b5b;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 5px;
}

/* .fraudArmorContainer h4 span{color:#4C907B;} */

span.cheArmRecText,
span.freetext { font-size: 14px; }

.fraudArmorContainer img {
  margin-right: 5px;
  float: right;
}

div.fraudArmorRadio { overflow: hidden; }

div.fraudArmorRadio table { width: 350px; }

div.fraudArmorRadio div {
  margin: 3px 0 0 5px;
  font-weight: bold;
  clear: both;
}

div.fraudArmorRadio label {
  font-size: 12px;
  color: #666;
  padding: 0px;
  margin: 0px;
}

div.fraudArmorRadio input {
  padding: 0px;
  margin: 0px;
  margin: 1px 5px 0 0;
}

div.fraudArmorRadio strong { color: #9f2631; }

div.fraudArmorRadio span.securePrice {
  font-size: 12px;
  margin-top: 4px;
}

.removeChArm {
  margin-left: 5px;
  display: block;
}

img.cartChArm { border: 1px solid #d6d6d6; }

/*  product page cross-sell   */

.crosssell--container {
  background: #f2f8fd;
  margin-top: 30px;
  padding: 10px 0;
}

.crosssell--container a { color: #3174af; }

.crosssell--container h5 {
  font-size: 24px;
  color: #222;
  font-weight: 700;
}

.product-container.col-sm-3 {
  display: inline-block;
  width: 24.6%;
  float: inherit;
  vertical-align: top;
  padding-bottom: 20px;
}

#dvSort {
  padding: 6px;
  margin-bottom: 20px;
  border-top: solid 1px #bbb;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(229, 229, 229, 0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(229, 229, 229, 0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(229, 229, 229, 0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(229, 229, 229, 0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(229, 229, 229, 0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(229, 229, 229, 0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#00e5e5e5', GradientType=0); /* IE6-9 */
}

/*     ----- Product Page Style -----     */

.product_desc {
  color: #555;
  font-size: 0.9em;
}

.product_desc ul { margin: 1.5em; }

.InfoEntryLeftColumn {
  width: 460px;
  float: left;
  margin-left: 30px;
  margin-top: 20px;
  margin-bottom: 5px;
  padding-bottom: 25px;
}

.InfoEntryRightColumn {
  width: 300px;
  float: left;
  margin-left: 60px;
  margin-top: 20px;
  margin-bottom: 5px;
  padding-bottom: 25px;
}

.InfoEntryTabs { width: 100%; }

.InfoEntryTab1Container {
  /* height:400px;*/
  padding: 10px;
  margin-bottom: 50px;
}

.InfoEntryTab2Container { padding: 10px; }

.InfoEntryTab3Container { padding: 10px; }

.InfoEntryTab3Container label { margin-right: 10px; }

/*use max-width*/

.InfoEntryPreview {
  max-width: 465px;
  clear: both;
  margin-top: 20px;
}

.errorInput { border: 2px solid #f00; }

.form-group .errorInput { height: 34px; }

.errorbox {
  background-color: #fee6e2;
  border: 1px solid #b00;
  color: #b00;
  margin: 20px 0;
  padding: 10px;
}

.approvebox {
  background-color: #f1f1f1;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #666;
  float: left;
  clear: both;
}

.agreebox {
  background-color: #ffffcc;
  border: 1px solid gray;
  clear: both;
  float: right;
  font: 12px Arial, Helvetica, sans-serif;
  height: 40px;
  margin-top: 15px;
  padding: 8px;
  width: 92px;
}

.addFA {
  background-color: #ffffcc;
  margin-right: -5px;
  padding: 5px;
  border: 1px solid gray;
  float: right;
  clear: both;
  font: 10px lato, Arial, Helvetica, sans-serif;
}

/* Preview Page */

.smalltext {
  font-size: xx-small;
  text-transform: uppercase;
}

.PreviewAgreeMsg a {
  font-variant: normal;
  font-size: 12px;
  padding-bottom: 3px;
}

.divPreviewTitle {
  padding-bottom: 5px;
  float: left;
  position: relative;
  font-weight: bold;
  width: 100%;
}

.divPreviewItem {
  margin-left: 50px;
  margin-top: 15px;
  padding-bottom: 5px;
  float: left;
  width: 740px;
}

/*.divEnterInfo {position:absolute; float:left; margin-left:445px}*/

.divEnterPersonalization {
  border: 1px solid #c1c1c1;
  visibility: visible;
  padding: 10px;
  background-color: #f6f6f6;
}

.divActivepreviewbutton {
  text-align: right;
  margin-bottom: 20px;
  width: 240px;
}

.divPreviewButton {
  border: 1px solid #c1c1c1;
  padding: 10px;
  background-color: #f6f6f6;
  float: right;
}

.divPreviewButton .divpreviewAgreement {
  padding: 10px;
  text-align: left;
}

.divAddtoCartBtn {
  margin-left: 105px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.personalizePageBody body { background: url(../images/persBodyBg.png) repeat-x; }

/* Preview Page ends here */

/*THIS IS FOR THE HELP/HINT IMAGES*/

.infoPersonal,
.infoBiz {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #707078;
}

/*THESE ARE THE WRAPPERS FOR THE CHECK IMAGE THAT ALSO CONTAIN THE OVERLAY*/

.checkImage_PersonalCheck_Tab1,
.checkImage_BizGeneralPurpose_Tab1,
.checkImage_LaserWallet_Tab1,
.checkImage_BizLaserChecks_Tab1,
.checkImage_BizDeskChecks_Tab1,
.checkImage_DepositBusinessPortrait_Tab1,
.checkImage_DepositBusinessLandscape_Tab1,
.checkImage_GiftCertificate_Tab1,
.checkImage_DepositPersonal_Tab1,
.checkImage_LaserInvoice_Tab1,
.checkImage_PersonalCheck_Tab2,
.checkImage_BizGeneralPurpose_Tab2,
.checkImage_LaserWallet_Tab2,
.checkImage_BizLaserChecks_Tab2,
.checkImage_BizDeskChecks_Tab2,
.checkImage_DepositBusinessPortrait_Tab2,
.checkImage_DepositBusinessLandscape_Tab2,
.checkImage_GiftCertificate_Tab2,
.checkImage_DepositPersonal_Tab2,
.checkImage_LaserInvoice_Tab2 { position: relative; }

.checkImage_PersonalCheck_Tab1,
.checkImage_PersonalCheck_Tab2 {
  background: url(/images/checkBg_personal.png) bottom center no-repeat;
  height: 242px;
}

.checkImage_BizGeneralPurpose_Tab1,
.checkImage_BizGeneralPurpose_Tab2,
.checkImage_BizLaserChecks_Tab1,
.checkImage_BizLaserChecks_Tab2 { height: 196px; }

.checkImage_BizGeneralPurpose_Tab1,
.checkImage_BizGeneralPurpose_Tab2,
.checkImage_BizLaserChecks_Tab1,
.checkImage_BizLaserChecks_Tab2,
.checkImage_LaserWallet_Tab1,
.checkImage_LaserWallet_Tab2,
.checkImage_BizDeskChecks_Tab1,
.checkImage_BizDeskChecks_Tab2 { background: url(/images/checkBg_biz_general.png) bottom center no-repeat; }

/*This tells the check image for the business checks to not exceed a set width*/

.checkImage_BizGeneralPurpose_Tab1 img,
.checkImage_BizGeneralPurpose_Tab2 img,
.checkImage_BizLaserChecks_Tab1 img,
.checkImage_BizLaserChecks_Tab2 img,
.checkImage_LaserWallet_Tab1 img,
.checkImage_LaserWallet_Tab2 img,
.checkImage_BizDeskChecks_Tab1 img,
.checkImage_BizDeskChecks_Tab2 img { max-width: 465px; }

.checkImage_LaserWallet_Tab1,
.checkImage_LaserWallet_Tab2 { height: 246px; }

.checkImage_BizDeskChecks_Tab1,
.checkImage_BizDeskChecks_Tab2 { height: 236px; }

/*THESE ARE THE OVERLAY STYLES, BY TAB, AND THEN BY CHECK STYLE*/

.overlay_PersonalCheck_Tab1,
.overlay_BizGeneralPurpose_Tab1,
.overlay_LaserWallet_Tab1,
.overlay_BizLaserChecks_Tab1,
.overlay_BizDeskChecks_Tab1,
.overlay_DepositBusinessPortrait_Tab1,
.overlay_DepositBusinessLandscape_Tab1,
.overlay_GiftCertificate_Tab1,
.overlay_DepositPersonal_Tab1,
.overlay_LaserInvoice_Tab1,
.overlay_PersonalCheck_Tab2,
.overlay_BizGeneralPurpose_Tab2,
.overlay_LaserWallet_Tab2,
.overlay_BizLaserChecks_Tab2,
.overlay_BizDeskChecks_Tab2,
.overlay_DepositBusinessPortrait_Tab2,
.overlay_DepositBusinessLandscape_Tab2,
.overlay_GiftCertificate_Tab2,
.overlay_DepositPersonal_Tab2,
.overlay_LaserInvoice_Tab2 {
  position: absolute;
  left: 0;
  top: 0;
  text-indent: -9999px;
  width: 465px;
}

/* ***************  TAB ONE STYLES  ***************** */

.overlay_PersonalCheck_Tab1 {
  background: url(/images/overlay_PersonalCheck_Tab1.png) no-repeat top left;
  height: 214px;
}

.overlay_BizGeneralPurpose_Tab1 { }

.overlay_LaserWallet_Tab1 {
  background: url(/images/checkOverlay_bizLaserWallet_account.png) no-repeat top left;
  height: 219px;
}

.overlay_BizLaserChecks_Tab1 {
  background: url(/images/checkOverlay_BizLaserChecks_accountNumber.png) no-repeat top left;
  height: 210px;
}

.overlay_BizDeskChecks_Tab1 {
  background: url(/images/checkOverlay_BizDeskChecks_accountNumber.png) no-repeat top left;
  height: 210px;
}

/*Since the Deposit Tickets ask for the user to look at their check, we just show a help image, and no preview overlay*/

.overlay_DepositBusinessPortrait_Tab1 {
  background: url(/images/DepositBusiness.png) no-repeat top left;
  height: 600px;
}

.overlay_DepositBusinessLandscape_Tab1 {
  background: url(/images/DepositBusiness.png) no-repeat top left;
  height: 600px;
}

/* ***************  TAB TWO STYLES  ***************** */

.overlay_PersonalCheck_Tab2 {
  background: url(/images/checkOverlay_address.png) no-repeat top left;
  height: 214px;
}

.overlay_BizGeneralPurpose_Tab2 { }

.overlay_LaserWallet_Tab2 {
  background: url(/images/checkOverlay_bizLaserWallet_address.png) no-repeat top left;
  height: 219px;
}

.overlay_BizLaserChecks_Tab2 {
  background: url(/images/images/checkOverlay_BizLaserChecks_address.png) no-repeat top left;
  height: 210px;
}

.overlay_BizDeskChecks_Tab2 {
  background: url(/images/checkOverlay_BizDeskChecks_address.png) no-repeat top left;
  height: 210px;
}

.overlay_DepositBusinessPortrait_Tab2 {
  background: url(/images/DepositBusiness.png) no-repeat top left;
  height: 600px;
}

.overlay_DepositBusinessLandscape_Tab2 {
  background: url(/images/DepositBusiness.png) no-repeat top left;
  height: 600px;
}

.HTMLDescTable { display: none; }

.HTMLDescHeaderTable { display: none; }

.persContactWrapper {
  float: right !important;
  padding-right: 40px;
}

.persBackButton {
  width: 450px;
  margin-top: 15px;
}

.persHelp {
  font-family: lato, Arial, Helvetica, sans-serif;
  margin: 18px 15px 0 15px;
  color: #ffffff;
  float: left;
}

.persHelp a,
.persHelp a:visited {
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
}

.persHelp a:hover { text-decoration: underline; }

.persPhone {
  color: #ffffff;
  font-weight: bold;
  margin: 20px 0 0 0;
  font-size: 14px;
  float: left;
}

div.persUserInfo {
  background-color: #fffee7;
  padding: 10px;
  color: #202028;
  border: solid 1px #999;
  font-size: 14px;
}

.persUserInfo a { color: #0065ac; }

.persUserInfo a:hover { color: #202028; }

.persUserInfo a:visited { color: #0065ac; }

.persLiveChat {
  margin: 20px 0 0 0;
  float: left;
}

.smbtn_green.liveChat { margin-right: 10px; }

.smbtn_green.liveChat span {
  padding-left: 23px;
  background-position: 0 -408px;
}

.smbtn_green.liveChat span:hover {
  padding-left: 23px;
  background-position: 0 -428px;
}

/* personalization inputs */

.requiredField { color: #f00; }

.entryheads {
  font-size: 13px;
  color: #202028;
  font-weight: bold;
  margin-bottom: 10px;
}

a.mil {
  color: #0065ac;
  font-size: 12px;
}

a.mil:hover { color: #202028; }

a.mil:visited { color: #0065ac; }

a.secondary { color: #202028; }

a.secondary:hover { color: #0065ac; }

a.secondary:visited { color: #202028; }

#accountopened { display: block; }

.HTMLDescSpecTable { width: 215px; }

.resetInput_class {
  height: 28px;
  margin: 0 0 15px;
  padding: 3px 0px 3px 3px; /*padding: 0 0 8px 0;*/
  border: 1px solid #dddddd;
}

.dataPrevLabel {
  color: #202028;
  font-size: 12px;
  font-weight: bold;
}

.dataPrevData {
  color: #202028;
  font-size: 12px;
}

#Tab3Previous { float: left; }

.LogoTheChosenOne,
.LogoChooseOne {
  text-align: center;
  height: 100px;
}

.needItFaster {
  font-size: 17px;
  font-weight: bold;
}

.dashboardComponent { padding: 20px 30px 20px 15px; }

.dashboardComponent select { font-size: 12px; }

.dashboardComponentActionable {
  padding: 10px;
  background: url(/images/dashboardEditIcon.png) right top no-repeat;
  text-indent: -9999px;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 40px;
  float: right;
}

.dashboardComponentActionable:hover { background-position: right -60px; }

a.dashboardComponentWrapper.dashboardComponentActionable:hover { border: 2px solid #f00; }

.dashboardComponentWrapper .resetInput_class { margin-bottom: 8px; }

.image_enhanced {
  font-size: 10px;
  color: #777;
  text-align: center;
  margin-top: 10px;
}

.navbar-form .form-control,
.navbar-form .input-group-btn { float: left; }

.checkout-nav-container.navwrapper {
  background-position: 0 -5px;
  height: auto;
}

.help-link-list {
  list-style: none;
  list-style-type: none;
  margin-left: 5px;
}

#fancybox-content form,
#fancybox-content iframe { background: white; }

.quantity-container { padding-left: 0; }

.cart_removelink {
  font-size: 0.85em;
  color: #777;
  margin-bottom: 0;
}

.cart_subtotal,
.cart_subtotal_text { font-weight: bold; }

.cart-product-name {
  font-size: 0.85em;
  margin: 4px 0;
  line-height: 1;
}

.cart_select {
  font-size: 13px;
  font-weight: bold;
}

/*  this is to match what shows when there are multiple selections  */

.table-borderless > thead > tr > th,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > tbody > tr > td,
.table-borderless > tfoot > tr > td { border: 0; }

.p-padding-5 { padding: 5px; }

.check-armor-row label { font-weight: normal; }

.ipr-row p,
.check-armor-row p { margin-bottom: 0; }

.ipr-row div.checkbox { margin-top: 0; }

.table-cart-main {
  border-bottom: solid 2px #d3d3d3;
  margin-bottom: 0;
}

.table-cart-main thead {
  background: #eee;
  border-bottom: solid 1px #d3d3d3;
}

.ship-time-container table { font-size: 0.95em; }

.contact-container h2 { margin-top: 0; }

.contact-container div.panes div { margin-top: 0; }

.contact-container label { margin: 0 0 5px 0; }

.contact-us-tip {
  padding: 7px;
  margin-bottom: 10px;
}

.contact-us-tip h4 { margin-top: 0; }

.contact-us-tip p { margin-bottom: 0; }

.panes .child-pane {
  background-color: #fff;
  border: 1px solid #2e6ca3;
  clear: left;
  float: left;
  margin: 2px 0 0 20px;
  padding: 20px;
  width: 590px;
}

.child-pane.isMobile {
  margin: 0;
  padding: 10px;
  width: 100%;
}

ul.tabs a.w1.current,
ul.tabs a.w2.current,
ul.tabs a.w3.current,
ul.tabs a.w4.current,
ul.tabs a.w5.current { border-bottom-color: #2e6ca3; }

.linkBackWrapper {
  display: inline;
  position: absolute;
  font-size: 1.05rem;
  margin-left: 80px;
  margin-top: -5px;
}

.SelectProducModalSearch .search-btn { padding: 3px 5px; }

.gallery-item.CheckedOverlay {
  background: url(/images/selected_icon.png) right bottom no-repeat #f6ffed;
  border: 1px solid #61bc00;
}

.errorpage {
  padding-top: 20px;
  color: #666;
  font-size: 18px;
  font-weight: 200;
}

.errorpage h1 {
  color: #0062a5;
  font-weight: 400;
  font-size: 28px;
  margin: 0 0 5px 0;
  padding: 0;
  line-height: 1.2;
  text-align: center;
}

.errorpage h2 {
  color: #555;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.1;
}

.errorpage a { font-weight: 400; }

.errorpage ul { list-style-position: inside; }

.errorpage li { line-height: 1.4; }

.errorpage div.fl {
  padding: 15px 0 0 135px;
  width: 80%;
}

.navbar-toggle { /*    border-color: #777;*/ }

.navbar-toggle .icon-bar {
  background-color: #fff; /* Changes regular toggle color */
}

/*  http://webdesign.tutsplus.com/articles/an-introduction-to-the-bem-methodology--cms-19403 */

/* bootstrap overrides */

.btn { border-radius: 5px; }

.btn-primary {
  color: #fff;
  background-color: #f57c0e;
  border-color: #f57c0e;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #f36630;
  border-color: #f36630;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary { background-image: none; }

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #f57c0e;
  border-color: #2e6ca3;
}

.btn-primary .badge {
  color: #f57c0e;
  background-color: #fff;
}

/* generic structural classes */

.text-right { text-align: right; }

.top-spacer { margin-top: 20px; }

.row-highlight {
  background-color: #f2f8fd;
  padding-top: 16px;
  margin-bottom: 20px;
}

/* text styles */

.section-title {
  font-weight: bold;
  margin-top: 0;
}

.secondary-link {
  font-size: 16px;
  font-weight: bold;
}

.secondary-link:hover { text-decoration: none; }

.bucket-title {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.15;
}

.bucket-title span { display: block; }

.bucket-title--lg {
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
}

.bucket-title--lg span {
  font-size: 36px;
  display: block;
}

.bucket-title--primary { color: #444444; }

.bucket-title--primary span { color: #337ab7; }

.bucket-title--primary-light { color: #9ed6fa; }

.bucket-title--primary-light span { color: #337ab7; }

.bucket-title--primary-dark { color: #9ed6fa; }

.bucket-title--primary-dark span { color: #ffffff; }

.bucket-title--danger { color: #bf2e1a; }

.bucket-title--danger span { color: #337ab7; }

.btn__icon { font-size: 0.85em; }

.gallery-item__price {
  color: #337ab7;
  font-weight: bold;
  margin-bottom: 0;
}

.price {
  font-size: 28px;
  font-weight: bold;
  color: #337ab7;
  letter-spacing: -0.04em;
  line-height: 1;
}

.price--sm { font-size: 14px; }

.price--md { font-size: 30px; }

.price--lg { font-size: 40px; }

.price__sup { padding-left: 2px; }

.price__sup,
.price__currency {
  font-size: 0.5em;
  letter-spacing: 0.02em;
  top: -0.65em;
}

/* stick price bar*/

/*
#stick-price {
  background-color: #e0e0e0;
  padding: 10px;
  margin: 0px;
  margin-bottom: 10px;
}

#stick-price-placeholder {
  width: 100%;
}

#stick-price.stick {
  position: fixed;
  top: 0;
  z-index: 10000;
}

.customize-button {
  margin-top: -20px;
}

*/

.gallery-item__title {
  color: #444444;
  font-weight: bold;
  text-transform: capitalize;
  height: 50px;
}

@media screen and (max-width: 480px) {
    .gallery-item__title {
        color: #444444;
        font-weight: bold;
        text-transform: capitalize;
        height: 50px;
        font-size: 8pt;
    }
}

.gallery-item--no-border .gallery-item__title,
.gallery-item--no-border * { text-align: center; }

/* block/element styles */

/* OWL Styles */

.hero-slider {
  height: auto;
  position: relative;
  margin-bottom: 20px;
}

.owl-wrapper-outer { /*float: left;*/ }

.hero-slider .owl-pagination {
  height: 0;
  overflow: visible;
}

.hero-slider .owl-controls {
  position: relative;
  bottom: 30px;
}

.hero-slider__slide {
  width: 100% !important;
  margin: 0;
}

.hero-slider__link {
  position: relative;
  display: inline-block;
  color: #fff;
  font-family: Arial, sans-serif;
  padding: 3px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 2px;
}

.hero-slider__image {
  width: 100%;
  float: left;
  position: relative;
}

.owl-theme .owl-controls .owl-pagination { text-align: center; }

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
  filter: Alpha(Opacity=50); /*IE7 fix*/
  opacity: 0.75;
}

/* Clickable class fix problem with hover on touch devices */

/* Use it for non-touch hover action */

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100); /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline; /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  background-color: #fff;
  margin: 0 8px;
  border-radius: 50%;
  border: 1px solid #ccc;
}

/*.owl-theme .owl-controls .owl-page:last-child span {
  margin-right: 0;
}*/

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span { background: #337ab7; }

.owl-theme .owl-controls div:focus {
  background-color: orange !important;
  transition: background-color linear 0.5s;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100); /*IE7 fix*/
  opacity: 1;
}

.owl-wrapper-outer { float: left; }

.owl-buttons {
  width: 100%;
  height: 0;
  overflow: visible;
  position: absolute;
}

.hero-slider .owl-next,
.hero-slider .owl-prev,
.hero-slider .play-owl {
  top: -250%;
  width: 64px;
  height: 70px;
  -webkit-transform: translate(0, 250%);
  -ms-transform: translate(0, 250%);
  transform: translate(0, 250%);
}

.play-owl {
  position: center;
  margin-left: auto;
  margin-right: auto;
}

.owl-prev {
  position: absolute;
  left: 40px;
  background-image: url("/includes/image-assets/chevron_left.svg");
  background-repeat: no-repeat;
}

.owl-next {
  position: absolute;
  right: 40px;
  background-image: url("/includes/image-assets/chevron_right.svg");
  background-repeat: no-repeat;
}

/* buckets */

.reorder-bucket,
.marketing-bucket {
  border: 2px solid #ececec;
  margin-bottom: 20px;
}

.reorder-bucket {
  background-color: #337ab7;
  height: 200px;
  position: relative;
}

.reorder-bucket__btn {
  position: absolute;
  bottom: 10px;
  right: 23px;
}

.reorder-bucket:before {
  content: " ";
  height: 135px;
  width: 118px;
  top: 10px;
  right: 23px;
  background-image: url("/images/_ui-elements/stopwatch.png");
  background-size: 100%;
  position: absolute;
  z-index: 0;
  background-size: contain;
  background-repeat: no-repeat;
}

.marketing-bucket {
  background-color: transparent;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}

.marketing-bucket--sm,
.marketing-bucket--md,
.marketing-bucket--lg { height: 200px; }

.marketing-bucket--overflow {
  overflow-x: hidden;
  overflow-y: visible;
}

/* I know this seems a little excessive but it's there so we can have the background in the HTML markup
and we don't want it affected by the padding */

.marketing-bucket__content {
  height: 100%;
  padding: 10px 15px;
  position: relative;
}

.marketing-bucket__background {
  position: absolute;
  z-index: 1;
  height: auto;
  width: 100%;
}

.marketing-bucket--overflow .marketing-bucket__background {
  height: auto;
  bottom: 0;
}

.marketing-bucket__link {
  z-index: 2;
  position: absolute;
  bottom: 10px;
  left: 15px;
}

.gallery-item,
.card {
  border: 1px solid #d9d9d9;
  background: #ffffff;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 8px;
}

.gallery-item--no-border,
.card--no-border {
  background-color: transparent;
  border: none;
  padding-bottom: 0;
}

.gallery-item__thumb {
  width: 100%;
  height: auto;
}

.star-rating__star { color: #c9c8c8; }

.star-rating[data-rating="1"] .star-rating__star:nth-child(-n + 1) { color: #ffc100; }

.star-rating[data-rating="2"] .star-rating__star:nth-child(-n + 2) { color: #ffc100; }

.star-rating[data-rating="3"] .star-rating__star:nth-child(-n + 3) { color: #ffc100; }

.star-rating[data-rating="4"] .star-rating__star:nth-child(-n + 4) { color: #ffc100; }

.star-rating[data-rating="5"] .star-rating__star:nth-child(-n + 5) { color: #ffc100; }

.pagination-container { margin-top: 20px; }

.pagenumber_clicked,
.pagenumber_link,
a.pagenumbering_text {
  display: inline-block;
  margin-left: 8px;
  font-size: 16px;
  vertical-align: middle;
  border-radius: 4px;
}

.pagenumber_clicked,
.pagenumber_link {
  padding: 2px 7px 4px;
  border: 1px solid transparent;
  background: 0 0;
  color: #337ab7;
  line-height: 1;
  text-align: center;
}

a.pagenumbering_text {
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  background: #fff;
  color: #337ab7;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 3px;
  font-size: 1.4em;
  font-weight: 700;
}

.pagenumber_clicked {
  border-color: #76c143;
  background: #76c143;
  color: #fff;
}

.pagenumber_link:hover,
a.pagenumbering_text:hover {
  border-color: #d9d9d9;
  color: #337ab7;
  outline: 0;
  text-decoration: none;
}

.pagenumber_clicked:hover {
  text-decoration: none;
  color: white;
}

a.pagenumbering_text:hover,
a.pagenumbering_text:focus {
  border-color: #3da1e0;
  background: #3da1e0;
  color: #fff;
  outline: 0;
}

.product-container {
  min-height: 300px;
  overflow: hidden;
  margin-bottom: 20px;
}

.product-container a:hover,
.product-container a:focus { text-decoration: none; }

.pdp-price { font-size: 28px; }

.pdp-price sup { font-size: 16px; }

.pdp--h1 {
  margin-top: 10px;
  font-size: 28px;
  font-weight: 700;
}

.pdp--options-container { padding: 20px; }

.pdp--options-container label {
  border: 3px solid #919191;
  border-radius: 10px;
  padding: 10px;
  display: block;
}

.pdp--options-container label.opt_selected { border-color: #f57c0e; }

.pdp--options-container label .product_option_price,
.pdp--options-container label .option_name {
  color: #757575 !important;
  float: right;
}

.pdp--options-container label .product_option_price .price { color: var(--header-color) !important; }

.pdp--options-container label.opt_selected .product_option_price .price { color: var(--header-color) !important; }

.pdp--options-container label.opt_selected .option_name { color: #000 !important; }

.pdp--options-container label.opt_has_savings .option_description { margin-top: 12px; }

.pdp--options-container label.opt_has_savings .option_button { margin-top: 20px; }

.pdp--options-container label.opt_no_quantity .option_description { margin-top: 8px; }

.pdp--options-container
label.opt_no_quantity.opt_has_savings
.option_description { margin-top: 18px; }

.pdp--section-head {
  font-size: 20px;
  font-weight: 700;
  margin-top: 0;
}

.pdp--btn-wrap { padding: 0 0 20px 20px; }

.pdp--notincluded {
  color: #666;
  font-size: 12px;
  margin-left: 20px;
}

.CheckSecurityContainer h4,
.CheckSecurityContainer .CheckSecurityLogo {
  display: inline-block;
  vertical-align: baseline;
}

.CheckSecurity ul { padding-left: 20px; }

#divProductOptsPrice { padding: 20px; }

.product-description { margin-top: 30px; }

.product-description h3 {
  font-size: 24px;
  font-weight: 700;
}

.pers--h1 { font-size: 24px; }

#fonts label {
  margin-right: 15px;
  margin-left: 5px;
}

/* Category Flags */

.flag-cat-special-offer {
  position: relative;
  float: left;
  margin-top: -85px;
}

/* from WM style guide */

.wmflag {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  float: left;
  clear: both;
  height: 16px;
  padding: 0 10px;
  border-radius: 0 50px 50px 0;
  background: #337ab7;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.wmflag-alt {
  float: right;
  height: 24px;
  padding: 0 6px 0 10px;
  border-radius: 50px 0 0 50px;
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
}

.wmflag-link {
  float: left;
  padding: 0 0 0 5px;
  font-size: 12px;
  line-height: 16px;
}

.wmflag-outline { position: relative; }

.wmflag-outline:before {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border: 3px solid rgba(255, 255, 255, 0.7);
  border-radius: 0 50px 50px 0;
}

.wmflag-outline.flag-alt:before { border-radius: 50px 0 0 50px; }

.wmflag-clearance { background: #ffb700; }

.wmflag-rollback { background: #f42121; }

.wmflag-bestseller { background: #f57c0e; }

.wmflag-reduced { background: #337ab7; }

/* ******* */

.mobile_only { display: none; }

/* Custom Cart Buttons*/

.cart_item_actions .divEditCustomize a {
  color: #fff;
  background-color: #337ab7;
  border: 1px solid #337ab7;
  width: 150px;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border-radius: 4px;
}

.cart_item_actions .divEditCustomize a:hover {
  background-color: #0070b2;
  border-color: #0070b2;
}

.cart_item_actions .divEditCustomize a img { display: none; }

.cart_item_actions .divEditCustomize a:before { content: "Edit Item"; }

.cart_item_actions .cart_item_btn_remove { margin-bottom: 16px; }

.cart_item_actions .cart_item_btn_remove a p {
  width: 150px !important;
  text-transform: capitalize;
  text-decoration: none;
  margin-top: 8px;
  cursor: pointer;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  color: #2e6ca3;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}

.cart_item_actions .cart_item_btn_remove p:hover {
  background-color: #fff;
  border-color: #337ab7;
}

/* media queries */

@media (max-width: 1199px) {
  .hero-slider .owl-next,
  .hero-slider .owl-prev,
  .hero-slider .play-owl {
    top: -205%;
    -webkit-transform: translate(0, 205%);
    -ms-transform: translate(0, 205%);
    transform: translate(0, 205%);
  }

  .bucket-title { font-size: 17px; }

  .reorder-bucket__btn {
    position: initial;
    display: block;
  }

  .bucket-title--lg { font-size: 27px; }

  .bucket-title--lg span { font-size: 31px; }

  .marketing-bucket--sm { height: 159px; }

  .marketing-bucket--md { height: 180px; }

  .marketing-bucket--overflow .marketing-bucket__background {
    height: auto;
    bottom: 0;
  }

  .reorder-bucket:before { width: 90px; }

  .choose-design .gallery-item { min-height: 400px; }

  .gallery-item.gallery-item--no-border { min-height: 0px; }
}

@media (max-width: 991px) {
  .hero-slider .owl-next,
  .hero-slider .owl-prev,
  .hero-slider .play-owl {
    top: -205%;
    -webkit-transform: translate(0, 155%);
    -ms-transform: translate(0, 155%);
    transform: translate(0, 155%);
  }

  .reorder-bucket__btn {
    display: inline-block;
    position: initial;
  }

  .marketing-bucket__background {
    height: 100%;
    width: auto;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .marketing-bucket--overflow .marketing-bucket__background {
    height: auto;
    bottom: 0;
  }

  .reorder-bucket { height: auto; }

  .reorder-bucket:before {
    width: 65px;
    left: 15px;
  }

  .reorder-bucket .marketing-bucket__content { margin-left: 85px; }

  .reorder-bucket__btn { position: initial; }
}

@media (max-width: 750px) {
  /** MOBILE CART **/
  body { width: 100%; }

  .mobile_only {
    display: block !important; /* o-r */
  }

  .mobile_hide {
    display: none !important; /* o-r */
  }

  .hero-slider .owl-next,
  .hero-slider .owl-prev,
  .hero-slider .play-owl { display: hidden; }

  .navbar-brand { padding: 2px 0 0 6px; }

  table.cart {
    border-collapse: separate;
    border-spacing: 5px;
    padding: 2px;
    border: 1px solid #ccc !important;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.11);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.11);
  }

  table.cart tr {
    display: table;
    width: 100%;
  }

  table.cart td { display: table-row; }

  table.cart_header { display: none; }

  .divEditCustomizeMain { margin-bottom: 20px; }

  .cart_mob_item_name {
    clear: both;
    font-size: 1.4em;
    font-weight: bold;
    text-align: left;
  }

  .cart_item_img_name p { display: none; }

  .cart_item_img_name { float: left; }

  .cart_item_actions { float: right; }

  .cart_item_sep { display: none !important; }

  /*
  table.cart .cart_item_sep {
    border-bottom: 1px solid #e0e0e0;
  }

  .cart_item_sep:first-child {
    display: none !important;
  }
  */

  table.cart .cart_item_shipping_title,
  table.cart .cart_item_qty_title {
    padding-top: 20px;
    font-size: 1.23em;
  }

  table.cart .cart_item_shipping,
  table.cart .cart_item_qty { }

  table.cart .cart_item_shipping input[type="radio"] { margin-right: 5px; }

  table.cart .cart_item_shipping_subtotal { display: inline !important; }

  table.cart .cart_item_product { text-align: center; }

  table.cart .cart_item_product p {
    width: 100% !important; /* o-r */
  }

  table.cart_totals { margin-top: 25px; }

  .cart_btns_utils {
    float: left;
    width: 200px;
  }

  .cart_btns_utils a { width: 200px; }

  .cart_info_checks { margin-top: 20px; }
}

@media screen and (max-width: 320px) {
  .title_cart { font-size: 30px; }

  table.cart .cart_item_shipping label { font-size: 0.75em; }

  .cart_item_actions .divEditCustomize a { width: 120px; }

  .cart_item_actions .cart_item_btn_remove a p {
    width: 120px !important;
    font-size: 12px;
    padding: 8px 6px;
  }
}

/*:not(.lt-ie9) {*/

.custom-radio [type="radio"] {
  border: 0;
  visibility: hidden;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.custom-checkbox [type="checkbox"] {
  border: 0;
  visibility: hidden;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.custom-radio__btn,
.custom-checkbox__btn {
  float: left;
  margin-top: 9px;
  vertical-align: sub;
}

/*    .custom-radio [type="radio"] + .custom-radio__btn {
      vertical-align: -0.45em;
    }

    .custom-checkbox [type="checkbox"] + .custom-checkbox__btn {
      vertical-align: -0.8em;
    }*/

.custom-radio .custom-radio__label {
  font-size: 20px;
  font-weight: 400;
}

/* the basic, unchecked style */

.custom-radio [type="radio"] + .custom-radio__btn::before {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  border: 0.15em solid #fff;
  box-shadow: 0 0 0 0.125em #b7c6ce;
  margin-right: 0.75em;
  transition: 0.5s ease all;
}

.custom-checkbox [type="checkbox"] + .custom-checkbox__btn {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background-color: #fff;
  border-radius: 0.2em;
  border: 0.15em solid #fff;
  box-shadow: 0 0 0 0.125em #b7c6ce;
  margin-right: 0.75em;
  transition: 0.5s ease all;
}

.custom-checkbox [type="checkbox"] + .custom-checkbox__btn::before {
  content: "\e013";
  color: #fff;
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  transform: translate(-50%, -51%);
  top: 53%;
  left: 50%;
  font-size: 1em;
  transition: 0.5s ease all;
}

.custom-radio [type="radio"]:not(:checked):hover + .custom-radio__btn::before { background: #e9e9e9; }

.custom-checkbox
[type="checkbox"]:not(:checked):hover + .custom-checkbox__btn::before {
  content: "\e013";
  color: #e9e9e9;
}

.custom-radio [type="radio"]:not(:checked):active + .custom-radio__btn::before {
  box-shadow: 0 0 0 0.125em #b7c6ce;
  border-width: 0.25em;
}

/* the checked style using the :checked pseudo class */

.custom-radio [type="radio"]:hover + .custom-radio__btn::before,
.custom-radio [type="radio"]:checked:hover + .custom-radio__btn::before { box-shadow: 0 0 0 0.125em #f57c0e; }

.custom-checkbox [type="checkbox"]:hover + .custom-checkbox__btn,
.custom-checkbox [type="checkbox"]:checked:hover + .custom-checkbox__btn { box-shadow: 0 0 0 0.125em #71b0e0; }

/* the checked style using the :checked pseudo class */

.custom-radio [type="radio"]:checked + .custom-radio__btn::before {
  content: "\002714";
  -webkit-text-fill-color: rgba(255, 255, 255, 1);
  -webkit-opacity: 1;
  font-size: 14px;
  line-height: 16px;
  display: block;
  text-align: center;
  color: #fff;
  border-color: #f57c0e;
  background: #f57c0e;
  box-shadow: 0 0 0 0.125em #f57c0e;
}

.custom-checkbox [type="checkbox"]:checked + .custom-checkbox__btn::before {
  content: "\e013";
  color: #2967a2;
}

/*}*/

#divTotals .row { margin: 0 -10px; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/** Personalization Page (InfoEntryIII.aspx) **/

.stMain ul.tabAnchor li a {
  text-align: center;
  padding: 7px 0;
}

.check-preview__overlay { position: relative; }

/* This naming after .checks-preview__overlay-- refers to 'bizpers + tabindex' around line 289 in infoEntryIII.aspx */

.check-preview__overlay--personal0:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  height: 100%;
  width: 100%;
  background: url(/images/overlay_PersonalCheck_Tab1.png) no-repeat;
  background-size: contain;
}

.check-preview__overlay--personal1:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  height: 100%;
  width: 100%;
  background: url(/images/overlay_PersonalCheck_Tab2.png) no-repeat;
  background-size: contain;
}

/*Use this class if needs to add overlay image in business checks and add a background to it */

.check-preview__overlay--business0:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  height: 100%;
  width: 100%;
  background-size: contain;
}

.checkImage {
  display: table;
  margin: 0 auto;
}

input.InfoEntryInput { width: 100%; }

input.errorInput { width: 100%; }

.form-group select.resetInput_class { width: 100%; }

.form-group select.errorInput { width: 100%; }

.infolink {
  color: #337ab7;
  text-decoration: underline;
  cursor: pointer;
}

/** Product Detail Page (product.aspx), (/includes/CrossSellArea.ascx), (/includes/ProductOptionSelector.ascx) **/

.crosssell--container .crossSellItem {
  width: 165px;
  min-height: 225px;
  display: inline-flex;
  margin: 10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 15px 10px;
  float: left;
}

img.pdp-image__style {
  border: 1px solid #ccc !important;
  border-radius: 5px;
  margin: 10px 0;
  width: 90%;
}

@media screen and (max-width: 768px) {
  img.pdp-image__style { width: 100%; }
}

a.pdp-image__thumb {
  display: inline-block;
  zoom: 1;
  *display: inline;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin: 5px 3px;
}

a.pdp-image__thumb:hover { border: 1px solid #76c143; }

table.product_options span.headerTxt {
  font-size: 16px;
  font-weight: 700;
}

table.product_options .radio-button__duplicate {
  width: 35%;
  float: left;
}

.modal-header { border: none; }

a.personal-HS-modal {
  background: url(/images/modal_launch_graphic_pers.jpg) no-repeat;
  height: 88px;
  width: 395px;
  display: block;
  text-indent: -9999px;
}

a.personal-HS-modal:hover { background-position: 0 -88px; }

a.business-HS-modal {
  background: url(/images/modal_launch_graphic_biz.jpg) no-repeat;
  height: 88px;
  width: 395px;
  display: block;
  text-indent: -9999px;
}

a.business-HS-modal:hover { background-position: 0 -88px; }

/* Payment.aspx */

input[type="image"].edit-info {
  float: right;
  width: 50px;
  height: 32px;
  background: url(/images/edit-orange.png) no-repeat;
  cursor: pointer;
  cursor: hand;
}

span.checkout-heading {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 10px 0;
}

.embed-responsive-item {
  width: 100%;
  min-height: 670px;
  margin: 15px;
}

.payment-block {
  margin: 10px 0 20px 0;
  border-bottom: 1px solid #eee;
}

/* the following override hides the uservoice widget from mobile breakpoints */

@media screen and (max-width: 480px) {
  #uvTab { display: none !important; }
}

/** Employee Page (walmart_employee.aspx)  **/

img.full-width { width: 100%; }

@media (min-width: 768px) {
  .navbar {
    border-radius: 0;
    margin-bottom: 0;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
  }
}

.navbar-nav {
  float: none;
  margin: 0;
  display: flex;
  align-items: flex-start;
}

/* TODO: Make mobile first */

@media (max-width: 768px) {
  .navbar-nav {
    margin: 0;
    text-align: left;
    background: var(--blue-background);
    flex-direction: column;
    width: 100%;
    border-bottom: 1px solid #e3e4e5;
    padding-bottom: 12px;
  }

  .navbar-nav > li > a {
    color: var(--default-text);
    font-size: 18px;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden;
  }

  .navbar-brand { padding: 0; }

  .navbar-nav span.caret {
    color: #fff;
    margin-left: 4px;
    display: inline-block;
  }

  .nav > li:hover,
  .nav > li:focus { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

  .nav.navbar-right > li:hover,
  .nav.navbar-right > li:focus { box-shadow: none; }

  .nav > li:hover > a { color: #3da1e0; }

  .nav > li > a:hover,
  .nav > li > a:focus {
    color: #3da1e0;
    background: transparent;
  }

  .nav .open > a,
  .nav .open > a:hover,
  .nav .open > a:focus { background: transparent; }

  .navbar-nav .open .dropdown-menu { text-align: left; }

  .nav > li:hover,
  .nav > li:focus { box-shadow: none; }

  .dropdown-menu.two-column { min-width: inherit; }

  .pdp--h1 { margin-top: 0; }
}

#footer { margin-top: 0; }

/* Choose a Check Design modal from reorder-edit page (ProductLine.ascx) */

.choose-design .gallery-item { min-height: 445px; }

@media screen and (max-width: 768px) {
  .choose-design .gallery-item { min-height: 425px; }
}

@media screen and (max-width: 551px) {
  .choose-design .gallery-item { min-height: 331px; }
}

@media screen and (max-width: 400px) {
  .choose-design .gallery-item { min-height: 270px; }
}

/* CharacterTray.aspx */

.paper-people-repeater {
  width: 140px;
  display: inline-block;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  padding: 8px;
  margin: 5px;
}

.paper-people-label {
  font-size: 12px;
  text-align: center;
}

.paper-people-repeater img {
  padding: 5px;
  height: 100px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.paper-people-repeater select {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.paper-people-float {
  right: 0;
  transform: translateZ(0);
}

.approve-box {
  width: 350px;
  padding: 15px;
  margin: 25px 0;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #efefef;
}

.preview-text {
  width: 450px;
  margin-top: 20px;
}

.preview-text p {
  font-size: 12px;
  font-style: italic;
}

.paper-people-section { margin: 15px 0; }

.paper-people-section img { vertical-align: top; }

.paper-people-section img { vertical-align: top; }

.navbar {
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  min-height: 40px;
}

.site-switcher-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

.site-switcher-container img { vertical-align: bottom; }

.site-switcher-container:hover,
.site-switcher-container:focus { box-shadow: none !important; }

.site-switcher-text {
  color: var(--site-top-menu-color-text);
  font-size: 16px;
  font-weight: 400;
  padding-right: 8px;
}

@media screen and (max-width: 768px) {
  .site-switcher-container { width: 100%; }

  .site-switcher-container a {
    display: flex !important;
    align-items: center;
    width: 100%;
    text-decoration: none;
    gap: 20px; /* Adds consistent spacing between flex items */
  }

  .menu-link {
    flex: 0 0 auto; /* Prevents flex items from growing or shrinking */
  }

  .site-switcher-text {
    color: var(--default-text);
    font-size: 16px;
    font-weight: 400;
    padding-left: 0;
    padding-right: 0;
  }

  .menu-link {
    margin-left: auto; /* Pushes the menu-link to the right */
  }

  .menu-link img { vertical-align: middle; }
}

.flex-auto { flex: 1; }

.search-form {
  width: 100%;
  margin: 0 auto;
}

  .search-form .search-input::placeholder {
    color: var(--base-subtle);
  }

.search-wrapper {
  position: relative;
  width: 100%;
}

.search-input {
  width: 100%;
  font-size: 16px;
  border: 0;
  border-radius: 25px;
  outline: none;
  transition: border-color 0.3s ease;
  line-height: 16px;
  height: 36px;
  color: #000000;
  padding: 4px 4px 4px 20px;
}

.search-input:focus, .search-input:focus-visible {
  outline: 2px solid #015ECC;
  outline-offset: -3px;
}

.search-button {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  border-radius: 100%;
  cursor: pointer;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.search-button:focus, .search-button:focus-visible { outline: 2px solid #015ECC; }

.search-icon {
  fill: white;
  height: 26px;
  width: 26px;
}

/* Navbar overrides for new look */

.navbar-nav > li > a {
  padding: 6px 12px;
  height: 30px;
}

.navbar-nav > li { height: 100%; }

#navbar-collapse-1.collapse.in { display: flex; }

#navbar-collapse-1.collapse { display: none; }

@media screen and (max-width: 768px) {
  #navbar-collapse-1 { background-color: var(--header-color); }

  #navbar-collapse-1 #drop1-ul,
  .mobile-search-row {
    width: 100%;
    margin-left: 0;
  }
}

.top-nav-mobile {
  display: grid;
  grid-template-columns: auto 1fr auto; /* Left menu, center logo, right cart */
  align-items: center;
  width: 100%;
  padding: 0 15px;
}

.top-nav-mobile #mobile-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
  border: none;
  background: transparent;
  margin-left: -10px;
}

.top-nav-mobile #mobile-logo {
  justify-self: center;
  display: flex;
  align-items: center;
}

#mobile-logo img {
  height: 14px;
  width: 100%;
}

.top-nav-mobile {
  display: grid;
  grid-template-columns: auto 1fr auto; /* Left menu, center logo, right cart */
  align-items: center;
  width: 100%;
  padding: 0 15px;
}

#cart-panel { background: url('/includes/image-assets/icon-cart.svg') no-repeat left top; }

#cart-panel-mobile a,
#cart-panel a {
  text-decoration: none;
  display: block;
  text-align: center;
  line-height: 16px;
  font-size: 8px;
}

#cart-panel-mobile .cart-count-container,
#cart-panel .cart-count-container {
  display: inline-block;
  background: #FEC200;
  font-size: 12px;
  color: #2E2F32;
  border-radius: 8px;
  font-weight: 700;
  position: relative;
  top: -10px;
  left: 8px;
  border: 1px solid #662B0D;
  line-height: 15px;
  min-width: 16px;
  padding: 0 4px;
  white-space: nowrap;
  height: auto;
  width: auto;
}

#cart-panel-mobile .cart-amount,
#cart-panel .cart-amount {
  display: block;
  font-size: 8pt;
  color: #fff;
}

/* Hamburger menu icon bars */

.top-nav-mobile #mobile-menu .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: #fff;
  margin: 2px 0;
}

/* Hide screen reader text but maintain accessibility */

.top-nav-mobile #mobile-menu .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.top-nav-mobile #mobile-logo {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.inner-container { height: 100%; }

.navbar .fa-caret-down {
  font-size: 12px;
  vertical-align: top;
  margin-top: 4px;
}

.mini-menu a {
  font-size: 16px !important;
  font-weight: 200 !important;
}

.mini-menu-border {
  padding: 12px 0;
  margin: 12px 0;
  border-top: 1px solid #e3e4e5;
  border-bottom: 1px solid #e3e4e5;
}

.mini-menu .icon-custom {
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
  padding-right: 8px;
}

.menu-link {
  padding-right: 10px;
  padding-left: 10px;
  padding: 3px var(--container-padding, 10px);
  gap: 12px;
  border-radius: 100px;
  border: 1px solid var(--walmart-blue, var(--header-color));
  background: var(--switcher-background-color, var(--header-color));
}

.main-top-spacer { margin-top: 24px; }

#Form1 { margin-bottom: 72px; }

.footer-divider {
  margin: 0;
  color: #e3e4e5;
}

/* TODO: Refactor to mobile first */
/* Mobile */
@media (max-width: 768px) {
  /* More bootstrap overrides. Mobile menu bottom border. */
  #top-nav .open > a {
    border-color: transparent;
  }
  .footer-group {
    margin: 24px 16px 0 16px;
    padding: 0;
  }
  #drop1-ul > li { width: 100%; }

  .site-switcher-container {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}

.footer-group { margin: 24px 0 0 0; }

.checkout_header_container { background-color: var(--header-color); }

.walmart-back-link:hover { text-decoration: none; }

.site-switcher-container .menu-link img { height: 16px; }

.product-container {
  min-height: 300px;
  overflow: hidden;
  margin-bottom: 20px;
}

/*  5 columns  */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-5ths {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}

/* Desktop */
@media (min-width: 768px) {
  .header-container {
    border-bottom: 1px solid var(--minimum-contrast);
  }
  #top-nav .dropdown-toggle:hover, #top-nav .dropdown-toggle:focus {
    background-color: var(--menu-background-hover);
  }
  .site-switcher-container .menu-link {
	  display: flex;
	  padding-top: 6px;
	  padding-bottom: 6px;
  }
  .header-top-menu-container {
    padding-left: 0;
  }
}

/* Fix for 768px */

@media (min-width: 768px) and (max-width: 768px) {
  footer,
  #footer,
  .footer-head,
  .footer-head a,
  #footer ul li a {
    background-color: var(--footer-color);
    color: #fff;
  }

  .navbar-nav {
    float: none;
    margin: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    border: none;
    padding-bottom: 0;
  }

    .navbar-nav > li > a {
      display: flex;
      align-items: center;
      color: var(--site-top-menu-color-text);
      font-size: 16px;
    }

  #top-nav .nav > li { width: auto; }

  #top-nav .dropdown-toggle:hover, #top-nav .dropdown-toggle:focus {
    background-color: var(--menu-background-hover);
  }

  .site-switcher-text {
    color: var(--site-top-menu-color-text);
    font-size: 16px;
    font-weight: 400;
    padding-right: 8px;
  }
  
  .dropdown-menu.two-column { min-width: 460px; }

  .mobile-search-row { display: none; }

  .header-container { height: 103px; }

  .inner-container { padding: 0 15px; }

  .site-switcher-container a { gap: 0; }

  .site-switcher-container {
    margin-top: 0;
    margin-bottom: 0;
  }

  .header-mobile { display: none; }

  .header-top-menu {
    background-color: var(--site-top-menu-color);
    width: 100%;
    height: 44px;
  }

  #drop1-ul { background-color: var(--site-top-menu-color); }
}

.underline {
  text-decoration: underline;
}

.infoentry-footer-bg {
  background-color: var(--blue-background);
}

.reorder-information {
    width: 350px;
    font-size: 14px;
}

.reorder-information::placeholder {
    max-width: 35ch; /* Limits placeholder text to 35 characters */
}

@media screen and (max-width: 480px) {
    .reorder-information {
        width: 200px;
        font-size: 14px;
    }
}

.privacychoices {
    display: inline;
    height: 14px;
    width: 29px;
    padding-right: 1px;
    vertical-align: top;
    margin-top: 4px;
}

.privacychoicesmobile {
    display: none;
    height: 14px;
    width: 29px;
    padding-right: 1px;
    vertical-align: top;
    margin-top: 4px;
}

@media (max-width: 767px) {
    .privacychoices {
        display: none;
    }

    .privacychoicesmobile {
        display: inline;
    }
}