[data-component-name="account-header"],
[data-component-name="account-profile"],
[data-component-name="account-creditcardwallet"],
[data-component-name="account-addressbook"],
[data-component-name="account-overview"],
[data-component-name="account-registration"],
[data-component-name="account-thankyou"],
[data-component-name="account-login"] {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
main.container {
  padding-left: 14px;
  padding-right: 14px;
  max-width: 100%;
  padding-top: 1rem;
}
#myreturn main.container,
#searchorder main.container {
  border-bottom: none;
}
@media only screen and (min-width: 480px) and (max-width: 1024px) {
  main.container {
    padding-top: 4rem;
  }
}
@media only screen and (min-width: 1024px) {
  main.container {
    padding-left: 22px;
    padding-right: 22px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  .login main.container {
    margin-bottom: 6rem;
  }
}
.addButton,
.buttonsRow button {
  background-color: #181818;
  border-color: #181818;
  color: #fff;
  text-transform: none;
  display: block;
}
.no-touch .addButton,
.no-touch .buttonsRow button {
  -webkit-transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
}
.no-touch .addButton:hover,
.no-touch .buttonsRow button:hover {
  background-color: #444;
  border-color: #444;
  color: #fff;
}
.no-touch .addButton:active,
.no-touch .buttonsRow button:active,
.addButton:active,
.buttonsRow button:active {
  background-color: #444;
  border-color: #444;
  color: #fff;
}
.addButton.active,
.buttonsRow button.active {
  background-color: #444;
  border-color: #444;
  color: #fff;
}
@media only screen and (min-width: 1024px) {
  [data-component-name="account-my-return"],
  [data-component-name="account-search-order"] {
    margin: 0 20px;
  }
}
h1,
h2,
h3,
h5,
h6 {
  text-transform: uppercase;
}

/*# sourceMappingURL=area.css.map */