/*
10px = 1em 
legal   : 11px = 1.1em = 1.4 - 0.3
base  : 14px = 1.4rem = 1.4 
medium  : 18px = 1.8em = 1.4 + 0.4
husky   : 24px = 2.4em = 1.4 + 1
large   : 30px = 3.0em = 1.4 + 1.6
xlarge  : 36px = 3.6em = 1.4 + 2.2
jumbo   : 44px = 4.4em = 1.4 + 3
xtreme  : 60px = 6em = 1.4 + 4.6

*/
/* TABLE OF CONTENTS */
/*

// flex box styles
// background colors
// text colors
// text alignment
// standard text size w/ line height
// standard text size
// text styles
// font variants
// line height
// spacing - standards of padding
	// top padding
	// right padding
	// bottom padding
	// left padding
	// pad all sides
	// pad right/left
	// pad top/bottom
// spacing - standard margins
	// top margin
	// right margin
	// bottom margin
	// left margin
	// margin all sides
	// margin right/left
	// margin top/bottom
// positioning
// floats
// rotation
// borders
	// border colors
	// standard border
// state
// rounded corners
// icon fonts

*/
.u__flex, .grid, .row-header, .bttn,
input.bttn, .bttn .bttn__content,
input.bttn .bttn__content, .bttn--primary,
input.bttn--primary, .bttn--primary .bttn__content,
input.bttn--primary .bttn__content, .bttn--primary.disabled,
input.bttn--primary.disabled, .bttn--primary.disabled .bttn__content,
input.bttn--primary.disabled .bttn__content, .bttn--primary--specialty,
input.bttn--primary--specialty, .bttn--primary--specialty .bttn__content,
input.bttn--primary--specialty .bttn__content, .bttn--primary--specialty.disabled,
input.bttn--primary--specialty.disabled, .bttn--primary--specialty.disabled .bttn__content,
input.bttn--primary--specialty.disabled .bttn__content, .bttn--primary--small,
input.bttn--primary--small, .bttn--primary--small .bttn__content,
input.bttn--primary--small .bttn__content, .bttn--primary--small.disabled,
input.bttn--primary--small.disabled, .bttn--primary--small.disabled .bttn__content,
input.bttn--primary--small.disabled .bttn__content, .bttn-outline,
input.bttn-outline, .bttn-outline .bttn__content,
input.bttn-outline .bttn__content, .bttn-outline--primary,
input.bttn-outline--primary, .bttn-outline--primary .bttn__content,
input.bttn-outline--primary .bttn__content, .bttn-outline--primary.disabled,
input.bttn-outline--primary.disabled, .bttn-outline--primary.disabled .bttn__content,
input.bttn-outline--primary.disabled .bttn__content, .bttn-outline--dark,
input.bttn-outline--dark, .bttn-outline--dark .bttn__content,
input.bttn-outline--dark .bttn__content, .bttn-outline--dark.disabled,
input.bttn-outline--dark.disabled, .bttn-outline--dark.disabled .bttn__content,
input.bttn-outline--dark.disabled .bttn__content, .bttn--cta,
input.bttn--cta, .bttn--cta .bttn__content,
input.bttn--cta .bttn__content, .bttn--remove, input.bttn--remove, .bttn--remove .bttn__content, input.bttn--remove .bttn__content, .bttn--filter, input.bttn--filter, .bttn--filter .bttn__content, input.bttn--filter .bttn__content, .bttn--moveto, input.bttn--moveto, .bttn--moveto .bttn__content, input.bttn--moveto .bttn__content, .bttn--link, input.bttn--link, .bttn--link .bttn__content, input.bttn--link .bttn__content, .alert, .alert-inline, .headerMyAccount__button, .headerStoreFinder__button, .footerEmailSignup__controlGroup, .bttn--atc, .bttn--atc .bttn__content, .bttn--atc.disabled, input.bttn--atc.disabled, .bttn--atc.disabled .bttn__content, input.bttn--atc.disabled .bttn__content {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  -moz-box-pack: justify;
  display: -webkit-box;
  -webkit-box-pack: justify;
  -ms-box-pack: justify;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  display: flex;
  box-pack: justify;
}

.bttn,
input.bttn, .bttn .bttn__content,
input.bttn .bttn__content, .bttn--primary,
input.bttn--primary, .bttn--primary .bttn__content,
input.bttn--primary .bttn__content, .bttn--primary.disabled,
input.bttn--primary.disabled, .bttn--primary.disabled .bttn__content,
input.bttn--primary.disabled .bttn__content, .bttn--primary--specialty,
input.bttn--primary--specialty, .bttn--primary--specialty .bttn__content,
input.bttn--primary--specialty .bttn__content, .bttn--primary--specialty.disabled,
input.bttn--primary--specialty.disabled, .bttn--primary--specialty.disabled .bttn__content,
input.bttn--primary--specialty.disabled .bttn__content, .bttn--primary--small,
input.bttn--primary--small, .bttn--primary--small .bttn__content,
input.bttn--primary--small .bttn__content, .bttn--primary--small.disabled,
input.bttn--primary--small.disabled, .bttn--primary--small.disabled .bttn__content,
input.bttn--primary--small.disabled .bttn__content, .bttn-outline,
input.bttn-outline, .bttn-outline .bttn__content,
input.bttn-outline .bttn__content, .bttn-outline--primary,
input.bttn-outline--primary, .bttn-outline--primary .bttn__content,
input.bttn-outline--primary .bttn__content, .bttn-outline--primary.disabled,
input.bttn-outline--primary.disabled, .bttn-outline--primary.disabled .bttn__content,
input.bttn-outline--primary.disabled .bttn__content, .bttn-outline--dark,
input.bttn-outline--dark, .bttn-outline--dark .bttn__content,
input.bttn-outline--dark .bttn__content, .bttn-outline--dark.disabled,
input.bttn-outline--dark.disabled, .bttn-outline--dark.disabled .bttn__content,
input.bttn-outline--dark.disabled .bttn__content, .bttn--cta,
input.bttn--cta, .bttn--cta .bttn__content,
input.bttn--cta .bttn__content, .bttn--remove, input.bttn--remove, .bttn--remove .bttn__content, input.bttn--remove .bttn__content, .bttn--filter, input.bttn--filter, .bttn--filter .bttn__content, input.bttn--filter .bttn__content, .bttn--moveto, input.bttn--moveto, .bttn--moveto .bttn__content, input.bttn--moveto .bttn__content, .bttn--link, input.bttn--link, .bttn--link .bttn__content, input.bttn--link .bttn__content, .bttn--atc, .bttn--atc .bttn__content, .bttn--atc.disabled, input.bttn--atc.disabled, .bttn--atc.disabled .bttn__content, input.bttn--atc.disabled .bttn__content {
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.bttn,
input.bttn, .bttn .bttn__content,
input.bttn .bttn__content, .bttn--primary,
input.bttn--primary, .bttn--primary .bttn__content,
input.bttn--primary .bttn__content, .bttn--primary.disabled,
input.bttn--primary.disabled, .bttn--primary.disabled .bttn__content,
input.bttn--primary.disabled .bttn__content, .bttn--primary--specialty,
input.bttn--primary--specialty, .bttn--primary--specialty .bttn__content,
input.bttn--primary--specialty .bttn__content, .bttn--primary--specialty.disabled,
input.bttn--primary--specialty.disabled, .bttn--primary--specialty.disabled .bttn__content,
input.bttn--primary--specialty.disabled .bttn__content, .bttn--primary--small,
input.bttn--primary--small, .bttn--primary--small .bttn__content,
input.bttn--primary--small .bttn__content, .bttn--primary--small.disabled,
input.bttn--primary--small.disabled, .bttn--primary--small.disabled .bttn__content,
input.bttn--primary--small.disabled .bttn__content, .bttn-outline,
input.bttn-outline, .bttn-outline .bttn__content,
input.bttn-outline .bttn__content, .bttn-outline--primary,
input.bttn-outline--primary, .bttn-outline--primary .bttn__content,
input.bttn-outline--primary .bttn__content, .bttn-outline--primary.disabled,
input.bttn-outline--primary.disabled, .bttn-outline--primary.disabled .bttn__content,
input.bttn-outline--primary.disabled .bttn__content, .bttn-outline--dark,
input.bttn-outline--dark, .bttn-outline--dark .bttn__content,
input.bttn-outline--dark .bttn__content, .bttn-outline--dark.disabled,
input.bttn-outline--dark.disabled, .bttn-outline--dark.disabled .bttn__content,
input.bttn-outline--dark.disabled .bttn__content, .bttn--cta,
input.bttn--cta, .bttn--cta .bttn__content,
input.bttn--cta .bttn__content, .bttn--remove, input.bttn--remove, .bttn--remove .bttn__content, input.bttn--remove .bttn__content, .bttn--filter, input.bttn--filter, .bttn--filter .bttn__content, input.bttn--filter .bttn__content, .bttn--moveto, input.bttn--moveto, .bttn--moveto .bttn__content, input.bttn--moveto .bttn__content, .bttn--link, input.bttn--link, .bttn--link .bttn__content, input.bttn--link .bttn__content, .alert, .alert-inline, .bttn--atc, .bttn--atc .bttn__content, .bttn--atc.disabled, input.bttn--atc.disabled, .bttn--atc.disabled .bttn__content, input.bttn--atc.disabled .bttn__content {
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.list__item--center, .row-header__title {
  text-align: center;
}

.leaded.u__jumbo {
  font-size: 4.4rem;
  line-height: 42px;
}

.leaded.u__xlarge {
  font-size: 3.6rem;
  line-height: 42px;
}

.leaded.u__large {
  font-size: 3rem;
  line-height: 34px;
}

.leaded.u__husky {
  font-size: 2.4rem;
  line-height: 27px;
}

.leaded.u__medium {
  font-size: 1.8rem;
  line-height: 27px;
}

.leaded.u__normal {
  font-size: 1.4rem;
  line-height: 21px;
}

.leaded.u__legal {
  font-size: 1.1rem;
  line-height: 17px;
}

.u__xtreme {
  font-size: 7.2rem;
}

.u__jumbo {
  font-size: 4.4rem;
}

.u__xlarge {
  font-size: 3.6rem;
}

.u__large {
  font-size: 3rem;
}

.u__husky {
  font-size: 2.4rem;
}

.u__medium {
  font-size: 1.8rem;
}

.u__normal {
  font-size: 1.4rem;
}

.u__legal {
  font-size: 1.1rem;
}

.u__flip {
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.u__normal-weight {
  font-weight: normal;
}

.u__caps {
  text-transform: uppercase;
}

.u__strike, #product-list .product-pod__body .product-pod__pricing .product-pod__pricing-was span.strike, #pip-view #pip-view__buybox #pip-view__pricing #pip-view__pricing-was span.strike {
  text-decoration: line-through;
}

.u__underline {
  text-decoration: underline;
}

.u__truncate {
  /* Only works on single lines */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.u__font-alternative {
  font-family: Georgia, "Times New Roman-", Times, serif;
}

.u__font-secondary {
  font-family: 'homervetica-med';
}

.row-header__link {
  padding-left: 15px;
}

.list__item {
  padding: 5px;
}

.form-input__field, .alert {
  padding-right: 15px;
  padding-left: 15px;
}

.bttn--inline .bttn__content,
.bttn--inline.disabled .bttn__content {
  padding-right: 20px;
  padding-left: 20px;
}

.u__clear {
  position: relative;
  font-size: 0;
  height: 0;
  clear: both;
  display: block;
}

.u__float-clear {
  clear: both;
}

.u__inline {
  display: inline;
}

.u__block {
  display: block;
}

.u__inline-block {
  display: inline-block;
}

.u__cell {
  display: table-cell;
}

.u__left {
  float: left;
}

.u__right, .list__item--right {
  float: right;
}

.u__rotate-90 {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.u__rotate-180 {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.u__flip {
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent;
  height: auto !important;
}

body {
  font-family: "opensans-regular", "Helvetica Neue", Helvetica-, Arial, sans-serif;
  font-size: 1.4rem;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

fieldset[disabled], .disabled {
  pointer-events: auto !important;
  cursor: not-allowed !important;
}

a {
  text-decoration: inherit;
  font-style: inherit;
  color: inherit;
  cursor: pointer;
}

img.stretchy {
  width: 100% !important;
  height: auto;
  top: 0;
  left: 0;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}

img {
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

a img {
  border: none;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  vertical-align: middle;
  border: none;
  margin: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
  cursor: pointer;
}

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

textarea:focus, input:focus {
  outline: 0;
}

input[type="text"], input[type="search"] {
  -webkit-appearance: none;
  border-radius: 0;
}

button[disabled],
html input[disabled] {
  cursor: pointer;
}

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

body {
  -webkit-animation: bugfix infinite 1s;
  -webkit-text-size-adjust: 100%;
}

@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
/* Reset `button` and button-style `input` default styles */
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  background: none;
  border: 0;
  color: inherit;
  /* cursor: default; */
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  outline: none;
  -webkit-appearance: button;
  /* for input */
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea:focus,
input:focus {
  outline: none;
}

.u--show {
  display: block !important;
}
.u--hide {
  display: none !important;
}
.u__default-link {
  color: #3e7697;
}
.u__default-link:hover {
  text-decoration: underline;
}
.u__text--brand {
  color: #f96302;
}
.u__text--primary {
  color: #666;
}
.u__text--dark {
  color: #333;
}
.u__text--reverse {
  color: #fff;
}
.u__text--danger {
  color: #D81118;
}
.u__text--alternate {
  color: #3e7697;
}
.u__text--success {
  color: #00873C;
}
.u__text--warning {
  color: #ffc206;
}
.u__text--light {
  color: #ccc;
}
.u__regular {
  font-family: "opensans-regular";
}
.u__bold, #product-list .product-pod__body .product-pod__pricing .product-pod__pricing-row-current, #pip-view #pip-view__countdown, #pip-view #pip-view__buybox #pip-view__brand_title, #pip-view #pip-view__buybox #pip-view__pricing #pip-view__pricing-row-current, #pip-view #pip-view__buybox #pip-view__go-to-pip-link a, #pip-view #pip-view__buybox #sold-out-message {
  font-family: 'opensans-bold';
}
.u__semi-bold {
  font-family: 'opensans-semibold';
}
.u__italic, #product-list .product-pod__body .product-pod__counter {
  font-family: 'opensans-italic';
}
.u__truncate {
  /* Only works on single lines */
}
.u__clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
}
.u__bgColor--faded {
  background-color: #eee;
}
.u__bgColor--dark {
  background-color: #333;
}
.u__bgColor--transparent {
  background-color: transparent;
}
.u__bgColor--brand {
  background-color: #f96302;
}
.u__bgColor--reverse {
  background-color: #fff;
}
.u--padding {
  padding: 10px;
}
.u--paddingTop {
  padding-top: 10px;
}
.u--paddingBottom {
  padding-bottom: 10px;
}
.u--paddingLeft {
  padding-left: 10px;
}
.u--paddingRight {
  padding-right: 10px;
}
.u--paddingNone {
  padding: none;
}
.u__text-align--right {
  text-align: right;
}
.u__text-align--left {
  text-align: left;
}
.u__text-align--center {
  text-align: center;
}
.u__text-align--justify {
  text-align: justify;
}
.u__border--bottom {
  border-bottom: 1px solid #ccc;
}
.u__border--top {
  border-top: 1px solid #ccc;
}
.u__border--right {
  border--right: 1px solid #ccc;
}
.u__border--left {
  border-left: 1px solid #ccc;
}

.grid {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
}
.grid.isBound {
  max-width: 960px;
  margin: 0 auto;
}
@media (max-width: 1280) {
  .grid.isBound {
    max-width: 100%;
  }
}
.grid .header {
  -webkit-box-orient: vertical;
}
.grid.flush {
  padding-right: 10px;
  padding-left: 10px;
}
.grid.flush > [class*="col__"] {
  padding: 0;
}

.header__toolBar.grid {
  -webkit-box-orient: horizontal;
}

[class*='col__'] {
  position: relative;
  float: left;
  box-sizing: border-box !important;
  padding: 10px;
}
[class*='col__'] > .grid {
  margin-left: -10px;
  margin-right: -10px;
  width: auto;
}
[class*='col__'] .inset {
  padding: 10px;
}
[class*='col__'].vAlign {
  display: flex;
  align-items: center;
}

.col__1-1 {
  width: 100%;
}

.col__1-2 {
  width: 50%;
}

.col__2-2 {
  width: 100%;
}

.col__1-3 {
  width: 33.33333%;
}

.col__2-3 {
  width: 66.66667%;
}

.col__3-3 {
  width: 100%;
}

.col__1-4 {
  width: 25%;
}

.col__2-4 {
  width: 50%;
}

.col__3-4 {
  width: 75%;
}

.col__4-4 {
  width: 100%;
}

.col__1-5 {
  width: 20%;
}

.col__2-5 {
  width: 40%;
}

.col__3-5 {
  width: 60%;
}

.col__4-5 {
  width: 80%;
}

.col__5-5 {
  width: 100%;
}

.col__1-6 {
  width: 16.66667%;
}

.col__2-6 {
  width: 33.33333%;
}

.col__3-6 {
  width: 50%;
}

.col__4-6 {
  width: 66.66667%;
}

.col__5-6 {
  width: 83.33333%;
}

.col__6-6 {
  width: 100%;
}

.col__1-10 {
  width: 10%;
}

.col__2-10 {
  width: 20%;
}

.col__3-10 {
  width: 30%;
}

.col__4-10 {
  width: 40%;
}

.col__5-10 {
  width: 50%;
}

.col__6-10 {
  width: 60%;
}

.col__7-10 {
  width: 70%;
}

.col__8-10 {
  width: 80%;
}

.col__9-10 {
  width: 90%;
}

.col__10-10 {
  width: 100%;
}

.col__1-12 {
  width: 8.33333%;
}

.col__2-12 {
  width: 16.66667%;
}

.col__3-12 {
  width: 25%;
}

.col__4-12 {
  width: 33.33333%;
}

.col__5-12 {
  width: 41.66667%;
}

.col__6-12 {
  width: 50%;
}

.col__7-12 {
  width: 58.33333%;
}

.col__8-12 {
  width: 66.66667%;
}

.col__9-12 {
  width: 75%;
}

.col__10-12 {
  width: 83.33333%;
}

.col__11-12 {
  width: 91.66667%;
}

.col__12-12 {
  width: 100%;
}

@media (min-width: 640px) {
  .col__1-1--xs {
    width: 100%;
  }

  .col__1-2--xs {
    width: 50%;
  }

  .col__2-2--xs {
    width: 100%;
  }

  .col__1-3--xs {
    width: 33.33333%;
  }

  .col__2-3--xs {
    width: 66.66667%;
  }

  .col__3-3--xs {
    width: 100%;
  }

  .col__1-4--xs {
    width: 25%;
  }

  .col__2-4--xs {
    width: 50%;
  }

  .col__3-4--xs {
    width: 75%;
  }

  .col__4-4--xs {
    width: 100%;
  }

  .col__1-5--xs {
    width: 20%;
  }

  .col__2-5--xs {
    width: 40%;
  }

  .col__3-5--xs {
    width: 60%;
  }

  .col__4-5--xs {
    width: 80%;
  }

  .col__5-5--xs {
    width: 100%;
  }

  .col__1-6--xs {
    width: 16.66667%;
  }

  .col__2-6--xs {
    width: 33.33333%;
  }

  .col__3-6--xs {
    width: 50%;
  }

  .col__4-6--xs {
    width: 66.66667%;
  }

  .col__5-6--xs {
    width: 83.33333%;
  }

  .col__6-6--xs {
    width: 100%;
  }

  .col__1-10--xs {
    width: 10%;
  }

  .col__2-10--xs {
    width: 20%;
  }

  .col__3-10--xs {
    width: 30%;
  }

  .col__4-10--xs {
    width: 40%;
  }

  .col__5-10--xs {
    width: 50%;
  }

  .col__6-10--xs {
    width: 60%;
  }

  .col__7-10--xs {
    width: 70%;
  }

  .col__8-10--xs {
    width: 80%;
  }

  .col__9-10--xs {
    width: 90%;
  }

  .col__10-10--xs {
    width: 100%;
  }

  .col__1-12--xs {
    width: 8.33333%;
  }

  .col__2-12--xs {
    width: 16.66667%;
  }

  .col__3-12--xs {
    width: 25%;
  }

  .col__4-12--xs {
    width: 33.33333%;
  }

  .col__5-12--xs {
    width: 41.66667%;
  }

  .col__6-12--xs {
    width: 50%;
  }

  .col__7-12--xs {
    width: 58.33333%;
  }

  .col__8-12--xs {
    width: 66.66667%;
  }

  .col__9-12--xs {
    width: 75%;
  }

  .col__10-12--xs {
    width: 83.33333%;
  }

  .col__11-12--xs {
    width: 91.66667%;
  }

  .col__12-12--xs {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .col__1-1--sm {
    width: 100%;
  }

  .col__1-2--sm {
    width: 50%;
  }

  .col__2-2--sm {
    width: 100%;
  }

  .col__1-3--sm {
    width: 33.33333%;
  }

  .col__2-3--sm {
    width: 66.66667%;
  }

  .col__3-3--sm {
    width: 100%;
  }

  .col__1-4--sm {
    width: 25%;
  }

  .col__2-4--sm {
    width: 50%;
  }

  .col__3-4--sm {
    width: 75%;
  }

  .col__4-4--sm {
    width: 100%;
  }

  .col__1-5--sm {
    width: 20%;
  }

  .col__2-5--sm {
    width: 40%;
  }

  .col__3-5--sm {
    width: 60%;
  }

  .col__4-5--sm {
    width: 80%;
  }

  .col__5-5--sm {
    width: 100%;
  }

  .col__1-6--sm {
    width: 16.66667%;
  }

  .col__2-6--sm {
    width: 33.33333%;
  }

  .col__3-6--sm {
    width: 50%;
  }

  .col__4-6--sm {
    width: 66.66667%;
  }

  .col__5-6--sm {
    width: 83.33333%;
  }

  .col__6-6--sm {
    width: 100%;
  }

  .col__1-10--sm {
    width: 10%;
  }

  .col__2-10--sm {
    width: 20%;
  }

  .col__3-10--sm {
    width: 30%;
  }

  .col__4-10--sm {
    width: 40%;
  }

  .col__5-10--sm {
    width: 50%;
  }

  .col__6-10--sm {
    width: 60%;
  }

  .col__7-10--sm {
    width: 70%;
  }

  .col__8-10--sm {
    width: 80%;
  }

  .col__9-10--sm {
    width: 90%;
  }

  .col__10-10--sm {
    width: 100%;
  }

  .col__1-12--sm {
    width: 8.33333%;
  }

  .col__2-12--sm {
    width: 16.66667%;
  }

  .col__3-12--sm {
    width: 25%;
  }

  .col__4-12--sm {
    width: 33.33333%;
  }

  .col__5-12--sm {
    width: 41.66667%;
  }

  .col__6-12--sm {
    width: 50%;
  }

  .col__7-12--sm {
    width: 58.33333%;
  }

  .col__8-12--sm {
    width: 66.66667%;
  }

  .col__9-12--sm {
    width: 75%;
  }

  .col__10-12--sm {
    width: 83.33333%;
  }

  .col__11-12--sm {
    width: 91.66667%;
  }

  .col__12-12--sm {
    width: 100%;
  }
}
@media (min-width: 1280) {
  .col__1-1--md {
    width: 100%;
  }

  .col__1-2--md {
    width: 50%;
  }

  .col__2-2--md {
    width: 100%;
  }

  .col__1-3--md {
    width: 33.33333%;
  }

  .col__2-3--md {
    width: 66.66667%;
  }

  .col__3-3--md {
    width: 100%;
  }

  .col__1-4--md {
    width: 25%;
  }

  .col__2-4--md {
    width: 50%;
  }

  .col__3-4--md {
    width: 75%;
  }

  .col__4-4--md {
    width: 100%;
  }

  .col__1-5--md {
    width: 20%;
  }

  .col__2-5--md {
    width: 40%;
  }

  .col__3-5--md {
    width: 60%;
  }

  .col__4-5--md {
    width: 80%;
  }

  .col__5-5--md {
    width: 100%;
  }

  .col__1-6--md {
    width: 16.66667%;
  }

  .col__2-6--md {
    width: 33.33333%;
  }

  .col__3-6--md {
    width: 50%;
  }

  .col__4-6--md {
    width: 66.66667%;
  }

  .col__5-6--md {
    width: 83.33333%;
  }

  .col__6-6--md {
    width: 100%;
  }

  .col__1-10--md {
    width: 10%;
  }

  .col__2-10--md {
    width: 20%;
  }

  .col__3-10--md {
    width: 30%;
  }

  .col__4-10--md {
    width: 40%;
  }

  .col__5-10--md {
    width: 50%;
  }

  .col__6-10--md {
    width: 60%;
  }

  .col__7-10--md {
    width: 70%;
  }

  .col__8-10--md {
    width: 80%;
  }

  .col__9-10--md {
    width: 90%;
  }

  .col__10-10--md {
    width: 100%;
  }

  .col__1-12--md {
    width: 8.33333%;
  }

  .col__2-12--md {
    width: 16.66667%;
  }

  .col__3-12--md {
    width: 25%;
  }

  .col__4-12--md {
    width: 33.33333%;
  }

  .col__5-12--md {
    width: 41.66667%;
  }

  .col__6-12--md {
    width: 50%;
  }

  .col__7-12--md {
    width: 58.33333%;
  }

  .col__8-12--md {
    width: 66.66667%;
  }

  .col__9-12--md {
    width: 75%;
  }

  .col__10-12--md {
    width: 83.33333%;
  }

  .col__11-12--md {
    width: 91.66667%;
  }

  .col__12-12--md {
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .col__1-1--lg {
    width: 100%;
  }

  .col__1-2--lg {
    width: 50%;
  }

  .col__2-2--lg {
    width: 100%;
  }

  .col__1-3--lg {
    width: 33.33333%;
  }

  .col__2-3--lg {
    width: 66.66667%;
  }

  .col__3-3--lg {
    width: 100%;
  }

  .col__1-4--lg {
    width: 25%;
  }

  .col__2-4--lg {
    width: 50%;
  }

  .col__3-4--lg {
    width: 75%;
  }

  .col__4-4--lg {
    width: 100%;
  }

  .col__1-5--lg {
    width: 20%;
  }

  .col__2-5--lg {
    width: 40%;
  }

  .col__3-5--lg {
    width: 60%;
  }

  .col__4-5--lg {
    width: 80%;
  }

  .col__5-5--lg {
    width: 100%;
  }

  .col__1-6--lg {
    width: 16.66667%;
  }

  .col__2-6--lg {
    width: 33.33333%;
  }

  .col__3-6--lg {
    width: 50%;
  }

  .col__4-6--lg {
    width: 66.66667%;
  }

  .col__5-6--lg {
    width: 83.33333%;
  }

  .col__6-6--lg {
    width: 100%;
  }

  .col__1-10--lg {
    width: 10%;
  }

  .col__2-10--lg {
    width: 20%;
  }

  .col__3-10--lg {
    width: 30%;
  }

  .col__4-10--lg {
    width: 40%;
  }

  .col__5-10--lg {
    width: 50%;
  }

  .col__6-10--lg {
    width: 60%;
  }

  .col__7-10--lg {
    width: 70%;
  }

  .col__8-10--lg {
    width: 80%;
  }

  .col__9-10--lg {
    width: 90%;
  }

  .col__10-10--lg {
    width: 100%;
  }

  .col__1-12--lg {
    width: 8.33333%;
  }

  .col__2-12--lg {
    width: 16.66667%;
  }

  .col__3-12--lg {
    width: 25%;
  }

  .col__4-12--lg {
    width: 33.33333%;
  }

  .col__5-12--lg {
    width: 41.66667%;
  }

  .col__6-12--lg {
    width: 50%;
  }

  .col__7-12--lg {
    width: 58.33333%;
  }

  .col__8-12--lg {
    width: 66.66667%;
  }

  .col__9-12--lg {
    width: 75%;
  }

  .col__10-12--lg {
    width: 83.33333%;
  }

  .col__11-12--lg {
    width: 91.66667%;
  }

  .col__12-12--lg {
    width: 100%;
  }
}
@font-face {
  font-family: 'opensans-bold';
  src: url("../node_modules/global-css/src/fonts/opensans/opensans-bold.eot");
  src: url("../node_modules/global-css/src/fonts/opensans/opensans-bold.eot?#iefix") format("embedded-opentype"), url("../node_modules/global-css/src/fonts/opensans/opensans-bold.woff2") format("woff2"), url("../node_modules/global-css/src/fonts/opensans/opensans-bold.woff") format("woff"), url("../node_modules/global-css/src/fonts/opensans/opensans-bold.ttf") format("truetype"), url("../node_modules/global-css/src/fonts/opensans/opensans-bold.svg#opensans-bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'opensans-italic';
  src: url("../node_modules/global-css/src/fonts/opensans/opensans-italic.eot");
  src: url("../node_modules/global-css/src/fonts/opensans/opensans-italic.eot?#iefix") format("embedded-opentype"), url("../node_modules/global-css/src/fonts/opensans/opensans-italic.woff2") format("woff2"), url("../node_modules/global-css/src/fonts/opensans/opensans-italic.woff") format("woff"), url("../node_modules/global-css/src/fonts/opensans/opensans-italic.ttf") format("truetype"), url("../node_modules/global-css/src/fonts/opensans/opensans-italic.svg#opensans-italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'opensans-light';
  src: url("../node_modules/global-css/src/fonts/opensans/opensans-light.eot");
  src: url("../node_modules/global-css/src/fonts/opensans/opensans-light.eot?#iefix") format("embedded-opentype"), url("../node_modules/global-css/src/fonts/opensans/opensans-light.woff2") format("woff2"), url("../node_modules/global-css/src/fonts/opensans/opensans-light.woff") format("woff"), url("../node_modules/global-css/src/fonts/opensans/opensans-light.ttf") format("truetype"), url("../node_modules/global-css/src/fonts/opensans/opensans-light.svg#opensans-light") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'opensans-regular';
  src: url("../node_modules/global-css/src/fonts/opensans/opensans-regular.eot");
  src: url("../node_modules/global-css/src/fonts/opensans/opensans-regular.eot?#iefix") format("embedded-opentype"), url("../node_modules/global-css/src/fonts/opensans/opensans-regular.woff2") format("woff2"), url("../node_modules/global-css/src/fonts/opensans/opensans-regular.woff") format("woff"), url("../node_modules/global-css/src/fonts/opensans/opensans-regular.ttf") format("truetype"), url("../node_modules/global-css/src/fonts/opensans/opensans-regular.svg#opensans-regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'opensans-semibold';
  src: url("../node_modules/global-css/src/fonts/opensans/opensans-semibold.eot");
  src: url("../node_modules/global-css/src/fonts/opensans/opensans-semibold.eot?#iefix") format("embedded-opentype"), url("../node_modules/global-css/src/fonts/opensans/opensans-semibold.woff2") format("woff2"), url("../node_modules/global-css/src/fonts/opensans/opensans-semibold.woff") format("woff"), url("../node_modules/global-css/src/fonts/opensans/opensans-semibold.ttf") format("truetype"), url("../node_modules/global-css/src/fonts/opensans/opensans-semibold.svg#opensans-semibold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'homervetica-blk';
  src: url("../node_modules/global-css/src/fonts/homervetica/homervetica-blk.eot");
  src: url("../node_modules/global-css/src/fonts/homervetica/homervetica-blk.eot?#iefix") format("embedded-opentype"), url("../node_modules/global-css/src/fonts/homervetica/homervetica-blk.woff2") format("woff2"), url("../node_modules/global-css/src/fonts/homervetica/homervetica-blk.woff") format("woff"), url("../node_modules/global-css/src/fonts/homervetica/homervetica-blk.ttf") format("truetype"), url("../node_modules/global-css/src/fonts/homervetica/homervetica-blk.svg#homervetica-black") format("svg");
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}
@font-face {
  font-family: 'homervetica-med';
  src: url("../node_modules/global-css/src/fonts/homervetica/homervetica-med.eot");
  src: url("../node_modules/global-css/src/fonts/homervetica/homervetica-med.eot?#iefix") format("embedded-opentype"), url("../node_modules/global-css/src/fonts/homervetica/homervetica-med.woff2") format("woff2"), url("../node_modules/global-css/src/fonts/homervetica/homervetica-med.woff") format("woff"), url("../node_modules/global-css/src/fonts/homervetica/homervetica-med.ttf") format("truetype"), url("../node_modules/global-css/src/fonts/homervetica/homervetica-med.svg#homervetica-medium") format("svg");
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}
/* Homervetica classes which includes all homervetica font styles */
.Homervetica-Black {
  font-family: "homervetica-blk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal !important;
}

.Homervetica-Medium {
  font-family: "homervetica-med", "Homervetica", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal !important;
}

.Homervetica-Black--small_18,
.Homervetica-Medium--small_18 {
  font-size: 18px;
  line-height: 18px;
}

.Homervetica-Black--small_24,
.Homervetica-Medium--small_24 {
  font-size: 24px;
  line-height: 24px;
}

.Homervetica-Black--medium_30,
.Homervetica-Medium--medium_30 {
  font-size: 30px;
  line-height: 30px;
}

.Homervetica-Black--medium_36,
.Homervetica-Medium--medium_36 {
  font-size: 36px;
  line-height: 36px;
}

.Homervetica-Black--large_44,
.Homervetica-Medium--large_44 {
  font-size: 44px;
  line-height: 44px;
}

.Homervetica-Black--large_48,
.Homervetica-Medium--large_48 {
  font-size: 48px;
  line-height: 48px;
}

.Homervetica-Black--xlarge_60,
.Homervetica-Medium--xlarge_60 {
  font-size: 60px;
  line-height: 60px;
}

.Homervetica-Black--xlarge_72,
.Homervetica-Medium--xlarge_72 {
  font-size: 72px;
  line-height: 72px;
}

.Homervetica-Black--xxlarge_100,
.Homervetica-Medium--xxlarge_100 {
  font-size: 100px;
  line-height: 100px;
}

.list {
  margin-left: 2rem;
}
.list__item--center {
  list-style-position: inside;
}
.list__item--padding-none {
  padding: 5px 0;
}
.list__item--type-inline {
  display: inline;
  float: left;
  padding: 5px 0;
  margin-right: 30px;
}
.list__link {
  color: #3e7697;
}
.list__link:hover {
  text-decoration: underline;
}

.list__item:first-child {
  padding-top: 0;
}
.list__item:last-child {
  padding-bottom: 0;
}

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

.list-inline__item--inline {
  float: left;
  margin-right: 40px;
  display: inline-block;
}
.list-inline__item--inlineLegal {
  float: left;
  display: inline-block;
  margin-right: 20px;
}
.list-inline__item--inlineRight {
  float: right;
  margin-left: 40px;
}
.list-inline__link {
  display: block;
  padding: 7px 0;
}

.row-header {
  border-bottom: 1px solid #999;
  margin: 25px 0 10px;
  padding: 0;
  position: relative;
}

.row-header__title {
  float: left;
  margin: 0;
  padding-bottom: 3px;
  margin-bottom: -3px;
}

.row-header__text {
  font-size: 3.6rem;
  font-family: "opensans-light", "Helvetica Neue", Helvetica-, Arial, sans-serif !important;
  color: #333;
  border-bottom: 4px solid #f96302;
  padding: 0;
}

.row-header__link {
  color: #3e7697;
}

.row-header__subhead {
  font-size: 3rem;
  font-family: "opensans-light", "Helvetica Neue", Helvetica-, Arial, sans-serif !important;
  color: #333;
  padding: 0;
}

.block-header {
  margin: 25px 0;
  position: relative;
}

.block-header__header {
  font-size: 3.6rem;
  font-family: "opensans-regular", "Helvetica Neue", Helvetica-, Arial, sans-serif !important;
  color: #333;
  position: relative;
  display: block;
}

.block-header__subhead {
  font-size: 1.8rem;
  font-family: "opensans-regular", "Helvetica Neue", Helvetica-, Arial, sans-serif !important;
  color: #333;
  position: relative;
  display: block;
}

.block-header__border {
  margin: 10px 0;
  border-top: 1px solid #999;
  width: 25%;
}

.bttn,
input.bttn {
  color: #fff;
  width: 100%;
  height: 37px;
  font-size: 1.8rem;
  font-family: "opensans-bold";
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: 1em;
  box-sizing: content-box;
  margin-bottom: 3px;
  -moz-box-shadow: 0 3px 0 #C14C00;
  -webkit-box-shadow: 0 3px 0 #C14C00;
  box-shadow: 0 3px 0 #C14C00;
  -moz-transition: box-shadow 0.1s ease-in-out;
  -o-transition: box-shadow 0.1s ease-in-out;
  -webkit-transition: box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
}
.bttn .bttn__content,
input.bttn .bttn__content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 37px;
  background-color: #f96302;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.1s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.1s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
}
.bttn:active,
input.bttn:active {
  -moz-box-shadow: 0 3px 0 #C14C00;
  -webkit-box-shadow: 0 3px 0 #C14C00;
  box-shadow: 0 3px 0 #C14C00;
}
.bttn:active span,
input.bttn:active span {
  -moz-transform: translate(0, 3px);
  -ms-transform: translate(0, 3px);
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
}

a.bttn {
  text-decoration: none;
}

.bttn--primary,
input.bttn--primary {
  color: #fff;
  width: 100%;
  height: 37px;
  font-size: 1.8rem;
  font-family: "opensans-bold";
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: 1em;
  box-sizing: content-box;
  margin-bottom: 3px;
  -moz-box-shadow: 0 3px 0 #C14C00;
  -webkit-box-shadow: 0 3px 0 #C14C00;
  box-shadow: 0 3px 0 #C14C00;
  -moz-transition: box-shadow 0.1s ease-in-out;
  -o-transition: box-shadow 0.1s ease-in-out;
  -webkit-transition: box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
}
.bttn--primary .bttn__content,
input.bttn--primary .bttn__content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 37px;
  background-color: #f96302;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.1s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.1s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
}
.bttn--primary:active,
input.bttn--primary:active {
  -moz-box-shadow: 0 3px 0 #C14C00;
  -webkit-box-shadow: 0 3px 0 #C14C00;
  box-shadow: 0 3px 0 #C14C00;
}
.bttn--primary:active span,
input.bttn--primary:active span {
  -moz-transform: translate(0, 3px);
  -ms-transform: translate(0, 3px);
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
}

.bttn--primary.disabled,
input.bttn--primary.disabled {
  color: #999;
  width: 100%;
  height: 37px;
  font-size: 1.8rem;
  font-family: "opensans-bold";
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: 1em;
  box-sizing: content-box;
  margin-bottom: 3px;
  -moz-box-shadow: 0 3px 0 #C14C00;
  -webkit-box-shadow: 0 3px 0 #C14C00;
  box-shadow: 0 3px 0 #C14C00;
  -moz-transition: box-shadow 0.1s ease-in-out;
  -o-transition: box-shadow 0.1s ease-in-out;
  -webkit-transition: box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  -moz-box-shadow: 0 3px 0 #999;
  -webkit-box-shadow: 0 3px 0 #999;
  box-shadow: 0 3px 0 #999;
}
.bttn--primary.disabled .bttn__content,
input.bttn--primary.disabled .bttn__content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 37px;
  background-color: #ccc;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.1s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.1s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
}
.bttn--primary.disabled:active,
input.bttn--primary.disabled:active {
  -moz-box-shadow: 0 3px 0 #C14C00;
  -webkit-box-shadow: 0 3px 0 #C14C00;
  box-shadow: 0 3px 0 #C14C00;
}
.bttn--primary.disabled:active span,
input.bttn--primary.disabled:active span {
  -moz-transform: translate(0, 3px);
  -ms-transform: translate(0, 3px);
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
}

.bttn--primary--specialty,
input.bttn--primary--specialty {
  color: #fff;
  width: 100%;
  height: 40px;
  font-size: 3rem;
  font-family: 'homervetica-blk';
  cursor: pointer;
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  line-height: 1em;
  box-sizing: content-box;
  margin-bottom: 3px;
  -moz-box-shadow: 0 3px 0 #C14C00;
  -webkit-box-shadow: 0 3px 0 #C14C00;
  box-shadow: 0 3px 0 #C14C00;
  -moz-transition: box-shadow 0.1s ease-in-out;
  -o-transition: box-shadow 0.1s ease-in-out;
  -webkit-transition: box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
}
.bttn--primary--specialty .bttn__content,
input.bttn--primary--specialty .bttn__content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 40px;
  background-color: #f96302;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.1s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.1s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
}
.bttn--primary--specialty .bttn__content:before,
input.bttn--primary--specialty .bttn__content:before {
  background-image: url("../node_modules/global-css/src/images/lock-icon-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 6px;
  background-size: 21px 21px;
  display: inline-block;
  width: 21px;
  height: 40px;
  content: "";
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.bttn--primary--specialty:active,
input.bttn--primary--specialty:active {
  -moz-box-shadow: 0 3px 0 #C14C00;
  -webkit-box-shadow: 0 3px 0 #C14C00;
  box-shadow: 0 3px 0 #C14C00;
}
.bttn--primary--specialty:active span,
input.bttn--primary--specialty:active span {
  -moz-transform: translate(0, 3px);
  -ms-transform: translate(0, 3px);
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
}

.bttn--primary--specialty.disabled,
input.bttn--primary--specialty.disabled {
  color: #999;
  width: 100%;
  height: 40px;
  font-size: 3rem;
  font-family: 'homervetica-blk';
  cursor: pointer;
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  line-height: 1em;
  box-sizing: content-box;
  margin-bottom: 3px;
  -moz-box-shadow: 0 3px 0 #C14C00;
  -webkit-box-shadow: 0 3px 0 #C14C00;
  box-shadow: 0 3px 0 #C14C00;
  -moz-transition: box-shadow 0.1s ease-in-out;
  -o-transition: box-shadow 0.1s ease-in-out;
  -webkit-transition: box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  -moz-box-shadow: 0 3px 0 #999;
  -webkit-box-shadow: 0 3px 0 #999;
  box-shadow: 0 3px 0 #999;
}
.bttn--primary--specialty.disabled .bttn__content,
input.bttn--primary--specialty.disabled .bttn__content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 40px;
  background-color: #ccc;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.1s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.1s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
}
.bttn--primary--specialty.disabled .bttn__content:before,
input.bttn--primary--specialty.disabled .bttn__content:before {
  background-image: url("../node_modules/global-css/src/images/lock-icon-gray.svg");
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 6px;
  background-size: 21px 21px;
  display: inline-block;
  width: 21px;
  height: 40px;
  content: "";
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.bttn--primary--specialty.disabled:active,
input.bttn--primary--specialty.disabled:active {
  -moz-box-shadow: 0 3px 0 #C14C00;
  -webkit-box-shadow: 0 3px 0 #C14C00;
  box-shadow: 0 3px 0 #C14C00;
}
.bttn--primary--specialty.disabled:active span,
input.bttn--primary--specialty.disabled:active span {
  -moz-transform: translate(0, 3px);
  -ms-transform: translate(0, 3px);
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
}
.bttn--primary--specialty.disabled .bttn__content:before,
input.bttn--primary--specialty.disabled .bttn__content:before {
  width: 0;
  height: 0;
  content: "";
}

.bttn--primary--small,
input.bttn--primary--small {
  color: #fff;
  width: 100%;
  height: 17px;
  font-size: 1.4rem;
  font-family: "opensans-bold";
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: 1em;
  box-sizing: content-box;
  margin-bottom: 3px;
  -moz-box-shadow: 0 3px 0 #C14C00;
  -webkit-box-shadow: 0 3px 0 #C14C00;
  box-shadow: 0 3px 0 #C14C00;
  -moz-transition: box-shadow 0.1s ease-in-out;
  -o-transition: box-shadow 0.1s ease-in-out;
  -webkit-transition: box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
}
.bttn--primary--small .bttn__content,
input.bttn--primary--small .bttn__content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 17px;
  background-color: #f96302;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.1s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.1s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
}
.bttn--primary--small:active,
input.bttn--primary--small:active {
  -moz-box-shadow: 0 3px 0 #C14C00;
  -webkit-box-shadow: 0 3px 0 #C14C00;
  box-shadow: 0 3px 0 #C14C00;
}
.bttn--primary--small:active span,
input.bttn--primary--small:active span {
  -moz-transform: translate(0, 3px);
  -ms-transform: translate(0, 3px);
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
}

.bttn--primary--small.disabled,
input.bttn--primary--small.disabled {
  color: #999;
  width: 100%;
  height: 17px;
  font-size: 1.4rem;
  font-family: "opensans-bold";
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: 1em;
  box-sizing: content-box;
  margin-bottom: 3px;
  -moz-box-shadow: 0 3px 0 #999;
  -webkit-box-shadow: 0 3px 0 #999;
  box-shadow: 0 3px 0 #999;
  -moz-transition: box-shadow 0.1s ease-in-out;
  -o-transition: box-shadow 0.1s ease-in-out;
  -webkit-transition: box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  -moz-box-shadow: 0 3px 0 #999;
  -webkit-box-shadow: 0 3px 0 #999;
  box-shadow: 0 3px 0 #999;
}
.bttn--primary--small.disabled .bttn__content,
input.bttn--primary--small.disabled .bttn__content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 17px;
  background-color: #ccc;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.1s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.1s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
}
.bttn--primary--small.disabled:active,
input.bttn--primary--small.disabled:active {
  -moz-box-shadow: 0 3px 0 #999;
  -webkit-box-shadow: 0 3px 0 #999;
  box-shadow: 0 3px 0 #999;
}
.bttn--primary--small.disabled:active span,
input.bttn--primary--small.disabled:active span {
  -moz-transform: translate(0, 3px);
  -ms-transform: translate(0, 3px);
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
}

.bttn-outline,
input.bttn-outline {
  color: #f96302;
  width: 100%;
  height: 40px;
  font-size: 1.8rem;
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: 1em;
  box-sizing: border-box;
  border: 2px solid #f96302;
}
.bttn-outline .bttn__content,
input.bttn-outline .bttn__content {
  height: 34px;
  font-family: "opensans-bold";
}
.bttn-outline:hover,
input.bttn-outline:hover {
  background-color: #f96302;
  color: #fff;
}

a.bttn-outline {
  text-decoration: none;
}

.bttn-outline--primary,
input.bttn-outline--primary {
  color: #f96302;
  width: 100%;
  height: 40px;
  font-size: 1.8rem;
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: 1em;
  box-sizing: border-box;
  border: 2px solid #f96302;
}
.bttn-outline--primary .bttn__content,
input.bttn-outline--primary .bttn__content {
  height: 34px;
  font-family: "opensans-bold";
}
.bttn-outline--primary:hover,
input.bttn-outline--primary:hover {
  background-color: #f96302;
  color: #fff;
}

.bttn-outline--primary.disabled,
input.bttn-outline--primary.disabled {
  color: #ccc;
  width: 100%;
  height: 37px;
  font-size: 1.8rem;
  font-family: "opensans-bold";
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: 1em;
  box-sizing: content-box;
  margin-bottom: 3px;
  -moz-box-shadow: 0 3px 0 #C14C00;
  -webkit-box-shadow: 0 3px 0 #C14C00;
  box-shadow: 0 3px 0 #C14C00;
  -moz-transition: box-shadow 0.1s ease-in-out;
  -o-transition: box-shadow 0.1s ease-in-out;
  -webkit-transition: box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #ccc;
}
.bttn-outline--primary.disabled .bttn__content,
input.bttn-outline--primary.disabled .bttn__content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 37px;
  background-color: #fff;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.1s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.1s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
}
.bttn-outline--primary.disabled:active,
input.bttn-outline--primary.disabled:active {
  -moz-box-shadow: 0 3px 0 #C14C00;
  -webkit-box-shadow: 0 3px 0 #C14C00;
  box-shadow: 0 3px 0 #C14C00;
}
.bttn-outline--primary.disabled:active span,
input.bttn-outline--primary.disabled:active span {
  -moz-transform: translate(0, 3px);
  -ms-transform: translate(0, 3px);
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
}
.bttn-outline--primary.disabled:not(.nohover):hover .bttn__content,
input.bttn-outline--primary.disabled:not(.nohover):hover .bttn__content {
  background-color: #ccc;
  color: #fff;
}

.bttn-outline--dark,
input.bttn-outline--dark {
  color: #666;
  width: 100%;
  height: 40px;
  font-size: #666;
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: 1em;
  box-sizing: border-box;
  border: 2px solid #666;
}
.bttn-outline--dark .bttn__content,
input.bttn-outline--dark .bttn__content {
  height: 34px;
  font-family: "opensans-bold";
}
.bttn-outline--dark:hover,
input.bttn-outline--dark:hover {
  background-color: #666;
  color: #fff;
}

.bttn-outline--dark.disabled,
input.bttn-outline--dark.disabled {
  color: #ccc;
  width: 100%;
  height: 37px;
  font-size: 1.8rem;
  font-family: "opensans-bold";
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: 1em;
  box-sizing: content-box;
  margin-bottom: 3px;
  -moz-box-shadow: 0 3px 0 #C14C00;
  -webkit-box-shadow: 0 3px 0 #C14C00;
  box-shadow: 0 3px 0 #C14C00;
  -moz-transition: box-shadow 0.1s ease-in-out;
  -o-transition: box-shadow 0.1s ease-in-out;
  -webkit-transition: box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #ccc;
}
.bttn-outline--dark.disabled .bttn__content,
input.bttn-outline--dark.disabled .bttn__content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 37px;
  background-color: #fff;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.1s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.1s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
}
.bttn-outline--dark.disabled:active,
input.bttn-outline--dark.disabled:active {
  -moz-box-shadow: 0 3px 0 #C14C00;
  -webkit-box-shadow: 0 3px 0 #C14C00;
  box-shadow: 0 3px 0 #C14C00;
}
.bttn-outline--dark.disabled:active span,
input.bttn-outline--dark.disabled:active span {
  -moz-transform: translate(0, 3px);
  -ms-transform: translate(0, 3px);
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
}
.bttn-outline--dark.disabled:not(.nohover):hover .bttn__content,
input.bttn-outline--dark.disabled:not(.nohover):hover .bttn__content {
  background-color: #ccc;
  color: #fff;
}
.bttn-outline--dark.disabled:not(.nohover):active,
input.bttn-outline--dark.disabled:not(.nohover):active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bttn-outline--dark.disabled:not(.nohover):active .bttn__content,
input.bttn-outline--dark.disabled:not(.nohover):active .bttn__content {
  background-color: #ccc;
  color: #fff;
}

.bttn--cta,
input.bttn--cta {
  color: #333;
  width: 100%;
  height: 30px;
  font-size: 1.4rem;
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: 1em;
  box-sizing: border-box;
  border: 2px solid #333;
  border: 0;
}
.bttn--cta .bttn__content,
input.bttn--cta .bttn__content {
  height: 24px;
  font-family: "opensans-bold";
}
.bttn--cta:hover,
input.bttn--cta:hover {
  background-color: #333;
  color: #fff;
}
.bttn--cta:after,
input.bttn--cta:after {
  background-image: url("../node_modules/global-css/src/images/caret-orange.svg");
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 6px;
  background-size: 15px 15px;
  display: inline-block;
  width: 15px;
  height: 24px;
  content: "";
  z-index: 1;
}
.bttn--cta:hover,
input.bttn--cta:hover {
  background-color: #fff;
  color: #333;
}

.bttn--remove, input.bttn--remove {
  color: #333;
  width: 100%;
  height: 30px;
  font-size: 1.4rem;
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: 1em;
  box-sizing: border-box;
  border: 2px solid #333;
  border: 0;
}
.bttn--remove .bttn__content, input.bttn--remove .bttn__content {
  height: 24px;
  font-family: "opensans-bold";
}
.bttn--remove:hover, input.bttn--remove:hover {
  background-color: #333;
  color: #fff;
}
.bttn--remove:before, input.bttn--remove:before {
  background-image: url("../node_modules/global-css/src/images/remove-x.svg");
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 6px;
  background-size: 15px 15px;
  display: inline-block;
  width: 15px;
  height: 24px;
  content: "";
  z-index: 1;
}
.bttn--remove:hover, input.bttn--remove:hover {
  background-color: #fff;
  color: #333;
}

.bttn--filter, input.bttn--filter {
  color: #333;
  width: auto;
  height: 30px;
  font-size: 1.4rem;
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: 1em;
  box-sizing: border-box;
  border: 2px solid #333;
  border-radius: 55px 55px 55px 55px;
  -moz-border-radius: 55px 55px 55px 55px;
  -webkit-border-radius: 55px 55px 55px 55px;
  border: 0px none #000000;
  background-color: #eee;
}
.bttn--filter .bttn__content, input.bttn--filter .bttn__content {
  height: 24px;
  font-family: "opensans-bold";
}
.bttn--filter:hover, input.bttn--filter:hover {
  background-color: #333;
  color: #fff;
}
.bttn--filter .bttn__content, input.bttn--filter .bttn__content {
  height: 30px;
  font-family: "opensans-regular", "Helvetica Neue", Helvetica-, Arial, sans-serif !important;
  font-weight: normal;
}
.bttn--filter .bttn__content:after, input.bttn--filter .bttn__content:after {
  background-image: url("../node_modules/global-css/src/images/remove-x.svg");
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 6px;
  background-size: 10px 10px;
  display: inline-block;
  width: 12px;
  height: 21px;
  content: "";
  z-index: 1;
}
.bttn--filter:hover, input.bttn--filter:hover {
  background-color: #ccc;
  color: #333;
}

.bttn--moveto, input.bttn--moveto {
  color: #333;
  width: 100%;
  height: 30px;
  font-size: 1.4rem;
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: 1em;
  box-sizing: border-box;
  border: 2px solid #333;
  border: 0;
}
.bttn--moveto .bttn__content, input.bttn--moveto .bttn__content {
  height: 24px;
  font-family: "opensans-bold";
}
.bttn--moveto:hover, input.bttn--moveto:hover {
  background-color: #333;
  color: #fff;
}
.bttn--moveto:before, input.bttn--moveto:before {
  background-image: url("../node_modules/global-css/src/images/plus-green.svg");
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 6px;
  background-size: 15px 15px;
  display: inline-block;
  width: 15px;
  height: 24px;
  content: "";
  z-index: 1;
}
.bttn--moveto:hover, input.bttn--moveto:hover {
  background-color: #fff;
  color: #333;
}

.bttn--link, input.bttn--link {
  color: #3e7697;
  width: 100%;
  height: 37px;
  font-size: 1.4rem;
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: 1em;
  box-sizing: border-box;
  border: 2px solid #3e7697;
  border: 0;
}
.bttn--link .bttn__content, input.bttn--link .bttn__content {
  height: 31px;
  font-family: "opensans-bold";
}
.bttn--link:hover, input.bttn--link:hover {
  background-color: #3e7697;
  color: #fff;
}
.bttn--link.left-align, input.bttn--link.left-align {
  text-align: left;
  -webkit-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.bttn--link .bttn__content, input.bttn--link .bttn__content {
  font-family: "opensans-regular", "Helvetica Neue", Helvetica-, Arial, sans-serif;
  text-align: left;
}
.bttn--link:hover, input.bttn--link:hover {
  background-color: #fff;
  color: #3e7697;
}

.bttn--inline,
.bttn--inline.disabled {
  display: inline-block;
  width: auto;
}
.bttn--inline .bttn__content,
.bttn--inline.disabled .bttn__content {
  flex: 0 0 auto;
}

.form-input {
  position: relative;
  display: block;
}
.form-input__field {
  border: 1px solid #ccc;
  min-height: 40px;
  width: 100%;
  font-size: 1.4rem;
  color: #666;
  -webkit-appearance: none;
  /* for box shadows to show on iOS */
  box-sizing: border-box;
}
.form-input__field:focus {
  border: 1px solid #333;
  border-bottom: 4px solid #333;
  color: #333;
}
.form-input__field:focus + .form-input__label {
  color: #333;
  font-weight: bold;
}
.form-input__label {
  display: block;
  padding: 0 1em;
  color: #666;
  padding: 0;
  margin-bottom: 10px;
  width: 100%;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.form-input__label.form-input__label--success {
  color: #00873C;
}
.form-input--error .form-input__field {
  border: 1px solid #D81118;
  color: #D81118;
  -webkit-appearance: none;
  /* for box shadows to show on iOS */
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-bottom: 4px solid #D81118;
  color: #D81118;
  background: url("../node_modules/global-css/src/images/error.svg") no-repeat calc(100% - 12px) center border-box;
  padding-right: 40px;
}
.form-input--error .form-input__field + .form-input__label {
  color: #D81118;
}
.form-input--error .form-input__field:focus {
  border: 1px solid #333;
  border-bottom: 4px solid #333;
  color: #333;
  background: none;
  padding-right: 12px;
}
.form-input--error .form-input__field:focus + .form-input__label {
  color: #333;
}
.form-input--error.form-input__label {
  color: #D81118;
}
.form-input--error .form-input-error__message {
  color: #D81118;
}
.form-input--success .form-input__field {
  border: 1px solid #00873C;
  color: #00873C;
  -webkit-appearance: none;
  /* for box shadows to show on iOS */
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-bottom: 4px solid #00873C;
  color: #00873C;
  background: url("../node_modules/global-css/src/images/success.svg") no-repeat calc(100% - 12px) center border-box;
  padding-right: 40px;
}
.form-input--success .form-input__field + .form-input__label {
  color: #00873C;
}
.form-input--success .form-input__field:focus {
  border: 1px solid #333;
  border-bottom: 4px solid #333;
  color: #333;
  background: none;
  padding-right: 12px;
}
.form-input--success .form-input__field:focus + .form-input__label {
  color: #333;
}
.form-input--success.form-input__label {
  color: #00873C;
}
.form-input--success .form-input-error__message {
  color: #00873C;
}
.form-input--info .form-input__field {
  padding-right: 40px;
}
.form-input--info .form-input__field:focus {
  border: 1px solid #ccc;
  border-bottom: 4px solid #333;
}
.form-input__icon {
  position: absolute;
  right: 12px;
  top: 40px;
}

.form-input--error .form-input__icon {
  display: none;
}

.alert {
  position: relative;
  min-height: 50px;
  font-size: 1.8rem;
}
.alert--danger {
  color: #fff;
  background-color: #D81118;
}
.alert--danger:before {
  content: url("../node_modules/global-css/src/images/alert-error-white.svg");
  margin-left: 0;
  margin-right: 15px;
  z-index: 1;
  height: 23px;
}
.alert--success {
  color: #fff;
  background-color: #00873C;
}
.alert--success:before {
  content: url("../node_modules/global-css/src/images/alert-check-white.svg");
  margin-left: 0;
  margin-right: 15px;
  z-index: 1;
  height: 23px;
}
.alert--warning {
  color: #333;
  background-color: #ffc206;
}
.alert--warning:before {
  content: url("../node_modules/global-css/src/images/alert-warning-white.svg");
  margin-left: 0;
  margin-right: 15px;
  z-index: 1;
  height: 23px;
}
.alert__close {
  background-image: url("../node_modules/global-css/src/images/close-x-white.svg");
  background-repeat: no-repeat;
  height: 23px;
  width: 23px;
  margin-left: auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.alert__title {
  font-family: "opensans-bold";
}

.alert-inline {
  min-height: 36px;
}
.alert-inline--danger {
  color: #D81118;
}
.alert-inline--danger:before {
  content: url("../node_modules/global-css/src/images/error.svg");
  margin-left: 0;
  margin-right: 15px;
  z-index: 1;
  height: 17px;
}
.alert-inline--success {
  color: #00873C;
}
.alert-inline--success:before {
  content: url("../node_modules/global-css/src/images/success.svg");
  margin-left: 0;
  margin-right: 15px;
  z-index: 1;
  height: 17px;
}
.alert-inline--warning {
  color: #906F27;
}
.alert-inline--warning:before {
  content: url("../node_modules/global-css/src/images/advisory.svg");
  margin-left: 0;
  margin-right: 15px;
  z-index: 1;
  height: 17px;
}
.alert-inline__title {
  font-family: "opensans-bold";
}

/******HFAPP********/
.header__stickyContainer, .headerMyAccount__dropdown--expanded, .headerStoreFinder__dropdown--expanded, .headerCart__dropdown--expanded, .headerDIY__dropdown--expanded {
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.25);
}

.headerMyAccount__item, .headerCart__item, .headerDIY__item {
  line-height: 1;
  border-bottom: 1px solid #eee;
}

.headerMyAccount__item:last-of-type, .headerCart__item:last-of-type, .headerDIY__item:last-of-type {
  border-bottom: none;
}

.headerMyAccount__link, .headerCart__cartLink, .headerDIY__link {
  padding: 15px 0;
  display: block;
  color: #333;
}

.header__item, .headerNearStores__list, .headerNearStores__name, .headerNearStores__distance, .headerNearStores__address, .footerEmailSignup__controlGroup, .footerEmailSignup__input {
  float: left;
}

.header__topLinkItem, .headerStore__localAd, .headerStore__storeFinderLink, .headerNearStores__myStore, .headerCart__count, .footerEmailSignup__submit {
  float: right;
}

.flyoutContainer__subItemLink:hover, .headerStoreFinder__geoLocateLink:hover, .headerStore__localAd:hover, .headerStore__storeFinderLink:hover, .headerStore__details:hover, .footerPhone__link:hover, .footerCreditOffer__link:hover {
  text-decoration: underline;
}

.headerMyAccount__button:hover, .headerStoreFinder__button:hover {
  background-color: #fff;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  text-decoration: none;
}

.headerMyAccount__button--active, .headerMyAccount__button--active:hover, .headerStoreFinder__button--active, .headerStoreFinder__button--active:hover {
  background-color: #fff;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
}

.headerMyAccount__button, .headerStoreFinder__button, .headerCart__button:hover, .headerCart__button--replete:hover, .headerDIY__button {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.headerMyAccount__title--legal, .headerStoreFinder__title--legal {
  font-size: 1.1rem;
}

.headerMyAccount__title--name, .headerStoreFinder__title--name {
  width: 105px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.2;
}
@media only screen and (max-width: 1280) {
  .headerMyAccount__title--name, .headerStoreFinder__title--name {
    width: 86px;
  }
}

.headerMyAccount__title--fadeOut, .headerStoreFinder__title--fadeOut {
  color: rgba(51, 51, 51, 0);
  -webkit-transition: color 0s linear;
  -moz-transition: color 0s linear;
  -ms-transition: color 0s linear;
  -o-transition: color 0s linear;
  transition: color 0s linear;
}

.headerMyAccount__title--fadeIn, .headerStoreFinder__title--fadeIn {
  color: #333333;
  -webkit-transition: color .3s linear;
  -moz-transition: color .3s linear;
  -ms-transition: color .3s linear;
  -o-transition: color .3s linear;
  transition: color .3s linear;
  -webkit-transition-delay: .3s;
  -moz-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
}

.headerFlyout__menuButtonIcon, .headerMyAccount__icon, .headerStoreFinder__icon, .headerCart__icon {
  display: block;
  float: left;
  font-size: 2em;
  line-height: .8;
  margin-right: 10px;
  font-style: normal;
  color: #f96302;
  margin-top: 3px;
}
@media only screen and (max-width: 1280) {
  .headerFlyout__menuButtonIcon, .headerMyAccount__icon, .headerStoreFinder__icon, .headerCart__icon {
    margin-right: 5px;
  }
}

.headerMyAccount__icon--center, .headerStoreFinder__icon--center, .headerCart__icon {
  float: none;
  margin: 0 auto;
  text-align: center;
  line-height: 1 !important;
}

.headerMyAccount__dropdown, .headerStoreFinder__dropdown, .headerCart__dropdown {
  -webkit-transition: max-height .1s ease, padding 0s ease, opacity .3s ease;
  -moz-transition: max-height .1s ease, padding 0s ease, opacity .3s ease;
  -ms-transition: max-height .1s ease, padding 0s ease, opacity .3s ease;
  -o-transition: max-height .1s ease, padding 0s ease, opacity .3s ease;
  transition: max-height .1s ease, padding 0s ease, opacity .3s ease;
}

.headerMyAccount__dropdown--expanded, .headerStoreFinder__dropdown--expanded, .headerCart__dropdown--expanded, .headerDIY__dropdown--expanded {
  -webkit-transition-delay: 300ms, 300ms;
  -moz-transition-delay: 300ms, 300ms;
  -o-transition-delay: 300ms, 300ms;
  transition-delay: 300ms, 300ms;
}

.header [class*=col-] {
  border: none;
}

header.header {
  min-width: 768px;
  font-size: 1.4rem;
  border: none;
  margin-bottom: 15px;
  padding-bottom: 0;
}
header.header * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.header__toolBar {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.header__item {
  display: inline-block;
  line-height: 1;
  color: #333333;
  padding: 0;
  -webkit-transition: width .3s ease;
  -moz-transition: width .3s ease;
  -ms-transition: width .3s ease;
  -o-transition: width .3s ease;
  transition: width .3s ease;
}
.header__item--oneColumn {
  width: 8.333%;
}
.header__item--sixColumn {
  width: 50%;
}
.header__item--logo {
  padding: 0 10px 0 0;
  text-align: right;
}
.header__topLinkRow {
  list-style-type: none;
  margin: 0;
}
@media only screen and (max-width: 1280) {
  .header__topLinkRow {
    padding-right: 10px;
  }
}
.header__topLinkItem {
  margin-left: 40px;
}
.header__topLinkRow--icon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.header__toolBar--sticky {
  position: absolute;
  width: 960px;
  left: 50%;
  margin-left: -480px;
  height: 61px;
  display: inline-block;
}
.header__stickyContainer {
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 999;
  height: 60px;
  padding: 5px 0;
  background-color: #fff;
  border-bottom: 1px solid #bbb;
  height: 60px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.headerLogo {
  float: right;
  width: 50px;
  height: 50px;
  display: block;
  background: url("../node_modules/hfapp/images/thd-logo.png");
  background-size: 50px;
  margin-right: 10px;
}

.headerFlyout {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.headerFlyout__menuButton {
  color: #fff;
  display: block;
  padding: 11px;
}
.headerFlyout__menuButton:hover {
  text-decoration: none;
}
.headerFlyout__menuButton--extended::after {
  content: " ";
  position: absolute;
  background-color: #333;
  bottom: -13px;
  width: 100%;
  height: 13px;
  right: 0;
  z-index: 999;
}
.headerFlyout__dropDown {
  list-style-type: none;
  margin: 0;
  padding: 0;
  top: 62px;
  left: -50%;
  width: 150%;
  background-color: #333;
  display: none;
  z-index: 999;
  position: absolute;
}
.headerFlyout__item {
  display: block;
}
.headerFlyout__item--aux {
  margin-top: 23px;
  position: relative;
}
.headerFlyout__item--aux::before {
  content: "";
  border-top: 1px solid #777;
  display: block;
  width: 91%;
  margin: 0 10px;
  position: absolute;
  bottom: 35px;
}
.headerFlyout .headerFlyout__link, .headerFlyout .headerFlyout__auxLink {
  -webkit-transition: all .1s ease;
  -moz-transition: all .1s ease;
  -ms-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease;
}
.headerFlyout__link {
  display: block;
  padding: 6px 10px;
  color: #fff;
  position: relative;
  background-color: rgba(255, 255, 255, 0);
}
.headerFlyout__auxLink {
  display: block;
  padding: 6px 10px;
  color: #fff;
  position: relative;
  background-color: rgba(255, 255, 255, 0);
}
.headerFlyout__link:hover {
  color: #333;
  background-color: #fff;
  text-decoration: none;
}
.headerFlyout__auxLink:hover {
  color: #333;
  background-color: #fff;
  text-decoration: none;
}
.headerFlyout__link--active {
  color: #333;
  background-color: #fff;
}
.headerFlyout .headerFlyout__link::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 8px;
  background: url(../node_modules/hfapp/images/svg/Chevron2B.svg) no-repeat top right;
  background-size: 6px;
  z-index: 1000;
  width: 20px;
  height: 20px;
  font-weight: bold;
}
.headerFlyout__link--holiday::after {
  right: 10px;
}
.headerFlyout__link--last {
  padding-bottom: 10px;
}

.flyoutContainer {
  background-color: #fff;
  height: 539px;
  position: absolute;
  left: 240px;
  top: -12px;
  width: 300%;
  border-right: 1px solid #eee;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #eee;
  padding: 16px 10px 0 10px;
  overflow: hidden;
}
@media only screen and (max-width: 1280) {
  .flyoutContainer {
    width: 300%;
    height: 556px;
    right: -300%;
    left: auto;
  }
}
.flyoutContainer__item {
  width: 32%;
  margin-bottom: 20px;
  display: block;
}
.flyoutContainer__heading {
  position: relative;
  padding-right: 10px;
}
.flyoutContainer__heading::after {
  content: "";
  background: url(../node_modules/hfapp/images/svg/Chevron2B.svg) no-repeat;
  background-size: 7px;
  position: absolute;
  top: 3px;
  right: -3px;
  width: 10px;
  height: 10px;
}
.flyoutContainer__headingLink {
  color: #333;
}
.flyoutContainer__headingLink:hover {
  text-decoration: none;
}
.flyoutContainer__sub {
  font-size: 1.4rem;
  line-height: 32px;
}
.flyoutContainer__subItemLink {
  display: block;
  line-height: 1;
  padding: 7px 0;
  color: #3e7697;
}

body.exposed .headerFlyout__dropDown {
  display: block;
}

body.exposed .headerFlyout__menuButton::after {
  content: " ";
  position: absolute;
  background-color: #333;
  bottom: -13px;
  width: 100%;
  height: 13px;
  right: 0;
}

.headerMyAccount {
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: #333;
}
.headerMyAccount__button {
  color: #333;
  padding: 10px 10px 11px 10px;
  height: 50px;
  overflow: hidden;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
}
@media only screen and (max-width: 1280) {
  .headerMyAccount__button {
    padding-left: 5px;
  }
}
.headerMyAccount__dropdown {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50px;
  right: 0;
  background-color: #fff;
  width: 194%;
  padding: 0;
  max-height: 0;
  z-index: 999;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  opacity: 0;
}
.headerMyAccount__dropdown--expanded {
  right: 0;
  max-height: 340px;
  height: auto;
  opacity: 1;
  padding: 10px 0 0 0;
  /* To fix QC-59925 */
}
.headerMyAccount__item {
  margin: 0 10px;
  /* To fix QC-59925 */
}
.headerMyAccount__link {
  position: relative;
  text-decoration: none;
}
.headerMyAccount__auth {
  margin-top: 15px;
}
.headerMyAccount__authText {
  display: block;
  margin: 20px 0;
}
.headerMyAccount__authLink {
  color: #3e7697;
}
.headerMyAccount__authSignOut {
  display: block;
  padding: 5px 0 20px 0;
  color: #3e7697;
}
.headerMyAccount__link--creditCard::after {
  content: " ";
  width: 20px;
  height: 20px;
  background: url("../node_modules/hfapp/images/svg/Credit-Card.svg") no-repeat top left;
  background-size: 20px;
  position: absolute;
  right: 100px;
  bottom: 10px;
}
@media only screen and (max-width: 1280) {
  .headerMyAccount__link--creditCard::after {
    right: 40px;
  }
}

.headerSearch {
  height: 50px;
  overflow: hidden;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
.headerSearch__input {
  padding: 10px 10px 10px 35px;
  width: 94%;
  margin: 7px 10px 7px 10px;
  line-height: 1;
  height: 36px;
  font-size: 1.4rem;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
.headerSearch__label {
  display: none;
}
.headerSearch::before {
  content: " ";
  position: absolute;
  background: #fff url("../node_modules/hfapp/images/svg/Search.svg") no-repeat 4px 7px;
  background-size: 20px;
  width: 27px;
  height: 31px;
  left: 13px;
  top: 10px;
}
.headerSearch__expanded {
  height: 50px;
}
.headerSearch__expanded::before {
  display: none;
}
.headerSearch__input--expanded {
  margin: 0px 10px -7px 10px;
  height: 50px;
  width: 88%;
  padding: 16px 0 16px 10px;
  background: #fff;
  background-size: 20px;
  background-position: 10px 10px;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}

.button--headerSearchButton {
  background-color: #f96302;
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px !important;
  font-size: 2em;
  line-height: .8;
  height: 50px;
}

.headerStoreFinder {
  color: #333;
}
.headerStoreFinder__button {
  color: #333;
  padding: 10px 10px 11px 10px;
  height: 50px;
  overflow: hidden;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
}
@media only screen and (max-width: 1280) {
  .headerStoreFinder__button {
    padding-left: 5px;
  }
}
.headerStoreFinder__dropdown {
  position: absolute;
  top: 50px;
  left: -194%;
  background-color: #fff;
  width: 444%;
  height: 1px;
  padding: 0;
  z-index: 999;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  opacity: 0;
}
.headerStoreFinder__dropdown--expanded {
  left: -194%;
  min-height: 380px;
  height: auto;
  padding: 20px 10px 0 10px;
  opacity: 1;
}
@media only screen and (max-width: 1280) {
  .headerStoreFinder__dropdown--expanded {
    left: -300%;
    width: 549%;
  }
}
.headerStoreFinder__findMore {
  padding-top: 20px;
  clear: both;
}
.headerStoreFinder__geoLocate {
  text-align: right;
}
.headerStoreFinder__geoLocateLink {
  display: block;
  padding: 15px 0 10px 0;
  color: #3e7697;
  float: right;
}
.headerStoreFinder__geoLocateLink::before {
  content: " ";
  width: 20px;
  height: 20px;
  background: url(/HFApp/static/global/images/desktop/svg/Geolocation.svg) no-repeat top left;
  background-size: 20px;
  position: absolute;
  right: 111px;
  color: #3e7697;
  bottom: 6px;
}
.headerStoreFinder__preloader {
  background-color: #fff;
  opacity: 0.95;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.headerStoreFinder__preloaderSpinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -11px;
  margin-left: -11px;
}

.headerMap {
  background-color: #eee;
  height: 179px;
}

.headerStore {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.headerStore__name {
  margin-bottom: 20px;
  font-weight: lighter;
}
.headerStore__item {
  margin-bottom: 15px;
}
.headerStore__localAd {
  color: #3e7697;
}
.headerStore__storeFinderLink {
  font-size: 1.4rem;
  color: #3e7697;
  font-weight: normal;
}
.headerStore__details {
  color: #3e7697;
}

.headerNearStores__heading {
  margin-bottom: -5px;
}
.headerNearStores__list {
  width: 100%;
  margin-top: 25px;
  line-height: 1.215;
}
.headerNearStores__name {
  font-weight: bold;
  width: 40%;
}
.headerNearStores__distance {
  width: 20%;
  clear: both;
  height: 50px;
}
.headerNearStores__address {
  width: 44%;
}
.headerNearStores__myStore {
  width: 33.3%;
}

.sf-button {
  padding: 5px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
  padding: 13px 0;
  font-weight: bold;
}
.sf-button:hover {
  text-decoration: none;
}
.sf-button--primary {
  background-color: #f96302;
  box-shadow: 0 3px 0 #d45300;
}
.sf-button--reverse {
  background-color: #fff;
  border: 2px solid #333;
  color: #333;
}
.sf-button--reverse:hover {
  border: 2px solid #333;
}
.sf-button--small {
  font-size: 1.1rem;
}

.headerCart__button, .headerCart__button:hover, .headerCart__button--replete:hover {
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
}

.headerCart__button {
  display: block;
  padding: 11px 7px 10px 7px;
  text-align: center;
  height: 50px;
}
.headerCart__button:hover {
  background-color: #fff;
  text-decoration: none;
}
.headerCart__icon {
  display: inline-block;
  fill: #f96302;
  vertical-align: sub;
}
.headerCart__itemCount {
  font-size: 2.1rem;
}
.headerCart__icon--active {
  color: #f96302;
  display: inline;
}
.headerCart__button--active {
  color: #f96302;
  background-color: #fff;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
}
.headerCart__button--active:hover {
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
}
.headerCart__button--active svg {
  fill: #f96302;
}
.headerCart__icon--replete {
  text-align: left;
  display: inline;
  line-height: 1;
}
.headerCart__button--replete {
  background-color: #f96302;
  color: #fff;
}
.headerCart__button--replete:hover {
  color: #f96302;
  background-color: #fff;
}
.headerCart__button--replete svg {
  fill: #fff;
}
.headerCart__button--replete:hover svg {
  fill: #f96302;
  color: #f96302;
}
.headerCart__dropdown {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50px;
  right: 0;
  background-color: #fff;
  width: 277%;
  z-index: 9999;
  padding: 0;
  max-height: 0;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  opacity: 0;
  overflow: hidden;
}
.headerCart__dropdown--expanded {
  right: 0;
  max-height: 100px;
  padding: 10px 10px 0 10px;
  height: 100px;
  opacity: 1;
}

.headerDIY {
  position: relative;
}
.headerDIY__button {
  display: block;
  border: 1px solid transparent;
  padding: 12px 15px;
  margin: -7px -20px 0 0;
  color: #333;
}
.headerDIY__button:hover {
  border: 1px solid #ccc;
  box-shadow: 0 2px 10px #eee;
  text-decoration: none;
}
.headerDIY__button--active {
  border: 1px solid #ccc;
}
.headerDIY__dropdown {
  position: absolute;
  z-index: 9999;
  background-color: #fff;
  width: 175px;
  padding: 0;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  top: 35px;
  opacity: 0;
  right: -20px;
  max-height: 0;
  overflow: hidden;
}
.headerDIY__dropdown--expanded {
  right: -20px;
  max-height: 374px;
  height: 374px;
  padding: 0 10px 0 10px;
  opacity: 1;
}

.footer [class*=col-] {
  border: none;
}

.footer a {
  color: #3e7697;
}

footer.footer {
  font-size: 1.4rem;
  border-left: none;
  border-right: none;
  min-width: 768px;
}
footer.footer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.footer__bottom {
  background-color: #eee;
  padding: 10px;
}
.footer__tagline {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: .95;
  position: relative;
  margin-bottom: 0;
}
.footer__tagline--highlight {
  color: #333;
}
.footer__trademark {
  font-size: 1rem;
  margin-top: -8px;
  position: absolute;
  top: 9px;
  left: 190px;
  color: #333;
}

.footerOther {
  border-bottom: 1px solid #eee !important;
  padding-bottom: 10px !important;
  margin-bottom: 0;
}
.footerOther__heading {
  color: #333;
  margin-bottom: 10px;
}
.footerOther__link {
  padding: 0;
}

.nortonSecured {
  background: url("../node_modules/hfapp/images/getseal.gif") no-repeat center center;
  background-size: 75px;
  width: 100px;
  height: 72px;
  float: right;
  position: absolute;
  top: 60px;
  right: 0;
  display: block;
}

.list__socialList {
  margin-right: 10px;
  padding: 0;
}
@media only screen and (max-width: 1280) {
  .list__socialList {
    margin-right: 20px;
    padding: 0;
  }
}
.list__socialList:last-of-type {
  margin-right: 0;
}
.list__footerIcon {
  width: 29px;
  height: 32px;
}
@media only screen and (max-width: 1280) {
  .list__footerIcon {
    width: 40px;
    height: 40px;
  }
}

.footerCreditOffer {
  background-color: #eee;
  padding: 20px;
}
.footerCreditOffer__heading {
  color: #333;
  margin-left: 50px;
  position: relative;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1280) {
  .footerCreditOffer__heading {
    font-size: 2.5rem;
    margin-left: 95px;
    margin-bottom: 20px;
  }
}
.footerCreditOffer__heading::before {
  content: "";
  position: absolute;
  left: -50px;
  background: url("../node_modules/hfapp/images/svg/credit_card_footer.svg") no-repeat top left;
  background-size: 36px;
  width: 40px;
  height: 40px;
}
@media only screen and (max-width: 1280) {
  .footerCreditOffer__heading::before {
    background-size: 60px;
    width: 60px;
    height: 60px;
    left: -90px;
  }
}
.footerCreditOffer__emphasis {
  font-weight: bold;
  font-size: 2.4rem;
}
@media only screen and (max-width: 1280) {
  .footerCreditOffer__emphasis {
    font-size: 3rem;
  }
}
.footerCreditOffer__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1280) {
  .footerCreditOffer__list {
    margin: 20px 0 0 30px;
  }
}
@media only screen and (max-width: 1280) {
  .footerCreditOffer__item {
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ccc;
  }
}
.footerCreditOffer__item:first-of-type {
  margin-bottom: -7px;
}
@media only screen and (max-width: 1280) {
  .footerCreditOffer__item:last-of-type {
    float: left;
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }
}
.footerCreditOffer__link {
  display: block;
  padding: 7px 0;
}
@media only screen and (max-width: 1280) {
  .footerCreditOffer__link {
    padding: 0;
  }
}

.footerEmailSignup {
  margin: 20px 0;
}
@media only screen and (max-width: 1280) {
  .footerEmailSignup {
    margin: 0;
    padding: 0 10px 0 10px;
  }
}
@media only screen and (max-width: 1280) {
  .footerEmailSignup__form {
    width: 100%;
  }
}
.footerEmailSignup__controlGroup {
  vertical-align: top;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1280) {
  .footerEmailSignup__controlGroup {
    width: 100%;
    margin-bottom: 0px;
  }
}
.footerEmailSignup__legend {
  color: #333;
  margin-bottom: 10px;
  font-weight: normal;
  line-height: 1.5;
}
.footerEmailSignup__input {
  padding: 11px 10px 10px 10px !important;
  width: 70% !important;
  border: none !important;
  height: auto !important;
  font-size: inherit !important;
  box-shadow: none !important;
  line-height: 17px !important;
  margin: 0 !important;
  background: #fff !important;
}
@media only screen and (max-width: 1280) {
  .footerEmailSignup__submit {
    float: right;
  }
}
.footerEmailSignup__errorMessage {
  color: #D81118;
  margin: 0 0 10px 30px;
  display: none;
}
.footerEmailSignup__errorMessage::before {
  content: "";
  background: url(/HFApp/static/global/images/desktop/svg/error.svg) no-repeat center center;
  background-size: 20px;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
}
.footerEmailSignup__controlGroup--error {
  border: 1px solid #D81118;
}

 /* ----------------------------------------------------------------------------
	Purpose:
		Global CSS Styles for the HomeDepot.com website
	$Last Updated: 1-07-2015
/*	----------------------------------------------------------------------------
	Table Of Contents
	1. Resets & Defaults
		a. Resets
		b. Defaults
		c. Font Definitions
	2. Grid and Layout
		a. Grid
		b. Layout
		c. Tables
	3. Generics
	4. Typography
	5. Buttons
		a. New Buttons
		b. Icons
		c. CSS3 Gradients
		d. IE Hacks
	6. Cartridges
*/
/* -- (1) Defaults & Resets -- */
/* -- (1a) Defaults & Resets - Resets -- */
*, form {
  margin: 0;
  padding: 0;
  /* font-weight: normal; <--- John J. told me to do it.  Defect #13906 */
}

a img {
  border: none;
}

img {
  -ms-interpolation-mode: bicubic;
}

/* Help IE resize ../node_modules/olt-global-styles/images/ if needed. */
ul, ol {
  list-style-type: none;
}

h1, h2, h3, h4, h5, h6, b, strong, b *, strong * {
  font-weight: bold;
}

/* QC# 13257 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

/*	----------------------------------------
	(1b) Defaults & Resets - Defaults */
html, body {
  background: #bbb none;
}

body {
  color: #777;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p a {
  color: #f96302;
}

/*	----------------------------------------
	(1c) Global Font Definitions */
@font-face {
  font-family: 'homervetica-blk';
  src: url("../node_modules/global-css/src/fonts/homervetica/homervetica-blk.eot");
  src: url("../node_modules/global-css/src/fonts/homervetica/homervetica-blk.eot?#iefix") format("embedded-opentype"), url("../node_modules/global-css/src/fonts/homervetica/homervetica-blk.woff2") format("woff2"), url("../node_modules/global-css/src/fonts/homervetica/homervetica-blk.woff") format("woff"), url("../node_modules/global-css/src/fonts/homervetica/homervetica-blk.ttf") format("truetype"), url("../node_modules/global-css/src/fonts/homervetica/homervetica-blk.svg#homervetica-black") format("svg");
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}
@font-face {
  font-family: 'homervetica-med';
  src: url("../node_modules/global-css/src/fonts/homervetica/homervetica-med.eot");
  src: url("../node_modules/global-css/src/fonts/homervetica/homervetica-med.eot?#iefix") format("embedded-opentype"), url("../node_modules/global-css/src/fonts/homervetica/homervetica-med.woff2") format("woff2"), url("../node_modules/global-css/src/fonts/homervetica/homervetica-med.woff") format("woff"), url("../node_modules/global-css/src/fonts/homervetica/homervetica-med.ttf") format("truetype"), url("../node_modules/global-css/src/fonts/homervetica/homervetica-med.svg#homervetica-medium") format("svg");
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}
/*	----------------------------------------------------------------------------
	(2) Grid and Layout */
/*	----------------------------------------
	(2a) Grid and Layout - Grid */
/* Main Container */
.container_30 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  background: none #fff;
  position: relative;
}

/* POD Globals */
/* Setting default border style/color here. */
.row, .pod, .rail {
  border: 0 solid #eee;
}

/* set alpha omega borders to transparent */
.transparentBorder .row, .transparentBorder .pod, .transparentBorder .rail, .transparentBorder div[class*="col-"], .grid.transparentBorder {
  border-color: transparent;
}

/* Responsive Grid
-------------------------- */
/* Legacy Grid
-------------------------- */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15,
.grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24, .grid_25, .grid_26, .grid_27, .grid_28, .grid_29, .grid_30 {
  display: inline;
  float: left;
  position: relative;
  border-width: 0 1px;
}

/* POD Widths */
/*
.container_30 .grid_5 { width:158px; }
.container_30 .grid_6 { width:190px; }
.container_30 .grid_8 { width:254px; }
.container_30 .grid_9 { width:286px; }
.container_30 .grid_10 { width:318px; }
.container_30 .grid_12 { width:382px; }
.container_30 .grid_15 { width:478px; }
.container_30 .grid_18 { width:574px; }
.container_30 .grid_24 { width:766px; }
.container_30 .grid_30 { width:958px; }
*/
.grid_1 {
  width: 30px;
}

.grid_2 {
  width: 62px;
}

.grid_3 {
  width: 94px;
}

.grid_4 {
  width: 126px;
}

.grid_5 {
  width: 158px;
}

.grid_6 {
  width: 190px;
}

.grid_7 {
  width: 222px;
}

.grid_8 {
  width: 254px;
}

.grid_9 {
  width: 286px;
}

.grid_10 {
  width: 318px;
}

.grid_11 {
  width: 350px;
}

.grid_12 {
  width: 382px;
}

.grid_13 {
  width: 414px;
}

.grid_14 {
  width: 446px;
}

.grid_15 {
  width: 478px;
}

.grid_16 {
  width: 510px;
}

.grid_17 {
  width: 542px;
}

.grid_18 {
  width: 574px;
}

.grid_19 {
  width: 606px;
}

.grid_20 {
  width: 638px;
}

.grid_21 {
  width: 670px;
}

.grid_22 {
  width: 702px;
}

.grid_23 {
  width: 734px;
}

.grid_24 {
  width: 766px;
}

.grid_25 {
  width: 798px;
}

.grid_26 {
  width: 830px;
}

.grid_27 {
  width: 862px;
}

.grid_28 {
  width: 894px;
}

.grid_29 {
  width: 926px;
}

.grid_30 {
  width: 958px;
}

/* New Grid Widths for FETCH with padding factored in*/
.grid_1.spad, .grid_2.spad, .grid_3.spad, .grid_4.spad, .grid_5.spad, .grid_6.spad, .grid_7.spad, .grid_8.spad, .grid_9.spad, .grid_10.spad, .grid_11.spad, .grid_12.spad, .grid_13.spad, .grid_14.spad, .grid_15.spad, .grid_16.spad, .grid_17.spad, .grid_18.spad, .grid_19.spad, .grid_20.spad, .grid_21.spad, .grid_22.spad, .grid_23.spad, .grid_24.spad, .grid_25.spad, .grid_26.spad, .grid_27.spad, .grid_28.spad, .grid_29.spad, .grid_30.spad {
  padding: 15px;
}

.grid_1.spad {
  width: 0px;
}

.grid_2.spad {
  width: 32px;
}

.grid_3.spad {
  width: 64px;
}

.grid_4.spad {
  width: 96px;
}

.grid_5.spad {
  width: 128px;
}

.grid_6.spad {
  width: 160px;
}

.grid_7.spad {
  width: 192px;
}

.grid_8.spad {
  width: 224px;
}

.grid_9.spad {
  width: 256px;
}

.grid_10.spad {
  width: 288px;
}

.grid_11.spad {
  width: 320px;
}

.grid_12.spad {
  width: 352px;
}

.grid_13.spad {
  width: 384px;
}

.grid_14.spad {
  width: 416px;
}

.grid_15.spad {
  width: 448px;
}

.grid_16.spad {
  width: 480px;
}

.grid_17.spad {
  width: 512px;
}

.grid_18.spad {
  width: 544px;
}

.grid_19.spad {
  width: 576px;
}

.grid_20.spad {
  width: 608px;
}

.grid_21.spad {
  width: 640px;
}

.grid_22.spad {
  width: 672px;
}

.grid_23.spad {
  width: 704px;
}

.grid_24.spad {
  width: 736px;
}

.grid_25.spad {
  width: 768px;
}

.grid_26.spad {
  width: 800px;
}

.grid_27.spad {
  width: 832px;
}

.grid_28.spad {
  width: 864px;
}

.grid_29.spad {
  width: 896px;
}

.grid_30.spad {
  width: 928px;
}

/*	----------------------------------------
	(2b) Grid and Layout - Layout */
/* Border Control */
/* do not merge .container_30 .alpha & .row .pod:first-child, as this is breaking the UI in IE8 */
.container_30 .alpha {
  border-left: none;
}

.row .pod:first-child {
  border-left: none;
}

/* do not merge .container_30 .omega & .row .pod:last-child, as this is breaking the UI in IE8 */
.container_30 .omega {
  border-right: none;
}

.row .pod:last-child {
  border-right: none;
}

.container_30 .rail .pod {
  border-left: none;
  border-right: none;
}

/* Forces removal of borders in the rail. */
/* add bottom border */
.container_30 .withBorder {
  border-bottom-width: 2px;
}

/* Float all rows left so that the do not need clearfix */
.container_30 .row {
  float: left;
}

.ie.lte10 .container_30 .mainContent .row {
  width: 100%;
}

/* Legacy content fix */
.legacy-content .row {
  display: flex;
}

/* add the required padding to the Row H3 Header */
.container_30 h3.rowHeader, .container_30 h2.rowHeader, .grid h2.rowHeader, .grid h3.rowHeader {
  padding: 15px;
}

/* standard Padding */
.container_30 .spad {
  padding: 15px;
}

/* right Padding */
.container_30 .rpad {
  padding-right: 15px;
}

/* left Padding */
.container_30 .lpad {
  padding-left: 15px;
}

/* Row with Header Footer */
.container_30 .row.withHeader {
  padding-bottom: 15px;
}

/* Rails */
/*.container_30 .rail { background: #ddd; }*/
.container_30 .rail ul.linkList, .container_30 .rail p {
  margin-bottom: 15px;
}

/* Vertically aligning items in center */
.row .pod.Vertical-Align--center {
  display: flex;
  align-items: center;
}

/*.container_30 .rail .spad { padding: 0; }*/
/* Make sure the footer rail padding is there */
/*.container_30 .footer .rail .spad { padding: 15px }*/
/*	----------------------------------------
	(2c) Grid and Layout - Tables */
.container_30 table.tablePod.td_grid_6 td, .container_30 table.tablePod.td_grid_6 th {
  width: 190px;
}

.container_30 table.tablePod.td_grid_9 td, .container_30 table.tablePod.td_grid_9 th {
  width: 286px;
}

.container_30 table.tablePod.td_grid_12 td, .container_30 table.tablePod.td_grid_12 th {
  width: 382px;
}

.container_30 table.tablePod.td_grid_18 td, .container_30 table.tablePod.td_grid_18 th {
  width: 574px;
}

.container_30 table.tablePod.td_grid_24 td, .container_30 table.tablePod.td_grid_24 th {
  width: 766px;
}

.container_30 table.tablePod.td_grid_30 td, .container_30 table.tablePod.td_grid_30 th {
  width: 958px;
}

.container_30 table.tablePod.td_grid_18_6 th {
  width: 574px;
}

.container_30 table.tablePod.td_grid_18_6 th + th {
  width: 190px;
}

.container_30 table.tablePod.td_grid_6_18 th {
  width: 190px;
}

.container_30 table.tablePod.td_grid_6_18 th + th {
  width: 574px;
}

/*Table Styles */
table.tablePod td, table.tablePod th {
  padding: 10px;
}

table.tablePod .even {
  background-color: #eee;
}

table.tablePod.tableSplit td + td, table.tablePod.tableSplit th + th {
  border-right: 2px solid #fff;
}

table.tablePod.tableSplit td + td + td, table.tablePod.tableSplit td + td + td + td, table.tablePod.tableSplit th + th + th, table.tablePod.tableSplit th + th + th + th {
  border-right: none;
}

table.tablePod.tableWithBorder td, table.tablePod.tableWithBorder th {
  border-right: 2px solid #fff;
}

/*	----------------------------------------------------------------------------
	(3) Generics */
.thdOrange, .thdOrange a {
  color: #f96302 !important;
}

.b {
  font-weight: bold;
}

.i {
  font-style: italic;
}

.allCaps {
  text-transform: uppercase;
}

.titleCase {
  text-transform: capitalize;
}

.tight {
  letter-spacing: -1px;
}

.c {
  text-align: center;
}

.r {
  text-align: right;
}

.l {
  text-align: left;
}

.j {
  text-align: justify;
}

.u {
  text-decoration: underline;
}

.hide {
  visibility: hidden;
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.clearfix {
  zoom: 1;
}

/* IE < 8 */
.clear {
  position: relative;
  font-size: 0;
  height: 0;
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
}

.georgia, .serif {
  font-family: "Georgia", "Times New Roman", serif;
}

.homervetica, .homervetica_small, .homervetica_medium, .homervetica_large, .homervetica_xlarge {
  font-family: "Homervetica", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal !important;
}

.homervetica_small {
  font-size: 18px;
  line-height: 18px;
}

.homervetica_medium {
  font-size: 24px;
  line-height: 24px;
}

.homervetica_large {
  font-size: 36px;
  line-height: 36px;
}

.homervetica_xlarge {
  font-size: 48px;
  line-height: 48px;
}

.ie.lte10.hasLayoutFix {
  zoom: 1;
}

.align-right {
  float: right !important;
}

.align-left {
  float: left !important;
}

.align-center {
  margin: 0 auto;
}

.clear-all {
  clear: both;
}

.two {
  float: left;
  width: 50%;
}

.three {
  float: left;
  width: 33%;
}

.four {
  float: left;
  width: 25%;
}

.five {
  float: left;
  width: 20%;
}

/*	----------------------------------------------------------------------------
	(4) Typography */
.xlarge {
  font-size: 20px;
}

/* BODY 0 */
.large {
  font-size: 14px;
}

/* BODY 1 */
.normal, .product-pod-uom {
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
}

/* BODY 2 */
.small {
  font-size: 10px;
}

/* BODY 3 */
.legal {
  font-size: 8px;
}

/* BODY 4 */
ul.bulletList {
  list-style: disc;
  margin-left: 2rem;
}

ul.horizontal li {
  float: left;
}

ul.horizontal li.divider {
  border-right: 1px solid #ccc;
  margin: 0 15px;
  width: 0;
  height: 14px;
}

ul.linkList li {
  margin: 0 0 1rem;
}

ul.linkList li ul li {
  padding: 0 0 0 2rem;
}

/*ul.linkList li a {
  color: #3e7697; }*/
ul.numberList {
  list-style: decimal;
  margin-left: 2rem;
}

ul.numberList li {
  margin: 0 0 1rem;
}

ul.workingWarehouse {
  display: inline-block;
}

.rail ul.workingWarehouse {
  margin-left: 15px;
}

ul.workingWarehouse li {
  background-image: url("../node_modules/olt-global-styles/images/workingWarehouse.png");
  background-repeat: no-repeat;
  min-height: 28px;
  padding: 5px 0 5px 32px;
}

/* Title */
h1.title, h1.title a {
  font-size: 21px;
  font-weight: bold;
}

h2.title, h2.title a {
  font-size: 14px;
  font-weight: bold;
}

h3.title, h3.title a {
  font-size: 14px;
  font-weight: bold;
}

/* Hero */
h2.hero {
  font-size: 27px;
  font-weight: normal !important;
  text-transform: uppercase;
}

h4.hero, h3.hero_subtitle {
  font-size: 18px;
  font-weight: normal !important;
}

.hero_info h2 {
  font-family: "homervetica-blk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 44px;
  font-weight: normal !important;
  line-height: 48px;
}

/* Row Header (typically paired with .large above) */
.container_30 h3.rowHeader, .container_30 h2.rowHeader, .grid h3.rowHeader, .grid h2.rowHeader {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
}

.homepage .container_30 h3.rowHeader, .homepage .container_30 h2.rowHeader {
  background: url("/static/theme/WorkingWarehouse/images/header_blip.png") no-repeat scroll 0 16px transparent;
  padding-left: 20px;
}

/* Rail linkList Header */
.container_30 .rail .linkList li.header {
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
}

/*	----------------------------------------------------------------------------
	(5) Buttons */
.dynamic_btn {
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 15px;
  text-decoration: none;
  text-transform: uppercase;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  zoom: 1;
}

.dynamic_btn span {
  font-weight: bold;
}

/* Grey */
.grey_btn {
  border: 1px solid  #ccc;
  color: #333;
  text-shadow: none;
}

.grey_btn:hover {
  border: 1px solid #ccc;
  text-decoration: none;
}

/* Orange */
.orange_btn {
  border: 1px solid  #f96302;
  color: #fff;
  text-shadow: none;
}

.orange_btn:hover {
  border: 1px solid  #f96302;
  text-decoration: none;
}

.pod .orange_btn {
  padding: 7px 5px;
}

/* .split {
	background: url('../node_modules/olt-global-styles/images/btns/split_btn_sprite.png');
	background-position: -2px -36px;
	border: solid 1px #333;
	padding: 0;
	height: 30px;
	overflow: hidden;
	vertical-align: middle;
	color: white;
}

.split:hover{
	background-position: -2px 0;
	border: solid 1px #666;
	text-decoration:none;
} */
/* Clear Btn*/
.clear_btn {
  display: block;
  height: 45px;
}

.clear_btn span {
  padding: 0 0 11px 30px;
  display: block;
  line-height: 12px;
}

.clear_btn span.short {
  width: 100px;
}

.clear_btn span.two_lines {
  padding-top: 5px;
}

/*icons*/
/*FETCH taking over title icons*/
.content .title a, .content .linkList li a, .content .title a[href$=".pdf"], .content .linklist li a[href$=".pdf"], .content .lower_pod_cta a, .content .lower_pod_cta a[href$=".pdf"] {
  background: url(../node_modules/olt-global-styles/images/btns/arrow.png) no-repeat right center;
  padding: 0 15px 0 0;
  zoom: 1;
}

.content .title a[href*="homedepot.com"], .content .title a[href*="homedepotdev.com"], .content .title a[href*="webapp"], .content .title a[href^="/"], .content .lower_pod_cta a[href*="homedepot.com"], .content .lower_pod_cta a[href*="homedepotdev.com"], .content .lower_pod_cta a[href*="webapp"], .content .lower_pod_cta a[href^="/"] {
  background: url(../node_modules/olt-global-styles/images/btns/caret.png) no-repeat right center;
  padding: 0 15px 0 0;
  zoom: 1;
}

.content .title a[href*="homedepot.com"], .content .title a[href*="homedepotdev.com"], .content .title a[href*="webapp"], .content .title a[href^="/"], .content .lower_pod_cta a[href*="homedepot.com"], .content .lower_pod_cta a[href*="homedepotdev.com"], .content .lower_pod_cta a[href*="webapp"], .content .lower_pod_cta a[href^="/"] {
  background: url(../node_modules/olt-global-styles/images/btns/caret.png) no-repeat right center;
  padding: 0 15px 0 0;
  zoom: 1;
}

.content .title a[href*=playVideo], .content .linkList li a[href*=playVideo], .content .lower_pod_cta a[href*=playVideo] {
  background: url(../node_modules/olt-global-styles/images/btns/plus.png) no-repeat right center;
  padding: 0 15px 0 0;
  zoom: 1;
}

.content .linkList li a[href*="homedepot.com"], .content .linkList li a[href*="homedepotdev.com"], .content .linkList li a[href*=webapp], .content .linkList li a[href^="/"], .customer-care .title a {
  background: 0 0;
  padding: 0;
}

#HFText .content .title a {
  background: none;
  padding: 0;
}

/*End of Rules based Icons*/
/* FETCH carrot icons - start */
.content .lower_pod_cta a[target="_blank"], .content .lower_pod_cta a[href$=".pdf"], .content .linkList li a[target="_blank"], .content .linkList li a[href$=".pdf"] {
  background: url("../node_modules/olt-global-styles/images/halflings.png") no-repeat;
  background-position: right -4917px;
  width: 8px;
  height: 8px;
  padding: 0 18px 0 0;
}

.content .lower_pod_cta a[href^="#"], .content .linkList li a[href^="#"] {
  background: url("../node_modules/olt-global-styles/images/halflings.png") no-repeat;
  background-position: right -3550px;
  width: 8px;
  height: 8px;
  padding: 0 18px 0 0;
}

.content .lower_pod_cta a[data-overlay-type="gallery"], .content .linkList li a[data-overlay-type="gallery"], .content .lower_pod_cta a[data-overlay-type="content"], .content .linkList li a[data-overlay-type="content"], .content .lower_pod_cta a[data-overlay-type="tool-tip"], .content .linkList li a[data-overlay-type="tool-tip"], .content .lower_pod_cta a[data-overlay-type="modal"], .content .linkList li a[data-overlay-type="modal"] {
  background: url("../node_modules/olt-global-styles/images/halflings.png") no-repeat;
  background-position: right -4970px;
  width: 8px;
  height: 8px;
  padding: 0 18px 0 0;
}

/* FETCH carrot icons - end */
.dynamic_btn .arrow {
  background: url("../node_modules/olt-global-styles/images/btns/arrow.png") no-repeat right center;
  padding: 0 15px 0 0;
}

.dynamic_btn .carrot {
  background: url("../node_modules/olt-global-styles/images/btns/caret.png") no-repeat right center;
  padding: 0 15px 0 0;
}

.dynamic_btn .plus {
  background: url("../node_modules/olt-global-styles/images/btns/plus.png") no-repeat right center;
  padding: 0 15px 0 0;
}

.dynamic_btn.orange_btn .arrow {
  background: url("../node_modules/olt-global-styles/images/btns/arrow_white.png") no-repeat right center;
  padding: 0 15px 0 0;
}

.dynamic_btn.orange_btn .carrot {
  background: url("../node_modules/olt-global-styles/images/btns/caret_white.png") no-repeat right center;
  padding: 0 15px 0 0;
}

.dynamic_btn.orange_btn .plus {
  background: url("../node_modules/olt-global-styles/images/btns/plus_white.png") no-repeat left center;
  padding: 0 0 0 15px;
}

.split .bopis_icon {
  padding: 8px 7px 0 37px;
  display: inline-block;
  height: 30px;
}

.arrow {
  background: url("../node_modules/olt-global-styles/images/btns/arrow.png") no-repeat right center;
  padding: 0 15px 0 0;
  /* IE Only Multiline fix */
  zoom: 1;
}

.carrot {
  background: url("../node_modules/olt-global-styles/images/btns/caret.png") no-repeat right center;
  padding: 0 15px 0 0;
  /* IE Only Multiline fix */
  zoom: 1;
}

.plus {
  background: url("../node_modules/olt-global-styles/images/btns/plus.png") no-repeat right center;
  padding: 0 15px 0 0;
  /* IE Only Multiline fix */
  zoom: 1;
}

.ie.lte10 .arrow,
.ie.lte10 .carrot {
  background-position: right 90%;
}

.ie.lte10 .plus {
  background-position: left 2px;
}

/*live goods price*/
.live-good-price-info {
  font: bold 14px Helvetica;
  color: #333;
}

.pdf_icon, .more_options, .shipping_icon, .check_box,
.online_only, .grey_exclamation, .magnify_icon, .more_views,
.view_360, .video_grey_icon, .features_icon, .bopis_icon, .store_exclusive,
.check_box_lrg, .print_icon {
  background: url("../node_modules/olt-global-styles/images/btns/halflings.png") repeat-y;
  zoom: 1;
}

.pdf_icon {
  background-position: left -1140px;
  padding: 6px 0 0 25px;
}

.more_options {
  background-position: left 1164px;
  padding: 0 0 0 25px;
  margin: 10px 0 15px -4px;
}

.shipping_icon {
  background-position: left -204px;
  padding: 3px 0 0 22px;
  margin-left: -4px;
}

.check_box {
  background-position: left -957px;
  padding: 4px 0 4px 20px;
  margin: 0 0 0 -10px;
}

.online_only {
  background-position: left -856px;
}

.grey_exclamation {
  background-position: left 579px;
}

.magnify_icon {
  background-position: 1px -300px;
}

.more_views {
  background-position: 1px -333px;
}

.view_360 {
  background-position: 1px -372px;
  height: 15px;
}

.video_grey_icon {
  background-position: 1px -449px;
}

.features_icon {
  background-position: 1px -408px;
}

.bopis_icon {
  background-position: 3px -888px;
}

.store_exclusive {
  background-position: left -989px;
}

.check_box_lrg {
  background-position: left -96px;
  zoom: 1;
}

.print_icon {
  background-position: left -481px;
  zoom: 1;
}

.dwn_arrow {
  background: url("../node_modules/olt-global-styles/images/btns/dwn_arrow.png") no-repeat right center;
  padding: 0 15px 0 0;
  zoom: 1;
}

.up_arrow {
  background: url("../node_modules/olt-global-styles/images/btns/up_arrow.png") no-repeat right center;
  padding: 0 15px 0 0;
  zoom: 1;
}

.pod_video_icon {
  cursor: pointer;
  position: absolute;
  background: #000 url("../node_modules/olt-global-styles/images/btns/PlayArrow.png") no-repeat center center;
  height: 30px;
  width: 45px;
  top: 50px;
  left: 0;
  -web-kit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  filter: alpha(opacity=50);
  -moz-opacity: .50;
  opacity: .50;
}

.pod_video_icon:hover {
  width: 55px;
  filter: alpha(opacity=80);
  -moz-opacity: .80;
  opacity: .80;
}

.value_icon {
  position: absolute;
  width: 45px;
  height: 45px;
  bottom: 0;
  left: 0;
  background: url("../node_modules/olt-global-styles/images/icons/NLP.png") no-repeat;
  text-indent: -9999px;
}

/*arrows*/
.prev_btn {
  background: url("../node_modules/olt-global-styles/images/btns/ToggleArrows_States.png") no-repeat -10px -6px;
  cursor: pointer;
  display: block;
  text-indent: -9999px;
  width: 30px;
  height: 31px;
}

.prev_btn:active {
  background: url("../node_modules/olt-global-styles/images/btns/ToggleArrows_States.png") no-repeat -10px -42px;
}

.next_btn {
  background: url("../node_modules/olt-global-styles/images/btns/ToggleArrows_States.png") no-repeat -39px -6px;
  cursor: pointer;
  display: block;
  text-indent: -9999px;
  width: 30px;
  height: 31px;
}

.next_btn:active {
  background: url("../node_modules/olt-global-styles/images/btns/ToggleArrows_States.png") no-repeat -39px -42px;
}

/*	----------------------------------------------------------------------------
	(5a.) New Button Definitions */
.btn {
  font-family: "Helvetica Neue", Helvetica,  Arial, sans-serif;
  border-radius: 3px;
  -moz-border-radius: 3px;
  /*-0-border-radius:3px;*/
  -webkit-border-radius: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 10px 15px;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  /* box-shadow: 1px 1px 2px #999; */
  line-height: 10px;
}

.btn, button.btn, input.btn {
  font-size: 12px;
  float: left;
  cursor: pointer;
  text-align: left;
}

.btn-orange, input.btn-orange, button.btn-orange {
  font-size: 12px;
  color: #fff;
  float: left;
}

#nav .btn {
  line-height: 14px;
}

/*Size Variations*/
.btn-large {
  font-size: 14px;
  padding: 8px 14px;
}

.btn-small {
  font-size: 11px;
  padding: 6px 10px 5px;
}

.btn-mini {
  font-size: 8px;
  padding: 4px 10px;
}

/*Quick View Button*/
.btn-qv {
  font-size: 10px;
  padding: 3px 18px;
  margin-top: 5px;
}

.btn .orange-text, .btn .thdOrange {
  color: #f96302 !important;
}

/*Clear "Buttons" with large icons*/
.btn-clear {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  display: block;
  color: #777;
  font-size: 12px;
  width: 120px;
  line-height: 12px;
  padding: 3px;
}

.btn-clear.btn-long {
  width: 150px;
}

.btn-clear.btn-xlong {
  width: 100%;
}

.btn-clear.btn-short {
  width: 100px;
}

/*Just the Icon "Button" */
.btn-icon {
  text-decoration: none;
  display: block;
  height: 24px;
}

.btn-icon strong {
  position: absolute;
  left: -9999px;
}

/*Text that uses small icons*/
.btn-text {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  display: block;
  color: #000;
  font-size: 12px;
  line-height: 12px;
}

.btn-text.small {
  font-size: 10px;
  line-height: 11px;
}

/*at last*/
.btn-first {
  margin-right: 10px;
}

.btn-last {
  margin: 0;
}

/*Disalbed*/
.btn.disabled,
.btn[disabled],
.btn.disabled:hover,
.btn[disabled]:hover {
  background-image: none;
  box-shadow: none !important;
  cursor: not-allowed;
  opacity: 0.30;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.ie.lte10 .btn.disabled,
.ie.lte10 .btn[disabled],
.ie.lte10 .btn.disabled:hover,
.ie.lte10 .btn[disabled]:hover {
  text-decoration: none;
  text-shadow: none;
}

/* Center aligned buttons */
.btn.align-center {
  float: none;
  display: table;
}

/*	----------------------------------------------------------------------------
	(5b.) Icons */
/*Dwarf Sprite*/
[class^="dwarf-"], [class*="dwarf-"], [class|="dwarf-"] {
  background-image: url("../node_modules/olt-global-styles/images/dwarves.png");
  background-repeat: none;
  vertical-align: text-top;
  display: block;
}

/*Haflings Sprite*/
[class^="icon-"], [class*="icon-"], [class|="icon-"] {
  background-image: url("../node_modules/olt-global-styles/images/halflings.png");
  background-position: 14px 14px;
  background-repeat: repeat-y;
  display: inline-block;
  vertical-align: text-top;
  padding: 0 20px 0 0;
}

i[class^="icon-"], i[class*="icon-"], i[class|="icon-"] {
  line-height: 14px;
  height: 14px;
  width: 14px;
  padding: 0 5px 0 0;
}

.btn-clear [class^="icon-"], .btn-icon [class^="icon-"] {
  padding: 14px;
  float: left;
  margin-right: 4px;
  height: auto;
  width: auto;
}

.btn-text [class^="icon-"],
.btn-text [class*="icon-"] {
  width: 14px;
  height: 14px;
  padding: 0 2px 0 0;
}

.btn-icon.big-tall [class^="icon-"] {
  padding: 0px;
  float: left;
  margin-right: 4px;
  height: 40px;
  width: 25px;
}

/*=======================================================================================
 WARNING: halfling ICONS SHOULD HAVE ALL POSITIVE POSITION!!!
 For Dwarfs: ALWAYS USE NEGATIVE horizontal postion then POSITIVE vertical position!!!
========================================================================================*/
/*Dwarfs: becasue of multi-size, we allow custom dimension*/
.dwarf-thdLogo {
  background-position: -6px 244px;
  width: 72px;
  height: 72px;
}

.dwarf-verisign {
  background-position: -10px 268px;
  width: 100px;
  height: 52px;
}

.dwarf-toolrental {
  background-position: -157px 131px;
  width: 21px;
  height: 21px;
  margin-right: 3px;
}

.dwarf-creditcenter {
  background-position: -215px 160px;
  width: 28px;
  height: 17px;
  margin-top: 3px;
}

.dwarf-getitinstalled {
  background-position: -251px 131px;
  width: 41px;
  height: 20px;
}

.dwarf-movingservices {
  background-position: -189px 131px;
  width: 29px;
  height: 21px;
}

.dwarf-mobileApps {
  background-position: -229px 134px;
  width: 12px;
  height: 29px;
  margin-top: -6px;
}

.dwarf-orangeinsider {
  background-position: -67px 102px;
  width: 80px;
  height: 31px;
}

.dwarf-dogear {
  background-position: -188px 151px;
  width: 10px;
  height: 12px;
}

.dwarf-footeremailsubmit {
  background-position: -145px 168px;
  width: 29px;
  height: 32px;
}

.dwarf-twitter, .dwarf-facebook, .dwarf-rss, .dwarf-youtube, .dwarf-pinterest, .dwarf-blogIcon {
  width: 20px;
  height: 20px;
}

.dwarf-twitter {
  background-position: -32px 130px;
}

.dwarf-facebook {
  background-position: -115px 130px;
}

.dwarf-rss {
  background-position: -60px 130px;
}

.dwarf-youtube {
  background-position: -4px 130px;
}

.dwarf-pinterest {
  background-position: -86px 130px;
}

.dwarf-blogIcon {
  background-position: -95px 611px !important;
}

.dwarf-help, .dwarf-contact, .dwarf-faq, .dwarf-opinions {
  width: 30px;
  height: 30px;
}

.dwarf-help {
  background-position: -37px 165px;
}

.dwarf-contact {
  background-position: -80px 198px;
}

.dwarf-faq {
  background-position: -39px 197px;
}

.dwarf-opinions {
  background-position: -1px 198px;
}

.dwarf-sfOn {
  background-position: -127px 217px;
  width: 25px;
  height: 30px;
  padding-top: 4px;
  text-align: center;
  font-style: normal;
  color: #FFF;
  float: left;
}

.dwarf-sfOff {
  background-position: -168px 217px;
  width: 25px;
  height: 30px;
  text-align: center;
  padding-top: 4px;
  font-style: normal;
  color: #FFF;
  float: left;
}

.dwarf-pro {
  background-position: -250px 383px;
  width: 39px !important;
  height: 114px !important;
  top: 32px;
}

.dwarf-main {
  background-position: -196px 383px;
  width: 39px !important;
  height: 114px !important;
  top: 32px;
}

.dwarf-bestValue {
  background-position: -8px 470px;
  height: 30px;
  width: 41px;
}

.dwarf-hdpp5Yr {
  background-position: -67px 471px;
  height: 36px;
  width: 32px;
}

.dwarf-hdpp3Yr {
  background-position: -114px 471px;
  height: 36px;
  width: 32px;
}

.dwarf-newLowPrice40 {
  background-position: -163px 474px;
  height: 40px;
  width: 40px;
}

.dwarf-newLowPrice {
  background-position: -227px 484px;
  height: 50px;
  width: 50px;
}

.dwarf-overStock40 {
  background-position: -10px 533px;
  height: 35px;
  width: 40px;
}

.dwarf-overStock {
  background-position: -64px 542px;
  height: 45px;
  width: 50px;
}

.dwarf-specialBuy40 {
  background-position: -141px 544px;
  height: 37px;
  width: 40px;
}

.dwarf-specialBuy {
  background-position: -203px 549px;
  height: 47px;
  width: 50px;
}

.dwarf-bulkPricing40 {
  background-position: -243px 591px;
  height: 36px;
  width: 40px;
  position: absolute;
  bottom: 0;
}

.widgetEmailPrintTable .sharewidget, .widgetEmailPrintTable .widget {
  display: inline-block;
  width: auto;
  float: none;
  margin-right: 0;
}

.content .widgetEmailPrintTable {
  width: auto;
}

.sharewidget .twitter {
  float: left;
  margin-right: 3px;
}

.dwarf-printIcon {
  background-position: -4px 613px !important;
  height: 19px;
  width: 19px;
}

.dwarf-pinterestShareIcon {
  background-position: -127px 577px !important;
  height: 20px;
  width: 40px;
}

.dwarf-facebookShareIcon {
  background-position: -179px 577px !important;
  height: 20px;
  width: 55px;
}

/*Haflings Sprite:; default is right. Add class .left-icon to push to left side*/
.icon-addToList-bkt {
  background-position: right 4106px;
}

.icon-plus-orange {
  background-position: right 30px;
}

.icon-plus-white {
  background-position: right 1251px;
}

.icon-plus-grey {
  background-position: right 1546px;
}

.icon-minus-grey {
  background-position: right 1571px;
}

.icon-minus-white {
  background-position: right 1797px;
}

.icon-minus-orange {
  background-position: right 1813px;
}

.icon-carrot-grey-rt {
  background-position: right 1227px;
}

.icon-carrot-orange {
  background-position: right 50px;
}

.icon-carrot-orange-down {
  background-position: right 1450px;
}

.icon-carrot-orange-up {
  background-position: right 1429px;
}

.icon-carrot-orange-down-disabled {
  background-position: right 2029px;
}

.icon-carrot-orange-2up {
  background-position: right 1405px;
}

.icon-carrot-orange-2down {
  background-position: right 1381px;
}

.icon-carrot-white {
  background-position: right 138px;
}

.icon-carrot-orange-lt {
  background-position: right 1498px;
}

.icon-carrot-grey {
  background-position: right 1593px;
}

.icon-grey-dwnarrow {
  background-position: right 204px;
}

.icon-learn-more {
  background-position: right 229px;
}

.icon-error {
  background-position: right 2013px;
}

.icon-pdf {
  background-position: right 256px;
}

.icon-carrot-black-rt {
  background-position: right 159px;
}

.icon-carrot-black-lt {
  background-position: right 183px;
}

.icon-down {
  background-position: right 207px;
}

.icon-carrot-white-rt {
  background-position: right 141px;
}

.icon-orange-up-arrow {
  background-position: right 1337px;
}

.icon-black-up-arrow {
  background-position: right 1617px;
}

.icon-white-up-arrow {
  background-position: right 1778px;
}

.icon-breadcrumb {
  background-position: right 1522px;
}

.icon-close {
  background-position: right 1917px;
}

.icon-checkstore-orange {
  background-position: right 442px;
}

.icon-checkstore-orange.left-icon {
  background-position: left 442px;
}

.icon-chat {
  background-position: left 2356px;
}

.icon-redx {
  background-position: right 2408px;
}

.icon-orange-edit {
  background-position: left 2448px;
}

.icon-view-paper {
  background-position: left 2485px;
}

.icon-view-pdf {
  background-position: left 4076px;
}

.icon-on-check {
  background-position: left 2530px;
}

.icon-off-check {
  background-position: left 2564px;
}

.icon-orange-check {
  background-position: left 2598px;
}

.icon-grey-cal {
  background-position: left 2639px;
  height: 4px !important;
}

.icon-info {
  background-position: left 2886px;
}

.icon-info-disabled {
  background-position: left 2913px;
}

.icon-orangex {
  background-position: right 3412px;
}

.icon-info-grey-bg {
  background-position: right 3472px;
}

.icon-questionmark {
  background-position: right 3444px;
}

.icon-refresh {
  background-position: right 3390px;
}

.icon-cart {
  background-position: right 3562px;
}

.icon-cart-white {
  background-position: right 3532px;
}

.btn-orange .icon-cart {
  background-position: right 3531px;
}

.icon-carrot-grey-down {
  background-position: center 2962px;
}

.icon-carrot-white-down {
  background-position: right 3118px;
}

.icon-localization-on {
  background-position: right 3018px;
}

.icon-localization-off {
  background-position: right 2989px;
}

.icon-search {
  background-position: right 3080px;
}

.icon-boss-bopis {
  background-position: right 3768px;
}

.icon-secureLock {
  background-position: right 3232px;
}

.icon-assembly {
  background-position: center 3832px;
}

.icon-bopis-grey {
  background-position: center 3885px;
}

.icon-HomeDelivery {
  background-position: left 3962px;
}

.icon-calendar {
  background-position: left 3925px;
}

.icon-pass {
  background-position: center 3987px;
}

.icon-fail {
  background-position: center 4013px;
}

.icon-caution {
  background-position: center 4046px;
}

/*Default lefties*/
.icon-bopis {
  background-position: left 510px;
}

.icon-plus-white.left-icon {
  background-position: left 12px;
}

.icon-shopping-cart {
  background-position: 35px 117px;
}

.icon-small-green-check {
  background-position: left 2056px;
}

.icon-certona-green-check {
  background-position: left 3796px;
}

/*Clear "buttons" */
.icon-close {
  background-position: right 1917px;
}

.icon-outofstock {
  background-position: left 579px;
}

.icon-avaliable {
  background-position: left 1304px;
}

.icon-store-exclusive {
  background-position: left 411px;
}

.icon-online-exclusive {
  background-position: left 544px;
}

.icon-sold-in-stores {
  background-position: left 411px;
}

.icon-zoom-grey {
  background-position: center 1100px;
}

.icon-views-grey {
  background-position: center 1067px;
}

.icon-rotate-grey {
  background-position: center 1028px;
}

.icon-info-grey {
  background-position: center 992px;
}

.icon-play-grey {
  background-position: center 951px;
}

.icon-zoom-orange {
  background-position: center 883px;
}

.icon-views-orange {
  background-position: center 845px;
}

.icon-rotate-orange {
  background-position: center 808px;
}

.icon-info-orange {
  background-position: center 772px;
}

.icon-play-orange {
  background-position: center 735px;
}

.icon-email {
  background-position: center 474px;
}

.icon-print {
  background-position: center 917px;
}

.icon-share {
  background-position: center 1134px;
}

.icon-qa {
  background-position: center 380px;
}

.icon-shipping {
  background-position: center 1199px;
}

.icon-more-options {
  background-position: center 1168px;
}

.icon-first {
  background-position: center 610px;
}

.icon-prev {
  background-position: -4px 639px;
}

.icon-next {
  background-position: center 668px;
}

.icon-last {
  background-position: center 695px;
}

.icon-my-store {
  background-position: center 1657px;
}

.icon-my-profile {
  background-position: center 1734px;
}

.icon-hd-credit {
  background-position: center 1696px;
}

.icon-no-sort {
  background-position: right 1842px;
}

.icon-asc-sort {
  background-position: right 1867px;
}

.icon-desc-sort {
  background-position: right 1893px;
}

.icon-green-check {
  background-position: left 1979px;
  float: left;
}

.icon-list {
  background-position: left 2092px;
}

.icon-export-orange {
  background-position: left 2118px;
}

.icon-export-grey {
  background-position: left 2192px;
}

.icon-clear-grey {
  background-position: left 2168px;
}

.icon-clear-orange {
  background-position: left 2143px;
}

.icon-print-grey {
  background-position: left 2217px;
}

.icon-print-orange {
  background-position: left 2291px;
}

.icon-email-orange {
  background-position: left 2266px;
}

.icon-email-grey {
  background-position: left 2242px;
}

.icon-iphone {
  background-position: left 1947px;
}

.icon-store-only {
  background-position: right 2674px;
}

.icon-orange-up-arrow {
  background-position: right 1335px;
}

/*table sorting icons*/
.sortfix-no-sort {
  background-position: right 1842px;
}

.sortfix-asc-sort {
  background-position: right 1867px;
}

.sortfix-desc-sort {
  background-position: right 1895px;
}

.left-icon {
  padding: 0 0 0 20px;
  height: 16px;
}

/*Plugin Icons*/
.icon-addArrow {
  background-position: center 2383px;
}

i.icon-info-tip {
  width: 20px;
  height: 22px;
  cursor: pointer;
  background-position: right 4676px;
}

/* 5c. Universal Gradient Colors
=======================================================*/
/*Light Grey Gradient*/
.btn, input.btn, .grey_btn {
  background: #ddd;
  /* background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
  background: linear-gradient(top,  #ffffff 0%,#dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );*/
  border: 1px solid #ccc;
  color: #333;
}

.btn:hover, input.btn:hover, .grey_btn:hover {
  background: #ddd;
  /* 	background: -moz-linear-gradient(top,  #dddddd 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top,  #dddddd 0%,#ffffff 100%);
  background: -o-linear-gradient(top,  #dddddd 0%,#ffffff 100%);
  background: -ms-linear-gradient(top,  #dddddd 0%,#ffffff 100%);
  background: linear-gradient(top,  #dddddd 0%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );
  text-decoration: none;
  filter:chroma(color=#000000); Defect Fix for #25025 */
  text-decoration: none;
}

/*Dark Grey Gradient*/
.btn-dark, input.btn-dark {
  background: #666;
  /* background: -moz-linear-gradient(top,  #555555 0%, #333333 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#333333));
  background: -webkit-linear-gradient(top,  #555555 0%,#333333 100%);
  background: -o-linear-gradient(top,  #555555 0%,#333333 100%);
  background: -ms-linear-gradient(top,  #555555 0%,#333333 100%);
  background: linear-gradient(top,  #555555 0%,#333333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#333333',GradientType=0 );
  border:1px solid #555; */
  color: #fff;
}

.btn-dark:hover, input.btn-dark:hover {
  background: #666;
  /* background: -moz-linear-gradient(top,  #333333 0%, #555555 100%);
  background: -webkit-gradient(linear, left top333333left bottom, color-stop(0%,#333333), color-stop(100%,#555555));
  background: -webkit-linear-gradient(top,  #333333 0%,#555555 100%);
  background: -o-linear-gradient(top,  #333333 0%,#555555 100%);
  background: -ms-linear-gradient(top,  #333333 0%,#555555 100%);
  background: linear-gradient(top,  #333333 0%,#555555 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#555555',GradientType=0 );
  text-decoration: none;
  border:1px solid #555; */
}

.btn-green, input.btn-green {
  background: #2cba4d;
  /* background: -moz-linear-gradient(top,  #2cba4d 0%, #249c48 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2cba4d), color-stop(100%,#249c48));
  background: -webkit-linear-gradient(top,  #2cba4d 0%,#249c48 100%);
  background: -o-linear-gradient(top,  #2cba4d 0%,#249c48 100%);
  background: -ms-linear-gradient(top,  #2cba4d 0%,#249c48 100%);
  background: linear-gradient(to bottom,  #2cba4d 0%,#249c48 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cba4d', endColorstr='#249c48',GradientType=0 );*/
  border: 1px solid #2cba4d;
  color: #fff;
}

.btn-green:hover, input.btn-green:hover {
  background: #2cba4d !important;
  /* background: -moz-linear-gradient(top,  #249c48 0%, #2cba4d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#249c48), color-stop(100%,#2cba4d));
  background: -webkit-linear-gradient(top,  #249c48 0%,#2cba4d 100%);
  background: -o-linear-gradient(top,  #249c48 0%,#2cba4d 100%);
  background: -ms-linear-gradient(top,  #249c48 0%,#2cba4d 100%);
  background: linear-gradient(to bottom,  #249c48 0%,#2cba4d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#249c48', endColorstr='#2cba4d',GradientType=0 );
  border: 1px solid #008924;
  color:#fff; */
}

/*Orange Gradient*/
.btn-orange, input.btn-orange, .orange_btn {
  background: #F96305;
  /* background: -moz-linear-gradient(top,  #f9871e 0%, #f96302 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9871e), color-stop(100%,#f96302));
  background: -webkit-linear-gradient(top,  #f9871e 0%,#f96302 100%);
  background: -o-linear-gradient(top,  #f9871e 0%,#f96302 100%);
  background: -ms-linear-gradient(top,  #f9871e 0%,#f96302 100%);
  background: linear-gradient(top,  #f9871e 0%,#f96302 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9871e', endColorstr='#f96302',GradientType=0 );*/
  border: 1px solid #F96305;
  color: #fff;
}

.btn-orange:hover, input.btn-orange:hover, .orange_btn:hover {
  background: #F96305;
  /* background: -moz-linear-gradient(top,  #f96302 0%, #f9871e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f96302), color-stop(100%,#f9871e));
  background: -webkit-linear-gradient(top,  #f96302 0%,#f9871e 100%);
  background: -o-linear-gradient(top,  #f96302 0%,#f9871e 100%);
  background: -ms-linear-gradient(top,  #f96302 0%,#f9871e 100%);
  background: linear-gradient(top,  #f96302 0%,#f9871e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f96302', endColorstr='#f9871e',GradientType=0 );*/
}

.btn.disabled,
.btn.disabled:hover,
.btn[disabled],
.btn[disabled]:hover {
  background-color: #eee;
  filter: none;
  cursor: not-allowed;
}

.ie.lte10 .btn.disabled,
.ie.lte10 .btn.disabled:hover,
.ie.lte10 .btn[disabled],
.ie.lte10 .btn[disabled]:hover {
  color: #ccc;
}

.btn.btn-dark.disabled,
.btn.btn-dark.disabled:hover,
.btn.btn-dark[disabled],
.btn.btn-dark[disabled]:hover {
  background-color: #666;
  filter: none;
  cursor: not-allowed;
}

.ie.lte10 .btn.btn-dark.disabled,
.ie.lte10 .btn.btn-dark.disabled:hover,
.ie.lte10 .btn.btn-dark[disabled],
.ie.lte10 .btn.btn-dark[disabled]:hover {
  background-image: none;
  color: #888;
}

.btn.btn-orange.disabled,
.btn.btn-orange.disabled:hover,
.btn.btn-orange[disabled],
.btn.btn-orange[disabled]:hover {
  background-color: #f96302;
  filter: none;
  cursor: not-allowed;
}

.ie.lte10 .btn.btn-orange.disabled,
.ie.lte10 .btn.btn-orange.disabled:hover,
.ie.lte10 .btn.btn-orange[disabled],
.ie.lte10 .btn.btn-orange[disabled]:hover {
  background-image: none;
  color: #F9851D;
}

.btn-first {
  margin-left: 20px;
}

/*Buttons with large icons: over 20px for either dimension */
.btn.btn-large-icon {
  padding-bottom: 4px;
}

i.large-icon {
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  padding-right: 10px;
}

.btn.btn-large-icon i.large-icon {
  margin-top: -4px;
}

/* 5d. IE Hacks: mostly IE7
=====================================================================*/
.ie.lte10 .btn-icon i,
.ie.lte10 .btn-clear i {
  height: 1px;
}

.ie.lte10 ul.pagination li a.btn-numb {
  height: 16px;
}

button.btn,
button.btn:hover {
  padding-bottom: 8px;
}

.ie.lte10 button.btn,
.ie.lte10 button.btn:hover {
  text-align: center;
}

h3.btn-clear a.btn-text [class^="icon-"] {
  height: 14px;
}

.ie.lte10 h3.btn-clear a.btn-text [class^="icon-"] {
  margin-top: -13px;
}

.ie.lte10 h3.btn-clear a.btn-text {
  height: 26px;
}

.btn,
.btn:hover,
.btn-orange,
.btn-orange:hover,
.btn-dark,
.btn-dark:hover {
  zoom: 1;
}

input[type=submit].btn, input[type=reset].btn, input[type=button].btn {
  height: auto;
  width: auto;
}

/*	----------------------------------------------------------------------------
	(6) Cartridges */
/* gridNavigation */
.gridNavigation {
  padding: 15px 0;
}

.gridNavigation h3.title, .gridNavigation h2.title {
  padding: 0 15px;
}

.gridNavigation .parentLevels {
  margin-top: 15px;
  /*background: #ddd none;*/
  border-top: 2px solid #bbb;
}

.gridNavigation .parentLevels a {
  display: block;
  padding: 10px 10px 10px 28px;
  border-bottom: 2px solid #bbb;
  background: url("../node_modules/olt-global-styles/images/layout/wcs7_rail_nav_arrow.gif") no-repeat scroll 15px 13px transparent;
}

.gridNavigation .activeLevel {
  padding: 15px 0 0;
}

.gridNavigation .activeLevel h3.title, .gridNavigation .activeLevel h2.title {
  padding: 0;
  color: #333;
}

.gridNavigation .activeLevel li {
  padding: 4px 15px;
}

/* /gridNavigation */
/*content cartridge*/
.spad .content_image {
  width: auto;
  height: auto;
  float: left;
  margin: 0 10px 15px 0;
  position: relative;
}

.pad .content_image {
  width: auto;
  height: auto;
  float: left;
  margin: 0 10px 15px 0;
  position: relative;
}

.content_image.right {
  margin: 0 0 15px 10px;
  float: right;
}

.content_image .align-center, .content img.align-center {
  display: block;
}

.pod .title {
  margin: 0 0 15px;
}

/* IE Hack to fix float issues */
.ie.lte10 .pod .title {
  display: inline-block;
}

.ie.lte10 .pod .title.block {
  display: block;
}

.linkListwrapper {
  width: auto;
}

.linkListwrapper td {
  width: 185px;
}

.lower_pod_cta {
  text-align: right;
  padding: 10px 0 0;
  color: #000;
  clear: both;
}

.lower_pod_cta.l {
  text-align: left;
}

.lower_pod_cta a {
  color: #000;
}

/*content dynamic*/
.dynamic .content_image {
  width: 145px;
  height: 145px;
  padding: 0 7px 0;
  float: none;
}

.dynamic .content_image .dynamic_btn, .dynamic .product-image .dynamic_btn {
  position: absolute;
  top: 58px;
  left: 25px;
}

.item_pricing_wrapper {
  width: auto;
  height: 50px;
  margin: 0 0 25px;
  display: block;
}

.dynamic span.store-sku {
  display: block;
  margin-bottom: 10px;
}

.xlarge.item_price {
  font-weight: bold;
  display: block;
  margin: 0 0 -3px 0;
  color: #000;
}

.item_stike_price {
  text-decoration: line-through;
}

.map_price {
  font-weight: bold;
  display: inline-block;
  margin: 0 0 -3px 0;
  color: #000;
}

.map_message {
  font-family: 'opensans-bold';
  display: block;
  white-space: nowrap;
  padding-top: 5px;
  color: #3e7697;
}

.noPrice {
  padding-top: 0px;
}

.dynamic .dynamic_btn {
  display: block;
  clear: both;
}

.dynamic .dynamic_btn.orange_btn {
  text-align: center;
}

.dynamic .item_description {
  margin: 0 0 15px;
  display: block;
  height: 30px;
}

.dynamic .item_description a {
  color: #000;
}

.reviews {
  background: url("../node_modules/olt-global-styles/images/stars.gif") no-repeat;
  width: 70px;
  height: 15px;
  margin-bottom: 15px;
  cursor: pointer;
  display: block;
  float: left;
  margin-right: 5px;
}

.reviews .stars {
  background: url("../node_modules/olt-global-styles/images/stars.gif") 0px -31px no-repeat;
  width: 70px;
  height: 15px;
  float: left;
}

.not-rated {
  background-position: 0px -62px;
  width: 0px;
}

.reviews.not_rated {
  background-position: 0px -62px;
  float: none;
}

.reviews .review_count {
  float: left;
}

.rv-slider-container {
  height: 250px;
}

.dynamic .availibility {
  font-weight: bold;
  float: left;
}

.dynamic .savings_message, .product-imagelabel {
  position: absolute;
  top: 15px;
  left: -15px;
  background: #f96302;
  font-weight: bold;
  color: #fff;
  text-align: right;
  padding: 4px 6px 3px 13px;
  cursor: default;
}

/*brand slider cartdridge*/
#explore_brands_wrapper {
  margin: 20px;
}

#explore_brands_wrapper .linkList {
  padding: 0;
  margin-top: 15px;
}

#explore_brands_wrapper .prev_btn {
  float: left;
}

#explore_brands_wrapper .next_btn {
  float: left;
}

#brand_image_wrapper {
  width: 150px;
  height: 90px;
  margin: 15px 0 0;
  position: relative;
  overflow: hidden;
}

#brand_images {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}

#brand_images li {
  float: left;
  display: inline;
}

#brand_slide_btns {
  width: 99%;
  height: 30px;
  margin-top: 15px;
}

/* Fancybox Close Button */
.fbClose {
  margin: 5px 15px 0 0;
  text-align: right;
}

/* Fancybox-ed Video Player */
/* Close Button */
.fbVideoClose {
  position: absolute;
  right: 39px;
  top: 19px;
}

.fbVideoClose a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
}

.fbVideoClose a span {
  font-weight: bold;
  text-transform: uppercase;
}

/* WCS 5.6 Lift & Shift */
.inlineVideoPlayer {
  width: 100%;
}

#videoPlaceHolder {
  width: 640px;
  height: 360px;
  padding: 39px;
  background: #000;
  position: relative;
}

/* WCS7 per VDS */
#videoContainer {
  position: relative;
}

#videoContainer .videoTop {
  background: #000;
  padding: 15px 30px;
}

#videoContainer .fbVideoClose {
  right: 30px;
}

#videoContainer .videoTop h1 {
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 15px;
}

#videoContainer #videoPlaceHolder {
  /* overwrite 5.6 #videoContainer */
  padding: 0;
}

#videoContainer .videoTop p {
  height: 50px;
  margin: 15px 0 0;
  color: #fff;
}

#videoContainer .videoTop p .carrot {
  color: #fff;
  font-weight: bold;
}

#videoContainer .videoBottom {
  height: 140px;
  background: #ddd none;
}

.videoBottom .videoRotatorContainer {
  float: left;
  margin: 15px 30px 30px;
  width: 430px;
}

.videoRotatorContainer h3, .videoRotatorContainer h2 {
  text-transform: uppercase;
  margin: 0 0 15px;
}

.videoBottom .videoSocialBox {
  float: left;
  width: 210px;
  height: 140px;
  background: #000 none;
}

/*Breadcrumb style*/
#breadcrumb {
  zoom: 1;
  overflow: hidden;
}

#thdTablet-content #breadcrumb #headerCrumb, #headerCrumb {
  margin: 20px 160px 0 20px;
}

#breadcrumb #header-crumb, #headerCrumb {
  margin: 0 0 0 20px;
}

#headerCrumb li {
  padding: 0 0 0 25px;
  background: url("../node_modules/olt-global-styles/images/halflings.png") -1px 1521px repeat-y;
}

/* <- merge with next line once new structure fully implemented*/
#headerCrumb li:first-child {
  background: none;
  padding: 0;
}

#breadcrumb li {
  float: left !important;
  height: 15px;
}

#breadcrumb li a.active {
  color: #000;
}

#breadcrumb li a {
  font-weight: bold;
}

/* to bedeleted -> */
#breadcrumb .breadcrumbSeperator {
  background: url("../node_modules/olt-global-styles/images/halflings.png") repeat -12px 1518px;
  width: 5px;
  height: 10px;
  display: block;
  margin: 2px 10px 0 10px;
  float: left;
}

#headerCrumb .breadcrumbSeperator {
  display: none;
}

h1.page-title {
  color: #000;
  margin: 5px 0 0 20px;
  font-size: 21px;
}

h1.page-title span {
  font-size: 12px;
  margin-left: 22px;
}

/*Hide page-title and breadcrumb when flyout is exposed*/
.exposed h1.page-title, .exposed #breadcrumb, .homepage h1.page-title, .homepage #breadcrumb {
  display: none;
}

/*Easter Eggs*/
/*animate the playvideo icon in mordern browsers*/
.pod_video_icon {
  -moz-transition: all .15s linear;
  -o-transition: all .15s linear;
  -webkit-transition: all .15s linear;
  transition: all .15s linear;
}

/*==================== Gallery Fix (QC 13990 * 11801) ====================*/
#dctm_content_overlay {
  width: 766px !important;
}

#gallery_wrapper {
  background: #fff;
  padding: 30px;
}

#gallery_wrapper .close_btn {
  position: absolute;
  display: block;
  top: 10px;
  right: 30px;
}

a#fancybox-close {
  background-image: url("../node_modules/olt-global-styles/images/dwarves.png");
  background-position: -335px -260px;
  cursor: pointer;
  height: 50px;
  position: absolute;
  right: -25px;
  top: -25px;
  width: 50px;
  z-index: 1103;
  display: none;
}

/*Add to cart model*/
#atcmodal_rr .xlarge.item_price, #ma_atcmodal_rr .xlarge.item_price {
  margin: 0;
}

#atcmodal_rr .dynamic .item_description, #ma_atcmodal_rr .dynamic .item_description {
  margin: 0;
  height: 65px;
}

/* Changes Done for Defect 24775 */
#atcmodal_rr .dynamic .content_image, #ma_atcmodal_rr .dynamic .content_image {
  width: 100px;
  height: 100px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0;
}

#atcmodal_rr .dynamic .content_image img, #ma_atcmodal_rr .dynamic .content_image img {
  width: 100px;
  height: 100px;
}

#atcmodal_rr .container_30 {
  border-top: 1px solid #eee;
  width: 660px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

#ma_atcmodal_rr .container_30 {
  width: 640px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

#atcmodal_rr .container_30 .row.withHeader, #ma_atcmodal_rr .container_30 .row.withHeader {
  padding-bottom: 0px;
}

#atcmodal_rr .container_30 h3.rowHeader, #ma_atcmodal_rr .container_30 h3.rowHeader {
  padding: 12px 0px 0px 18px;
}

#atcmodal_rr .row, #atcmodal_rr .pod, #atcmodal_rr .rail, #ma_atcmodal_rr .row, #ma_atcmodal_rr .pod, #ma_atcmodal_rr .rail {
  border: none;
}

#atcmodal_rr .addCartConfirmBtn {
  margin-top: -30px;
}

#atcmodal_rr .addedTocartLabel {
  position: inherit;
  margin-top: 5px;
}

#atcmodal_rr .product-image {
  height: 100px;
  width: 100px;
}

/* Certona section on appliance add to cart modal */
#ma_atcmodal_rr .container_30 .grid_6, #atcmodal_rr .container_30 .grid_6 {
  width: 160px;
  margin-right: 5px;
}

#ma_atcmodal_rr .container_30 .grid_24, #atcmodal_rr .container_30 .grid_24 {
  width: 660px;
}

#ma_atcmodal_rr .container_30 {
  border-top: 1px solid #EEEEEE;
  width: 660px;
}

#cartModalBtnContainer .itemNotAddedLabel .icon-redx {
  margin-top: 2px;
  margin-right: 0;
  margin-left: -5px;
  padding: 10px;
}

#ma_atcmodal_rr {
  margin-top: 15px;
  padding-left: 20px;
}

#ma_atcmodal_rr .grid_24 {
  height: auto;
}

#ma_atcmodal_rr .product-image {
  height: 100px;
  width: 100px;
  margin: 0 15px 15px 15px;
  padding: 0;
}

.triggerATCAppliOverlayRecom {
  margin-top: -25px;
}

#ma_atcmodal_rr .spad, #atcmodal_rr .spad {
  padding: 15px 15px 0 0;
}

#ma_atcmodal_rr .addedTocartLabel {
  margin-left: -5px;
}

#ma_atcmodal_rr .addedTocartLabel i {
  padding: 12px;
}

#ma_atcmodal_rr .itemNotAddedLabel, #ma_atcmodal_rr .addedTocartLabel {
  display: none;
  visibility: visible;
  width: 140px;
  position: none;
  position: inherit;
  margin-top: 3px;
}

#ma_atcmodal_rr #certonaErrSec {
  margin-top: 15px;
  margin-right: 20px;
  width: auto;
  display: table;
}

#ma_atcmodal_rr #certonaErrSec span {
  color: #ed1c24;
  display: table-cell;
  vertical-align: middle;
}

#ma_atcmodal_rr #certonaErrSec.btn-clear {
  padding: 0;
}

#ma_atcmodal_rr #certonaErrSec.btn-clear span {
  font-weight: 700;
}

/*div.scrnPositioning{margin-top:-185px;} Defect # 26272 */
/*==================== Invalid Quantity error message (QC 16338) ====================*/
.invalid_qty {
  display: none;
  float: right;
  overflow: hidden;
  padding: 0 10px 0 5px;
  color: #CD0001;
  font-size: 11px;
  font-weight: bold;
}

/*------Confiramtion Cart Modal-------------------*/
.containerAddToCartModel {
  background-color: #FFF;
  width: 640px;
  padding: 20px 20px;
}

.cartModelPageHeader {
  border-bottom: 1px solid #DDD;
  color: #000;
  width: 430px;
  padding: 0 0 10px;
}

.cartModelPageHeader h2 {
  margin-top: 0 !important;
}

#cartModelProductDetail .cartModelProductsubModel {
  font-weight: 700;
  float: left;
  padding: 0 0 0 20px;
}

#cartModelProductDetail .cartModelProductView {
  float: left;
  height: auto 9px;
  padding-top: 20px;
}

#cartModelProductDetail .cartModelProductModel {
  float: left;
  padding: 20px 0 0 20px;
  width: 310px;
  height: 75px;
}

#cartModelProductDetail .cartModelCurrentSummary {
  float: right;
  border: 1px solid #DDD;
  width: 186px;
  background-color: #FCFCFC;
  text-align: right;
}

.checkoutBtn {
  float: right;
  margin-top: 12px;
  display: inline-block;
}

.checkoutBtn .controls {
  margin-left: 0;
}

.checkoutBtnGryBtn {
  margin-right: 8px;
  border: 1px solid #DDDDDD !important;
  filter: chroma(color=#000000);
}

.ie.lte10 .checkoutBtnGryBtn {
  border-radius: 0px;
}

.cartModelSmallSummary {
  font-size: 14px;
  padding: 20px;
  color: #333;
}

.cartModelBody2Link {
  color: #000;
  font-weight: 700;
  width: 295px;
}

.cartModelBody1 {
  font-size: 14px;
  color: #000;
  font-weight: 700;
}

.cartModelProductsubModel label {
  padding-top: 0;
  display: block;
}

.cartModelBody2LinkGry {
  color: #777;
  font-weight: 400;
}

.innerValuesCartDetailHead {
  border-bottom: 1px solid #DDD;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: 700;
  color: #000;
}

.innerValuesCartDetailTotal span {
  padding-left: 10px;
  color: #333;
}

.addToCartModel, #cartModelProductDetail {
  overflow: hidden;
}

.containerAddToCartModel.slider_controls .next {
  background-position: 125px 582px;
}

.containerAddToCartModel.slider_controls .prev {
  background-position: 130px 434px;
}

#atcmodal_rr {
  margin-top: 25px;
}

.addCartConfirmBtn {
  margin-top: -25px;
}

.addedTocartLabel, .itemNotAddedLabel {
  display: inline-block;
  visibility: hidden;
  width: 140px;
  margin-top: 15px;
  position: absolute;
  left: 8px;
}

.addedTocartLabel span, .itemNotAddedLabel span {
  float: left;
  margin-top: 3px;
}

.itemNotAddedLabel .icon-fail {
  padding: 12px;
}

#errorAddToCart {
  display: none;
}

#atcmodal_rr .reviews, #ma_atcmodal_rr .reviews {
  margin-bottom: 10px !important;
}

.checkoutBtnGryBtn i {
  background-position: right 1496px;
}

/* ProWeb Certona */
#ProWeb_HomepageHorizontal1_rr .item_description {
  margin: 0 0 8px;
  display: block;
  height: 30px;
}

#ProWeb_HomepageHorizontal1_rr .item_description a {
  color: #000;
}

#ProWeb_HomepageHorizontal1_rr .item_pricing_wrapper {
  margin-bottom: 20px;
}

#ProWeb_HomepageHorizontal1_rr .item_description_wrapper {
  margin-bottom: 15px;
}

#ProWeb_HomepageHorizontal1_rr .item_addtocart {
  margin-bottom: 25px;
}

.item_storesku {
  margin-top: 15px;
}

.item_stike_price_proweb {
  text-decoration: line-through;
  text-transform: capitalize;
  font-weight: bold;
  font-size: 14px;
}

/* Value-price - Add to Cart Modal - 7.15 start*/
.offerprice {
  padding-top: 10px;
  color: #666;
}

.offerprice p.pricepromo {
  padding-bottom: 10px;
}

.offerprice p span.item_price, .offerprice span.normal {
  display: inline-block;
  padding-bottom: 2px;
}

.saveprice {
  padding-left: 5px;
  color: #00ae4d;
}

.cartModelProductsubModel {
  margin-left: 120px;
}

.pricechkout {
  float: left;
  width: 100%;
  margin-top: -10px;
}

.pricedetail {
  float: left;
  clear: both;
  padding-top: 6px;
}

.checkoutbtnSec {
  float: right;
}

.precart-price {
  font-size: 11px;
  font-weight: normal;
}

/* Value-price - Add to Cart Modal - 7.15 end*/
/* Fix for 30999 */
.btn {
  line-height: 14px;
}

.item_pricing_wrapper .savingsText {
  color: #00AE4D;
  font-size: 12px;
}

/*New Pagination styles(JIRA Story : PLP-829) */
.pagination-wrapper {
  background-color: #eee;
  width: 768px;
  height: 50px;
  font-weight: bold;
  position: relative;
}

.pagination-wrapper ul, .pagination-wrapper li {
  float: left;
  position: relative;
}

.pagination-wrapper ul {
  left: 50%;
  top: 22%;
}

.pagination-wrapper a, .pagination-wrapper a:hover {
  text-decoration: none;
  cursor: pointer;
}

.pagination-wrapper li {
  right: 50%;
  margin-right: 5px;
}

.pagination-wrapper li.alpha {
  margin-right: 10px;
}

.pagination-wrapper .alpha span, .pagination-wrapper .more-pages span {
  line-height: 27px;
}

.pagination-wrapper span a {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  min-width: 10px;
  border: 1px solid #CCCCCC;
  padding: 0 8px;
  text-align: center;
  background-color: #fff;
  color: #000;
}

.pagination-wrapper .alpha span {
  color: #666;
}

.pagination-wrapper a.active {
  background-color: #f96302;
  color: #fff;
}

.pagination-wrapper .more-pages {
  color: #000;
}

.pagination-wrapper .more-pages span:after {
  content: '\2026';
}

.ie7 .pagination-wrapper .more-pages span {
  margin-right: 15px;
}

.pagination-wrapper .icon-next {
  background-position: -4px 1478px;
}

.pagination-wrapper .icon-prev {
  background-position: -5px 1501px;
}

.RV_container_rr {
  border-bottom: 2px solid #eee;
  overflow: hidden;
  width: 960px;
  max-height: 305px;
  min-height: 0;
}

/*Added style for Jira story PLP-902*/
.product-image {
  height: 145px;
  width: 145px;
  padding: 0 7px;
  margin: 0 10px 10px 0;
  position: relative;
}

/* Added changes for PLP-1372*/
.product-imagelabel {
  left: 0;
  padding: 4px 0;
  text-align: center;
  width: 71px;
}

/* Overridden for QC-46570 */
.md-maml input.btn, .md-maml .btn-orange, .md-maml button.btn-orange, .md-maml input.btn-orange {
  float: right;
}

.md-maml input[type=submit].btn {
  height: 40px;
}

/* Content: Stand-out styles*/
.stand-out {
  padding: 10px 5px;
}

.stand-out > .content {
  padding: 15px;
}

/* Content: How-To Steps styles*/
span.stepnum {
  font-size: 18px;
  padding: 5px 12px;
  background-color: #f96302;
  color: #FFF;
  border-radius: 2px;
  margin-right: 10px;
  height: 22px;
}

.step-header {
  border-top: 1px solid #eee;
  margin-top: 2.5rem;
  font-weight: bold;
  white-space: nowrap;
  font-size: 18px;
  line-height: 1.5em;
  color: #333;
  padding: 1.5rem 0;
  text-transform: uppercase;
  clear: both;
  display: flex;
}

.step-title {
  white-space: normal;
}

.olulOffset {
  margin: 5px 40px 10px;
}

.thdTable {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

.thdTable__row {
  border: 1px solid #eee;
  padding: 10px;
}

tbody tr.thdTable__row--striped:nth-child(odd) {
  background-color: #eee;
}

.thdTable__head, .thdTable__cell {
  text-align: center;
  border: none;
}

@media screen and (max-width: 600px) {
  .thdTable--isResponsive {
    border: 0;
  }

  .thdTable__head--responsive {
    display: none;
  }

  .thdTable__row--responsive {
    border-bottom: 2px solid #ddd;
    display: block;
    margin-bottom: 10px;
  }

  .thdTable__cell--responsive {
    border-bottom: 1px dotted #ccc;
    display: block;
    font-size: 13px;
    margin: 0 10px;
    text-align: right;
    min-height: 1em;
  }

  .thdTable__cell--responsive:last-child {
    border-bottom: 0;
  }

  .thdTable__cell--responsive:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  .thdTable__cell--responsiveFulLWidth {
    text-align: left;
  }

  .thdTable__cell--responsiveFullWidth:before {
    display: none;
  }

  .thdTable__cell--responsiveFullWidth img {
    float: none;
  }
}
/*# sourceMappingURL=global.css.map */
[class*=col-] .title {
  margin: 15px 0;
}

[class*='col-'] {
  position: relative;
  float: left;
  box-sizing: border-box !important;
  /*added important to override tablet !important. Should be cleaned up in tablet mash*/
  width: 100%;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.grid [class*=col-].Vertical-Align--center {
  display: flex;
  align-items: center;
}

.alpha {
  border-left: none;
}

.omega {
  border-right: none;
}

.with-border {
  border-bottom: 2px solid #eee;
}

.pad {
  padding: 10px;
}

.col-1-1 {
  width: 100%;
}

.col-1-2 {
  width: 50%;
}

.col-1-3 {
  width: 33.333333333333336%;
}

.col-2-3 {
  width: 66.66666666666667%;
}

.col-1-4 {
  width: 25%;
}

.col-2-4 {
  width: 50%;
}

.col-3-4 {
  width: 75%;
}

.col-1-5 {
  width: 20%;
}

.col-2-5 {
  width: 40%;
}

.col-3-5 {
  width: 60%;
}

.col-4-5 {
  width: 80%;
}

.col-1-6 {
  width: 16.666666666666668%;
}

.col-2-6 {
  width: 33.333333333333336%;
}

.col-3-6 {
  width: 50%;
}

.col-4-6 {
  width: 66.66666666666667%;
}

.col-5-6 {
  width: 83.33333333333333%;
}

.col-1-10 {
  width: 10%;
}

.col-2-10 {
  width: 20%;
}

.col-3-10 {
  width: 30%;
}

.col-4-10 {
  width: 40%;
}

.col-5-10 {
  width: 50%;
}

.col-6-10 {
  width: 60%;
}

.col-7-10 {
  width: 70%;
}

.col-8-10 {
  width: 80%;
}

.col-9-10 {
  width: 90%;
}

.col-1-12 {
  width: 8.33333333%;
}

.col-2-12 {
  width: 16.66666667%;
}

.col-3-12 {
  width: 25%;
}

.col-4-12 {
  width: 33.33333333%;
}

.col-5-12 {
  width: 41.66666667%;
}

.col-6-12 {
  width: 50%;
}

.col-7-12 {
  width: 58.33333333%;
}

.col-8-12 {
  width: 66.66666667%;
}

.col-9-12 {
  width: 75%;
}

.col-10-12 {
  width: 83.33333333%;
}

.col-11-12 {
  width: 91.66666667%;
}

.col-12-12 {
  width: 100%;
}

@media (orientation: portrait) {
  .content-body {
    border-right: none;
  }

  .grid.isBound {
    margin: auto;
  }

  .rail {
    border-left: none;
  }
}
@media (orientation: landscape) and (max-width: 1024px) {
  .rail {
    border-left: none;
  }

  .content-body {
    border-right: none;
  }
}
@media only screen and (min-width: 1100px) {
  .menu-control {
    display: none;
  }
}
/* 
 *	 desktop-wide
 */
@media only screen and (min-width: 1400px) {
  .col-1-1-xl {
    width: 100%;
  }

  .col-1-2-xl {
    width: 50%;
  }

  .col-1-3-xl {
    width: 33.333333333333336%;
  }

  .col-2-3-xl {
    width: 66.66666666666667%;
  }

  .col-1-4-xl {
    width: 25%;
  }

  .col-2-4-xl {
    width: 50%;
  }

  .col-3-4-xl {
    width: 75%;
  }

  .col-1-5-xl {
    width: 20%;
  }

  .col-2-5-xl {
    width: 40%;
  }

  .col-3-5-xl {
    width: 60%;
  }

  .col-4-5-xl {
    width: 80%;
  }

  .col-1-6-xl {
    width: 16.666666666666668%;
  }

  .col-2-6-xl {
    width: 33.333333333333336%;
  }

  .col-3-6-xl {
    width: 50%;
  }

  .col-4-6-xl {
    width: 66.66666666666667%;
  }

  .col-5-6-xl {
    width: 83.33333333333333%;
  }

  .col-1-10-xl {
    width: 10%;
  }

  .col-2-10-xl {
    width: 20%;
  }

  .col-3-10-xl {
    width: 30%;
  }

  .col-4-10-xl {
    width: 40%;
  }

  .col-5-10-xl {
    width: 50%;
  }

  .col-6-10-xl {
    width: 60%;
  }

  .col-7-10-xl {
    width: 70%;
  }

  .col-8-10-xl {
    width: 80%;
  }

  .col-9-10-xl {
    width: 90%;
  }
}
/* 
 *	 desktop
 */
@media only screen and (min-width: 960px) {
  .col-1-1-lg {
    width: 100%;
  }

  .col-1-2-lg {
    width: 50%;
  }

  .col-1-3-lg {
    width: 33.333333333333336%;
  }

  .col-2-3-lg {
    width: 66.66666666666667%;
  }

  .col-1-4-lg {
    width: 25%;
  }

  .col-2-4-lg {
    width: 50%;
  }

  .col-3-4-lg {
    width: 75%;
  }

  .col-1-5-lg {
    width: 20%;
  }

  .col-2-5-lg {
    width: 40%;
  }

  .col-3-5-lg {
    width: 60%;
  }

  .col-4-5-lg {
    width: 80%;
  }

  .col-1-6-lg {
    width: 16.666666666666668%;
  }

  .col-2-6-lg {
    width: 33.333333333333336%;
  }

  .col-3-6-lg {
    width: 50%;
  }

  .col-4-6-lg {
    width: 66.66666666666667%;
  }

  .col-5-6-lg {
    width: 83.33333333333333%;
  }

  .col-1-10-lg {
    width: 10%;
  }

  .col-2-10-lg {
    width: 20%;
  }

  .col-3-10-lg {
    width: 30%;
  }

  .col-4-10-lg {
    width: 40%;
  }

  .col-5-10-lg {
    width: 50%;
  }

  .col-6-10-lg {
    width: 60%;
  }

  .col-7-10-lg {
    width: 70%;
  }

  .col-8-10-lg {
    width: 80%;
  }

  .col-9-10-lg {
    width: 90%;
  }

  .col-1-12-lg {
    width: 8.33333333%;
  }

  .col-2-12-lg {
    width: 16.66666667%;
  }

  .col-3-12-lg {
    width: 25%;
  }

  .col-4-12-lg {
    width: 33.33333333%;
  }

  .col-5-12-lg {
    width: 41.66666667%;
  }

  .col-6-12-lg {
    width: 50%;
  }

  .col-7-12-lg {
    width: 58.33333333%;
  }

  .col-8-12-lg {
    width: 66.66666667%;
  }

  .col-9-12-lg {
    width: 75%;
  }

  .col-10-12-lg {
    width: 83.33333333%;
  }

  .col-11-12-lg {
    width: 91.66666667%;
  }

  .col-12-12-lg {
    width: 100%;
  }
}
@media only screen and (max-width: 1400px) {
  .hide-lg {
    display: none;
  }
}
/* 
 *	 tablet-landscape
 */
@media only screen and (min-width: 769px) {
  .col-1-1-md {
    width: 100%;
  }

  .col-1-2-md {
    width: 50%;
  }

  .col-1-3-md {
    width: 33.333333333333336%;
  }

  .col-2-3-md {
    width: 66.66666666666667%;
  }

  .col-1-4-md {
    width: 25%;
  }

  .col-2-4-md {
    width: 50%;
  }

  .col-3-4-md {
    width: 75%;
  }

  .col-1-5-md {
    width: 20%;
  }

  .col-2-5-md {
    width: 40%;
  }

  .col-3-5-md {
    width: 60%;
  }

  .col-4-5-md {
    width: 80%;
  }

  .col-1-6-md {
    width: 16.666666666666668%;
  }

  .col-2-6-md {
    width: 33.333333333333336%;
  }

  .col-3-6-md {
    width: 50%;
  }

  .col-4-6-md {
    width: 66.66666666666667%;
  }

  .col-5-6-md {
    width: 83.33333333333333%;
  }

  .col-1-10-md {
    width: 10%;
  }

  .col-2-10-md {
    width: 20%;
  }

  .col-3-10-md {
    width: 30%;
  }

  .col-4-10-md {
    width: 40%;
  }

  .col-5-10-md {
    width: 50%;
  }

  .col-6-10-md {
    width: 60%;
  }

  .col-7-10-md {
    width: 70%;
  }

  .col-8-10-md {
    width: 80%;
  }

  .col-9-10-md {
    width: 90%;
  }

  .col-1-12-md {
    width: 8.33333333%;
  }

  .col-2-12-md {
    width: 16.66666667%;
  }

  .col-3-12-md {
    width: 25%;
  }

  .col-4-12-md {
    width: 33.33333333%;
  }

  .col-5-12-md {
    width: 41.66666667%;
  }

  .col-6-12-md {
    width: 50%;
  }

  .col-7-12-md {
    width: 58.33333333%;
  }

  .col-8-12-md {
    width: 66.66666667%;
  }

  .col-9-12-md {
    width: 75%;
  }

  .col-10-12-md {
    width: 83.33333333%;
  }

  .col-11-12-md {
    width: 91.66666667%;
  }

  .col-12-12-md {
    width: 100%;
  }
}
@media only screen and (max-width: 960px) {
  .hide-md {
    display: none;
  }
}
/* 
 *	 tablet-portrait
 */
@media only screen and (min-width: 568px) {
  .col-1-1-sm {
    width: 100%;
  }

  .col-1-2-sm {
    width: 50%;
  }

  .col-1-3-sm {
    width: 33.333333333333336%;
  }

  .col-2-3-sm {
    width: 66.66666666666667%;
  }

  .col-1-4-sm {
    width: 25%;
  }

  .col-2-4-sm {
    width: 50%;
  }

  .col-3-4-sm {
    width: 75%;
  }

  .col-1-5-sm {
    width: 20%;
  }

  .col-2-5-sm {
    width: 40%;
  }

  .col-3-5-sm {
    width: 60%;
  }

  .col-4-5-sm {
    width: 80%;
  }

  .col-1-6-sm {
    width: 16.666666666666668%;
  }

  .col-2-6-sm {
    width: 33.333333333333336%;
  }

  .col-3-6-sm {
    width: 50%;
  }

  .col-4-6-sm {
    width: 66.66666666666667%;
  }

  .col-5-6-sm {
    width: 83.33333333333333%;
  }

  .col-1-10-sm {
    width: 10%;
  }

  .col-2-10-sm {
    width: 20%;
  }

  .col-3-10-sm {
    width: 30%;
  }

  .col-4-10-sm {
    width: 40%;
  }

  .col-5-10-sm {
    width: 50%;
  }

  .col-6-10-sm {
    width: 60%;
  }

  .col-7-10-sm {
    width: 70%;
  }

  .col-8-10-sm {
    width: 80%;
  }

  .col-9-10-sm {
    width: 90%;
  }
}
@media only screen and (max-width: 769px) {
  .hide-sm {
    display: none;
  }
}
/* 
Global type-ahead for all Pages
Last Modified: 4-24-2013 4:29pm Search 7.12
*/
/* created in Jan 2013 by search project */
.header .typeahead * {
  box-sizing: content-box;
}

.header .typeahead {
  top: 100%;
  right: 1px;
  z-index: 300;
  overflow: hidden;
  background: #eee;
  border-left: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  position: absolute !important;
  color: #333;
  box-sizing: content-box;
  line-height: normal;
  font: 12px Arial,"Helvetica Neue",Helvetica,sans-serif;
  border-top: 0;
}

.typeahead .reviews.not_rated {
  float: left;
}

.typeahead .main {
  float: left;
  position: relative;
  z-index: 302;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  font-size: 14px;
  background: #fff;
  padding-bottom: 100%;
  margin-bottom: -100%;
}

.typeahead .main .leftHeader {
  font-size: 16px;
  color: #999;
  font-weight: bold;
}

/* this transparent border keeps the spacing the same as when hovering */
.typeahead .main .terms li a {
  display: block;
  color: black;
  text-transform: lowercase;
  padding: 0 10px;
  line-height: 30px;
  border-top: transparent solid 1px;
  border-bottom: transparent solid 1px;
  border-right: transparent solid 1px;
}

.typeahead .main .terms li:first-child a {
  border-top: 0px;
}

.typeahead .main .terms li:last-child a {
  margin-bottom: 30px;
}

/* .typeahead .main .terms li a:hover, */
.typeahead .main .terms li a:focus,
.typeahead .main .terms li a.active {
  background: #eee;
  border-top: #ddd solid 1px;
  border-bottom: #ddd solid 1px;
  border-right: #eee solid 1px;
}

.typeahead .main .terms li:first-child a:focus,
.typeahead .main .terms li:first-child a:hover,
.typeahead .main .terms li:first-child a.active {
  border-top: 0px;
}

.typeahead .main .terms li a b {
  font-weight: bold;
}

.typeahead .main .terms li a span {
  color: silver;
  text-transform: none;
}

.typeahead .main .terms .categories {
  padding-left: 25px;
  font-style: italic;
}

.typeahead .detail {
  float: left;
  /* width: 411px; */
  /* height: 436px; */
  background: #eee;
  position: relative;
  /* left: -1px; */
  z-index: 301;
  overflow: hidden;
}

.typeahead .detail .products {
  padding-left: 10px;
}

.typeahead .detail .products ul {
  overflow: hidden;
  padding: 10px 0px 0px 0px;
}

.typeahead .detail .products ul.second {
  padding-top: 0px;
}

.typeahead .detail .products ul li {
  padding-bottom: 20px;
  overflow: hidden;
  min-height: 197px;
}

.typeahead .ratings {
  margin: 0;
  padding-top: 5px;
}

/*.typeahead .detail .products ul li:nth-child(3), 
.typeahead .detail .products ul li:nth-child(6) { padding:0px 20px 0px 0px; }*/
.typeahead .detail .products ul li img {
  width: 100px;
  height: 100px;
  border: 1px solid #ddd;
}

.typeahead .detail .products ul li span {
  padding-top: 10px;
  display: block;
  height: 30px;
  overflow: hidden;
}

.typeahead .detail .products ul li span.stars {
  height: 10px;
}

.typeahead .detail .links {
  border-top: #ddd solid 1px;
  padding-left: 10px;
}

.typeahead .detail .links.borderZero {
  border-top: 0px;
}

.typeahead .typeaheadOne, .typeahead .typeaheadTwo {
  padding-bottom: 10px;
  padding-top: 0;
  overflow: hidden;
}

.typeahead .detail .links > ul > li a {
  text-transform: capitalize;
}

.typeahead h2 {
  padding-top: 10px;
  padding-left: 10px;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
}

.typeahead h2 span {
  color: #000;
}

.typeahead h3 {
  padding: 20px 0px 10px 0px;
  height: 19px;
  font-size: 14px;
}

.typeahead h3 i {
  height: 19px;
}

.typeahead .detail .icon-blog {
  background: url("../node_modules/olt-global-styles/images/header/typeahead.png") no-repeat 0px 0px transparent;
  padding-left: 5px;
  margin-top: -2px;
}

.typeahead .detail .icon-buyingGuide {
  background: url("../node_modules/olt-global-styles/images/header/typeahead.png") no-repeat 0px -19px transparent;
  padding-left: 5px;
  margin-top: -2px;
}

.typeahead .detail .icon-projectGuide {
  background: url("../node_modules/olt-global-styles/images/header/typeahead.png") no-repeat 0px -38px transparent;
  padding-left: 5px;
  margin-top: -2px;
}

.typeahead ul.orangeList {
  color: #f96302;
  list-style: disc;
  margin-left: 15px;
}

.typeahead ul.orangeList li {
  padding-bottom: 5px;
}

.typeahead ul.orangeList li:last-child {
  padding-bottom: 0px;
}

@media only print {
  #lpbuttondiv-hd {
    display: none;
  }
}
#lpbuttondiv-hd {
  width: 60px;
  height: 60px;
  position: fixed;
  right: 0px;
  top: 500px;
  top: calc(75% - 60px);
  z-index: 9999;
  transition: width .5s;
  -moz-transition: width .5s;
  -webkit-transition: width .5s;
  -o-transition: width .5s;
}

#lpbuttondiv-hd:hover {
  width: 277px;
}

#lpbuttondiv-hd.lpbuttondiv-inprog, #lpbuttondiv-hd.lpbuttondiv-inprog:hover {
  width: 178px;
}

#lpbuttondiv-hd.lpbuttondiv-hide {
  width: 60px;
}

.show-more-btn-container {
  margin-bottom: 10px;
  margin-top: 10px;
  height: 38px;
  display: none;
}

.show-more-btn {
  margin: 0 auto;
  text-align: center !important;
  float: none;
}

[data-showmore] .show-more-btn-container {
  display: block;
}

[data-showmore].RV_container_rr {
  height: 353px !important;
  max-height: 353px !important;
  overflow: visible;
  position: relative;
}

.show-more-btn-arrow {
  position: absolute;
  background: #fff;
  border: 2px solid #eee;
  margin-top: 33%;
  margin-left: 40%;
  border-bottom: 0px;
  bottom: -2px;
}

.show-more-btn-arrow:after, .show-more-btn-arrow:before {
  bottom: -55px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.show-more-btn-arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 30px;
  margin-left: -30px;
}

.show-more-btn-arrow:before {
  border-color: rgba(221, 221, 221, 0);
  border-bottom-color: #eee;
  border-width: 33px;
  margin-left: -33px;
}

.show-more-btn-arrow.dark:after {
  border-bottom-color: #eee;
}

.show-more-btn-arrow.dark:before {
  border-bottom-color: #eee;
}

.rv2-container {
  overflow: visible;
  height: 364px;
  border-bottom: 0px;
  max-height: 347px !important;
}

.closeRVButton, .startRVButton {
  left: 95%;
  top: 2%;
  position: absolute;
}

.startRVButton {
  left: 75%;
}

.close-rv2, .startRV2, .carousel-restart {
  cursor: pointer;
}

.carousel-restart {
  color: #f96302;
}

.close-rv2 .icon-close {
  background-image: url("../node_modules/olt-global-styles/images/icon-close-2.png");
  background-position: 0 0;
}

.rv-slider-container {
  height: 290px;
}

[id^="OD_"] img, [id*="OD_"] img {
  display: block;
  margin: 0px;
}

.noProductsMsg {
  display: none;
}

.RV2_container_rr img {
  width: 100px;
  height: 100px;
}

/********* OVERWRITES Start *********/
[id^="OD_"] .slider_pagination {
  top: -315px !important;
  right: 52px !important;
  position: absolute;
}

[id^="OD_"] .next, [id*="OD_"] .next {
  background-image: url("../node_modules/olt-global-styles/images/dwarves.png");
  background-position: -301px 1102px;
  right: 30px;
}

[id^="OD_"] .next:hover, [id*="OD_"] .next:hover {
  background-position: -301px 994px;
}

[id^="OD_"] .prev, [id*="OD_"] .prev {
  background-image: url("../node_modules/olt-global-styles/images/dwarves.png");
  background-position: -301px 1046px;
  left: 30px;
}

[id^="OD_"] .prev:hover, [id*="OD_"] .prev:hover {
  background-position: -301px 938px;
}

.RV2_container_rr .dynamic_btn {
  font-size: 9px;
}

.RV2_container_rr .xlarge {
  font-size: 15px;
}

.RV2_container_rr .item_price {
  margin-bottom: 5px;
}

.RV2_container_rr .product-image {
  height: 100px;
  width: 81px;
}

.RV2_container_rr .item_rating_wrapper .b {
  font-size: 10px;
  margin-left: 2px;
  line-height: 1.5;
}

.RV2_container_rr .item_description_wrapper {
  height: 114px;
  font-size: 11px;
}

.RV2_container_rr .item_description {
  margin: 0px 0 25px;
}

.RV2_container_rr .spad {
  padding: 10px;
}

.RV2_container_rr h3 {
  margin-bottom: 15px;
}

.ie8 [data-showmore].RV_container_rr, .ie9 [data-showmore].RV_container_rr {
  overflow: hidden !important;
}

/* Map Pricing Adjustmetns */
.RV2_container_rr .product-pod-uom, .product-pod-uom {
  font-size: 12px;
  color: #333;
  text-decoration: none !important;
}

.RV2_container_rr .rv2-map-messaging {
  margin-top: 27px;
  display: block;
  margin-bottom: 11px;
}

.RV2_container_rr .small {
  font-size: 10px;
}

.RV2_container_rr .item_stike_price {
  text-decoration: line-through !important;
}

.RV2_container_rr .map-strike-price {
  margin: 0;
  display: inline !important;
}

.RV2_container_rr .map-uom + .rv2-map-messaging {
  margin-top: 0;
  margin-bottom: 10px;
}

.RV2_container_rr .map-item-wrapper {
  height: 97px;
}

#rv_gm_pip_rr .slider_pagination, #rv_bica_pip_rr .slider_pagination {
  top: 0;
}

/********* OVERWRITES End *********/
/********* No Products START *********/
.noProductsListed {
  background-color: #eee;
  padding-top: 20px;
  height: 78px;
  min-height: 78px;
  width: 958px;
}

.noProductsListed h3 {
  display: none;
}

.noProductsListed .noProductsMsg {
  height: 78px;
  text-align: center;
  display: block;
  margin-top: -8px;
}

.noProductsListed .noProductsMsg p {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  padding: 30px 0 30px 0;
}

.noProductsListed .closeRVButton {
  left: 97%;
}

.noProductsParent > .show-more-btn-arrow:after, .noProductsParent > .show-more-btn-arrow:before {
  border-bottom-color: #eee;
}

/********* No Products END *********/
/* ** test
----------------------------------------------
Styles and Assets needed for tcom ATC overlay
---------------------------------------------
** */
/* 
----------------------------
From Touchstatic master.css 
----------------------------
*/
/* -------------------------------------------------------------------------------------------
	(2) Grid and Layout */
/* Main Container */
.container {
  margin-left: auto;
  margin-right: auto;
}

/* FLEX BOX STYLES */
.flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-box-pack: justify;
  box-pack: justify;
}

.flex-vcenter {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
}

.flex > .flex-grow-1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

html.no-flexbox .flex > .flex-grow-1 {
  float: left;
}

.flex > .flex-grow-2 {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -ms-box-flex: 2;
  box-flex: 2;
  -webkit-flex-grow: 2;
  flex-grow: 2;
}

.flex-40 {
  width: 40%;
}

.flex-50 {
  width: 50%;
}

.flex-60 {
  width: 60%;
}

.no-shrink {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
}

.flex-end {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.flex-start {
  align-self: flex-start;
  -webkit-align-self: flex-start;
}

.space-between {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.align-items-center {
  align-items: center;
  -webkit-align-items: center;
}

/* MODULE STYLES */
.module-small {
  padding: 10px;
}

.module-normal {
  padding: 15px;
}

.module-large {
  padding: 20px;
}

.module-normal.no-bottom {
  padding-bottom: 0;
}

/*	----------------------------------------
	(3c) Generics - Rounded Corners */
.rounded-corners {
  border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.rounded-corners-bottom {
  border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
}

/*  ----------------------------------------------------------------------------
  (3) Typography */
/*	----------------------------------------
	(3a) Typography - Text Colors */
.text-faint {
  color: #ddd;
}

/* Very light gray */
.text-muted {
  color: #777;
}

/* Light Gray */
.text-secondary {
  color: #666;
}

/* Medium Gray */
.text-primary {
  color: #f96302;
}

/* THD Orange */
.text-warning {
  color: #ffc20e;
}

/* Yellow */
.text-danger {
  color: #EF1F1E;
}

/* Red */
.text-success {
  color: #00ae4d;
}

/* NLP Green */
.text-info {
  color: #333;
}

/* Dark Gray */
.text-reverse {
  color: #fff;
}

/* White */
.text-normal {
  color: #000;
}

/*	----------------------------------------
	(3b) Typography - Text Alignment */
.text-left {
  text-align: left;
}

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

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

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

.text-bottom {
  vertical-align: bottom;
}

.truncate {
  /* Only works on single lines */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.v-align-middle {
  vertical-align: middle;
}

.v-align-top {
  vertical-align: top;
}

.v-align-bottom {
  vertical-align: bottom;
}

.rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*	----------------------------------------
	(3c) Typography - Text Sizes */
.title {
  font-weight: bold;
}

.xjumbo {
  font-size: 40px;
}

.jumbo {
  font-size: 30px;
}

.xxlarge {
  font-size: 25px;
}

.xlarge {
  font-size: 22px;
}

.larger {
  font-size: 20px;
}

.xlarger {
  font-size: 19px;
}

#smartOverlay .large {
  font-size: 14px;
}

.medium {
  font-size: 16px;
}

.md-modal-atc .normal {
  font-size: 14px;
  line-height: 15px;
}

.small {
  font-size: 12px;
}

.medium-small {
  font-size: 11px;
}

.xsmall {
  font-size: 10px;
}

.tiny {
  font-size: 9px;
}

.md-modal-atc .right {
  float: right;
}

.md-modal-atc .left {
  float: left;
}

.md-modal-atc .bold {
  font-weight: bold;
}

.md-modal-atc .p-top-small {
  padding-top: 10px;
}

.md-modal-atc .float-clear {
  clear: both;
}

.md-modal-atc .italic {
  font-style: italic;
}

.md-modal-atc .uppercase {
  text-transform: uppercase;
}

/* Standard Margins */
.smargin {
  margin: 10px;
}

.md-modal-atc .georgia {
  font-family: Georgia, "Times New Roman", serif;
}

.m-bottom-xsmall {
  margin-bottom: 5px;
}

.m-bottom-small {
  margin-bottom: 10px;
}

.m-bottom-normal {
  margin-bottom: 15px;
}

.m-bottom-large {
  margin-bottom: 20px;
}

.m-bottom-xlarge {
  margin-bottom: 30px;
}

.m-bottom-jumbo {
  margin-bottom: 40px;
}

.m-left-xsmall {
  margin-left: 5px;
}

.m-right-xsmall {
  margin-right: 5px;
}

.m-right-small {
  margin-right: 10px;
}

.m-left-small {
  margin-left: 10px;
}

.m-left-normal {
  margin-left: 15px;
}

.m-left-large {
  margin-left: 20px;
}

.m-left-jumbo {
  margin-left: 40px;
}

.m-right-normal {
  margin-right: 15px;
}

/*
.md-modal-atc .m-right-large {
	margin-right: 20px;
}
*/
.m-right-xlarge {
  margin-right: 30px;
}

.m-left-xlarge {
  margin-left: 30px;
}

.m-right-jumbo {
  margin-right: 40px;
}

.m-top-small {
  margin-top: 10px;
}

.m-top-large {
  margin-top: 20px;
}

.m-top-close {
  margin-top: -5px;
}

.m-top-closer {
  margin-top: -10px;
}

.m-sides-normal {
  margin-left: 15px;
  margin-right: 15px;
}

.m-sides-large {
  margin-left: 20px;
  margin-right: 20px;
}

.m-sides-jumbo {
  margin-left: 40px;
  margin-right: 40px;
}

.m-all-large {
  margin: 20px;
}

/* Standard Border */
.sborder {
  border: 0 solid #ccc;
}

.border-top {
  border-top-width: 1px;
}

.border-top-secondary {
  border-top-width: 4px;
}

.border-bottom-secondary {
  border-bottom-width: 4px;
}

.border-bottom {
  border-bottom-width: 1px;
}

.border-right {
  border-right-width: 1px;
}

.border-left {
  border-left-width: 1px;
}

.border-all {
  border-width: 1px;
}

/* 
----------------------------------
From touch thd.tw.touch.assets.css 
----------------------------------
*/
/* TOUCH ASSETS
------------------------------------------------------------------------------*/
/* (5) Buttons
------------------------------------------------------------------------------*/
/*	
.btn>i[class*="icon-"] {
	vertical-align: middle;
}*/
.thdTablet-btn {
  display: inline-block;
  padding: 8px;
    /*margin-bottom: 0;
	font-weight: bold;
	font-size: 12px;
	line-height: 1em;*/
  text-transform: uppercase;
  /*text-align: center;*/
  white-space: nowrap;
  vertical-align: baseline;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 3px;
  -moz-border-radius: 3px;
  /*-0-border-radius: 3px; - This line is breaking CSS*/
  -webkit-border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.btn-shadow {
  -moz-box-shadow: 2px 2px 2px 0px #CCCCCC;
  -webkit-box-shadow: 2px 2px 2px 0px #CCCCCC;
  box-shadow: 2px 2px 2px 0px #CCCCCC;
}

.btn-default,
input.btn-default {
  /* Light Gray, Gradient Button */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b3b3b3), color-stop(100%, #999999));
  background: -webkit-linear-gradient(top, #b3b3b3 0%, #999999 100%);
  background: -ms-linear-gradient(top, #b3b3b3 0%, #999999 100%);
  background: linear-gradient(to bottom, #b3b3b3 0%, #999999 100%);
  border: 1px solid #9a9a9a;
  color: #fff;
}

.md-modal-atc .btn-primary,
.md-modal-atc input.btn-primary,
#appliance-parts-services-config-modal .btn-primary {
  /* Orange, Gradient Button */
  background: #f96302;
  color: #fff;
  border: 1px solid #F96305;
}

.thdTablet-glyph-btn-primary,
input.thdTablet-glyph-btn-primary {
  /* Orange, Gradient Button */
  background: #f96302 !important;
  color: #fff !important;
}

.btn-success,
input.btn-success {
  /* Green, Flat Button */
  background: #00ae4d;
  border: 1px solid #00ae4d;
  color: #fff;
}

.btn-info,
input.btn-info {
  /* Dark Gray, Flat Button */
  background: #666;
  color: #fff;
}

.btn-secondary,
input.btn-secondary {
  /* Medium Gray, Gradient Button */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #777777));
  background: -webkit-linear-gradient(top, #999999 0%, #777777 100%);
  background: -ms-linear-gradient(top, #999999 0%, #777777 100%);
  background: linear-gradient(to bottom, #999999 0%, #777777 100%);
  border: 1px solid #777777;
  color: #fff;
}

.btn-dark,
input.btn-dark {
  /* Dark Gray, Gradient Button */
  color: #FFF;
  border: 1px solid #555555;
  background: #575757;
  /* Old browsers */
  background: -moz-linear-gradient(top, #555555 0%, #333333 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #333333));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #555555 0%, #333333 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #555555 0%, #333333 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #555555 0%, #333333 100%);
  /* IE10+ */
  background: linear-gradient(to bottom top, #555555 0%, #333333 100%);
  /* W3C */
  /* IE6-9 */
}

.btn-danger,
input.btn-danger {
  /* Red, Flat Button */
  color: #fff;
  background-color: #ed1c24;
  border: 1px solid #ed1c24;
}

.btn-short {
  text-transform: capitalize;
  padding: 4px 6px;
  font-weight: normal;
}

/* Disabled Buttons */
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link {
  font-weight: normal;
  color: #777;
  cursor: pointer;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Button Sizing */
.btn-sm,
.btn-xs {
  padding: 3px 8px;
  font-size: 11px;
  border-radius: 3px;
}

.btn-large {
  font-size: 14px;
  padding: 15px 20px;
}

.btn-xs {
  padding: 1px 5px;
}

.btn-tiny {
  padding: 3px 10px;
  line-height: 1.2em;
  font-size: 11px;
  height: 20px;
}

.btn-tiny.short {
  padding: 0 3px;
  min-width: 19px;
  text-align: center;
  display: inline-block;
  height: 16px;
}

.btn-tiny:empty {
  display: none;
}

/* Button Display Helpers */
.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

/* Input Append Button */
.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -3px;
}

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-append button {
  height: 35px;
}

.md-modal-atc .btn,
.md-modal-atc .thdTablet-btn {
  border-radius: 3px;
  -moz-border-radius: 3px;
  /*-0-border-radius: 3px; - This line is breaking CSS*/
  -webkit-border-radius: 3px;
    /*font-weight: bold;
	padding: 8px 10px;*/
  padding: 10px 15px;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
}

.btn-short,
.thdTablet-btn-short {
  text-transform: capitalize;
  padding: 4px 6px;
  font-weight: normal;
}

.btn-orange,
input.btn-orange,
.thdTablet-btn-orange,
input.thdTablet-btn-orange {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9871e), color-stop(100%, #f96302));
  background: -webkit-linear-gradient(top, #f9871e 0%, #f96302 100%);
  background: -ms-linear-gradient(top, #f9871e 0%, #f96302 100%);
  background: linear-gradient(to bottom, #f9871e 0%, #f96302 100%);
  border: 1px solid #f96302;
  color: #fff;
}

.btn-gray,
input.btn-gray,
.thdTablet-btn-gray,
input.thdTablet-btn-gray {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #777777));
  background: -webkit-linear-gradient(top, #999999 0%, #777777 100%);
  background: -ms-linear-gradient(top, #999999 0%, #777777 100%);
  background: linear-gradient(to bottom, #999999 0%, #777777 100%);
  border: 1px solid #777777;
  color: #fff;
}

.btn-lightGray,
input.btn-lightGray,
.thdTablet-btn-lightGray,
input.thdTablet-btn-lightGray {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b3b3b3), color-stop(100%, #999999));
  background: -webkit-linear-gradient(top, #b3b3b3 0%, #999999 100%);
  background: -ms-linear-gradient(top, #b3b3b3 0%, #999999 100%);
  background: linear-gradient(to bottom, #b3b3b3 0%, #999999 100%);
  border: 1px solid #9a9a9a;
  color: #fff;
}

.btn-white,
input.btn-white,
.thdTablet-btn-white,
input.thdTablet-btn-white {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
  border: 1px solid #ccc;
  /* color: #666; */
}

.md-modal-atc .btn-flat-lightGray,
.md-modal-atc .thdTablet-btn-flat-lightGray,
#appliance-parts-services-config-modal .thdTablet-btn-flat-lightGray {
  background: #ddd;
  border: 0;
  border: 1px solid #ccc;
}

.btn-flat-medGray,
.thdTablet-btn-flat-medGray {
  background: #ccc;
  border: 0;
}

.btn-flat-darkGray,
.thdTablet-btn-flat-darkGray {
  background: #666;
  color: #fff;
}

.btn-flat-green,
.thdTablet-btn-flat-green {
  background: #00ae4d;
  border: 1px solid #00ae4d;
  color: #fff;
}

.input-append button {
  display: inline-block;
}

.checkout_paypal {
  width: 142px;
  height: 27px;
  background-image: url("../images/PP_Checkout_sunrise_142x27_2x.png");
  background-size: 142px 27px;
  background-repeat: no-repeat;
}

/*
------------------------
From thd.tw.defaults.css
-----------------------
*/
/*	----------------------------------------------------------------------------
(3) Generics */
/* More located on master.css. */
.c {
  text-align: center;
}

.r {
  text-align: right;
}

.l {
  text-align: left;
}

.j {
  text-align: justify;
}

.hide {
  display: none !important;
}

/* General styles for the modal */
/*
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
  height: 100%;
  overflow: hidden;
}

.md-perspective body {
  background: #222;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  perspective: 600px;
}

.container {
  background: #e74c3c;
  min-height: 100%;
}

.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 630px;
  height: auto;
  z-index: 10001;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
  -moz-transform: translateX(-50%) translateY(-50%) translateZ(0);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%) translateZ(0);
}

#scheduleDatePickerModal.md-modal {
  max-width: 736px;
}

.md-modal-wide {
  width: 760px;
  max-width: 760px;
}

.ipad-position.md-modal {
  position: absolute;
}

.md-modal form {
  min-width: 475px;
}

.md-show {
  visibility: visible;
}

h3 .md-close {
  font-size: 0.2em;
  /*defect #50912 */
  float: right;
  border: none;
  font-weight: normal;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  /*color: #555; defect #50912 */
  background: none;
}

/* Content styles */
.md-content {
  background: white;
  position: relative;
  border-radius: 6px;
  margin: 0 auto;
  border: 1px solid #CCCCCC;
  box-shadow: 0 0 10px #666;
}

.md-content > h3:first-child {
  margin: 0;
  height: auto;
  padding: 14px 15px;
  text-align: left;
  font-size: 20px;
  font-weight: 700;
  background-color: #EEE;
  border-radius: 3px 3px 0 0;
  color: #333;
}

.appliance-parts-services-config-modal .md-content > h3:first-child {
  height: 50px;
}

h3.md-title {
  font-weight: bold;
}

.module-normal .font-secondary {
  padding: 10px 0 0px;
}

.md-content > div ul li {
  padding: 5px 0;
}

/* Individual modal styles with animations/transitions */
/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
  -webkit-transform: translateX(20%);
  -moz-transform: translateX(20%);
  -ms-transform: translateX(20%);
  transform: translateX(20%);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.md-show.md-effect-2 .md-content {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-3 .md-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

/* Effect 4: Newspaper */
.md-effect-4 .md-content {
  -webkit-transform: scale(0) rotate(720deg);
  -moz-transform: scale(0) rotate(720deg);
  -ms-transform: scale(0) rotate(720deg);
  transform: scale(0) rotate(720deg);
  opacity: 0;
}

.md-show.md-effect-4 ~ .md-overlay,
.md-effect-4 .md-content {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.md-show.md-effect-4 .md-content {
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

/* Effect 5: fall */
.md-effect-5.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-5 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(600px) rotateX(20deg);
  -moz-transform: translateZ(600px) rotateX(20deg);
  -ms-transform: translateZ(600px) rotateX(20deg);
  transform: translateZ(600px) rotateX(20deg);
  opacity: 0;
}

.md-show.md-effect-5 .md-content {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform: translateZ(0px) rotateX(0deg);
  -moz-transform: translateZ(0px) rotateX(0deg);
  -ms-transform: translateZ(0px) rotateX(0deg);
  transform: translateZ(0px) rotateX(0deg);
  opacity: 1;
}

/* Effect 6: side fall */
.md-effect-6.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-6 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
  -moz-transform: translate(30%) translateZ(600px) rotate(10deg);
  -ms-transform: translate(30%) translateZ(600px) rotate(10deg);
  transform: translate(30%) translateZ(600px) rotate(10deg);
  opacity: 0;
}

.md-show.md-effect-6 .md-content {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform: translate(0%) translateZ(0) rotate(0deg);
  -moz-transform: translate(0%) translateZ(0) rotate(0deg);
  -ms-transform: translate(0%) translateZ(0) rotate(0deg);
  transform: translate(0%) translateZ(0) rotate(0deg);
  opacity: 1;
}

/* Effect 7:  slide and stick to top (aka, Pulldown) */
/*
.md-effect-7 {
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.md-effect-7 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 0;
}

.md-show.md-effect-7 .md-content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 6px 6px;
	opacity: 1;
}
*/
/* Override md-effect-7 to behave like md-effect1, except 30px from top */
.md-background {
  background: rgba(0, 0, 0, 0.7);
  opacity: 0.7;
}

.md-effect-7 {
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
  -moz-transform: translateX(-50%) translateY(-50%) translateZ(0);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%) translateZ(0);
}

.md-effect-7 .md-content {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-7 .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-8 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(-70deg);
  -moz-transform: rotateY(-70deg);
  -ms-transform: rotateY(-70deg);
  transform: rotateY(-70deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.md-show.md-effect-8 .md-content {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1;
}

/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-9 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-70deg);
  -moz-transform: rotateX(-70deg);
  -ms-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.md-show.md-effect-9 .md-content {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
}

/* Effect 10: 3D sign */
.md-effect-10.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-10 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-60deg);
  -moz-transform: rotateX(-60deg);
  -ms-transform: rotateX(-60deg);
  transform: rotateX(-60deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-10 .md-content {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
}

/* Effect 11: Super scaled */
.md-effect-11 .md-content {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-11 .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* Effect 12:  Just me */
.md-effect-12 .md-content {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
  background: #e74c3c;
}

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
  background: transparent;
}

.md-show.md-effect-12 .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* Effect 13: 3D slit */
.md-effect-13.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-13 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-3000px) rotateY(90deg);
  -moz-transform: translateZ(-3000px) rotateY(90deg);
  -ms-transform: translateZ(-3000px) rotateY(90deg);
  transform: translateZ(-3000px) rotateY(90deg);
  opacity: 0;
}

.md-show.md-effect-13 .md-content {
  -webkit-animation: slit .7s forwards ease-out;
  -moz-animation: slit .7s forwards ease-out;
  animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
    opacity: .5;
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateZ 0 rotateY 0deg;
    opacity: 1;
  }
}
@-moz-keyframes slit {
  50% {
    -moz-transform: translateZ(-250px) rotateY(89deg);
    opacity: .5;
    -moz-animation-timing-function: ease-out;
  }
  100% {
    -moz-transform: translateZ 0 rotateY 0deg;
    opacity: 1;
  }
}
@keyframes slit {
  50% {
    transform: translateZ(-250px) rotateY(89deg);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateZ 0 rotateY 0deg;
    opacity: 1;
  }
}
/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-14 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateY(100%) rotateX(90deg);
  -moz-transform: translateY(100%) rotateX(90deg);
  -ms-transform: translateY(100%) rotateX(90deg);
  transform: translateY(100%) rotateX(90deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.md-show.md-effect-14 .md-content {
  -webkit-transform: translateY(0%) rotateX(0deg);
  -moz-transform: translateY(0%) rotateX(0deg);
  -ms-transform: translateY(0%) rotateX(0deg);
  transform: translateY(0%) rotateX(0deg);
  opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-15 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-15 .md-content {
  -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  transform: translateZ(0px) translateX(0%) rotateY(0deg);
  opacity: 1;
}

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
  background: rgba(180, 46, 32, 0.5);
}

.md-show.md-effect-16 ~ .container {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  filter: blur(3px);
}

.md-effect-16 .md-content {
  -webkit-transform: translateY(-5%);
  -moz-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%);
  opacity: 0;
}

.md-show.md-effect-16 ~ .container,
.md-effect-16 .md-content {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container {
  height: 100%;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.md-show.md-effect-17 ~ .container,
.md-show.md-effect-17 ~ .md-overlay {
  -webkit-transform: rotateX(-2deg);
  -moz-transform: rotateX(-2deg);
  -ms-transform: rotateX(-2deg);
  transform: rotateX(-2deg);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.md-effect-17 .md-content {
  opacity: 0;
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  -ms-transform: translateY(200%);
  transform: translateY(200%);
}

.md-show.md-effect-17 .md-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 0.3s 0.2s;
  -moz-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container {
  height: 100%;
  overflow: hidden;
}

.md-show.md-effect-18 ~ .md-overlay {
  background: rgba(143, 27, 15, 0.8);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.md-show.md-effect-18 ~ .container,
.md-show.md-effect-18 ~ .md-overlay {
  -webkit-transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
  -moz-transform-style: preserve-3d;
  -moz-transform-origin: 0% 50%;
  -moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
  transform-style: preserve-3d;
  transform-origin: 0% 50%;
  animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
  50% {
    -webkit-transform: translateZ(-50px) rotateY(5deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateZ -200px;
  }
}
@-moz-keyframes rotateRightSideFirst {
  50% {
    -moz-transform: translateZ(-50px) rotateY(5deg);
    -moz-animation-timing-function: ease-out;
  }
  100% {
    -moz-transform: translateZ -200px;
  }
}
@keyframes rotateRightSideFirst {
  50% {
    transform: translateZ(-50px) rotateY(5deg);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateZ -200px;
  }
}
.md-effect-18 .md-content {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
  opacity: 0;
}

.md-show.md-effect-18 .md-content {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  -webkit-transition: all 0.5s 0.1s;
  -moz-transition: all 0.5s 0.1s;
  transition: all 0.5s 0.1s;
}

/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container {
  height: 100%;
  overflow: hidden;
}

.md-show.md-effect-19 ~ .md-overlay {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.md-show.md-effect-19 ~ .container,
.md-show.md-effect-19 ~ .md-overlay {
  -webkit-transform-style: preserve-3d;
  -webkit-transform-origin: 50% 100%;
  -webkit-animation: OpenTop 0.5s forwards ease-in;
  -moz-transform-style: preserve-3d;
  -moz-transform-origin: 50% 100%;
  -moz-animation: OpenTop 0.5s forwards ease-in;
  transform-style: preserve-3d;
  transform-origin: 50% 100%;
  animation: OpenTop 0.5s forwards ease-in;
}

@-webkit-keyframes OpenTop {
  50% {
    -webkit-transform: rotateX(10deg);
    -webkit-animation-timing-function: ease-out;
  }
}
@-moz-keyframes OpenTop {
  50% {
    -moz-transform: rotateX(10deg);
    -moz-animation-timing-function: ease-out;
  }
}
@keyframes OpenTop {
  50% {
    transform: rotateX(10deg);
    animation-timing-function: ease-out;
  }
}
.md-effect-19 .md-content {
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  opacity: 0;
}

.md-show.md-effect-19 .md-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 0.5s 0.1s;
  -moz-transition: all 0.5s 0.1s;
  transition: all 0.5s 0.1s;
}

@media screen and (max-width: 32em) {
  body {
    font-size: 75%;
  }
}
.md-modal-atc input[type="tel"] {
  background-color: #eee;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  color: #333;
  font-size: 12px;
  height: 40px;
  margin-bottom: 15px;
  outline: medium none;
  padding: 0px 10px 0px 10px;
  min-width: 180px;
  max-width: 180px;
  width: 180px;
}

.md-body .bopis-qty {
  width: 33px;
}

/* -------------------------------------------------------------------------------------------
ADD TO CART OVERLAY */
/* .atc-overlay {
	width:680px;
} */
.mini-cart {
  width: 234px;
  height: 95px;
}

.atc-overlay-buttons {
  margin-left: 135px;
}

.atc-overlay-pod {
  width: 160px;
  padding: 5px;
}

.atc-overlay-pod-description {
  height: 65px;
}

.atc-pod-wrapper {
  overflow: auto;
}

.btn-overlay {
  width: 185px;
  height: 40px;
  line-height: 40px;
  padding: 0 inherit;
}

.md-modal h3 .md-close,
.quick-tip-mcc h3 .md-close,
h3 button.md-close,
.view-custom-blinds-modal .md-close,
.shippingview-custom-blinds-modal .icon-close-symbol {
  background-image: url("/MCCCheckout/static/TabletWebCheckout/tablet/images/dwarves.png");
  /* defect #50912 */
  background-position: -335px -260px;
  cursor: pointer;
  display: inline;
  height: 50px;
  position: absolute;
  right: -25px;
  top: -25px;
  width: 50px;
  z-index: 1103;
}

.shippingview-custom-blinds-modal .icon-close-symbol:before {
  content: "";
}

.view-allcustom-details #heading h3 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}

.view-allcustom-details .blinds-left-cls .tpl-content {
  padding: 0px 0px 10px;
}

.view-allcustom-details .blinds-img-text {
  color: #777;
  font-weight: 700;
}

.view-allcustom-details .right-content-cls {
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 15px;
}

.view-allcustom-details {
  width: 670px;
}

.md-modal-atc {
  color: #333;
}

/* CHECK AVAILABILITY STYLES */
.check-available-input {
  flex-grow: 1;
  -webkit-flex-grow: 1;
  -webkit-appearance: none;
  height: 40px !important;
}

.md-content .zip-column {
  width: 30%;
}

/*thd.tw.icons styles*/
@font-face {
  font-family: 'hd-custom';
  src: url("/MCCCheckout/static/global/fonts/hd-custom.eot?#iefix") format("embedded-opentype"), url("/MCCCheckout/static/global/fonts/hd-custom.woff") format("woff"), url("/MCCCheckout/static/global/fonts/hd-custom.ttf") format("truetype");
}
.md-modal-atc .icon-attention,
.md-modal-atc .icon-caution,
.md-modal-atc .icon-calendar,
.md-modal-atc .icon-verified-symbol {
  font-family: 'hd-custom';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  background-image: none;
}

.md-maml .error-report {
  background-color: #f1f1f1;
  color: #666;
  display: table;
  font-size: 12px;
  font-weight: bold;
  margin: 15px;
  padding: 10px;
}

.md-maml .error-report .error-msg {
  background: #f1f1f1;
  clear: both;
  color: #000;
  display: table-cell;
  font-size: 12px;
  font-weight: bold;
  padding: 0;
  vertical-align: middle;
  width: 400px;
}

.icon-verified-symbol:before {
  content: "\e006";
}

.icon-verified-symbol:before {
  content: "\e006";
}

.icon-attention:before {
  content: "\e009";
}

.form-cart-warning .icon-attention:before {
  content: "";
}

.icon-attention {
  background: none;
  color: #5E5E5E;
}

.icon-caution:before {
  content: "\e604";
}

.icon-calendar:before {
  content: "\e600";
}

.md-modal-atc .radio-btn {
  width: 40px;
  height: 30px;
  vertical-align: baseline;
  cursor: pointer;
  display: table-cell;
  position: relative;
}

.md-modal-atc .radio-btn:before {
  -webkit-appearance: none;
  width: 28px;
  height: 28px;
  left: 0;
  top: 0;
  margin: 0;
  background-color: #fff;
  border: 1px solid #999;
  color: #999;
}

.md-modal-atc.radio-btn:before,
.md-modal-atc .radio-btn:after {
  content: "";
  position: absolute;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}

.md-modal-atc .radio-btn:after {
  width: 18px;
  height: 18px;
  left: 6px;
  top: 6px;
  border: 1px solid #999;
  box-sizing: border-box;
  background: none;
}

.md-modal-atc .radio-btn:before,
.md-modal-atc .radio-btn:after {
  content: "";
  position: absolute;
  /* border-radius: 50%; */
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}

.md-modal-atc .md-body {
  margin-top: -7px;
}

/* GM ATC overlay Styles Start*/
.md-modal-atc .atc-overlay-gm {
  height: auto;
}

.md-modal-atc #productImgMccAtc {
  display: table-cell;
}

.md-modal-atc #atcGmBtnsCntr {
  width: 345px;
  float: right;
}

.md-modal-atc #atcGmBtnsCntr a {
  width: 130px;
  margin: 0px 0px 0px 10px;
  display: inline-block;
  box-sizing: content-box;
  padding: 10px 15px !important;
}

.md-modal-atc #atcGmBtnsCntr #atcCheckoutPP,
.md-modal-atc #atcGmBtnsCntr #atcCheckoutPP:hover {
  background: url(/MCCCheckout/static/TabletWebCheckout/tablet/images/PayPal-Button_168x35.png) no-repeat;
  background-size: contain;
  height: 38px;
  min-width: 160px;
  border: 0;
  padding: 0px !important;
}

#atcCheckoutPP:hover {
  opacity: 0.9;
}

.md-modal-atc .cartModelCurrentSummaryMCC {
  float: right;
  width: 327px;
  font-size: 14px;
}

.md-modal-atc .cartModelSmallSummaryMCC {
  font-size: 14px;
  padding: 20px;
  color: #333;
}

.md-modal-atc .innerValuesCartDetailHeadMCC {
  border-bottom: 1px solid #DDD;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: 700;
  color: #000;
}

.md-modal-atc .innerValuesCartDetailTotalMCC span {
  padding-left: 10px;
  color: #333;
}

.md-modal-atc .cartModelProductModelMCC {
  width: 216px;
  height: 101px;
}

.md-modal-atc .cartModelBody2LinkMCC {
  color: #000;
  font-weight: 700;
  width: 211px;
}

.md-modal-atc .cartModelBody2LinkMCC a {
  font-size: 14px;
}

.md-modal-atc .cartModelBody2LinkGryMCC {
  color: #777;
  font-weight: 400;
}

.md-modal-atc .offerpriceMCC {
  padding-top: 10px;
  color: #666;
}

.md-modal-atc #cartModelSummaryCntrMCC {
  width: 330px;
  margin-top: 10px;
}

.md-modal-atc .pricechkoutMCC {
  float: left;
  width: 100%;
  box-sizing: content-box;
}

.md-modal-atc .pricedetailMCC {
  float: left;
  clear: both;
  padding-top: 6px;
  margin-left: 153px;
  margin-top: -10px;
}

.md-modal-atc .m-top-large {
  overflow: hidden;
}

/* GM ATC overlay Styles end */
/* Appliance ATC overlay Styles */
/* -------------------------------------------------------------------------------------------
ADD TO CART OVERLAY */
/* .atc-overlay {
	width:680px;
} */
.mini-cart {
  width: 234px;
  height: 95px;
}

.atc-overlay-buttons {
  margin-left: 135px;
}

.atc-overlay-pod {
  width: 160px;
  padding: 5px;
}

.atc-overlay-pod-description {
  height: 65px;
}

.atc-pod-wrapper {
  overflow: auto;
}

.btn-overlay {
  width: 185px;
  height: 40px;
  line-height: 40px;
  padding: 0 inherit;
}

/* CHECK AVAILABILITY STYLES */
.check-available-input {
  flex-grow: 1;
  -webkit-flex-grow: 1;
  -webkit-appearance: none;
}

/* Added recently to match full site*/
p.left.bold.m-right-small.text-primary:hover,
a.text-primary.bold.ofaq-checkout:hover,
.edit-cart-link:hover,
.schedule-delivery-options .view-calendar:hover,
.zipcode-lookup-field .zipcode-change:hover {
  text-decoration: underline;
  cursor: pointer;
}

/* Added for defect #52806 .md-modal .icon-error */
.md-modal-atc .icon-error,
.md-modal .icon-error {
  background: url("/MCCCheckout/static/TabletWebCheckout/tablet/images/exclamation_red.png") no-repeat 5px center;
  background-size: 20px auto;
  padding: 0px 5px 0px 25px;
  color: #666 !important;
  font-size: 12px;
  font-weight: bold;
  min-height: 20px;
  float: left;
}

.md-modal span.exceedsQTYLimit {
  margin-left: 0px;
}

.md-modal-atc .icon-error:before,
.md-modal .icon-error:before {
  content: "";
}

.md-modal-atc {
  max-width: 680px;
  font-family: Arial, Helvetica, sans-serif;
}

#checkAvailableZip {
  margin: 0px;
  float: right;
}

#enterZipMsg {
  /* margin-top: -6px; */
  font-size: 14px;
  width: 162px;
}

#zipChecker {
  margin: 0px 0px 30px 4px;
}

#zipChecker .icon-calendar {
  /* margin-right: 17px; */
  width: initial;
  height: initial;
}

#checkAvailableMessage {
  margin-left: -30px;
  line-height: 14px;
  color: #666;
  font-weight: 700;
}

#checkAvailableMessage .m-bottom-normal {
  margin-bottom: 10px;
}

#checkAvailableMessage .icon-attention {
  margin-right: 20px;
  margin-top: -2px;
}

#checkAvailableMessage .icon-attention {
  margin-right: 15px;
}

.out-of-stock-err .info-details {
  display: inline-block;
  vertical-align: top;
}

#contactLocalStr,
#myDeleiveryLocationCntr {
  margin-left: 0px;
  width: 223px;
}

#addToListBtn {
  width: 162px;
  margin-top: 35px;
  /* defect #55107 */
}

#backOrdBtnSec #addToListBtn {
  /* margin-left: -40px defect #55107 */
}

#addToCart {
  width: 147px;
  margin-left: 10px;
  margin-top: 35px;
  /* defect #55107 */
}

#backOrdBtnSec {
  margin-left: 7px;
  height: 70px;
  width: 320px;
}

#backOrdBtnSec a {
  padding: 10px 15px;
  text-align: center;
}

.contact-local-str {
  margin-left: 36px !important;
}

#checkAvailableError {
  margin-left: -10px;
  margin-bottom: 28px;
}

#checkAvailableError .icon-attention:before {
  color: #EF1F1E;
}

.md-modal-atc .strike-through {
  text-decoration: line-through;
}

#checkAvailableError p {
  margin-left: 10px;
  margin-top: 5px;
}

#checkAvailableZip .invalid-zip {
  border-color: #ed1c24;
  color: #ed1c24;
}

.zip-column .out-of-stock-err {
  margin-left: 0px !important;
}

.more-than-two-appl-error .icon-attention,
.more-than-twelve-appl-error .icon-attention {
  margin-top: 3px;
  margin-right: 5px;
}

.more-than-two-appl-error p {
  line-height: 16px;
  width: 170px;
  line-height: 16px;
}

.more-than-twelve-appl-error {
  margin-left: -69px !important;
}

.more-than-twelve-appl-error p {
  line-height: 16px;
  width: 224px;
  line-height: 16px;
}

#sameZipCodeMsg {
  width: 190px;
}

#sameZipCodeMsg .icon-caution {
  height: 0px;
  float: left;
  margin-left: -42px;
  margin-top: 8px;
}

#sameZipCodeMsg p {
  font-size: 12px;
  font-weight: 700;
}

.md-modal-atc .icon-checkmark-success {
  background-position: left 2056px;
  background-image: url("/MCCCheckout/static/global/images/halflings.png");
  background-repeat: repeat-y;
  display: inline-block;
  vertical-align: text-top;
  padding: 17px 18px 2px 8px;
  height: 0;
  width: 0;
}

.vp-map-title-icon,
.vp-map-remove .icon-close-symbol {
  background-position: left 2407px;
  background-image: url("/MCCCheckout/static/global/images/halflings.png");
  background-repeat: repeat-y;
  display: inline-block;
  vertical-align: text-top;
  padding: 6px 11px 0 0;
  height: 24px;
  width: 24px;
  content: "";
}

.vp-map-title-icon:before,
.vp-map-remove .icon-close-symbol:before {
  content: "";
}

.vp-map-title-icon {
  margin-right: 5px;
}

.md-modal-atc .icon-checkmark-success:before {
  content: none;
}

.vp-map-remove.p-top-normal {
  margin-left: -15px;
}

.md-modal-atc #goToCartBtn {
  float: right;
  width: 137px;
  margin-right: 7px;
  text-align: center;
}

.dd-dwon-atc-err .icon-attention {
  margin-left: -32px;
  margin-top: 1px;
}

.dd-dwon-atc-err p {
  width: 174px;
  margin-top: -16px;
}

/* Parts and Services Styles */
/* -------------------------------------------------------------------------------------------
PARTS & SERVICES OVERLAY */
/* SET SIZE OF OVERLAY */
/* .parts-services-selector {
	width: 680px;
	height: 312px;
} */
/* SET HEIGHT TO ACCOMODATE ABSOLUTE PANELS */
#parts-services-selector {
  height: 280px !important;
  margin: 0px 20px;
  font-size: 12px;
  /* overflow:scroll; */
}

#parts-services-selector-aPSOptional a.tab {
  line-height: 40px;
  height: 38px;
  clear: both;
  box-sizing: content-box;
}

.parts-services-selector ul {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.parts-services-selector ul li {
  clear: both;
}

/* .parts-services-selector img {
	min-width: 110px;
} */
.parts-services-selector .label {
  -webkit-tap-highlight-color: transparent;
  width: 155px !important;
  font-weight: normal;
  font-size: 12px;
}

.parts-services-selector,
.parts-services-selector label {
  color: #777;
  font-size: 12px;
}

#parts-services-selector-total .price {
  width: 80px;
  font-size: 14px;
}

/* THE BREADCRUMB SELECT TABS */
.parts-services-tabs {
  /*width: 650px; to fix the defect #44735 */
  width: auto;
  float: none;
  list-style: none;
  position: relative;
  margin: 0;
  text-align: left;
  padding-top: 7px;
}

.parts-services-tabs li {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding-right: 0;
}

.parts-services-tabs input[type="radio"] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.parts-services-tabs label {
  display: block;
  padding: 10px;
  cursor: pointer;
  position: relative;
  top: 0;
  bottom: 0;
  text-align: center;
  background-color: #eee;
  color: #777;
}

.parts-services-tabs label:after {
  content: '';
  position: absolute;
  top: 0;
  right: -16px;
  width: 34px;
  height: 34px;
  -webkit-transform: scale(0.707) rotate(45deg);
  transform: scale(0.707) rotate(45deg);
  z-index: 1;
  background: #eee;
  box-shadow: 0px 0px 0 0px white, 3px -3px 0 2px rgba(255, 255, 255, 0.1);
  border-radius: 0 5px 0 0px;
}

.parts-services-tabs [id^="tab"]:checked + label:after {
  background: #fff;
  /* arrow color */
}

.parts-services-tabs li:last-child [id^="tab"]:checked + label:after {
  right: 0;
  height: 0;
  width: 0;
}

.parts-services-tabs li:last-child label {
  margin-right: 20px;
}

.parts-services-tabs li:last-child [id^="tab"]:checked + label {
  margin-right: 0;
}

/* .parts-services-tabs li [id^="tab"]:checked + label {
	height:38px;
} */
.parts-services-tabs .parts-services-tab-content {
  z-index: 2;
  display: none;
  overflow: auto;
  width: 100% !important;
  position: absolute;
  left: 0;
  margin-top: 15px;
  height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.parts-services-tabs [id^="tab"]:checked + label {
  top: 0;
  background: #fff;
  color: #f96302;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 7px;
}

.parts-services-tabs [id^="tab"]:checked + label i {
  color: #f96302;
}

.parts-services-tabs [id^="tab"]:checked ~ [id^="tab-content"] {
  display: block;
}

/* COLOR THE DOT OF THE RADIO BUTTON */
a.active .radio-btn:after {
  background-color: #f96302;
  border: 0;
}

/* THE CHECKBOX STYLES */
.parts-services-selector input[type=checkbox] {
  width: 31px;
  height: 31px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  float: left;
  margin-right: 10px;
  background: #fff;
  border: solid 1px #ddd;
  border-radius: 5px;
  color: #999;
  padding: 4px 0 0 4px;
  font-family: 'hd-custom';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.parts-services-selector input[type=checkbox]:before {
  content: "\e025";
  font-size: 20px;
}

.parts-services-selector input[type=checkbox]:checked {
  color: #F96302;
}

.parts-services-selector input[type=checkbox]:checked:before {
  content: "\e024";
}

/* Disable outline when clicked*/
.parts-services-selector input[type=checkbox]:checked,
.parts-services-selector input[type=radio]:checked,
.parts-services-selector input[type=checkbox]:focus,
.parts-services-selector input[type=radio]:focus {
  outline: none !important;
}

.parts-services-selector input[type=checkbox].disabled-mcc {
  opacity: .5;
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
}

#appliance-parts-services-config-modal {
  max-width: none;
  width: 686px;
  height: auto;
  padding: 20px 0px 20px;
}

.parts-services-selector #tab-content3 {
  height: auto;
  overflow-y: hidden;
}

#cartApplOvrl {
  margin: 24px 25px 0px 24px;
}

.parts-services-tabs li [id^="tab"]:not(:checked) + label .icon-verified-symbol {
  position: relative;
  top: -3px;
  left: -5px;
}

#hdpp_copy_message li {
  list-style-type: square;
  line-height: 16px;
  color: #777;
}

#hdpp_copy_message p {
  margin-bottom: 5px;
  margin-right: 18px;
}

#hdpp_copy_message ul {
  margin-right: 44px;
  margin-left: 26px;
  margin-bottom: -5px;
}

#cartApplOvrl img {
  float: left;
  height: 60px;
  width: 60px;
}

.product-details {
  font-size: 14px;
}

.product-details .prod-name {
  margin-right: 5px;
}

.product-details .model-number {
  margin-left: 5px;
  font-size: 12px;
}

.model-number {
  margin: 7px 0;
}

.georgia,
.serif {
  font-family: Georgia, "Times New Roman", serif;
}

#cartApplHeader .product-info {
  font-size: 24px;
  margin-right: 10px;
  margin-bottom: 22px;
}

/* #appliance-parts-services-config-modal h3{background:none;height:0px;}*/
#cartApplHeader {
  margin-left: 70px;
  color: #666;
  vertical-align: top;
}

#appl-ps-header {
  font-size: 22px;
  margin-bottom: 15px;
}

#parts-services-selector-total {
  margin: 30px 20px 0px 0px;
}

.parts-services-selector #maufacture_warranty {
  margin-left: 39px;
}

#parts-services-selector-warranty img {
  min-width: 70px;
}

#parts-services-selector-controls a {
  text-align: center;
  padding: 7px 15px;
  line-height: 14px;
  font-size: 12px;
  font-weight: 700;
  box-sizing: content-box;
}

div#completeParts {
  position: relative;
  min-height: 40px;
}

#parts-services-selector-controls #back {
  margin-left: 20px;
}

#parts-services-selector-controls #next {
  margin-right: 20px;
}

#parts-services-selector-controls #savePNSMCC {
  margin-right: 20px;
  color: #fff;
  width: 100px;
  height: 14px;
  position: absolute;
  right: 0px;
}

#parts-services-selector-controls #continueBtn {
  white-space: nowrap;
  color: #333;
  position: absolute;
  right: 140px;
  padding: 7px 10px;
}

#parts-services-selector-controls #goToCartBtnMCC {
  margin-right: 20px;
  width: 92px;
  color: #fff;
  position: absolute;
  right: 0px;
}

.md-modal-atc #pnsDownBtnCntrMCC,
#appliance-parts-services-config-modal #pnsDownBtnCntrMCC {
  margin-right: 3px;
  float: right;
}

#pnsDownSectionMCC {
  border-top: 1px solid #EEEEEE;
  margin: 0 20px;
}

#pnsDownCntrMCC {
  width: 649px;
  margin-top: 20px;
}

#pnsDownCntrMCC .icon-caution {
  height: 0px;
  float: left;
  margin-left: 18px;
  margin-top: -1px;
}

#pnsDownCntrMCC p {
  margin-left: 51px;
  font-size: 12px;
  color: #666;
}

#pnsDownBtn {
  width: 137px !important;
}

#pnsResetErr {
  margin-top: 20px;
}

#pnsResetErr .icon-attention {
  color: #ed1c24;
  background: none;
  margin-left: 20px;
}

#pnsResetErr span {
  margin-left: 13px;
  font-size: 12px;
  font-weight: bold;
}

#twoStepInstallMsgMCC {
  width: auto;
}

#twoStepInstallMsgMCC ul {
  list-style: disc inside none;
}

#checkAvailableBtn_MCC {
  padding: 12px 0px 12px 0px;
  min-width: 180px;
  max-width: 180px;
  width: 180px;
  float: right;
  margin-bottom: 0px;
}

#checkAvailableBtn {
  padding: 12px 0px 12px 0px;
  min-width: 180px;
  max-width: 180px;
  width: 180px;
  float: right;
  margin: 15px 0px 0px 0px;
}

#changeZipcodeLinkMCC {
  cursor: pointer;
}

#changeZipOverlayMCC {
  height: 330px;
}

#changeZipcodeLinkMCC:hover {
  cursor: pointer;
  text-decoration: underline;
}

#changeZipOverlayMCC .icon-attention {
  color: #ed1c24;
  background: none;
}

#changeZipOverlayMCC #checkAvailableError {
  font-size: 12px;
}

#changeZipOverlayMCC #checkAvailableError p {
  width: 170px;
}

#changeZipOverlayMCC #checkAvailableError p {
  margin-top: 4px;
}

#changeZipOverlayMCC .change-zip-unavailable-mcc p {
  width: 159px !important;
  margin-top: 0px !important;
}

#changeZipBtnDDErr {
  margin-top: 28px;
}

#changeZipBtnDDErr #retunToCartBtn {
  width: 142px;
  margin-left: 30px;
  text-align: center;
}

#changeZipErrCntr {
  margin-left: -32px;
}

#changeZipErrCntr p {
  width: 193px;
  margin-top: 0px;
  margin-left: 15px;
  font-size: 12px;
  line-height: 16px;
}

.change-zip-update-err {
  margin-left: -3px !important;
}

.change-zip-update-err p {
  width: 163px !important;
}

/*Certona for ma_atcmodal_rr*/
#ma_atcmodal_rr {
  padding-left: 0;
}

#ma_atcmodal_rr .container_30 .col-1-4 {
  box-sizing: border-box !important;
}

#atcmodal_rr .container_30 .col-1-4 {
  box-sizing: border-box !important;
  position: relative;
  float: left;
  padding: 10px;
}

/* changed the below styles for defect #54659 */
#mccCertonaApplError i {
  padding-right: 0px;
  padding-left: 0px;
  width: 30px;
  display: inline-block;
  vertical-align: middle;
}

#mccCertonaApplError span {
  display: inline;
  vertical-align: middle;
}

#editCartBtn .m-bottom-normal {
  margin-bottom: 0px;
}

#parts-services-selector-controls .thdTablet-btn-flat-lightGray:hover {
  background-color: #ddd;
}

.display-promo {
  display: inline-block;
  margin-right: 20px;
}

.display-amt {
  border-left: 1px solid #cccccc;
  display: inline-block;
  padding-left: 20px;
}

.md-close i:before {
  content: "";
}

/* UX requested changes to parts & services overlay */
.md-modal-atc #applATCBtnsCntr {
  width: 253px;
  height: auto;
  float: right;
}

#applATCBtnsCntr #editCartBtn {
  margin: 0px;
  float: left;
  padding: 10px 25px !important;
  min-width: 0px;
}

#applATCBtnsCntr #selectParts {
  float: right;
}

#ma_atcmodal_rr .container_30,
#atcmodal_rr .container_30 {
  width: 650px !important;
  overflow: auto;
}

#ma_atcmodal_rr [class*=col-],
#atcmodal_rr [class*=col-] {
  border-left: none;
}

.col-1-4.pad:last-child {
  border-right: none;
}

#parts-services-selector-controls {
  overflow: auto;
  width: 100%;
  padding: 5px 0px 15px 0px;
}

.md-content .ajax-loader {
  min-height: 150px;
  padding: 10px 30px 30px 30px;
}

.md-content .ajax-loader-error {
  min-height: 50px;
  padding: 10px 30px 30px 30px;
  display: block;
}

input.zipcode-lookup {
  width: 40% !important;
}

#atcmodal_rr .container_30 h3.rowHeader,
#ma_atcmodal_rr .container_30 h3.rowHeader {
  padding: 5px 0 5px 0px;
}

#other-stores .align-items-center .bopis-stock-error {
  width: 257px !important;
}

/*Styles merged from 7.26.2*/
.empty-cart-content {
  width: 100%;
}

#atcmodal_rr .col-1-4 {
  width: 25%;
}

#checkout #atcmodal_rr .reviews:before,
#checkout #atcmodal_rr .stars:after {
  content: "";
}

#checkout #ma_atcmodal_rr .reviews:before,
#checkout #ma_atcmodal_rr .stars:after {
  content: "";
}

.md-modal-atc #atcmodal_rr .reviews:before,
.md-modal-atc #atcmodal_rr .stars:after {
  content: "";
}

#thankyou1_rr .reviews:before,
#thankyou1_rr .stars:after {
  content: "";
}

#rv_cartempty_rr .reviews:before, #cartempty_rr .reviews:before,
#rv_cartempty_rr .stars:after, #cartempty_rr .stars:after {
  content: "";
}

.RV_container_rr {
  width: auto;
  max-width: 960px;
}

#cartempty_rr .item_pricing_wrapper,
#cart_rr .item_pricing_wrapper,
#thankyou1_rr .item_pricing_wrapper,
#ma_atcmodal_rr .item_pricing_wrapper,
#atcmodal_rr .item_pricing_wrapper {
  height: 50px;
  margin: 0 0 25px;
}

#cart_rr .savings_message,
#thankyou1_rr .savings_message,
#ma_atcmodal_rr .savings_message,
#atcmodal_rr .savings_message {
  font-size: 14px;
}

#mccCertonaApplError i:before {
  content: "";
}

#cartempty_rr .item_price,
#atcmodal_rr .item_price,
#ma_atcmodal_rr .item_price,
#thankyou1_rr .item_price,
#cart_rr .item_price {
  font-size: 20px;
}

#cartModalBtnContainer span {
  font-size: 12px;
}

div#rv_cartempty_rr, div#rv_thankyou_rr,
div#rv_cart_rr {
  width: 100%;
}

#cartempty_rr .product-image,
#cart_rr .product-image,
#thankyou1_rr .product-image,
#rv_cart_rr .product-image,
#rv_thankyou_rr .product-image {
  width: auto;
  max-width: 145px;
  height: auto;
  max-height: 145px;
}

span.slider_pagination {
  font-size: 14px;
}

#thankyou1_rr .dynamic .item_description,
#rv_thankyou_rr .dynamic .item_description {
  text-decoration: none;
}

#thankyou1_rr .dynamic .item_description:hover,
#rv_thankyou_rr .dynamic .item_description:hover {
  text-decoration: underline;
}

/* Styles copied from global.css for TY page Certona - it can be removed once we have header inp place for TY page*/
#cartModalBtnContainer i {
  background-image: url(/static/images/halflings.png);
  background-position: 14px 14px;
  background-repeat: repeat-y;
  display: inline-block;
  vertical-align: text-top;
  padding: 0 20px 0 0;
}

#cartModalBtnContainer .icon-certona-green-check {
  background-position: left 3796px;
}

#cartModalBtnContainer .icon-redx {
  background-position: right 2408px;
}

#cartModalBtnContainer i {
  line-height: 14px;
  height: 14px;
  width: 14px;
  padding: 0 5px 0 0;
}

#cartModalBtnContainer i {
  padding: 14px;
  float: left;
  margin-right: 4px;
  height: auto;
  width: auto;
}

.dynamic .savings_message,
.product-imagelabel {
  position: absolute;
  top: 15px;
  left: -15px;
  background: #f96302;
  font-weight: 700;
  color: #fff;
  text-align: right;
  padding: 4px 6px 3px 13px;
  cursor: default;
}

#atcmodal_rr .addCartConfirmBtn {
  margin-top: -30px;
}

#atcmodal_rr .addedTocartLabel {
  position: inherit;
  margin-top: 5px;
}

#atcmodal_rr .product-image {
  height: 100px;
  width: 100px;
}

.addedTocartLabel,
.itemNotAddedLabel {
  display: none;
  visibility: hidden;
  width: 140px;
  position: absolute;
  left: 20px;
  font-size: 12px;
}

.addedTocartLabel span,
.itemNotAddedLabel span {
  float: left;
  margin-top: 3px;
}

/* Certona section on appliance add to cart modal */
#cartModalBtnContainer .itemNotAddedLabel .icon-redx {
  margin-top: 2px;
  margin-right: 0;
  margin-left: -5px;
  padding: 10px;
}

#ma_atcmodal_rr .addedTocartLabel {
  margin-left: -5px;
}

#ma_atcmodal_rr .addedTocartLabel i {
  padding: 12px;
}

#ma_atcmodal_rr .itemNotAddedLabel,
#ma_atcmodal_rr .addedTocartLabel {
  visibility: visible;
  width: 140px;
  position: inherit;
  margin-top: 3px;
}

#cart_rr {
  clear: both;
}

/*Styles merged from 7.26.2 ENDED*/
span#myDeleiveryLocationZip {
  color: #000;
}

p#contactLocalStr {
  width: 180px;
}

p.uppercase.m-bottom-normal {
  margin-top: 4px;
}

/*============ HDPP info for product page ======================*/
.md-content #hdpp_info {
  padding: 15px;
  width: 288px;
}

.md-content #hdpp_info_banner {
  display: block;
  margin: 0 auto;
  margin-bottom: 27px;
}

.md-content #hdpp_info_tagline {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.md-content #hdpp_info_list {
  margin-bottom: 10px;
}

.md-content #hdpp_info_list li {
  list-style: none;
  height: 28px;
  line-height: 14px;
  margin-bottom: 2px;
}

.md-content #hdpp_info_list li p {
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
  margin-left: 36px;
}

.md-content #hdpp_li_no-fees {
  background: transparent url("/MCCCheckout/static/global/images/hdpp_no-fees_icon.png") no-repeat scroll 0 0;
  background-size: 10%;
}

.md-content #hdpp_li_parts-labor {
  background: transparent url("/MCCCheckout/static/global/images/hdpp_parts-labor_icon.png") no-repeat scroll 0 0;
  background-size: 10%;
}

.md-content #hdpp_li_in-home {
  background: transparent url("/MCCCheckout/static/global/images/hdpp_in-home_icon.png") no-repeat scroll 0 0;
  background-size: 10%;
}

.md-content #hdpp_li_24-7 {
  background: transparent url("/MCCCheckout/static/global/images/hdpp_24-7_icon.png") no-repeat scroll 0 0;
  background-size: 10%;
}

.md-content #compare_link {
  margin-top: 10px;
  margin-bottom: 15px;
}

.md-content #hdpp_exclusions a {
  color: #F37224;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
}

/*============ HDPP info for cart popup ======================*/
.md-content #hdpp_info_wrapper {
  width: 390px;
  padding-left: 19px !important;
}

.md-content #hdpp_info_cart_left {
  float: left;
  width: 160px;
}

.md-content #hdpp_info_cart_banner {
  width: 160px;
  display: block;
  margin: 0 auto;
}

.md-content #hdpp_info_cart_right {
  float: right;
  width: 200px;
}

.md-content #hdpp_info_cart_tagline {
  text-transform: uppercase;
  margin: 0px 0px 10px 25px;
}

.md-content #hdpp_info_cart_list li {
  list-style: none;
  margin-left: 25px;
  margin-bottom: 2px;
}

.md-content #hdpp_info_cart_list li p {
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
  margin-top: 0px;
  margin-left: 30px;
}

.md-content #hdpp_info_cart_more_info {
  font-weight: bold;
  display: block;
  text-align: right;
  margin-bottom: 5px;
}

.md-content #hdpp_cart_exclusions {
  display: block;
  text-align: right;
  color: #666;
  font-size: 9px;
  font-weight: bold;
  line-height: 14px;
}

.md-content #hdpp_cart_exclusions a {
  color: #F37224;
  font-size: 9px;
  font-weight: bold;
  line-height: 14px;
}

.md-content .applPnSImgDesc {
  margin-left: 5px;
}

.md-content .applPnSImgDesc ul li {
  padding: 0px;
}

.md-content p#hdpp_protection_plan_link {
  margin-top: 10px;
}

#popupAddList a.createListBtn.dynamic_btn.btn-orange {
  background: #F96305;
}

.order-summary-content .m-left-xsmall {
  margin-left: 1px;
}

#ma_atcmodal_rr:empty {
  margin-top: 0px;
}

.view-custom-blinds-modal .md-modal {
  max-width: 670px;
}

.view-custom-blinds-modal-body #heading {
  padding-bottom: 5px;
}

#blindsTotal {
  display: inline-block;
}

.view-allcustom-details #blindsTotal .fs14,
.view-allcustom-details #heading .fs14 {
  color: #000;
  font-weight: 700;
  font-size: 14px;
}

.view-allcustom-details #blindsTotal .fs18,
.view-allcustom-details #heading .fs18 {
  color: #000;
  font-size: 22px;
  font-weight: 700;
}

/*overide LP style for fixing LP button in checkout*/
#lpbuttondiv-hd {
  top: calc(75% - 60px);
}

.md-modal-atc #ma_atcmodal_rr .container_30 .grid_6,
.md-modal-atc #atcmodal_rr .container_30 .grid_6 {
  margin-right: 0px;
  width: 25%;
}

.md-modal-atc #ma_atcmodal_rr .pod.grid_6:last-child .spad,
.md-modal-atc #atcmodal_rr .pod.grid_6:last-child .spad {
  padding: 15px 0 0 0;
}

/* for iPad form submit button */
.submit-hide {
  left: -9999px;
  position: absolute;
  width: 0px;
  height: 0px;
  border: none;
}

.md-modal form#bopisOverlayForm,
.md-modal form#bopisOverlayFormOther,
#bopisSearchOverlayForm {
  width: auto;
}

#show-custom-details.md-modal {
  max-width: 675px;
}

.disable-body-scroll {
  overflow: hidden;
}

.disable-body-scroll-tablet {
  overflow: hidden;
  height: 100%;
}

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 10000;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-perspective: 1000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show ~ .md-overlay {
  opacity: .7;
  visibility: visible;
}

/* Defect #53785 */
#ma_atcmodal_rr span.normal,
#cart_rr span.normal {
  color: #666;
  font-size: 12px;
}

/*============ HDPP for GM ATC ======================*/
.md-modal-atc #merchHDPPCntr {
  background-color: #EEE;
  margin-top: 45px;
  padding: 14px 15px;
  border-radius: 3px 3px 0 0;
  text-align: left;
}

.md-modal-atc #HDPPdesc {
  width: 188px;
}

.md-modal-atc #addHDPPSec {
  margin-top: -30px;
}

.md-modal-atc #addedToCartHDPP {
  width: 94px;
  margin-top: 3px;
}

.md-modal-atc #addedHDPPToCart {
  margin-top: -21px;
  margin-left: 28px;
}

.md-modal-atc .atcPricingSec h3,
h4 {
  font-size: 14px;
}

.md-modal-atc .atcPricingSec h3 {
  font-weight: normal;
}

.md-modal-atc .atcPricingSec h4,
.md-modal-atc #hdppPrice {
  font-weight: 700;
}

.md-modal-atc #addedToCartHDPP {
  font-size: 12px;
}

.md-modal-atc #addedToCartLbl {
  line-height: 17px;
  float: right;
  margin-top: -5px;
  margin-right: 6px;
  width: 54px;
}

.md-modal-atc #hdppViewCart {
  cursor: pointer;
}

.md-modal-atc .add-plan {
  color: #3E7697;
}

.md-modal-atc #hdppErrSec {
  width: 177px;
  margin-left: 33px;
  line-height: 17px;
  font-size: 12px;
  font-weight: 700;
}

.md-modal-atc #addHDPPBtn {
  margin-right: 11px;
}

.md-modal-atc #atcmodal_rr {
  margin-top: 10px;
}

.atcPricingSec.right {
  width: 143px;
  text-align: right;
}

#hdppErrCntr .icon-error {
  padding: 8px 5px 0px 15px;
}

/* defect #55418 */
.container_30 .confirmation .alpha {
  overflow: auto;
  float: none;
}

/*********************************************************
 *
 * Media Queries Section:
 * Please keep the media queries at the bottom of the file
 *
 *********************************************************/
/* overrides for small resolution monitors */
@media (max-height: 800px) {
  .pickupPersonDetails {
    word-wrap: break-word;
    max-width: 150px;
  }
}
/* portrait mode styles */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .pod-contact-info ul.contact_us {
    position: absolute;
    margin-top: 0;
    width: 410px;
  }

  .pod-contact-info ul.contact_us + h3 {
    position: absolute;
    margin-top: 50px;
  }

  .pod-contact-info ul.contact_us li {
    padding: 0 5px 0 5px;
  }

  .pod-contact-info ul.contact_us li:first-child {
    padding-left: 0;
  }
}
/* landscape mode styles */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* QC-56574 related to position:fixed css issue in iOS */
  #checkout #change-pickup-time-slot.md-modal.md-show,
  #checkout #scheduleDatePickerModal.md-modal.md-show {
    position: absolute;
  }
}
.container_30 .confirmation .RV_container_rr .alpha {
  float: left;
}

.container_30 .confirmation .RV_container_rr .alpha {
  display: inline-block;
  overflow: initial;
  min-height: 245px;
  float: left;
}

div#rv_thankyou_rr.RV_container_rr {
  max-height: initial;
}

/* Defect 58944 */
.sortByGroup .radio-custom {
  height: 26px;
  background-image: url(/static/images/dwarves.png);
}

#atc-continue-shopping {
  font-size: 14px;
  font-weight: normal;
  margin-right: 10px;
  margin-top: 4px;
  cursor: pointer;
}

/*Instant Rebete*/
.atc-item-message {
  margin: 10px 0 0 -33px;
}

.atc-item-message p {
  width: 214px;
}

/* Item Level Messages on ATC/CART/Checkout*/
.cart-item-message {
  margin-top: 10px;
}

.cart-item-message .icon-caution {
  height: 0px;
}

.cart-page-message i {
  margin: -2px 7px 0 0;
}

.pageMessage i {
  margin: -2px 7px 0 0;
}

#atc-continue-shopping {
  font-size: 14px;
  font-weight: normal;
  margin-right: 10px;
  margin-top: 4px;
  cursor: pointer;
}

.bopis-selector {
  width: 100%;
  padding-bottom: 0;
}

.bopis-selector-title {
  padding-bottom: 0;
}

.bopis-selector-title img {
  height: 65px;
  width: 65px;
  flex: 0 0 auto;
}

.bopis-selector .sborder {
  border-color: #eee;
}

#other-stores {
  height: 219px;
  overflow: auto;
  border-bottom: 1px solid #eee;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.bopis-input {
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1) inset;
  padding: 5px 8px;
  border-radius: 3px;
}

.bopis-search {
  width: 114px;
}

.bopis-qty {
  height: 40px;
  width: 40px;
}

#sortByCntnr .sort-by-group .radio-btn {
  top: 0px;
}

a.active .radio-btn:after {
  background-color: #f96302;
}

.bopis-store-tally {
  min-width: 145px;
}

.bopis-sort-by {
  height: 40px;
}

.bopis-instock-section {
  line-height: 14px;
}

.bopis-fulfillment {
  width: 145px;
  box-sizing: content-box;
  height: 40px;
  min-width: 145px;
}

.bopis-store-range {
  width: 105px;
  box-sizing: content-box;
  height: 40px;
  min-width: 105px;
}

.bopis-stock-error {
  width: 257px;
}

#localizedStore .storeInfo-Col {
  padding-left: 0;
  min-width: 310px;
}

.cart-body #localizedStore .storeInfo-Col {
  min-width: 0;
}

.cart-body .bopis-stock-error {
  padding-top: 5px;
  padding-bottom: 5px;
}

.btn-bopis {
  display: inline-block;
}

.bopis-atc {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.bopis-atc-total {
  margin-top: 7px;
}

.overflow-auto {
  overflow: auto;
}

/* .display-inline-block {
	display: inline-block;	
} */
.width-100 {
  width: 100%;
}

/*style for empty cart certona*/
#cartempty_rr {
  clear: both;
  margin-top: 60px;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
/* Last HD Update 17:04:15 01/26/2011 John Jimenez 

We must update the path to the png images every time this file is updated from fb.net

*/
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url("../node_modules/olt-global-styles/images/layout/FancyBox/fancybox.png");
}

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url("../node_modules/olt-global-styles/images/layout/FancyBox/fancybox.png") -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}

#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url("../node_modules/olt-global-styles/images/layout/FancyBox/blank.gif");
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0px;
}

#fancybox-right {
  right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background-image: url("../node_modules/olt-global-styles/images/layout/FancyBox/fancybox.png");
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url("../node_modules/olt-global-styles/images/layout/FancyBox/fancybox.png");
  background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible;
  /* IE6 */
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}

.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url("../node_modules/olt-global-styles/images/layout/FancyBox/fancybox-x.png");
}

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url("../node_modules/olt-global-styles/images/layout/FancyBox/fancybox.png");
  background-position: -40px -162px;
}

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url("../node_modules/olt-global-styles/images/layout/FancyBox/fancybox-y.png");
  background-position: -20px 0px;
}

#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url("../node_modules/olt-global-styles/images/layout/FancyBox/fancybox.png");
  background-position: -40px -182px;
}

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url("../node_modules/olt-global-styles/images/layout/FancyBox/fancybox-x.png");
  background-position: 0px -20px;
}

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url("../node_modules/olt-global-styles/images/layout/FancyBox/fancybox.png");
  background-position: -40px -142px;
}

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url("../node_modules/olt-global-styles/images/layout/FancyBox/fancybox-y.png");
}

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url("../node_modules/olt-global-styles/images/layout/FancyBox/fancybox.png");
  background-position: -40px -122px;
}

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
}

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background-image: url("../node_modules/olt-global-styles/images/layout/FancyBox/fancy_title_over.png");
  display: block;
}

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url("../node_modules/olt-global-styles/images/layout/FancyBox/fancybox.png") -40px -90px no-repeat;
}

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url("../node_modules/olt-global-styles/images/layout/FancyBox/fancybox-x.png") 0px -40px;
}

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url("../node_modules/olt-global-styles/images/layout/FancyBox/fancybox.png") -55px -90px no-repeat;
}

/* IE6 */
.fancybox-ie6 #fancybox-close {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wcsstore/hdus/en_US/images/layout/FancyBox/fancy_close.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-left-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wcsstore/hdus/en_US/images/layout/FancyBox/fancy_nav_left.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-right-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wcsstore/hdus/en_US/images/layout/FancyBox/fancy_nav_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-over {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wcsstore/hdus/en_US/images/layout/FancyBox/fancy_title_over.png', sizingMethod='scale');
  zoom: 1;
}

.fancybox-ie6 #fancybox-title-float-left {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wcsstore/hdus/en_US/images/layout/FancyBox/fancy_title_left.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-float-main {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wcsstore/hdus/en_US/images/layout/FancyBox/fancy_title_main.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-float-right {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wcsstore/hdus/en_US/images/layout/FancyBox/fancy_title_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
  height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
  position: absolute;
  margin-top: 0;
  top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wcsstore/hdus/en_US/images/layout/FancyBox/fancy_loading.png', sizingMethod='scale');
}

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg {
  background: transparent !important;
}

.fancybox-ie #fancybox-bg-n {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wcsstore/hdus/en_US/images/layout/FancyBox/fancy_shadow_n.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-ne {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wcsstore/hdus/en_US/images/layout/FancyBox/fancy_shadow_ne.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-e {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wcsstore/hdus/en_US/images/layout/FancyBox/fancy_shadow_e.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-se {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wcsstore/hdus/en_US/images/layout/FancyBox/fancy_shadow_se.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-s {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wcsstore/hdus/en_US/images/layout/FancyBox/fancy_shadow_s.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-sw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wcsstore/hdus/en_US/images/layout/FancyBox/fancy_shadow_sw.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-w {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wcsstore/hdus/en_US/images/layout/FancyBox/fancy_shadow_w.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-nw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wcsstore/hdus/en_US/images/layout/FancyBox/fancy_shadow_nw.png', sizingMethod='scale');
}

#fancybox-overlay {
  display: block !important;
  z-index: -1 !important;
  opacity: 0;
  position: fixed;
}

#fancybox-overlay.show-overlay {
  z-index: 1100 !important;
}

/************ ---------- Header ---------------------***************/
div#sfModalContainer {
  padding-left: 20px;
}

div#sfHeader {
  margin: 10px 10px 13px 0px;
}

h1.modal_title {
  color: #333;
  font-size: 24px;
  font-weight: bold;
  padding: 20px 0 0px 0px;
}

.modal_close {
  top: 10px;
  right: 10px;
  display: inline !important;
  /*display has to be important because in global.css, a#fancybox-close is display:none*/
}

/********************************** Modal Contents ****************************/
.modal_contents {
  border: 1px solid #ccc;
  margin: 0px 20px 13px 0px;
}

p#sfSubHeader {
  margin: 50px 0px 50px 0px;
  font-size: 14px;
  font-weight: normal;
}

/*Initial Modal Header*/
/****** Search Section **********/
#lblStoreFinder {
  color: #999999;
  display: block;
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
  margin: 6px 0 0 5px;
  text-align: left;
  width: auto;
}

.storefinder-controls {
  position: static !important;
}

#txtStoreFinder {
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #EEE;
  color: #333333;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  line-height: 15px;
  padding: 11px 17px 8px 5px;
  *padding: 11px 11px 8px 5px;
  /*for search controls the padding-top:16px};*/
  width: 280px !important;
}

/********************** sf Search Button controls***************************/
#divStoreFinderBtn, #divStoreFinderBtn .controls {
  float: left;
  margin-left: -1px;
}

#lblFindStore, #lblViewStore {
  padding-right: 10px;
  width: auto;
  padding-top: 12px;
  color: #333;
  float: left;
  font-style: italic;
  font-size: 14px;
}

.sf-control-group {
  clear: none;
  margin-bottom: 0;
}

.sf-controls {
  margin-left: 0;
  position: static;
}

#btnStoreFinder.btn {
  border: 0 none;
  border-radius: 0 3px 3px 0;
  clear: both;
  cursor: pointer;
  display: inline;
  float: left;
  height: 37px;
  width: 37px;
  padding: 1px 0 2px 4px;
  box-shadow: none;
}

form#frmStoreFinder fieldset {
  border: medium none;
  float: left;
  padding: 0;
  position: relative;
  width: auto;
}

div#sf_search_bar {
  padding: 10px;
  background-color: #eee;
  height: 37px;
  border-top: 1px  solid #ccc;
  border-bottom: 1px solid #ccc;
}

#divStoreFinderBox {
  float: left;
}

/************************ Geolocalization ************************************************/
#useMyLocation {
  float: left;
  margin-top: 10px;
  font-weight: bold;
}

#useMyLocation .orText {
  float: left;
  margin: 0 15px 0 12px;
  text-transform: uppercase;
  color: #000;
}

#useMyLocation .userLocLink {
  color: #000;
  padding-left: 5px;
}

/************************ Store Finder Results ************************************************/
p.sfSugHeader {
  font-weight: normal;
  padding: 13px 0px 0px 20px;
  font-size: 14px;
}

p.sfRowsHeader {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #ccc;
  padding: 13px 0 13px 30px;
}

ul#ulSug {
  margin: 10px 0px 0px 20px;
}

ul#ulSug > li {
  padding-bottom: 5px;
  font-size: 14px;
}

ul#ulSug > li > a {
  color: #F96302;
}

div#sfStoreList {
  overflow: auto;
  height: 300px;
}

div#sfStoreDetails, div#sfStoreHeaderDetails {
  float: left;
}

div#sfStoreButton {
  float: right;
}

#sfStoreList p {
  padding-left: 20px;
}

/**Address style*/
.sfYourstoreHeader, .sfStoreName {
  font-weight: bold;
  font-size: 14px;
  color: #333;
  margin: 0;
}

.sfYourstoreHeader {
  margin-left: 33px;
  *margin-top: -20px;
}

.sfDistance {
  font-weight: normal;
}

.sfStoreRow {
  margin: 0px 25px 0px 10px;
  padding: 13px 10px;
  border-bottom: 1px solid #CCC;
  line-height: 16px;
}

.sfStoreLocal {
  margin: 0px 25px 0px 10px;
  padding: 13px 10px;
  line-height: 16px;
}

div#sfYourStore.sfStoreRow {
  border: none;
}

.sfStoreDetails {
  padding-left: 35px;
  width: 350px;
  *padding-left: 5px;
  *width: 300px;
  *margin-top: -13px;
}

.sfStoreHeaderDetails {
  padding-left: 35px;
  *padding-left: 5px;
  width: 350px;
}

span.street-address {
  display: block;
}

.sfhlViewonmap {
  color: #000;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
}

.sfMakeThisMyStore {
  float: right;
}

.sfStoreIndex {
  margin-left: -17px;
  font-weight: bold;
  font-size: 14px;
}

div#sfWhiteSpace50 {
  margin: 10px 0px 50px 20px;
}

/************ Footer ------------- View Store Finder ****************/
div#sfFooter {
  float: right;
  margin: 3px 40px 20px 0px;
}

a#hlViewStoreFinder i.icon-carrot-orange {
  margin-left: 0px;
}

body {
  background: #fff;
  font-family: "opensans-regular", "Helvetica Neue", Helvetica-, Arial, sans-serif;
}

a {
  text-decoration: none;
  color: #000;
}

#sbotd__container {
  margin: 0 auto;
  max-width: 960px;
  padding: 0;
}

#footer-wrapper {
  margin: 0 auto;
  max-width: 960px;
  float: none !important;
}

#error-state {
  height: 100px;
  line-height: 100px;
  width: 450px;
  margin: 0 auto;
}

.addToCart {
  cursor: pointer;
}

.line-clamp, .line-clamp-3 {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  -webkit-line-clamp: 2;
  height: calc(1em * 1.2 * 2);
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 !important;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
  height: calc(1em * 1.2 * 3);
}

.line-clamp:after, .line-clamp-3:after, .line-clamp-3:after {
  content: '...';
  text-align: right;
  bottom: 0;
  right: 0;
  width: 25%;
  display: block;
  position: absolute;
  height: calc(1em * 1.2);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 75%);
}

@supports (-webkit-line-clamp: 1) {
  .line-clamp:after, .line-clamp-3:after {
    display: none !important;
  }
}
@media only screen and (max-width: 736px) and (orientation: landscape) {
  #sbotd__header-banner-hero-wrapper {
    height: 8em;
  }
}
@media only screen and (max-width: 736px) {
  html {
    font-size: 60% !important;
  }

  .col__2-3--xs {
    width: 100%;
  }

  input[type=email] {
    border: 1px solid #ccc !important;
  }

  #sbotd__header-banner #sbotd__header-banner-hero-wrapper .background {
    width: 100%;
  }
  #sbotd__header-banner #sbotd__header-banner-hero-wrapper .logo {
    left: 1.5em !important;
    top: 1em !important;
  }
  #sbotd__header-banner #sbotd__header-banner-hero-wrapper #sbotd_header-banner-text h1 {
    font-size: 1.8rem;
  }
  #sbotd__header-banner #sbotd__header-banner-hero-wrapper #sbotd_header-banner-text h2 {
    margin-bottom: 1em;
    font-size: 1.1rem;
  }
  #sbotd__header-banner #sbotd__email-wrapper {
    background: #fff !important;
    padding: 15px;
    width: 100%;
    min-height: auto !important;
    border-bottom: 1px solid #ccc;
    display: -webkit-block !important;
    display: block !important;
  }
  #sbotd__header-banner #sbotd__email-wrapper #sbotd__email-text {
    text-transform: none !important;
    font-family: inherit !important;
    overflow: hidden;
  }
  #sbotd__header-banner #sbotd__email-wrapper #sbotd__email-text > div {
    font-size: 1.4rem !important;
    float: left;
  }
  #sbotd__header-banner #sbotd__email-wrapper #sbotd__email-text > div:first-child {
    margin-right: 5px !important;
  }
  #sbotd__header-banner #sbotd__email-wrapper #sbotd__email-text > div:nth-child(3) {
    display: inline-block !important;
  }
  #sbotd__header-banner #sbotd__email-wrapper #sbotd__email-form-wrapper #sbotd__email-form form {
    height: 58px !important;
  }
  #sbotd__header-banner #sbotd__email-wrapper #sbotd__email-form-wrapper #sbotd__email-form form #feedback {
    left: 20px !important;
  }
  #sbotd__header-banner #sbotd__email-wrapper form.input {
    height: auto !important;
  }

  #sbotd__countdown-timer-wrapper {
    left: 115px !important;
    top: 20px !important;
  }
  #sbotd__countdown-timer-wrapper #sbotd__countdown-timer-text {
    font-size: 2.5em !important;
  }

  #sbotd__product-wrapper {
    -webkit-flex-flow: column !important;
    -webkit-justify-content: flex-start !important;
    flex-flow: column !important;
    justify-content: flex-start !important;
  }
  #sbotd__product-wrapper .carousel {
    display: block !important;
    max-height: none !important;
  }
  #sbotd__product-wrapper .carousel .arrow__next, #sbotd__product-wrapper .carousel .arrow__prev {
    display: none !important;
  }
  #sbotd__product-wrapper .carousel .carousel-wrapper {
    width: 100% !important;
    left: 0 !important;
  }
  #sbotd__product-wrapper .carousel .product-pod {
    width: 100% !important;
  }
  #sbotd__product-wrapper .carousel .product-pod:not(:last-child) {
    border-bottom: 1px solid #ccc;
  }
  #sbotd__product-wrapper .carousel .product-pod--selected {
    border: none !important;
  }
  #sbotd__product-wrapper .carousel .product-pod__counter {
    display: block !important;
  }
  #sbotd__product-wrapper .carousel .product-pod__image-wrapper {
    float: left;
    width: 33.333% !important;
    padding: 0 15px 0 0 !important;
  }
  #sbotd__product-wrapper .carousel .product-pod__add-to-cart-wrapper {
    display: block !important;
    margin-top: 20px;
  }
  #sbotd__product-wrapper .carousel .product-pod--sold-out .product-pod__image-wrapper:after {
    transform: rotate(-27deg);
    top: 50%;
    margin-top: -20px;
    margin-left: -55px !important;
    height: 20px;
  }

  #sbotd__product-wrapper #pip-view-wrapper {
    display: none !important;
  }
  #sbotd__product-wrapper #pip-view-wrapper.single-product {
    display: block !important;
  }
  #sbotd__product-wrapper #pip-view-wrapper.single-product #pip-view__media {
    width: 100% !important;
  }
  #sbotd__product-wrapper #pip-view-wrapper.single-product #pip-view__media #pip-view__hero {
    text-align: center;
    margin-bottom: 20px;
  }
  #sbotd__product-wrapper #pip-view-wrapper.single-product #pip-view__media img {
    max-width: 60% !important;
  }
  #sbotd__product-wrapper #pip-view-wrapper.single-product #pip-view__buybox {
    width: 100% !important;
  }
  #sbotd__product-wrapper #pip-view__media #pip-view__thumbnail-wrapper {
    display: none;
  }
  #sbotd__product-wrapper #pip-view__media #pip-view__hero {
    width: 100% !important;
    height: auto !important;
  }
  #sbotd__product-wrapper #pip-view__buybox {
    width: 66.666% !important;
  }
  #sbotd__product-wrapper #pip-view__buybox #pip-view__percentoff {
    display: none !important;
  }
  #sbotd__product-wrapper #pip-view.pip-view--sold-out:after {
    top: 10%;
    left: 5%;
    font-size: 1.8rem;
  }
}
#sbotd__header-banner {
  padding: 0;
  min-height: 210px;
  margin-bottom: 30px;
}
#sbotd__header-banner #sbotd__header-banner-hero-wrapper {
  padding: 0;
}
#sbotd__header-banner #sbotd__header-banner-hero-wrapper .background {
  float: left;
  height: 100%;
}
#sbotd__header-banner #sbotd__header-banner-hero-wrapper .logo {
  position: absolute;
  top: 31px;
  left: 2em;
  width: 12%;
}
#sbotd__header-banner #sbotd_header-banner-text {
  font-family: "homervetica-blk";
  position: absolute;
  font-family: "homervetica-blk";
  position: absolute;
  top: 1em;
  left: 50%;
  margin-left: -30%;
}
#sbotd__header-banner #sbotd_header-banner-text #sbotd_tagline {
  font-size: 3rem;
}
#sbotd__header-banner #sbotd_header-banner-text .wrapper {
  float: left;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
  color: #fff;
}
#sbotd__header-banner #sbotd_header-banner-text h1 {
  font-size: 3em;
  text-transform: uppercase;
}
#sbotd__header-banner #sbotd_header-banner-text h1 > div {
  line-height: 0.9em;
}
#sbotd__header-banner #sbotd_header-banner-text h2 {
  font-size: 1.8rem;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin-bottom: 1.5em;
}
#sbotd__header-banner #sbotd__email-wrapper {
  background: #eee;
  min-height: inherit;
}
#sbotd__header-banner #sbotd__email-wrapper #sbotd__email-form-wrapper {
  clear: both;
}
#sbotd__header-banner #sbotd__email-wrapper #sbotd__email-form-wrapper #sbotd__email-form form {
  overflow: hidden;
  height: 45px;
}
#sbotd__header-banner #sbotd__email-wrapper #sbotd__email-form-wrapper #sbotd__email-form form span.input-wrapper {
  float: left;
  width: 75%;
}
#sbotd__header-banner #sbotd__email-wrapper #sbotd__email-form-wrapper #sbotd__email-form form span.input-wrapper + button {
  width: 25%;
  float: left;
}
#sbotd__header-banner #sbotd__email-wrapper #sbotd__email-form-wrapper #sbotd__email-form #feedback {
  position: absolute;
  bottom: 8px;
  left: 15px;
  display: none;
}
#sbotd__header-banner #sbotd__email-wrapper #sbotd__email-form-wrapper #sbotd__email-text {
  margin-bottom: 7px;
  white-space: nowrap;
}
#sbotd__header-banner #sbotd__email-wrapper #sbotd__email-form-wrapper #sbotd-email {
  top: 0;
  height: 43px;
  position: relative;
  box-sizing: border-box;
}

#sbotd__countdown-timer-wrapper {
  font-family: "homervetica-blk";
  text-transform: uppercase;
  /*text-shadow: 0 2px 3px rgba(0,0,0,0.5);*/
  overflow: hidden;
  margin: 10px 0 20px 0;
  text-align: center;
}
#sbotd__countdown-timer-wrapper #sbotd__countdown-timer-text {
  font-size: 3.6rem;
}
#sbotd__countdown-timer-wrapper #sbotd__countdown-timer {
  font-size: 3rem;
}
#sbotd__countdown-timer-wrapper #sbotd__countdown-timer .countdown-timer > div {
  display: inline-block;
  text-align: center;
}
#sbotd__countdown-timer-wrapper #sbotd__countdown-timer .countdown-timer__section:not(:last-child) {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid;
}
#sbotd__countdown-timer-wrapper #sbotd__countdown-timer .countdown-timer__label {
  font-size: 1.1rem;
}

#product-list {
  display: none;
}
#product-list .product-pod {
  position: relative;
  border: 2px solid #fff;
  border-bottom: 3px solid #fff;
  float: left;
  width: 220px;
  margin-right: 15px;
  -webkit-transition: border 0.5s ease;
  -moz-transition: border 0.5s ease;
  -ms-transition: border 0.5s ease;
  -o-transition: border 0.5s ease;
  transition: border 0.5s ease;
}
#product-list .product-pod:hover {
  cursor: pointer;
  /*border-bottom: 3px solid $brand;*/
}
#product-list .product-pod__header {
  background: rgba(210, 230, 235, 0.4);
  padding: 10px 5px;
  overflow: hidden;
}
#product-list .product-pod__header .product-pod__countdown {
  float: left;
}
#product-list .product-pod__header .product-pod__remaining {
  float: right;
}
#product-list .product-pod__body {
  padding: 15px;
}
#product-list .product-pod__body .product-pod__counter-wrapper {
  height: 16px;
  margin-bottom: 10px;
}
#product-list .product-pod__body .product-pod__counter {
  color: #ccc;
  text-align: right;
  display: none;
}
#product-list .product-pod__body .product-pod__image-wrapper {
  position: relative;
}
#product-list .product-pod__body .product-pod__image-wrapper img {
  max-width: 100%;
  height: auto;
  margin: 0 auto 5px auto;
  max-height: 150px;
  display: block;
}
#product-list .product-pod__body .product-pod__brand_title, #product-list .product-pod__body .product-pod__percentoff, #product-list .product-pod__body .product-pod__pricing {
  margin-bottom: 10px;
}
#product-list .product-pod__body .product-pod__reviews {
  margin-bottom: 10px;
}
#product-list .product-pod__body .product-pod__reviews img {
  max-height: 15px;
}
#product-list .product-pod__body .product-pod__reviews span {
  position: relative;
  top: 1px;
  left: 5px;
}
#product-list .product-pod__body .product-pod__percentoff {
  background: #00873C;
  color: #fff;
  text-align: center;
  padding: 3px 0;
}
#product-list .product-pod__body .product-pod__pricing {
  overflow: hidden;
}
#product-list .product-pod__body .product-pod__pricing .product-pod__pricing-was {
  color: #666;
}
#product-list .product-pod__body .product-pod__pricing .product-pod__pricing-was > div {
  margin-bottom: 5px;
}
#product-list .product-pod__body .product-pod__pricing .product-pod__pricing-savings {
  color: #00873C;
}
#product-list .product-pod__body .product-pod__pricing .product-pod__pricing-row-current {
  font-size: 3rem;
  margin-top: 3px;
}
#product-list .product-pod__body .product-pod__add-to-cart-wrapper {
  display: none;
}
#product-list .product-pod--selected {
  border: 2px solid #f96302;
}
#product-list .product-pod--selected .product-pod__counter {
  display: block;
}
#product-list .product-pod--sold-out .product-pod__image-wrapper:after {
  content: 'SOLD OUT';
  position: absolute;
  padding: 5px 0;
  text-align: center;
  color: #fff;
  background: #D81118;
  border: 1px solid #D81118;
  bottom: 10px;
  width: 90px;
  left: 50%;
  margin-left: -45px;
}

#sbotd__product-wrapper {
  margin-bottom: 50px;
}
#sbotd__product-wrapper #loader {
  width: 36px;
  position: relative;
  margin: 30px auto;
  display: block;
}

#pip-view-wrapper {
  padding: 0;
  display: none;
  margin-bottom: 20px;
}

#pip-view {
  position: relative;
  margin: 0 auto;
  min-height: 400px;
  overflow: hidden;
}
#pip-view #pip-view__countdown-wrapper {
  height: 35px;
}
#pip-view #pip-view__media {
  padding: 0;
}
#pip-view #pip-view__media #pip-view__hero {
  height: 400px;
  margin: 0 auto;
}
#pip-view #pip-view__countdown {
  display: inline-block;
}
#pip-view #pip-view__thumbnail-wrapper {
  float: left;
  width: 65px;
  height: 400px;
  overflow: hidden;
  margin: 0 10px;
}
#pip-view #pip-view__thumbnail-wrapper .thumb {
  width: 65px;
  height: 65px;
  cursor: pointer;
  position: relative;
  float: left;
  margin-bottom: 15px;
}
#pip-view #pip-view__thumbnail-wrapper .thumb img {
  border: 1px solid #ccc;
  padding: 1px;
}
#pip-view #pip-view__thumbnail-wrapper .thumb.selected:after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 69px;
  height: 1px;
  border-bottom: 4px solid #f96302;
}
#pip-view #pip-view__thumbnail-wrapper .thumb img {
  width: 65px;
  height: 65px;
  box-sizing: border-box;
}
#pip-view #pip-view__buybox > div {
  margin-bottom: 15px;
}
#pip-view #pip-view__buybox #pip-view__brand_title {
  font-size: 1.8rem;
}
#pip-view #pip-view__buybox #pip-view__reviews {
  display: inline-block;
}
#pip-view #pip-view__buybox #pip-view__reviews img {
  position: relative;
  top: -2px;
  margin-right: 5px;
  max-height: 15px;
}
#pip-view #pip-view__buybox #pip-view__reviews span {
  left: 5px;
  margin-right: 5px;
}
#pip-view #pip-view__buybox #pip-view__product-identifier {
  display: inline-block;
}
#pip-view #pip-view__buybox #pip-view__percentoff {
  color: #00873C;
  font-size: 1.8rem;
}
#pip-view #pip-view__buybox #pip-view__pricing {
  overflow: hidden;
}
#pip-view #pip-view__buybox #pip-view__pricing #pip-view__pricing-was {
  color: #666;
}
#pip-view #pip-view__buybox #pip-view__pricing #pip-view__pricing-savings {
  color: #00873C;
  margin-left: 10px;
}
#pip-view #pip-view__buybox #pip-view__pricing #pip-view__pricing-row-current {
  font-size: 3rem;
}
#pip-view #pip-view__buybox #pip-view__pricing .uom {
  font-size: 1.1rem;
}
#pip-view #pip-view__buybox #pip-view__pricing .unit {
  float: left;
  border-right: solid 1px #ccc;
  margin-right: 10px;
  padding-right: 10px;
  color: #666666;
}
#pip-view #pip-view__buybox .link-arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../images/carrot.png") no-repeat left top;
  position: relative;
  top: 1px;
  left: 2px;
}
#pip-view #pip-view__buybox #pip-view__atc-wrapper {
  overflow: hidden;
}
#pip-view #pip-view__buybox #pip-view__limit {
  line-height: 40px;
  text-align: center;
}
#pip-view #pip-view__buybox #pip-view__go-to-pip-link a {
  color: #333 !important;
}
#pip-view #pip-view__buybox #pip-view__salients ul {
  padding: 10px 0 10px 15px;
  border-top: 1px solid #ccc;
  list-style: disc;
}
#pip-view #pip-view__buybox #pip-view__salients ul li {
  margin: 10px 0;
}
#pip-view #pip-view__buybox #sold-out-message {
  color: #D81118;
  margin-bottom: 15px;
}

#pip-view.pip-view--sold-out:after {
  content: 'SOLD OUT';
  position: absolute;
  padding: 5px;
  text-align: center;
  color: #D81118;
  border: 1px solid #D81118;
  top: 175px;
  left: 200px;
  font-size: 4.4rem;
  transform: rotate(-27deg);
  text-shadow: 2px 2px 5px black;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

#pip-view.pip-view--sold-out #pip-view__limit {
  display: none;
}

.carousel {
  position: relative;
  max-height: 410px;
  overflow: hidden;
  max-width: 100%;
}
.carousel .carousel-wrapper {
  width: 100000000px;
  position: relative;
}
.carousel .arrow__next, .carousel .arrow__prev {
  position: absolute;
  top: 50px;
  height: 50px;
  width: 25px;
  border: 1px solid #ccc;
}
.carousel .arrow__next {
  right: 0;
  background: #fff url(http://www.homedepot.com/static/images/btns/inlinePlayerDwarfs.png) no-repeat -43px -277px;
  cursor: pointer;
}
.carousel .arrow__prev {
  left: 0;
  background: #fff url(http://www.homedepot.com/static/images/btns/inlinePlayerDwarfs.png) no-repeat -12px -277px;
  cursor: pointer;
}
.carousel .arrow__next.disabled {
  background: #fff url(http://www.homedepot.com/static/images/btns/inlinePlayerDwarfs.png) no-repeat -43px -322px;
  cursor: default;
}
.carousel .arrow__prev.disabled {
  background: #fff url(http://www.homedepot.com/static/images/btns/inlinePlayerDwarfs.png) no-repeat -12px -322px;
  cursor: default;
}

a:hover {
  text-decoration: none;
}

.button--headerSearchButton {
  width: 50px;
}

.grid.isBound.flush {
  box-sizing: border-box;
}

.bttn--atc {
  color: #fff;
  width: 100%;
  height: 38px;
  font-size: 3rem;
  font-family: 'homervetica-blk';
  cursor: pointer;
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  line-height: 1em;
  box-sizing: content-box;
  margin-bottom: 4px;
  -moz-box-shadow: 0 4px 0 #C14C00;
  -webkit-box-shadow: 0 4px 0 #C14C00;
  box-shadow: 0 4px 0 #C14C00;
  -moz-transition: box-shadow 0.1s ease-in-out;
  -o-transition: box-shadow 0.1s ease-in-out;
  -webkit-transition: box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
}
.bttn--atc .bttn__content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 38px;
  background-color: #f96302;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.1s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.1s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
}
.bttn--atc .bttn__content:before {
  background-image: url("../node_modules/global-css/src/images/cart-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 6px;
  background-size: 21px 21px;
  display: inline-block;
  width: 21px;
  height: 38px;
  content: "";
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.bttn--atc:active {
  -moz-box-shadow: 0 4px 0 #C14C00;
  -webkit-box-shadow: 0 4px 0 #C14C00;
  box-shadow: 0 4px 0 #C14C00;
}
.bttn--atc:active span {
  -moz-transform: translate(0, 4px);
  -ms-transform: translate(0, 4px);
  -webkit-transform: translate(0, 4px);
  transform: translate(0, 4px);
}

.bttn--atc.disabled, input.bttn--atc.disabled {
  color: #999;
  width: 75%;
  height: 38px;
  font-size: 3rem;
  font-family: 'homervetica-blk';
  cursor: pointer;
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  line-height: 1em;
  box-sizing: content-box;
  margin-bottom: 4px;
  -moz-box-shadow: 0 4px 0 #C14C00;
  -webkit-box-shadow: 0 4px 0 #C14C00;
  box-shadow: 0 4px 0 #C14C00;
  -moz-transition: box-shadow 0.1s ease-in-out;
  -o-transition: box-shadow 0.1s ease-in-out;
  -webkit-transition: box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
}
.bttn--atc.disabled .bttn__content, input.bttn--atc.disabled .bttn__content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 38px;
  background-color: #ccc;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.1s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.1s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
}
.bttn--atc.disabled .bttn__content:before, input.bttn--atc.disabled .bttn__content:before {
  background-image: url("../node_modules/global-css/src/images/cart-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 6px;
  background-size: 21px 21px;
  display: inline-block;
  width: 21px;
  height: 38px;
  content: "";
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.bttn--atc.disabled:active, input.bttn--atc.disabled:active {
  -moz-box-shadow: 0 4px 0 #C14C00;
  -webkit-box-shadow: 0 4px 0 #C14C00;
  box-shadow: 0 4px 0 #C14C00;
}
.bttn--atc.disabled:active span, input.bttn--atc.disabled:active span {
  -moz-transform: translate(0, 4px);
  -ms-transform: translate(0, 4px);
  -webkit-transform: translate(0, 4px);
  transform: translate(0, 4px);
}

/****MCC OVERLAY FIX WHEN CERTONA DOESNT LOAD****/
.md-modal-atc .md-body {
  overflow: hidden;
}

/**** TODO: temporary fix to remove the + signs showing up in mobile header menu ****/
#icon-nav .nav-btns__icon {
  background-image: none;
}

/*# sourceMappingURL=main.css.map */
