/*********************
BUTTONS
*********************/
@media only screen and (max-width: 480px) {
  .hide-for-tiny-only {
    display: none; } }

.show-for-medium-only {
  display: none; }
  @media only screen and (min-width: 700px) and (max-width: 999px) {
    .show-for-medium-only {
      display: inherit; } }

@media only screen and (min-width: 700px) and (max-width: 999px) {
  .hide-for-medium-only {
    display: none; } }

@media only screen and (max-width: 999px) {
  .show-for-large-up {
    display: none; } }

@media only screen and (min-width: 1000px) {
  .hide-for-large-up {
    display: none; } }

.button, .button:visited, button, .checkoutlink a, input[type=button], .darkbutton, .darkbutton a, input[type=submit] {
  display: inline-block;
  background: #000;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  color: #fff;
  font: 400 12px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 10px;
  padding: 0 15px;
  letter-spacing: .3em;
  border: none;
  text-shadow: none; }
  .button a, .button:visited a, button a, .checkoutlink a a, input[type=button] a, .darkbutton a, .darkbutton a a, input[type=submit] a {
    color: #fff; }
  .button:last-child, .button:visited:last-child, button:last-child, .checkoutlink a:last-child, input[type=button]:last-child, .darkbutton:last-child, .darkbutton a:last-child, input[type=submit]:last-child {
    margin-right: 0; }
  .button:hover, .button:focus, .button:visited:hover, .button:visited:focus, button:hover, button:focus, .checkoutlink a:hover, .checkoutlink a:focus, input[type=button]:hover, input[type=button]:focus, .darkbutton:hover, .darkbutton:focus, .darkbutton a:hover, .darkbutton a:focus, input[type=submit]:hover, input[type=submit]:focus {
    color: #fff;
    opacity: .8;
    background: #000;
    border: none;
    text-shadow: none; }
  .button.inverse-button, .button .lightbutton, .button .lightbutton a, .button:visited.inverse-button, .button:visited .lightbutton, .button:visited .lightbutton a, button.inverse-button, button .lightbutton, button .lightbutton a, .checkoutlink a.inverse-button, .checkoutlink a .lightbutton, .checkoutlink a .lightbutton a, input[type=button].inverse-button, input[type=button] .lightbutton, input[type=button] .lightbutton a, .darkbutton.inverse-button, .darkbutton .lightbutton, .darkbutton .lightbutton a, .darkbutton a.inverse-button, .darkbutton a .lightbutton, .darkbutton a .lightbutton a, input[type=submit].inverse-button, input[type=submit] .lightbutton, input[type=submit] .lightbutton a {
    background: #fff;
    border: 1px solid #777777;
    color: #010101; }
    .button.inverse-button:hover, .button.inverse-button:focus, .button .lightbutton:hover, .button .lightbutton:focus, .button .lightbutton a:hover, .button .lightbutton a:focus, .button:visited.inverse-button:hover, .button:visited.inverse-button:focus, .button:visited .lightbutton:hover, .button:visited .lightbutton:focus, .button:visited .lightbutton a:hover, .button:visited .lightbutton a:focus, button.inverse-button:hover, button.inverse-button:focus, button .lightbutton:hover, button .lightbutton:focus, button .lightbutton a:hover, button .lightbutton a:focus, .checkoutlink a.inverse-button:hover, .checkoutlink a.inverse-button:focus, .checkoutlink a .lightbutton:hover, .checkoutlink a .lightbutton:focus, .checkoutlink a .lightbutton a:hover, .checkoutlink a .lightbutton a:focus, input[type=button].inverse-button:hover, input[type=button].inverse-button:focus, input[type=button] .lightbutton:hover, input[type=button] .lightbutton:focus, input[type=button] .lightbutton a:hover, input[type=button] .lightbutton a:focus, .darkbutton.inverse-button:hover, .darkbutton.inverse-button:focus, .darkbutton .lightbutton:hover, .darkbutton .lightbutton:focus, .darkbutton .lightbutton a:hover, .darkbutton .lightbutton a:focus, .darkbutton a.inverse-button:hover, .darkbutton a.inverse-button:focus, .darkbutton a .lightbutton:hover, .darkbutton a .lightbutton:focus, .darkbutton a .lightbutton a:hover, .darkbutton a .lightbutton a:focus, input[type=submit].inverse-button:hover, input[type=submit].inverse-button:focus, input[type=submit] .lightbutton:hover, input[type=submit] .lightbutton:focus, input[type=submit] .lightbutton a:hover, input[type=submit] .lightbutton a:focus {
      color: #010101;
      border: 1px solid #777777;
      background: #ffffff; }
  .button.inverse-purple, .button:visited.inverse-purple, button.inverse-purple, .checkoutlink a.inverse-purple, input[type=button].inverse-purple, .darkbutton.inverse-purple, .darkbutton a.inverse-purple, input[type=submit].inverse-purple {
    background: #fff;
    border: 1px solid #777777;
    color: #010101; }
    .button.inverse-purple:hover, .button.inverse-purple:focus, .button:visited.inverse-purple:hover, .button:visited.inverse-purple:focus, button.inverse-purple:hover, button.inverse-purple:focus, .checkoutlink a.inverse-purple:hover, .checkoutlink a.inverse-purple:focus, input[type=button].inverse-purple:hover, input[type=button].inverse-purple:focus, .darkbutton.inverse-purple:hover, .darkbutton.inverse-purple:focus, .darkbutton a.inverse-purple:hover, .darkbutton a.inverse-purple:focus, input[type=submit].inverse-purple:hover, input[type=submit].inverse-purple:focus {
      color: #fff;
      border: 1px solid #401550;
      background: #401550; }
  .button.purple, .button:visited.purple, button.purple, .checkoutlink a.purple, input[type=button].purple, .darkbutton.purple, .darkbutton a.purple, input[type=submit].purple {
    background: #401550;
    color: #fff; }
    .button.purple:hover, .button:visited.purple:hover, button.purple:hover, .checkoutlink a.purple:hover, input[type=button].purple:hover, .darkbutton.purple:hover, .darkbutton a.purple:hover, input[type=submit].purple:hover {
      background: rgba(64, 21, 80, 0.7);
      color: #fff; }
  .button.addcart, .button.wishlist, .button:visited.addcart, .button:visited.wishlist, button.addcart, button.wishlist, .checkoutlink a.addcart, .checkoutlink a.wishlist, input[type=button].addcart, input[type=button].wishlist, .darkbutton.addcart, .darkbutton.wishlist, .darkbutton a.addcart, .darkbutton a.wishlist, input[type=submit].addcart, input[type=submit].wishlist {
    font: 900 28px/70px "Ostrich Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 65px !important;
    padding: 0 15px 0 20px !important;
    width: auto;
    display: inline-block !important;
    letter-spacing: .1em;
    margin-right: 20px !important; }
  .button.wishlist, .button:visited.wishlist, button.wishlist, .checkoutlink a.wishlist, input[type=button].wishlist, .darkbutton.wishlist, .darkbutton a.wishlist, input[type=submit].wishlist {
    background: #CCCCCC; }

#shoppingcartcheckout {
  padding-top: 0; }

.checkoutlink a {
  font-weight: bold;
  margin-top: 0 !important; }