

/** HEADER **/
.payment-header {
  padding:20px;
  text-align:center;
  background:#E12590 url(header-bg.jpg) no-repeat 50% 50%;
  background-size:cover;
}
.payment-header img {
  width:100%;
  max-width:180px;
}



/** GENERAL **/
body {
  font:normal 16px Arial, Helvetica, sans-serif;
  color:#000000;
}
h1, h2, h3 {
  font-weight:300;
  text-transform:uppercase;
  color:#E12590;
}
.btn {
  background:#E12590;
  color:#FFFFFF !important;
  border:1px solid #E12590;
  -webkit-transition:all .3s linear;
  -moz-transition:all .3s linear;
  transition:all .3s linear;
  text-transform:uppercase;
}
.btn:hover {
  background:#B91A75;
  color:#FFFFFF !important;
  border-color:#B91A75;
}



/** FORMS **/
.payment-form {
  background:#F5F5F5;
  border:1px solid #CCCCCC;
}
.form .form-textbox input,
.form .form-textbox textarea {
  border:1px solid #CCCCCC;
  -webkit-box-shadow:none;
  -moz-box-shadow:none; box-shadow:none;
}
.form .form-error-summary {
  padding:0 1em;
  background-color:#E12590;
  border-color:#E12590;
  color:#FFFFFF;
}
.form .form-error-summary h4 {
  font-weight:normal;
}
.form-error-summary li span {
  color:#FFFFFF;
}
.form .form-row-error input,
.form .form-row-error .styledd,
.form .form-field-error input,
.form .form-field-error .styledd {
  border-color:#E12590;
}
