.paymentButton {
  background-color: #FCFCFC; 
  color: #565656; 
  padding: 20px 0px; 
  text-decoration: none; 
  border: 2px solid #D2D2D2; 
  font-size: 22px;
  font-weight: bold;
  display: block;
  text-align: center;
  margin: 2px;
}

.paymentButton:hover {
  border: 2px solid #FF0469; 
  color: #FF0469;
}

.paymentButtonActive {
  background-color: #FCFCFC; 
  color: #FF0469; 
  padding: 20px 0px; 
  text-decoration: none; 
  border: 2px solid #FF0469; 
  font-size: 22px;
  font-weight: bold;
  display: block;
  text-align: center;
  margin: 2px;
}

.selectedPaymentButton {
  background-color: #FCFCFC; 
  color: #565656; 
  padding: 20px 0px; 
  text-decoration: none; 
  border: 2px solid #D2D2D2; 
  font-size: 22px;
  font-weight: bold;
  display: block;
  text-align: center;
  margin: 2px;
}

.selectedPaymentButton:hover {
  border: 2px solid #FF0469; 
  color: #FF0469;
}

.selectedPaymentButtonActive {
  background-color: #FCFCFC; 
  color: #FF0469; 
  padding: 20px 0px; 
  text-decoration: none; 
  border: 2px solid #FF0469; 
  font-size: 22px;
  font-weight: bold;
  display: block;
  text-align: center;
  margin: 2px;
}

.membershipButton {
  background-color: #FFFFFF; 
  color: #565656; 
  padding: 5px 0px; 
  text-decoration: none; 
  border: 1px none #A1A1A1;
  font-size: 32px;
  font-weight: bold;
  display: block;
  text-align: center;
  margin: 10px 2px;
}

.membershipButton:hover {
  /*border: 2px solid #FF0469; */
  color: #FF0469; 
}

.membershipButton[disabled] {
  background-color: #FFFFFF; 
  color: #A1A1A1; 
  padding: 5px 0px; 
  text-decoration: none; 
  /*border: 2px none #FF0469; */
  font-size: 32px;
  font-weight: bold;
  display: block;
  text-align: center;
  margin: 10px 2px;
}

.selectedMembershipButton {
  background-color: #FFFFFF; 
  color: #A1A1A1; 
  padding: 5px  0px; 
  text-decoration: none; 
  /*border: 2px solid #D2D2D2; */
  font-size: 32px;
  font-weight: bold;
  display: block;
  text-align: center;
  margin: 10px 2px;
}

.selectedMembershipButton:hover {
  /*color: #FF8A00;*/
  color: #FF0469;
}

.selectedMembershipButton[disabled="disabled"], 
.selectedMembershipButton[disabled] {
  background-color: #FFFFFF; 
  /*color: #FF8A00;*/ 
  color: #FF0469;
  padding: 5px 0px; 
  text-decoration: none; 
  /*border: 2px none #FF8A00;*/
  /*border: 2px none #FF0469;*/
  font-size: 32px;
  font-weight: bold;
  display: block;
  text-align: center;
  margin: 2px;
}

td.paymentStep {
  text-align: center;
  color: #FF0469;
  padding-bottom: 10px;
}

td.paymentStep[disabled] {
  text-align: center;
  color: #A1A1A1;
  padding-bottom: 10px;
}

span.paymentStep {
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  padding-left: 10px;
  margin: 2px;
}

span.paymentStepCaption {
  font-size: 10px;
  font-weight: normal;
  text-align: center;
  padding-right: 10px;
  margin: 2px;
}

td.membershipCaption {
  padding: 8px 0;
  padding-left: 10px;
  background-color: #ECECEC;
}

td.membershipContent {
  padding: 8px 0;
  padding-left: 20px;  
  background-color: #F7F7F7;
}

.membershipBox {
  border: solid 1px #A1A1A1;
}