.selectricWrapper.quantity-select{
  width:50%; 
  margin-bottom: 1em;
  float: right;
  margin-top: .5em;
}
.selectricWrapper.postal-select {
  width: 51%;
  display: inline-block;
  vertical-align: middle;
  margin-top:-5px;
}

.btn .btn--inline {
  vertical-align: middle;
}
.btn--backorder {
  background-color: #faa519;
  color: #000000;
}
.btn--backorder:hover,
.btn--backorder:focus {
  background-color: #fbaf32;
  color: #000000;
}
.btn--backorder:active,
.btn--backorder.btn--is-active {
  background-color: #f49a05;
  color: #000000;
}
.btn--backorder.btn--is-disabled,
.btn--backorder[disabled] {
  background-color: #faa519;
  color: #000000;
}
.btn--lowstock {
  background-color: #faa519;
  color: #000000;
}
.btn--lowstock:hover,
.btn--lowstock:focus {
  background-color: #fbaf32;
  color: #000000;
}
.btn--lowstock:active,
.btn--lowstock.btn--is-active {
  background-color: #f49a05;
  color: #000000;
}
.btn--lowstock.btn--is-disabled,
.btn--lowstock[disabled] {
  background-color: #faa519;
  color: #000000;
}
.btn--outofstock {
  background-color: #c9c9d1;
  color: #ffffff;
}
.btn--outofstock:hover,
.btn--outofstock:focus {
  background-color: #bbbbc5;
  color: #ffffff;
}
.btn--outofstock:active,
.btn--outofstock.btn--is-active {
  background-color: #bbbbc5;
  color: #1d1d25;
}
.btn--outofstock.btn--is-disabled,
.btn--outofstock[disabled] {
  background-color: #c9c9d1;
  color: #ffffff;
  opacity: 1;
}

.form--inline-wrapper .form__field {
  vertical-align: middle;
}

.form--inline-wrapper .form__field label{
  display: inline-block;
  margin: 11px 11px 11px 0;
  padding: 0;
  width: auto;
}

.form--inline-wrapper .form__field input{
  float: none;
  margin-right: 0.5em;
}

.form__field input.promo{
  width: 260px;
  display: inline-block;
}

.form__field input.quantity{
  width: 60px;
  display: inline-block;
}
.form__field input.zip{
  width: 58%;
  display: inline-block;
}
.form__field input.postal{
  width: 60%;
  display: inline-block;
}

.table.table--responsive tbody td.td--no-header:before {
    content: attr(data-label) " ";

}
.divider {
  border-bottom: 1px solid #d5d5d5;
}
.header--divider {
  border-bottom: 1px solid #000000;
}
.text--is-error {
  color: #be242e;
}
.text--align-end {
  text-align: right;
}
[dir="rtl"] .text--align-end {
  text-align: left;
}
.text--align-bottom {
  vertical-align: bottom;
}
dl.info-list--inline dt,
dl.info-list--inline dd {
  display: inline-block;
  margin-bottom: 1em;
  width: 49%;
}
dl.info-list dt {
  font-weight: bold;
}
dl.info-list dt:after {
  content: ":";
}
dl.info-list dd {
  margin-bottom: 1em;
}
dl.info-list dl.info-list--inline dt,
dl.info-list dl.info-list--inline dd {
  margin: 0;
  padding: 0;
}
dl.info-list dl.info-list dt {
  font-weight: normal;
}
img.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.preferences {
  text-align: right;
  vertical-align: bottom;
}
[dir="rtl"] .preferences {
  text-align: left;
}

strong.total--amount {
  color: #b81832;
  font-size: 1.2em;
}

.cart-login {
  background-color: #fafafa;
  padding: 3em;
  border: 1px #d4d4d4 solid;
}

.cart-promo {
  background-color: #fafafa;
  padding: 3em;
  border-top: 1px #d4d4d4 solid;
  border-bottom: 1px #d4d4d4 solid;
}

.add-cart-promo{
  background-color: #fafafa;
  padding: 2em;
  border: 1px #d4d4d4 solid;
 }

.add-cart-promo input.promo-small{
  width: 145px;
  display: inline-block;
}

.add-cart-promo .form--inline-wrapper .form__field label{
  display:block;
}

@media only screen and (max-width: 1237px) {
  .add-cart-promo input.promo-small{
    width: 100%;
    display: block;
    margin-bottom:1em;
  }

  .add-cart-promo .btn {
    width:100%;
  }

}

@media only screen and (max-width: 54em) {
  .preferences {
    text-align: left;
  }
}

.review-summary > dt {
  float: left;
  padding: 10px;
}
.review-summary > dt.total,
.review-summary > dt.total + dd {
  font-size: 1.3em;
  font-weight: bold;
}
.review-summary > dd {
  text-align: right;
  border-bottom: 1px solid #dedede;
}
.review-summary > dd:last-child {
  border-bottom: none;
  background-color: #e8e8e8;
  padding: 10px;
}
.review-summary > dd:after {
  display: table;
  line-height: 0;
  content: "";
  clear: both;
}
.description{
  margin-top: 0;
  font-size: 0.8em;
}

.cart-summary dt {
  float: left;
  font-weight:bold;
}
[dir="rtl"] .cart-summary dt {
  float: right;
}
.cart-summary dt dfn {
  display: block;
}
.cart-summary dt dfn:after {
  content: ":";
}
.cart-summary dd {
  text-align: right;
  font-weight:bold;
}
[dir="rtl"] .cart-summary dd {
  text-align: left;
}
.cart-summary dd:after {
  display: table;
  line-height: 0;
  content: "";
  clear: both;
}

.cart-summary strong.total {
  font-size: 1.2em;
  /* replace with Lexmark red */
}
.cart-summary strong.total--amount {
  color: #b81832;
}

ul.cart-details{
  margin-left:0;
  padding-left:0.5em;

}

.cart-details li {
  list-style:none;
}

.cart-details li:first-child {
  font-size:1.2em;
}
.cart-details li:last-child {
  font-size:1.5em;
}

.table.table--responsive tbody tr.cart-table-alert{
  border:none;
  margin:0;
}
.table.table--responsive tbody .cart-table-alert td:before {
  content:  " ";
}

table .cart-table-alert td {
  border-top:0;
}

.review-summary--end + dd {
  margin-bottom:0;

}


#printers .item--is-disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#printers .price {
  color: #be242e;
  font-weight: bold;
  font-size: large;
}
#printers .cart {
  text-align: right;
}
[dir="rtl"] #printers .cart {
  text-align: left;
}
#printers .cart .form__field {
  display: inline-block;
  vertical-align: top;
  width: 100px;
}

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

.alert--savings {
  font-size:12px;
  width:110px;

}
/*  Start CSS Hacks and Overrides */
/*
  The purpose of this section is to call out areas that need improvement, or parts of the
  LXK-Framework that need adjustments due to the changing nature of our designs. The intent
  is to make our code more transparent and easier to manage as we continue forward, and also
  to call out areas that need to be revisited as time permits.

  This section is *NOT* to be used as a means of pointing blame or fault at *ANY* developer,
  but rather as a way for developers to point out sections of code that they feel could be better,
  or pain points of working with the LXK-Framework.
*/
/*  Start hacks-bb */

.rail-navigation {
  padding: 0;
}
.rail-navigation li {
  font-size: inherit;
  margin: 0;
}
.rail-navigation li a {
  color: #008ED4;
  font-size: 1.2em;
  padding: 11px 0;
}
.rail-navigation li a:hover {
  color: #019EEC;
}
.pagination .icon {
  vertical-align: baseline;
}
/*  End hacks-bb */
/*  Start hacks-mb */

.alert__close {padding:1em;}

/*Need a solution for spacing inputs w/o labels*/
.form__field--no-label input#email{
  margin-bottom:22px;
}

.btn .icon {
margin: 3px 11px 0 0;
}

/*from forms.less please review this, getting design reviews that the text isn't lining up with the checkbox. also not enough space between.. */
.form__field--checkbox label > span {
  margin-right:12px;
  height:26px;
}

ul {
  padding-left: 1em;
}

/*makes the text stop wrapping the darn radio buttons*/
.form__field--radio {
  padding-left:22px;
}

.form__field--radio label > span {
  margin-left:-22px;
}
@media only screen and (max-width: 34em) {
  .btn {
    width: 100%;
  }
  .btn--secondary {
    margin-bottom: 1em;
  }
  .btn__container {
    width:100%;
  }
  .steps-container {
    margin-bottom: -60px;
  }
  .selectricWrapper{
    width:100%;
    float:none;
  }
  .form__field input.postal, .form__field input.promo, .form__field input.quantity{
    width: 100%;
    margin-bottom:1.2em;
  }

}

@media (max-width: 480px) {
  .selectricWrapper.quantity-select{
    width:100%;
    float:none;
  }
  .form__field input.postal, .form__field input.promo, .form__field input.quantity{
    width: 100%;
    margin-bottom:1.2em;
  }
}
@media (max-width: 54em) {
  .selectricWrapper.quantity-select{
    width:100%;
    float:none;
  }
  .form__field input.postal, .form__field input.promo, .form__field input.quantity{
    width: 100%;
    margin-bottom:1.2em;
  }
}

/*  End hacks-mb */
/*  End CSS Hacks and Overrides */
