/*   WEB BASIC CSS VF AU*/
.container {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
.container.noGradient {
  background: #ffffff !important;
}
.container {
  background-image: url("");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
  background-color: transparent;
}
.IE8support .container,
.IE9support .container {
  /*needed because the filter is applied on top of it*/
  background-color: transparent;
}
/* ---------- header ------------- */
.header {
  background: #46196e;
  display: none;
}
.header .header__image {
  display: block;
  background-position: center;
}

.header .header__image--amazon {
  background-image: url("../img/amz_logo.png");
  background-size: 95px;
}

.header.header--amazon{
  background-color: transparent;
  height: 80px;
}

.header .header__image--metro {
  background-image: url("../img/metro_logo.png");
  background-size: 180px;
}

/*.header .header__image {
  background-image: url("../img/prime-logo.png"),url("../img/metro_logo.png");
  display: block;
  background-position: center, left;
  background-size: 200px, auto;
}*/

.header {
  display: block;
}
.container {
  background-position: 0 80px;
}
/* ---------- product image ------------- */
/* ---------- product box ------------- */
.productBox .productBox__content {
  color: #46196e;
}
.productBox .productBox__price {
  color: #46196e;
}
.productBox__promoArea--inside {
  color: #46196e;
}
/* ---------- error box ------------- */
/* ---------- action box ------------- */
.actionBox .actionBox__content,
.actionBox .actionBox__under_cta {
  color: #000000;
  font-size: 1.2rem;
}
.actionBox .sectTitle,
.productBox .mainTitle,
.tosBox__sectionBox .tosTitle {
  color: #46196e;
}
.actionBox__confirmButton button {
  background: #9646c3;
  background: -moz-linear-gradient(top, #9646c3 0%, #9646c3 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #9646c3), color-stop(100%, #9646c3));
  background: -webkit-linear-gradient(top, #9646c3 0%, #9646c3 100%);
  background: -o-linear-gradient(top, #9646c3 0%, #9646c3 100%);
  background: -ms-linear-gradient(top, #9646c3 0%, #9646c3 100%);
  background: linear-gradient(to bottom, #9646c3 0%, #9646c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9646c3', endColorstr='#9646c3', GradientType=0 );
  /*border-color: #cbcaca;*/
  color: #ffffff;
  height: 42px;
}
.actionBox__confirmButton button.noGradient {
  background: #9646c3 !important;
}
/*.actionBox__confirmButton button:hover {
  background: -moz-linear-gradient(top, #d19cd3 0%, #d19cd3 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #d19cd3), color-stop(100%, #d19cd3));
  background: -webkit-linear-gradient(top, #d19cd3 0%, #d19cd3 100%);
  background: -o-linear-gradient(top, #d19cd3 0%, #d19cd3 100%);
  background: -ms-linear-gradient(top, #d19cd3 0%, #d19cd3 100%);
  background: linear-gradient(to bottom, #d19cd3 0%, #d19cd3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d19cd3', endColorstr='#d19cd3', GradientType=0 );
  border-color: #d19cd3;
}*/
/* cancel button */
.actionBox__cancelButton button {
  background: #f4f4f4;
  background: -moz-linear-gradient(top, #f4f4f4 0%, #f4f4f4 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #f4f4f4 0%, #f4f4f4 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #f4f4f4 100%);
  background: linear-gradient(to bottom, #f4f4f4 0%, #f4f4f4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f4f4f4', GradientType=0 );
  /*border-color: #cbcaca;*/
  color: #000000;
  height: 42px;
}
.actionBox__cancelButton button.noGradient {
  background: #f4f4f4 !important;
}
/* ---------- legal box ------------- */
/* ---------- checkbox ------------- */
input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label:before {
  content: "";
  color: #46196e;
  border-radius: 5px;
  padding: 5px 5px;
  margin: 0 10px 0 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 10px;
  vertical-align: text-bottom;
  background-image: url("../img/checkbox_sprite.png");
  background-position: 0 -60px;
  background-repeat: no-repeat;
  background-size: 20px;
}
input[type=checkbox] + label:before.noGradient {
  background: #cac6c6;
}
input[type=checkbox]:checked + label:before {
  background-position: 0 0;
}
/* ---------- global ------------- */
.fieldWrap {
  background: #ffffff;
  color: #46196e;
}
.inputFields {
  background: #ffffff;
  color: #46196e;
}
/* ---------- when no image is present (vf basic)------------- */
.mainAreaR {
  display: none;
}
.mainAreaL {
  width: 100%;
}
.mainAreaCont,
.tblCont,
.footer__content,
.legalBox--bottom .legalBox__content {
  max-width: 500px;
  margin: 0 auto;
}
.mainAreaCont{
  margin-top: 10px;
}
.legalBox--bottom {
  width: 100%;
}
/* --------- extra spacing --------------  */
/*--- responsive rules ---*/
@media all and (min-width: 660px) {
  html {
    background-color: #ffffff;
  }
  html,
  body {
    height: 100%;
  }
  .container {
    min-height: 100%;
    background-size: cover;
  }
  .legalBox--bottom {
    max-width: 500px;
    margin: 0 auto;
  }
}
/*immutable colors*/