/* Type */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.snap-left {
  float: left;
}
.snap-center {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.snap-right {
  float: right;
}
.main-body h2 {
  float: left;
  font-family: rosewoodfill;
  font-size: 22px;
  color: #ffc842;
  font-weight: normal;
  margin-top: 0;
}
.main-body .checkout {
  border-bottom: 4px solid #ffc842;
  padding-bottom: 25px;
  *zoom: 1;
}
.main-body .checkout:before,
.main-body .checkout:after {
  display: table;
  content: "";
  line-height: 0;
}
.main-body .checkout:after {
  clear: both;
}
.main-body .checkout .billing,
.main-body .checkout .shipping {
  width: 415px;
}
.main-body .checkout .billing {
  float: left;
}
.main-body .checkout .field {
  margin-bottom: 20px;
  position: relative;
}
.main-body .checkout .field.errors.disabled:hover .error-msgs {
  display: none;
}
.main-body .checkout .field.errors:hover .error-msgs {
  display: block;
}
.main-body .checkout .field.errors input[type="text"],
.main-body .checkout .field.errors select {
  border-color: red;
}
.main-body .checkout .field.errors .error-msgs {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  z-index: 100;
  font-family: ITCAvantGardeGothicBook;
  font-size: 11px;
}
.main-body .checkout .field.errors .error-msgs .arrow {
  width: 0;
  height: 0;
  border-bottom: 20px solid red;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 0px solid transparent;
  position: absolute;
  left: 10px;
}
.main-body .checkout .field.errors .error-msgs .msgs {
  background-color: #FFF;
  border: 1px solid red;
  list-style: none;
  margin: 0;
  margin-top: 20px;
  padding: 10px 5px;
}
.main-body .checkout .field input[type="text"],
.main-body .checkout .field select {
  border: 1px solid #746c69;
  clear: left;
  display: block;
  font-family: ITCAvantGardeGothicBook;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  padding: 0 5px;
  width: 405px;
}
.main-body .checkout .field label {
  float: left;
}
.main-body .checkout .field label.example {
  font-family: ITCAvantGardeGothicBook;
  font-size: 11px;
  line-height: 20px;
  margin-left: 10px;
}
.main-body .checkout .field select {
  padding: 0;
  width: 415px;
}
.main-body .checkout .field.country,
.main-body .checkout .field.email {
  clear: both;
}
.main-body .checkout .field.first-name input[type="text"],
.main-body .checkout .field.last-name input[type="text"],
.main-body .checkout .field.postcode input[type="text"],
.main-body .checkout .field.suburb input[type="text"] {
  width: 190px;
}
.main-body .checkout .field.first-name,
.main-body .checkout .field.suburb {
  clear: both;
  float: left;
  width: 200px;
}
.main-body .checkout .field.last-name,
.main-body .checkout .field.postcode {
  float: right;
  width: 200px;
}
.main-body .checkout .shipping {
  float: right;
}
.main-body .checkout .shipping .disabled input[type="text"],
.main-body .checkout .shipping .disabled label,
.main-body .checkout .shipping .disabled select {
  border-color: #CCC;
  color: #CCC;
}
.main-body .checkout .shipping .options {
  float: right;
  font-family: ITCAvantGardeGothicBook;
  font-size: 11px;
  width: 150px;
}
.main-body .checkout .shipping .options input {
  float: left;
  height: auto;
  line-height: normal;
  width: auto;
}
.main-body .checkout .shipping .options label {
  display: inline;
  padding-left: 5px;
  text-transform: uppercase;
}
.main-body .checkout .shipping .options .field {
  clear: both;
  margin-bottom: 5px;
  *zoom: 1;
}
.main-body .checkout .shipping .options .field:before,
.main-body .checkout .shipping .options .field:after {
  display: table;
  content: "";
  line-height: 0;
}
.main-body .checkout .shipping .options .field:after {
  clear: both;
}
.main-footer {
  width: 230px;
}
.main-footer .newsletter {
  float: right;
  font-family: ITCAvantGardeGothicBook;
  font-size: 11px;
  text-transform: uppercase;
}
.main-footer .newsletter label {
  padding-left: 5px;
}
.main-footer .actions .continue.btn {
  float: right;
  margin-top: 20px;
  width: 220px;
}