/*
 *  Finance Quote Page Styles
 */

#quote-error-message {
  background: #fcc;
  padding: 15px;
  margin-top: 2em;
  font-weight: bold;
}
#quote-error-message p {
  margin: 0;
}
#quote-error-message.top {
  margin: 0 0 1.5em 0;
}
form#get-me-a-quote {
  margin-top: 2em;
}

/*
 *  Login / Personal details
 */

form#get-me-a-quote #quote-member-login,
form#get-me-a-quote #quote-personal-details {
  display: none;
}
form#get-me-a-quote p.fields.account,
form#get-me-a-quote p.fields.login,
form#get-me-a-quote p.fields.personal {
  margin-bottom: 2.5em;
}
form#get-me-a-quote input#username-field,
form#get-me-a-quote input#password-field {
  width: 150px;
}

form#get-me-a-quote input#forename-field,
form#get-me-a-quote input#surname-field {
  width: 200px;
}
form#get-me-a-quote select#country-field {
  width: auto;
}
form#get-me-a-quote select#city-field {
  width: auto;
}
form#get-me-a-quote input#city-field {
  width: 150px;
}
form#get-me-a-quote input#telephone-field {
  width: 150px;
}

/*
 *  Account details
 */

form#account-details-form input#username-field {
  width: 150px;
}
form#account-details-form input#password-field {
  width: 150px;
}
form#account-details-form input#confirm-password-field {
  width: 150px;
}

/*
 * Bank Products
 */

table#bank-products {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0 1.5em 0;
}
table#bank-products th,
table#bank-products td {
  font-weight: normal;
  padding: 8px;
  border: 1px solid #fbdd9d;
}
table#bank-products thead td {
  font-weight: bold;
  background: #fbdd9d;
}
table#bank-products td.apply {
  text-align: center;
}

/*
 *  Confirmation data
 */

h3.confirmation-heading {
  margin: 1em 0 1em 0 !important;
}

table.confirm-details {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2em;
}
table.confirm-details th,
table.confirm-details td {
  padding: 8px;
  border: 1px solid #fff;
  background: #fcefd3;
}
table.confirm-details th {
  width: 108px;
  text-align: right;
  background: #fbdd9d;
  font-weight: normal;
  vertical-align: top;
}
table.confirm-details th span.invalid {
  display: block;
  font-size: 0.9em;
  color: #a33;
  font-style: italic;
}

input#consent-field {
  vertical-align: middle;
  margin-right: 8px;
}