@charset "utf-8";

/* CSS Document */


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

legend {
  padding: 10px 0 0 0;
  margin: 0 0 0 0;
}

legend span {
  color: #B77A55;
  width: 575px;
  display: block;
  padding: 5px 5px 5px 20px;
  margin: 0 0 0 0;
  font-size: 1.6em;
  background: #EEEFE7;
}

legend span.required { background: url(../images/ICON-asterix-on-lightgray_15x16.gif) #EEEFE7 left center no-repeat; }

legend span strong {
  width: 300px;
  text-align: right;
  font-size: 0.5em;
  padding-left: 20px;
}

div.form-info {
  background: #DCDFCE;
  width: 575px;
  padding: 5px 5px 5px 20px;
  margin: 0;
  float: left;
}

div.form-info p { font-size: 1.4em; }

div.formfield {
  background: #DCDFCE;
  width: 570px;
  padding: 5px 10px 5px 20px;
  margin: 0;
  float: left;
}

a.amount-select {
  background: url(../images/BG-donation-amount_123x101.jpg) center center no-repeat;
  width: 108px;
  height: 91px;
  padding: 5px 10px 10px 10px;
  display: block;
  margin: 0 15px 0 0;
  float: left;
  color: #000000;
}

a.amount-select b { font-size: 2.5em; }

a.amount-select:hover {
  background: url(../images/BG-donation-amount-selected_128x106.jpg) center center no-repeat;
  color: #ffffff;
  text-decoration: none;
}

/* error stuff */

div.error {
  border: 1px solid red;
  background: #FEE1E3;
}

p.error {
  color: red;
  font-weight: bold;
  margin: 0;
  padding: 0 0 0 10px;
}

p#asterix {
  background: url(../images/ICON-asterix-on-white_15x16.gif) left center no-repeat;
  padding-left: 20px;
  width: 400px;
  float: left;
}

div#pageTwoField {
  width: 270px;
  float: right;
  text-align: right;
  background: none;
}

div#pageThreeField {
  width: 270px;
  float: left;
  text-align: right;
  background: none;
}

div#pageFourField {
  width: 270px;
  float: left;
  text-align: right;
  background: none;
}

div#pageFiveField {
  width: 270px;
  float: left;
  text-align: right;
  background: none;
}

div#go-back-wrapper {
  width: 300px;
  text-align: left;
  float: left;
}

a#go-back {
  background: url(../images/BTN-go-back_107x32.gif) top left no-repeat;
  float: left;
  height: 32px;
  width: 107px;
  margin: 10px 0 0 0;
  padding: 0;
}

a#go-back:hover { background: url(../images/BTN-go-back-highlight_107x32.gif) top left no-repeat; }

label {
  width: 300px;
  display: block;
  font-size: 1.2em;
  padding: 5px 0;
  float: left;
}

input { float: left; }

img#giftaid { float: left; }

p#giftaid-info {
  float: left;
  width: 320px;
  margin: 0 0 0 30px;
  padding: 0;
  font-size: 1.4em;
}

p#giftaid-info a {
  color: #df762a;
  text-decoration: underline;
}

p#giftaid-info a:hover { text-decoration: none; }

hr.content-seperator {
  border: 0;
  border-bottom: 1px solid #ffffff;
  padding: 0;
  margin: 0;
  background: none;
  clear: both;
}

div#donation-pagination {
  width: 600px;
  padding: 5px 0;
  background: none;
}

/* submit image buttons */
input#pageTwo {
  width: 175px;
  height: 32px;
  display: block;
  float: right;
  margin: 5px 0 0 0;
  padding: 0;
}

input#pageThree {
  width: 175px;
  height: 32px;
  display: block;
  float: right;
  margin: 5px 0 0 0;
  padding: 0;
}

input#pageFour {
  width: 175px;
  height: 32px;
  display: block;
  float: right;
  margin: 5px 0 0 0;
  padding: 0;
}

input#pageFive {
  width: 175px;
  height: 32px;
  display: block;
  float: right;
  margin: 5px 0 0 0;
  padding: 0;
}

img#help-zoo-img {
  float: left;
  display: block;
}

legend#form-foot { display: none; }

.clearit { clear: both; }

/*******************

Donate section fields

*******************/


/*amount field */

div#amountField label {
  width: 320px;
  text-align: left;
  padding: 0 5px 0 0;
}

div#amountField label strong {
  font-size: 1.8em;
  display: inline;
}

div#amountField select#amount {
  float: left;
  display: block;
  margin-top: 5px;
}

div#amountField p.error {
  float: left;
  width: 80px;
  display: block;
}

/*giftaid field */

div#giftAidField label {
  width: 100%;
  text-align: left;
  padding-right: 0;
  margin: 0;
}

div#giftAidField select#giftAid {
  float: left;
  display: block;
}

div#giftAidField p.error {
  float: left;
  width: 200px;
  display: block;
}

/*title field */

div#titleField label {
  width: 150px;
  text-align: right;
  padding-right: 20px;
}

div#titleField select#title {
  float: left;
  display: block;
}

div#titleField p.error {
  float: left;
  width: 200px;
  display: block;
}

/*firstName field */

div#firstNameField label {
  width: 150px;
  text-align: right;
  padding-right: 20px;
}

div#firstNameField select#firstName {
  float: left;
  display: block;
}

div#firstNameField p.error {
  float: left;
  width: 200px;
  display: block;
}

/*lastNameField field */

div#lastNameField label {
  width: 150px;
  text-align: right;
  padding-right: 20px;
}

div#lastNameField select#lastName {
  float: left;
  display: block;
}

div#lastNameField p.error {
  float: left;
  width: 200px;
  display: block;
}

/*emailAddressField field */

div#emailAddressField label {
  width: 150px;
  text-align: right;
  padding-right: 20px;
}

div#emailAddressField select#emailAddress {
  float: left;
  display: block;
}

div#emailAddressField p.error {
  float: left;
  width: 200px;
  display: block;
}

/* emailAddressConfirmField field */

div#emailAddressConfirmField label {
  width: 150px;
  text-align: right;
  padding-right: 20px;
}

div#emailAddressConfirmField select#emailAddressConfirm {
  float: left;
  display: block;
}

div#emailAddressConfirmField p.error {
  float: left;
  width: 200px;
  display: block;
}

/*phoneNumberField field */

div#phoneNumberField label {
  width: 150px;
  text-align: right;
  padding-right: 20px;
}

div#phoneNumberField select#phoneNumber {
  float: left;
  display: block;
}

div#phoneNumberField p.error {
  float: left;
  width: 200px;
  display: block;
}

/*houseNameNumberField field */

div#houseNameNumberField label {
  width: 150px;
  text-align: right;
  padding-right: 20px;
}

div#houseNameNumberField select#houseNameNumber {
  float: left;
  display: block;
}

div#houseNameNumberField p.error {
  float: left;
  width: 200px;
  display: block;
}

/*streetField field */

div#streetField label {
  width: 150px;
  text-align: right;
  padding-right: 20px;
}

div#streetField select#street {
  float: left;
  display: block;
}

div#streetField p.error {
  float: left;
  width: 200px;
  display: block;
}

/*townField field */

div#townField label {
  width: 150px;
  text-align: right;
  padding-right: 20px;
}

div#townField select#town {
  float: left;
  display: block;
}

div#townField p.error {
  float: left;
  width: 200px;
  display: block;
}

/*phoneNumberField field */

div#postcodeField label {
  width: 150px;
  text-align: right;
  padding-right: 20px;
}

div#postcodeField select#postcode {
  float: left;
  display: block;
}

div#postcodeField p.error {
  float: left;
  width: 200px;
  display: block;
}

/*hear about us field */


div#hearAboutUsOtherField label {
  width: 150px;
  text-align: right;
  padding-right: 20px;
}

div#hearAboutUsOtherField input#hearAboutUsOther {
  float: left;
  display: block;
}

div#hearAboutUsOtherField p.hearAboutUsOther {
  float: left;
  width: 200px;
  display: block;
}

div#hearAboutUsField label {
  width: 150px;
  text-align: right;
  padding-right: 20px;
}

div#hearAboutUsField select#hearAboutUs {
  float: left;
  display: block;
}

div#hearAboutUs p.error {
  float: left;
  width: 200px;
  padding-left: 10px;
  display: block;
}

/*emailUpdatesField field */

div#emailUpdatesField label {
  width: 380px;
  text-align: left;
  padding: 0 0 0 5px;
}

div#emailUpdatesField select#emailUpdates {
  float: left;
  display: block;
}

div#emailUpdatesField p.error {
  float: left;
  width: 100px;
  display: block;
}

/*postUpdatesField field */

div#postUpdatesField label {
  width: 380px;
  text-align: left;
  padding: 0 0 0 5px;
}

div#postUpdatesField select#postUpdates {
  float: left;
  display: block;
}

div#postUpdatesField p.error {
  float: left;
  width: 100px;
  display: block;
}

/*giftaid field */

div#giftAidTwoField label {
  width: 100%;
  text-align: left;
  padding-right: 0;
  margin: 0;
}

div#giftAidTwoField select#giftAidTwo {
  float: left;
  display: block;
}

div#giftAidTwoField p.error {
  float: left;
  width: 200px;
  display: block;
}

/*disabled field */

div#disabledField h3 {
  font-size: 1.6em;
  color: #B77A55;
  font-weight: normal;
}

div#disabledField label {
  width: 540px;
  text-align: left;
  padding-right: 0;
  margin: 0;
  float: left;
}

div#disabledField select#giftAidTwo {
  float: left;
  display: block;
}

div#disabledField p.error {
  width: 200px;
  display: block;
  clear: both;
}

/* welcomepackDeliveredField */

div#welcomepackDeliveredField input { float: left; }

div#welcomepackDeliveredField label {
  float: left;
  width: 540px;
  margin: 0;
  padding: 0;
}

div#welcomepackDeliveredTwoField input { float: left; }

div#welcomepackDeliveredTwoField label {
  float: left;
  width: 540px;
  margin: 0;
  padding: 0;
}

/* these are for the gift legend */

strong.gift-amount {
  font-size: 0.8em;
  color: #71684b;
  padding: 0;
  margin: 0;
}

strong.gift-value {
  color: #000000;
  font-size: 0.8em;
  padding: 0;
  margin: 0;
}

strong#worth {
  color: #df762a;
  font-size: 0.8em;
  padding: 0 0 0 180px;
  margin: 0;
}

/************

Adopt section fields

************/

/* bronzeField */

div#bronzeFieldWrapper {
  background: url(../images/BG-bronze_134x261.gif) top left no-repeat;
  width: 124px;
  height: 261px;
  float: left;
  padding: 0 5px 0 5px;
  margin: 0 12px 0 0;
}

div#bronzeFieldWrapper.highlight {
  background-image: url(../images/BG-bronze-highlight_131x261.gif);
}

div#bronzeField {
  width: 124px;
  padding: 0;
  margin: 0;
  background: none;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  font-size: 1.3em;
}

div#bronzeField label {
  width: 124px;
  text-align: center;
  font-size: 1.6em;
  background: none;
  color: #ffffff;
  font-weight: bold;
}

div#bronzeField select#bronze { margin-right: 10px; }

div#bronzeFieldWrapper p {
  line-height: 1.5em;
  color: #000000;
}

/* silverField */

div#silverFieldWrapper {
  background: url(../images/BG-silver_135x261.gif) top left no-repeat;
  width: 125px;
  height: 261px;
  float: left;
  padding: 0 5px 0 5px;
  margin: 0 12px 0 0;
}

div#silverFieldWrapper.highlight {
  background-image: url(../images/BG-silver-highlight_135x261.gif);
}

div#silverField {
  width: 124px;
  padding: 0;
  margin: 0;
  background: none;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  font-size: 1.3em;
}

div#silverField label {
  width: 124px;
  text-align: center;
  font-size: 1.6em;
  color: #ffffff;
  font-weight: bold;
}

div#silverField select#silver { margin-right: 10px; }

div#silverFieldWrapper p {
  line-height: 1.5em;
  color: #000000;
}

/* goldField */

div#goldFieldWrapper {
  background: url(../images/BG-gold_131x261.gif) top left no-repeat;
  width: 121px;
  height: 261px;
  float: left;
  padding: 0 5px 0 5px;
  margin: 0 12px 0 0;
}

div#goldFieldWrapper.highlight {
  background-image: url(../images/BG-gold-highlight_134x261.gif);
}

div#goldField {
  width: 124px;
  padding: 0;
  margin: 0;
  background: none;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  font-size: 1.3em;
}

div#goldField label {
  width: 124px;
  text-align: center;
  font-size: 1.6em;
  color: #ffffff;
  font-weight: bold;
}

div#goldField select#gold { margin-right: 10px; }

div#goldFieldWrapper p {
  line-height: 1.5em;
  color: #000000;
}

/* platinumField */

div#platinumFieldWrapper {
  background: url(../images/BG-platinum_131x261.gif) top left no-repeat;
  width: 121px;
  height: 261px;
  float: left;
  padding: 0 5px 0 5px;
  margin: 0 12px 0 0;
}

div#platinumFieldWrapper.highlight {
  background-image: url(../images/BG-platinum-highlight_131x261.gif);
}

div#platinumField label {
  width: 124px;
  text-align: center;
  font-size: 1.6em;
  color: #ffffff;
  font-weight: bold;
}

div#platinumField {
  width: 124px;
  padding: 0;
  margin: 0;
  background: none;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  font-size: 1.3em;
}

div#platinumField select#platinum { margin-right: 10px; }

div#platinumFieldWrapper p {
  line-height: 1.5em;
  padding-top: 5px;
  margin-top: 5px;
  color: #000000;
}

div#platinumFieldWrapper p strong {
  padding-top: 5px;
  margin-top: 5px;
  color: #000000;
}

/* adoption level */

div#adoption-level-wrapper {
  background: #DCDFCE;
  padding-left: 20px;
}

div#adoption-level-wrapper p {
  padding: 0;
  margin: 0;
  padding: 5px 0;
}

.error-info-text-wrapper {
  padding: 5px 0 5px 0;
  margin: 5px 0;
  line-height: 1.5em;
}

/* gift Field */

div#giftField input {
  float: left;
  width: 25px;
}

div#giftField label {
  width: 520px;
  margin: 0;
  padding: 0;
  line-height: 1.5em;
}

div#giftField p.error {
  clear: both;
  width: 100%;
  line-height: 1.5em;
}

/* termsAndConditionsField */

div#termsAndConditionsField { }

div#termsAndConditionsField input#termsAndConditions {
  width: 25px;
  float: left;
}

div#termsAndConditionsField label {
  width: 520px;
  margin: 0;
  padding: 0;
  line-height: 1.5em;
}

div#termsAndConditionsField p.error {
  clear: both;
  width: 100%;
  line-height: 1.5em;
}

/* titlebronzeAdoption */

div#titlebronzeAdoptionField {
  float: left;
  width: 102px;
}

div#titlebronzeAdoptionField input {
  display: block;
  width: 100%;
}

div#titlebronzeAdoptionField p.error {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  display: block;
}

div#firstNamebronzeAdoptionField {
  float: left;
  width: 190px;
}

div#firstNamebronzeAdoptionField p.error {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  width: 100%;
}

div#lastNamebronzeAdoptionField {
  float: left;
  width: 218px;
}

div#lastNamebronzeAdoptionField input { width: 100%; }

div#lastNamebronzeAdoptionField p.error {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
}

/* titleSilverAdoption */

div#titleSilverAdoptionField {
  float: left;
  width: 100px;
}

div#titleSilverAdoptionField p.error {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  width: 100%;
}

div#titleSilverAdoptionField input {
  display: block;
  width: 100%;
}

div#firstNameSilverAdoptionField {
  float: left;
  width: 200px;
}

div#firstNameSilverAdoptionField input {
  display: block;
  width: 100%;
}

div#firstNameSilverAdoptionField p.error {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  width: 100%;
  display: block;
}

div#lastNameSilverAdoptionField {
  float: left;
  width: 210px;
}

div#lastNameSilverAdoptionField input { width: 100%; }

div#lastNameSilverAdoptionField p.error {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  width: 100%;
}

/* titleGoldAdoption */

div#titleGoldAdoptionField {
  float: left;
  width: 100px;
}

div#titleGoldAdoptionField input {
  display: block;
  width: 100%;
}

div#titleGoldAdoptionField p.error {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  width: 100%;
}

div#firstNameGoldAdoptionField {
  float: left;
  width: 200px;
}

div#firstNameGoldAdoptionField input {
  display: block;
  width: 100%;
}

div#firstNameGoldAdoptionField p.error {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  width: 100%;
}

div#lastNameGoldAdoptionField {
  float: left;
  width: 210px;
}

div#lastNameGoldAdoptionField input { width: 100%; }

div#lastNameGoldAdoptionField p.error {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  width: 100%;
}

/* titlePlatinumAdoption */

div#titlePlatinumAdoptionField {
  float: left;
  width: 100px;
}

div#titlePlatinumAdoptionField input {
  display: block;
  width: 100%;
}

div#titlePlatinumAdoptionField p.error {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  width: 100%;
}

div#firstNamePlatinumAdoptionField {
  float: left;
  width: 200px;
}

div#firstNamePlatinumAdoptionField input {
  display: block;
  width: 100%;
}

div#firstNamePlatinumAdoptionField p.error {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  width: 100%;
}

div#lastNamePlatinumAdoptionField {
  float: left;
  width: 210px;
}

div#lastNamePlatinumAdoptionField input { width: 100%; }

div#lastNamePlatinumAdoptionField p.error {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  width: 100%;
}

/* adoption field */

div.radio-group div#adoptionPackField input { float: left; }

div.radio-group div label {
  float: left;
  width: 520px;
}

.radio-group { background: #DCDFCE; }

.radio-group p.error { line-height: 1.5em; }

/* day, month, year fields */

div#date-wrapper {
  width: 600px;
  background: #DCDFCE;
}

div#dayField {
  float: left;
  width: 40px;
}

div#dayField div#day { text-align: left; }

div#dayField p.error {
  padding: 0;
  line-height: 1.5em;
}

div#monthField {
  float: left;
  width: 40px;
}

div#monthField p.error {
  padding: 0;
  line-height: 1.5em;
}

div#monthField div#month { text-align: left; }

div#yearField {
  float: left;
  width: 40px;
}

div#yearField p.error {
  padding: 0;
  line-height: 1.5em;
}

div#yearField div#year { text-align: left; }

/* optional message fields */

div#toField label {
  width: 100px;
  text-align: right;
  padding: 0 5px 0 0;
}

div#toField input {
  float: left;
  width: 200px;
}

div#toField p.error {
  float: left;
  padding-left: 5px;
}

div#fromField label {
  width: 100px;
  text-align: right;
  padding: 0 5px 0 0;
}

div#fromField input {
  float: left;
  width: 200px;
}

div#fromField p.error {
  float: left;
  padding-left: 5px;
}

div#messageField label {
  width: 100px;
  text-align: right;
  padding: 0 5px 0 0;
}

div#messageField textarea {
  float: left;
  width: 200px;
}

div#messageField p.error {
  float: left;
  padding-left: 5px;
}

div#bronzeAdoptionNonGiftField-wrapper { background: #DCDFCE; }

div#silverAdoptionNonGiftField-wrapper { background: #DCDFCE; }

div#goldAdoptionNonGiftField-wrapper { background: #DCDFCE; }

div#platinumAdoptionNonGiftField-wrapper { background: #DCDFCE; }

/* radio-group for payeeField */

div.radio-group div#payeeBronzeField {
  width: 50px;
  float: left;
}

div.radio-group div#payeeBronzeField label { width: 50px; }

div.radio-group div#payeeSilverField {
  width: 50px;
  float: left;
}

div.radio-group div#payeeSilverField label { width: 50px; }

div.radio-group div#payeeGoldField {
  width: 50px;
  float: left;
}

div.radio-group div#payeeGoldField label { width: 50px; }

div.radio-group div#payeePlatinumField {
  width: 50px;
  float: left;
}

div.radio-group div#payeePlatinumField label { width: 50px; }

/* titlebronzeAdoption */

div#titlebronzeadoptionNonGiftField {
  float: left;
  width: 77px;
}

div#titlebronzeadoptionNonGiftField p.error {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  width: 100%;
}

div#firstNamebronzeadoptionNonGiftField {
  float: left;
  width: 165px;
}

div#firstNamebronzeadoptionNonGiftField p.error {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  width: 100%;
}

div#lastNamebronzeadoptionNonGiftField {
  float: left;
  width: 188px;
}

div#lastNamebronzeadoptionNonGiftField input { width: 100%; }

div#lastNamebronzeadoptionNonGiftField p.error {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  width: 100%;
}

/* titleSilveradoptionNonGift */

div#titleSilveradoptionNonGiftField {
  float: left;
  width: 77px;
}

div#titleSilveradoptionNonGiftField p.error {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  width: 100%;
}

div#firstNameSilveradoptionNonGiftField {
  float: left;
  width: 165px;
}

div#firstNameSilveradoptionNonGiftField p.error {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  width: 100%;
}

div#lastNameSilveradoptionNonGiftField {
  float: left;
  width: 188px;
}

div#lastNameSilveradoptionNonGiftField input { width: 100%; }

div#lastNameSilveradoptionNonGiftField p.error {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  width: 100%;
}

/* titleGoldadoptionNonGift */

div#titleGoldadoptionNonGiftField {
  float: left;
  width: 77px;
}

div#titleGoldadoptionNonGiftField input { display: block; }

div#titleGoldadoptionNonGiftField p.error {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  width: 100%;
}

div#firstNameGoldadoptionNonGiftField {
  float: left;
  width: 165px;
}

div#firstNameGoldadoptionNonGiftField input { display: block; }

div#firstNameGoldadoptionNonGiftField p.error {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  width: 100%;
}

div#lastNameGoldadoptionNonGiftField {
  float: left;
  width: 188px;
}

div#lastNameGoldadoptionNonGiftField input { width: 100%; }

div#lastNameGoldadoptionNonGiftField p.error {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  width: 100%;
}

/* titlePlatinumadoptionNonGift */

div#titlePlatinumadoptionNonGiftField {
  float: left;
  width: 77px;
}

div#titlePlatinumadoptionNonGiftField input { display: block; }

div#titlePlatinumadoptionNonGiftField p.error {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  width: 100%;
}

div#titlePlatinumadoptionNonGiftField input { display: block; }

div#firstNamePlatinumadoptionNonGiftField {
  float: left;
  width: 165px;
}

div#firstNamePlatinumadoptionNonGiftField p.error {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  width: 100%;
}

div#lastNamePlatinumadoptionNonGiftField {
  float: left;
  width: 188px;
}

div#lastNamePlatinumadoptionNonGiftField input { width: 100%; }

div#lastNamePlatinumadoptionNonGiftField p.error {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  width: 100%;
}

/*membership types */

div.membership-type-wrapper { padding-top: 10px; }

div.membership-type-big {
  line-height: 1.5em;
  color: #ffffff;
  text-align: left;
  background:url(../images/BG-membership-adult_277x134.gif) top left no-repeat;
  height: 134px;
  width: 270px;
  float: left;
  margin-right: 5px;
  padding: 2px 5px
}

div.membership-type-big p { font-size: 0.9em; }

div.membership-type-big select {
  margin: 0 5px 0 0;
  float: left;
}

div.membership-type-big h3 {
  color: #ffffff;
  font-size: 1.7em;
}

div.membership-type-big p#adult-membership-info {
  float: left;
  width: 215px;
  margin: 0;
  padding: 0;
}

div.membership-type {
  line-height: 1.5em;
  color: #ffffff;
  text-align: center;
  background: url(../images/BG-membership-types_131x134.gif) top left no-repeat;
  height: 134px;
  width: 134px;
  float: left;
  margin-right: 5px;
  padding: 2px 0;
}

div.membership-type select { margin-right: 10px; }

div.membership-type h3 {
  color: #ffffff;
  font-size: 1.7em;
}

/*children membership */

div.name-column {
  width: 200px;
  float: left;
}

div.name-column input { margin-bottom: 5px; }

div.dob-column { }

div.dob-column select {
  margin-right: 5px;
  margin-bottom: 5px;
}

h2.form-info-heading {
  margin: 10px 0 0 0;
  background: #EEEFE7;
  color: #B77A55;
  padding: 2px 2px 2px 25px;
  border: 0;
  font-weight: normal;
  display: block;
}

div.completed-field-info {
  font-size: 0.9em;
  margin-bottom: 5px;
}

div.completed-field-info p { line-height: 0.6em; }

span.label {
  width: 300px;
  display: block;
  float: left;
  text-align: right;
  padding-right: 10px;
}

div.final-membership-info p {
  font-size: 1.2em;
  line-height: 1.5em;
  color: #000000;
}