html {
  background-color: #FFFFFF;
#  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#744526), to(#301502));
#  background-image: -moz-linear-gradient(270deg, #744526, #301502);
#  background-image: gradient(linear, 0% 0%, 0% 100%, from(#744526), to(#301502));
#  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#744526', EndColorStr='#301502');
#  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#744526', EndColorStr='#744526')";
  height: 100%;
  width: 100%; }

body {
#  background: #ebd8c4 url('header.jpg') no-repeat top center;
#  background: #EEEEFF url('header.jpg') no-repeat top center;
  background: #FFFFFF;
  width: 765px;
  margin: 0 auto;
  padding: 10px 0 2px 2px; }

body, input {

  font-family: "proxima-nova",sans-serif;
  font-weight: 300;
  font-size: 40;

#  font-family: Verdana, Arial, sans-serif;
#  font-size: 14px;
#  color: #3a2014;
  color: #515151;
}

.inputError {
    background-color:Yellow;
}



## This also works.
# #input.error {
# #    background-color:yellow;
# #}



/* unvisited link */
a:link {
    color: #b84000;
}

/* visited link */
a:visited {
    color: #8a3000;
}

/* mouse over link */
a:hover {
    color: #e65100;
}

/* selected link */
a:active {
    color: #0000FF;
}



.error {
    color: red;
}

h1 {
  display: none }

h2 {
  font-weight: normal;
  font-family: 'proxima-nova',sans-serif;
  color: #e65100;
  margin: -10px 0 12px 0;
  font-size: 28px; }

h3 {
  color: #d33d1b;
  font-weight: normal;
  line-height: 1.4em; }

table {
  border-collapse: collapse; }

table td {
  padding: 0 5px 5px 5px; }

tfoot td {
  border-top: 3px solid #d23d1a;
  padding-top: 5px;
  font-weight: bold; }

fieldset {
  overflow: auto;
  border: 0;
  margin: 0;
  padding: 0; }

fieldset div {
  float: left; }

fieldset.centered div {
  text-align: center; }

label {
  color: #183b55;
  display: block;
  margin-bottom: 5px; }

label img {
  display: block;
  margin-bottom: 5px; }

input.text {
  border: 1px solid #bfbab4;
  margin: 0 4px 8px 0;
  padding: 6px;
  color: #1e1e1e;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 5px 5px #eee;
  -moz-box-shadow: inset 0px 5px 5px #eee;
  box-shadow: inset 0px 5px 5px #eee; }

select {
    border: 1px solid #bfbab4;
    margin: 0 4px 8px 0;
    padding:6px;
    color:#1e1e1e;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow: inset 0px 5px 5px #eee;
    -moz-box-shadow: inset 0px 5px 5px #eee;
    box-shadow: inset 0px 5px 5px #eee; }
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}


/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}


.submit {
  display: block;
  background-color: #e65100 ;
  border: 1px solid #766056;
  color: #FFFFFF;
  margin: 13px 0;
  padding: 8px 16px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  font-size: 14px;
  -webkit-box-shadow: inset 3px -3px 3px rgba(0,0,0,.5), inset 0 3px 3px rgba(255,255,255,.5), inset -3px 0 3px rgba(255,255,255,.75);
  -moz-box-shadow: inset 3px -3px 3px rgba(0,0,0,.5), inset 0 3px 3px rgba(255,255,255,.5), inset -3px 0 3px rgba(255,255,255,.75);
  box-shadow: inset 3px -3px 3px rgba(0,0,0,.5), inset 0 3px 3px rgba(255,255,255,.5), inset -3px 0 3px rgba(255,255,255,.75); }

.purchase {
  margin: 20px 0 50px 0; }

.buy {
  padding: 8px 32px; }

.refund {
  display: inline;
  background-color: #decfb8;
  margin: 0;
  -webkit-box-shadow: inset -5px 5px 5px rgba(0,0,0,.5), inset 5px 0 5px rgba(255,255,255,.5), inset 0 5px 5px rgba(255,255,255,.75);
  -moz-box-shadow: inset -5px 5px 5px rgba(0,0,0,.5), inset 5px 0 5px rgba(255,255,255,.5), inset 0 5px 5px rgba(255,255,255,.75);
  box-shadow: inset -5px 5px 5px rgba(0,0,0,.5), inset 5px 0 5px rgba(255,255,255,.5), inset 0 5px 5px rgba(255,255,255,.75); }

.orange {
  font-weight: bold;
  color: #d8440a; }

.id {
  border: 3px solid #fff;
  border-radius: 5px;
  padding: 5px;
  width: 125px;
  margin-bottom: 50px; }


.error table {
  width: 100%;
  font-size: 11px;
  font-weight: bold;
  margin-top: 40px;
}

.addressList {
  padding: 10px;
}