.h1 {
  font-size: 25px;
  font-family: 'LinotypeUniversW01-Bold 723691', "Arial Narrow", Arial, sans-serif;
  text-transform: uppercase;
  color: black;
  font-weight: normal;
}
.h2 {
  font-family: 'Minion W01 Cap Regular', 'Times New Roman', Times, serif;
  font-size: 40px;
  margin-bottom: 15px;
  font-weight: normal;
  line-height: 1em;
}
.h3Heading {
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#joinEAA {
  width: 100%;
  /* right col */

}
#joinEAA .leftCol50 {
  float: left;
  width: 420px;
  padding: 0px 20px 0px 20px;
}
#joinEAA .leftCol50 h3 {
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#joinEAA .leftCol50 .benefits {
  font-size: 12px;
}
#joinEAA .rightCol50 {
  float: right;
  width: 420px;
  padding: 0px;
}
#joinEAA .leftCol {
  float: left;
  width: 315px;
  padding: 0px 20px 0px 20px;
}
#joinEAA .leftCol h3 {
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#joinEAA .leftCol .benefits {
  font-size: 12px;
}
#joinEAA .rightCol {
  float: right;
  width: 560px;
  padding: 0px;
}
#joinEAA .rightCol .memberType {
  width: 180px;
  margin-right: 20px;
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
  font-weight: normal;
  border: 1px solid #dbdbdb;
  float: left;
  text-align: center;
  margin-bottom: 10px;
}
#joinEAA .rightCol .memberType .InnerMemberType {
  display: block;
  margin-bottom: 10px;
}
#joinEAA .rightCol .memberType.even {
  margin-right: 0px;
}
#joinEAA .rightCol .memberType img {
  margin-bottom: 10px;
}
#joinEAA .rightCol .memberType .heading {
  height: 35px;
  background-color: #0c306b;
  color: white;
  text-transform: uppercase;
  font-size: 22px;
  text-align: center;
  line-height: 35px;
}
#joinEAA .rightCol .memberType .price {
  font-size: 20px;
  text-align: center;
  color: #0c306b;
}
#joinEAA .rightCol .memberType .details {
  padding: 10px 10px 0px 10px;
  font-family: Arial;
  font-size: 12px;
  text-align: left;
}
#joinEAA .rightCol .memberType .buttons {
  margin-bottom: 10px;
}
#joinEAA .rightCol .memberType .buttons .bttn {
  font-size: 19px;
  font-family: 'LinotypeUniversW01-Bold 723691';
  font-weight: normal;
}
#joinEAA .rightCol #rewards {
  margin-top: 25px;
  float: left;
}
#joinEAA .rightCol #rewards #moreInfo {
  float: left;
  width: 262px;
  margin-right: 20px;
}
#joinEAA .rightCol #rewards #moreInfo h3 {
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#joinEAA .rightCol #rewards #moreInfoImg {
  float: left;
  width: 261px;
  margin-top: 5px;
}
#joinEAA .rightCol #rewards #moreInfoImg img {
  float: right;
}
/* join eaa */

#membershipDetails {
  float: left;
  margin-bottom: 20px;
  /* .rightcol ends */

}
#membershipDetails input[type=number]::-webkit-inner-spin-button,
#membershipDetails input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#membershipDetails .memSection {
  padding-bottom: 15px;
  padding-left: 12px;
  width: 100%;
  float: left;
}
#membershipDetails .memSection.communityToMembership {
  padding-left: 0px;
}
#membershipDetails .memSection.communityToMembership .rightCol {
  width: 100%;
}
#membershipDetails .memSection.communityToMembership .rightCol .content {
  padding: 0% 4% 4% 3%;
  width: 66%;
  margin-top: 0px;
}
#membershipDetails .membershipRenewUpgradeLeftCol {
  width: 28%;
  float: left;
}
#membershipDetails .membershipRenewUpgradeLeftCol h3 {
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#membershipDetails .membershipRenewUpgradeLeftCol .benefits {
  font-size: 12px;
}
#membershipDetails .membershipRenewUpgradeLeftCol .leftColRenewUpgrade #paymentDetails {
  width: 320px;
}
#membershipDetails .membershipRenewUpgradeLeftCol .leftColRenewUpgrade #paymentDetails .sectionGroup {
  width: 98%;
}
#membershipDetails .leftCol {
  width: 30%;
  float: left;
}
#membershipDetails .leftCol h3 {
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#membershipDetails .leftCol .benefits {
  font-size: 12px;
}
#membershipDetails #miscAdditions div {
  margin-top: 15px;
}
#membershipDetails #miscAdditions div label {
  display: inline;
  font-size: 12px;
  font-weight: bold;
}
#membershipDetails #miscAdditions div label.whatisthis {
  font-size: 10px !important;
  display: inline;
}
#membershipDetails #miscAdditions div .proxyText {
  margin-bottom: 0px;
}
#membershipDetails #miscAdditions div .moreProxy {
  float: left;
  margin-right: 5px;
  clear: both;
}
#membershipDetails #miscAdditions div .moreProxy input {
  float: left;
}
#membershipDetails #miscAdditions div .proxyDesc {
  width: 80%;
  float: left;
  padding-left: 5px;
  margin-top: 0px;
}
#membershipDetails #miscAdditions div #proxyDetails {
  display: none;
}
#membershipDetails #miscAdditions div #proxyDetails input#proxyAgree {
  margin-right: 5px;
  float: left;
}
#membershipDetails #miscAdditions div #proxyDetails .proxyAgree {
  float: left;
  width: 88%;
  margin-top: 0px;
}
#membershipDetails #miscAdditions div #proxyDetails .proxyNote {
  font-size: 11px;
}
#membershipDetails #miscAdditions div #proxyDetails label.error {
  font-weight: normal;
}
#membershipDetails .whatisthis {
  font-size: 10px;
  color: #0c306b;
  font-style: italic;
  font-weight: bold;
}
#membershipDetails #upgradePageDetails h3 {
  margin-top: 0px;
}
#membershipDetails .rightCol {
  float: left;
  width: 65%;
  background-color: #f3f3f3;
  margin-left: 30px;
}
#membershipDetails .rightCol .tabs {
  float: left;
  width: 100%;
  background-color: white;
}
#membershipDetails .rightCol .tabs a {
  font-size: 20px;
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  background-color: #f3f3f3;
  /*background-color: pink;*/
  border-top: 1px solid #0c306b;
  border-left: 1px solid #0c306b;
  border-right: 1px solid #0c306b;
  border-bottom: 1px solid #f3f3f3;
  color: #0c306b;
  height: 35px;
  line-height: 35px;
  margin: 0px 20px;
  width: 130px;
}
#membershipDetails .rightCol .tabs a.bttn {
  padding: 0px;
}
#membershipDetails .rightCol .tabs a.left {
  margin: 0px 16px 0px 20px;
  float: left;
}
#membershipDetails .rightCol .tabs a.right {
  margin: 0px 20px 0px 0px;
  float: right;
}
#membershipDetails .rightCol .tabs a.active {
  background-color: #0c306b;
  color: white;
  border: 1px solid #0c306b;
}
#membershipDetails .rightCol .content {
  float: left;
  padding: 3%;
  width: 97%;
  border-top: 13px solid #0c306b;
  /*.noCode {
				float: left;
				width: 100%;
				margin-bottom: 10px;
				margin-top:12px;
			}

			#noActivationCode {
				float: left;
			}

			label.activationCode {
				float: left;
				margin-top: 0px;
				padding-left: 10px;
			}*/

}
#membershipDetails .rightCol .content .details {
  width: 370px;
  float: left;
}
#membershipDetails .rightCol .content .details h3 {
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
#membershipDetails .rightCol .content img {
  float: right;
}
#membershipDetails .rightCol .membershipRenewUpgrade .content {
  float: left;
  padding: 4%;
  width: 92%;
  border-top: 13px solid #0c306b;
}
#membershipDetails .rightCol .membershipRenewUpgrade .content .details {
  width: 370px;
  float: left;
}
#membershipDetails .rightCol .membershipRenewUpgrade .content .details h3 {
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
#membershipDetails .rightCol .membershipRenewUpgrade .content img {
  float: right;
}
#membershipDetails .rightCol .membershipRenewUpgrade li {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 15px;
}
#membershipDetails .rightCol .membershipRenewUpgrade .sectionGroup {
  list-style: none;
  margin-left: 0;
  margin-right: 20px;
}
#membershipDetails .rightCol .membershipRenewUpgrade h3 {
  line-height: 20px;
  margin-bottom: 15px;
  font-size: 20px;
  text-transform: none;
}
#membershipDetails .rightCol .membershipRenewUpgrade #renewFor label {
  display: inline;
  font-size: 14px;
  width: 210px;
  float: left;
  clear: both;
  color: #0c306b;
}
#membershipDetails .rightCol .membershipRenewUpgrade #renewPrices label {
  display: inline;
  font-size: 14px;
  width: 210px;
  float: left;
  clear: both;
  color: #0c306b;
}
#membershipDetails .rightCol .membershipRenewUpgrade #renewPriceSection {
  clear: both;
}
#membershipDetails .rightCol .membershipRenewUpgrade .price {
  float: right;
  font-size: 12px;
  font-weight: bold;
  width: 85px;
  text-align: right;
}
#membershipDetails .rightCol .membershipRenewUpgrade .change {
  float: right;
  font-size: 12px;
  font-weight: bold;
  width: 85px;
  text-align: right;
}
#membershipDetails .rightCol h3.summary {
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 15px;
  clear: both;
  margin-top: 0px;
  float: left;
}
#membershipDetails .rightCol .wrapper {
  height: 45px;
  background-color: #5877ab;
  clear: both;
  width: 100%;
  vertical-align: middle;
}
#membershipDetails .rightCol .label {
  display: inline;
  color: white;
  font-weight: bold;
}
#membershipDetails .rightCol .priceCol {
  margin-right: 12px;
  float: right;
  font-size: 13px;
  color: white;
  font-weight: bold;
}
#membershipDetails .rightCol #membershipTypes {
  height: 45px;
  background-color: #5877ab;
  clear: both;
  width: 100%;
  vertical-align: middle;
}
#membershipDetails .rightCol #membershipTypes #durWrapper {
  height: 45px;
  padding-left: 12px;
  padding-top: 10px;
}
#membershipDetails .rightCol #membershipTypes #durWrapper #duration,
#membershipDetails .rightCol #membershipTypes #durWrapper #upgradeDuration,
#membershipDetails .rightCol #membershipTypes #durWrapper #upgradeMainMemType {
  width: auto;
}
#membershipDetails .rightCol #membershipTypes #durWrapper .memTitle {
  display: inline;
  color: white;
  font-weight: bold;
  padding-left: 25px;
  font-size: 15px;
}
#membershipDetails .rightCol #membershipPrice {
  height: 45px;
  background-color: #5877ab;
  clear: both;
  width: 100%;
  vertical-align: middle;
  margin-top: 5px;
}
#membershipDetails .rightCol #membershipPrice #priceWrapper {
  height: 45px;
  padding-left: 12px;
  padding-top: 10px;
}
#membershipDetails .rightCol #membershipPrice #priceWrapper .renew {
  display: inline;
  color: white;
  font-weight: bold;
  padding-left: 12px;
  font-size: 12px;
}
#membershipDetails .rightCol #membershipPrice #priceWrapper #totalPrice {
  margin-right: 12px;
  float: right;
  font-size: 15px;
  color: white;
  font-weight: bold;
}
#membershipDetails .rightCol #membershipPrice #priceWrapper #totalPrice label {
  display: inline;
  color: white;
  font-weight: bold;
  font-size: 15px;
  margin-right: 15px;
}
#membershipDetails .rightCol #membershipDescription {
  margin-top: 10px;
  font-weight: normal;
  font-size: 13px;
}
#membershipDetails .rightCol #otherAdditions select {
  width: 175px;
}
#membershipDetails .rightCol #otherAdditions #commMembershipdiv {
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: solid grey 1px;
  width: 100%;
  list-style: none;
}
#membershipDetails .rightCol #otherAdditions #commMembershipdiv label.title {
  font-size: 15px;
  font-weight: bold;
  width: 85%;
  float: left;
  margin-top: 0px;
  padding-left: 10px;
}
#membershipDetails .rightCol #otherAdditions #commMembershipdiv input {
  float: left;
}
#membershipDetails .rightCol #otherAdditions #magazine {
  margin-top: 20px;
}
#membershipDetails .rightCol #otherAdditions #magazine .magWrapper {
  width: 50%;
  float: left;
}
#membershipDetails .rightCol #otherAdditions #magazine .magWrapper label {
  margin-top: 0px;
}
#membershipDetails .rightCol #otherAdditions #magazine #magDestintaion {
  margin-left: 14px;
}
#membershipDetails .rightCol #otherAdditions #magazine label {
  display: inline;
  color: white;
  font-weight: bold;
  font-size: 15px;
  color: #333333;
  width: 245px;
  float: left;
}
#membershipDetails .rightCol #otherAdditions #magazine .mailType {
  margin-top: 20px;
}
#membershipDetails .rightCol #otherAdditions #magazine .mailType select {
  margin-left: 14px;
}
#membershipDetails .rightCol #otherAdditions #magazine #subscriptionPrice {
  color: #333333;
  font-size: 12px;
}
#membershipDetails .rightCol #otherAdditions #additionalHeading {
  font-size: 16px;
  color: #0c306b;
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
  font-weight: normal;
  clear: both;
  margin-top: 10px;
  float: left;
}
#membershipDetails .rightCol #otherAdditions ol#commMembership {
  margin: 5px 0px 5px 0px;
  list-style: none;
  margin-bottom: 9px;
  clear: both;
  float: left;
  border-top: 2px solid #3d619e;
  border-bottom: 2px solid #3d619e;
  width: 100%;
}
#membershipDetails .rightCol #otherAdditions ol#commMembership li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #3d619e;
  margin: 15px 0px 0px 0px;
}
#membershipDetails .rightCol #otherAdditions ol#commMembership li.last {
  border-bottom: none;
}
#membershipDetails .rightCol #otherAdditions ol#commMembership .commName {
  display: inline;
  font-weight: bold;
  font-size: 15px;
  padding-left: 10px;
}
#membershipDetails .rightCol #otherAdditions ol#commMembership .commDesc {
  margin-left: 17px;
  font-weight: normal;
  font-size: 11px;
  height: 90px;
  /*float:left;*/

}
#membershipDetails .rightCol #otherAdditions ol#commMembership .commDesc p {
  float: left;
}
#membershipDetails .rightCol #otherAdditions ol#commMembership .commDetails {
  width: 46%;
  float: left;
}
#membershipDetails .rightCol #otherAdditions ol#commMembership .commPriceDetails {
  float: left;
  margin-left: 35px;
}
#membershipDetails .rightCol #otherAdditions ol#commMembership .commPriceDetails .commMagLabel {
  float: left;
  width: 175px;
}
#membershipDetails .rightCol #otherAdditions ol#commMembership .commPriceDetails select {
  display: block;
  margin-bottom: 5px;
}
#membershipDetails .rightCol #otherAdditions ol#commMembership .commPriceDetails select.commMemDuration {
  float: left;
}
#membershipDetails .rightCol #otherAdditions ol#commMembership .commPriceDetails .priceCol {
  color: #333333;
  margin-left: 25px;
  text-align: right;
  /*width: 65px;*/
  margin-right: 0px;
  /*float:right;*/

}
#membershipDetails .rightCol #otherAdditions ol#commMembership .commPriceDetails .priceCol .commMembershipAmt {
  width: 100%;
  font-weight: bold;
  font-size: 12px;
  margin-top: 0px;
}
#membershipDetails .rightCol #otherAdditions ol#commMembership .commPriceDetails .priceCol .subscriptionAmt {
  width: 100%;
  font-weight: bold;
  font-size: 12px;
  margin-top: 0px;
}
#membershipDetails .rightCol #otherAdditions ol#commMembership .commMagDetails {
  clear: both;
}
#membershipDetails .rightCol #otherAdditions ol#commMembership .commMagDetails .commMagazinePrice {
  color: #333333;
  font-size: 12px;
}
#membershipDetails .rightCol #otherAdditions ol#commMembership .commMagDetails div.commMagLabel {
  width: 50%;
  float: left;
  margin-bottom: 8px;
}
#membershipDetails .rightCol #otherAdditions ol#commMembership .commMagDetails div label {
  font-weight: bold;
  font-size: 13px;
  margin-left: 17px;
  margin-top: 5px;
}
#membershipDetails .rightCol #otherAdditions ol#commMembership .commMagDetails div.mailmagtype {
  width: 175px;
  float: left;
}
#membershipDetails .rightCol #otherAdditions ol#commMembership .commMagDetails div.mailmagtype label {
  margin-left: 14px;
  font-size: 11px;
}
#membershipDetails label {
  font-size: 11px;
  margin-top: 12px;
}
#membershipDetails label.error {
  margin-top: 0px;
}
#membershipDetails .grayButton {
  background-color: #c4c4c4;
  border-color: #c4c4c4;
  text-transform: none;
  font-size: 18px;
}
#membershipDetails #newMemberDetails {
  margin-top: 24px;
  border-bottom: 1px solid #0c306b;
  padding-bottom: 15px;
  padding-left: 20px;
  width: 98%;
  float: left;
  margin-bottom: 20px;
}
#membershipDetails #newMemberDetails h3 {
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 20px;
  text-transform: none;
  margin-bottom: 0px;
}
#membershipDetails .fieldSection {
  float: left;
  width: 100%;
}
#membershipDetails .fieldSection #sportyactivation {
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-top: 10px;
  float: left;
  width: 100%;
  border-top: 1px solid grey;
  /*#noActivationCode {
				float: left;
			}

			label.activationCode {
				float: left;
				margin-top: 0px;
				padding-left: 10px;
			}*/

}
#membershipDetails .fieldSection #sportyactivation .title {
  margin-left: 0px;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
}
#membershipDetails .fieldSection #sportyactivation .noCode {
  float: left;
  margin-left: 0px;
  width: 45%;
  margin-right: 5px;
  font-size: 11px;
}
#membershipDetails .fieldSection #sportyactivation .noCode label {
  float: left;
  margin-top: 0px;
  padding-left: 10px;
  padding-right: 3px;
}
#membershipDetails .fieldSection #sportyactivation .noCode input {
  float: left;
}
#membershipDetails .fieldSection #sportyactivation #divnoActivationchecked {
  display: none;
  border: solid 1px grey;
  padding: 10px;
  margin-top: 50px;
}
#membershipDetails .fieldSection #SportyDetails {
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  float: left;
  width: 100%;
  border-top: 1px solid grey;
  text-align: left;
}
#membershipDetails .fieldSection #SportyDetails .title {
  margin-left: 0px;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
}
#membershipDetails .fieldSection #AMADetails {
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  float: left;
  width: 100%;
  border-bottom: 1px solid grey;
  border-top: 1px solid grey;
  text-align: left;
}
#membershipDetails .fieldSection #AMADetails .title {
  margin-left: 0px;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
}
#membershipDetails .fieldSection #AMADetails .amaol {
  float: left;
  margin-left: 0px;
  width: 100%;
  margin-right: 5px;
  font-size: 11px;
  text-align: left;
}
#membershipDetails .fieldSection #AMADetails .amaol .ama1 {
  float: left;
  margin-left: 0px;
  padding-left: 10px;
  width: 45%;
}
#membershipDetails .fieldSection #AMADetails .amaol label {
  float: left;
  margin-top: 0px;
  padding-left: 10px;
  padding-right: 3px;
}
#membershipDetails .fieldSection #AMADetails .amaol input {
  float: left;
}
#membershipDetails .fieldSection #AMADetails .amaol .AMANote {
  font-size: 11px;
}
#membershipDetails .fieldSection #AMADetails .amaol label.error {
  font-weight: normal;
}
#membershipDetails .fieldSection .sectionGroup2 {
  list-style: none;
  margin-left: 0px;
  width: 100%;
  padding: 0px;
}
#membershipDetails .fieldSection .sectionGroup2 li {
  float: left;
}
#membershipDetails .fieldSection .sectionGroup2 li .seperator {
  width: 5%;
  float: left;
  margin-left: 2px;
  margin-right: 2px;
}
#membershipDetails .fieldSection .sectionGroup2 li label {
  font-size: 11px;
  padding: 0px;
  margin: 0px;
}
#membershipDetails .fieldSection label {
  font-size: 11px;
  margin-top: 12px;
}
#membershipDetails .fieldSection label.error {
  margin-top: 0px;
}
#membershipDetails .fieldSection #phoneDetails {
  float: right;
  margin-right: 1%;
}
#membershipDetails .fieldSection .nameGroup {
  list-style: none;
  float: left;
  margin-left: 0px;
  width: 100%;
}
#membershipDetails .fieldSection .nameGroup li {
  float: left;
  width: 45%;
  padding-right: 1%;
}
#membershipDetails .fieldSection .nameGroup li.clear {
  clear: both;
  float: left;
}
#membershipDetails .fieldSection .nameGroup li input {
  width: 90%;
}
#membershipDetails .fieldSection .addressGroup {
  list-style: none;
  float: left;
  margin-left: 0px;
  width: 100%;
}
#membershipDetails .fieldSection .addressGroup input {
  width: 45%;
}
#membershipDetails .fieldSection .addressGroup li {
  float: left;
  width: 45%;
  padding-right: 1%;
}
#membershipDetails .fieldSection .addressGroup li input {
  width: 90%;
  float: left;
  margin-right: 1px;
}
#membershipDetails .fieldSection .addressGroup li.clear {
  clear: both;
  float: left;
}
#membershipDetails .fieldSection .addressGroup li.small {
  width: 30%;
  float: left;
  padding-right: 1px;
}
#membershipDetails .fieldSection .addressGroup li.small select {
  width: 80%;
}
#membershipDetails .fieldSection .addressGroup li.zip {
  width: 25%;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}
#membershipDetails .fieldSection .addressGroup li.zip input {
  width: 95%;
  padding-right: 20px;
}
#membershipDetails .fieldSection .addressGroup li select {
  width: 28%;
  float: left;
  padding-right: 1px;
}
#membershipDetails .fieldSection .addressGroup li.short {
  width: 40%;
  float: left;
  padding-right: 1px;
}
#membershipDetails .fieldSection .addressGroup li.short .seperator {
  margin: 0 1px;
}
#membershipDetails .fieldSection .addressGroup li.short select {
  width: 40%;
}
#membershipDetails .fieldSection .addressGroup li.short input {
  width: 40%;
}
#membershipDetails .fieldSection .sectionGroup {
  list-style: none;
  float: left;
  margin-left: 0px;
  width: 100%;
}
#membershipDetails .fieldSection .sectionGroup input {
  width: 80%;
}
#membershipDetails .fieldSection .sectionGroup select {
  width: 68%;
}
#membershipDetails .fieldSection .sectionGroup li {
  width: 100%;
}
#membershipDetails .fieldSection .sectionGroup li.clear {
  clear: both;
  float: left;
}
#membershipDetails .fieldSection .sectionGroup li.small {
  width: 40%;
  float: left;
  padding-right: 1px;
}
#membershipDetails .fieldSection .sectionGroup li.small input {
  width: 30%;
  float: left;
}
#membershipDetails .fieldSection .sectionGroup li.small select {
  width: 30%;
}
#membershipDetails .fieldSection .sectionGroup li.short {
  width: 50%;
  float: left;
  padding-right: 1px;
}
#membershipDetails .fieldSection .sectionGroup li.short .ccdate {
  list-style: none;
  float: left;
  margin-left: 0px;
  width: 95%;
}
#membershipDetails .fieldSection .sectionGroup li.short .ccdate li {
  width: 40%;
  float: left;
}
#membershipDetails .fieldSection .sectionGroup li.short .ccdate li input {
  float: left;
  width: 70%;
}
#membershipDetails .fieldSection .sectionGroup li.short .ccdate li.seperator {
  float: left;
  width: 8%;
}
#membershipDetails .fieldSection .sectionGroup li.short .seperator {
  float: left;
  margin: 0 2px;
}
#membershipDetails .fieldSection .sectionGroup li.short select {
  width: 80%;
}
#membershipDetails .fieldSection .sectionGroup li.short input {
  width: 40%;
  float: left;
}
#membershipDetails .fieldSection .sectionGroup li.short input #month {
  float: left;
  width: 28%;
  background-color: purple;
}
#membershipDetails .fieldSection .sectionGroup li.short input #month input {
  width: 50%;
}
#membershipDetails .fieldSection .sectionGroup li.short input #year {
  width: 35%;
  float: left;
  background-color: grey;
}
#membershipDetails .fieldSection .sectionGroup li.short input #year input {
  width: 90%;
}
#membershipDetails .fieldSection .sectionGroup li.short input.csv {
  width: 35%;
}
#membershipDetails .fieldSection .sectionGroup li.short.csv {
  margin-left: 20px;
  width: 38%;
}
#membershipDetails .fieldSection .sectionGroup li.areaCode {
  width: 22%;
  float: left;
  padding-right: 1%;
}
#membershipDetails .fieldSection .sectionGroup li.hide {
  display: none;
}
#membershipDetails .fieldSection .sectionGroup li.phoneNumber {
  width: 40%;
  float: left;
}
#membershipDetails .personalizeSection .title {
  line-height: 30px;
  font-size: 18px;
  font-weight: bold;
}
#membershipDetails .personalizeSection label.title {
  font-size: 13px;
  font-weight: bold;
}
#membershipDetails .personalizeSection .personalizeLifetimeGroup {
  list-style: none;
  float: left;
  margin-left: 0px;
  width: 100%;
}
#membershipDetails .personalizeSection .personalizeLifetimeGroup li {
  float: left;
  margin-left: 0px;
  width: 45%;
  margin-top: 10px;
}
#membershipDetails .personalizeSection .personalizeLifetimeGroup li.explanation {
  width: 90%;
}
#membershipDetails .personalizeSection .personalizeLifetimeGroup li.example {
  width: 45%;
  text-align: right;
  margin-right: 1%;
  padding-right: 1px;
  float: left;
}
#membershipDetails .personalizeSection .personalizeLifetimeGroup li.example label.title {
  margin-top: 0;
  font-size: 11px;
  font-weight: bold;
}
#membershipDetails .personalizeSection .personalizeLifetimeGroup li.example label.ex {
  margin-top: 0;
  font-style: italic;
}
#membershipDetails .personalizeSection .personalizeLifetimeGroup li.personalization {
  width: 45%;
  float: left;
}
#membershipDetails .personalizeSection .personalizeLifetimeGroup li.personalization input {
  width: 85%;
}
#membershipDetails .personalizeSection .personalizeLifetimeGroup li.personalization select {
  width: 85%;
}
#membershipDetails .addSpouse {
  border-bottom: 1px solid #0c306b;
  padding-bottom: 15px;
  float: left;
  width: 98%;
  margin-bottom: 10px;
  padding-left: 20px;
}
#membershipDetails .addSpouse label.title {
  font-size: 20px;
  text-transform: none;
  float: left;
}
#membershipDetails .addSpouse label.exp {
  font-size: 11px;
  float: left;
  margin-left: 12px;
  vertical-align: bottom;
}
#membershipDetails .addSpouse .bttn-primary {
  background-color: #5877ab;
  border-color: #5877ab;
  text-transform: none;
  font-size: 18px;
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
}
#membershipDetails .addSpouse .sectionGroup {
  list-style: none;
  float: left;
  margin-left: 0px;
  width: 100%;
}
#membershipDetails .addSpouse .sectionGroup li {
  float: left;
  width: 45%;
  padding-right: 1%;
}
#membershipDetails .addSpouse .sectionGroup li.birthDate {
  width: 15%;
}
#membershipDetails .addSpouse .sectionGroup li.age {
  width: auto;
}
#membershipDetails .addSpouse .sectionGroup li.age select {
  width: auto;
  display: inline-block;
}
#membershipDetails .addSpouse .sectionGroup li input {
  width: 90%;
  /*&.emailFamily {
						width: 64%;
						margin-right:5px;
					}*/

}
#membershipDetails .addSpouse .sectionGroup li.additionalAcctFields {
  width: 22%;
  padding-right: 0px;
}
#membershipDetails .addSpouse .sectionGroup li.additionalAcctFields label {
  float: left;
}
#membershipDetails .addSpouse .sectionGroup li.additionalAcctFields .deleteFamily {
  font-size: 10px;
}
#membershipDetails .addSpouse .sectionGroup li .checkAcct {
  float: left;
}
#membershipDetails #addFamily {
  border-bottom: 1px solid #0c306b;
  padding-bottom: 15px;
  float: left;
  width: 99%;
  margin-bottom: 10px;
  padding-left: 20px;
}
#membershipDetails #addFamily h3 {
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 20px;
  text-transform: none;
  margin-bottom: 0px;
}
#membershipDetails #addFamily .bttn-primary {
  background-color: #5877ab;
  border-color: #5877ab;
  text-transform: none;
  font-size: 18px;
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
}
#membershipDetails #addFamily .sectionGroup {
  list-style: none;
  float: left;
  margin-left: 0px;
  width: 100%;
}
#membershipDetails #addFamily .sectionGroup li {
  float: left;
  width: 20%;
  padding-right: 1%;
}
#membershipDetails #addFamily .sectionGroup li.birthDate {
  width: 25%;
}
#membershipDetails #addFamily .sectionGroup li.birthDate .ex {
  font-size: 8px;
}
#membershipDetails #addFamily .sectionGroup li.birthDate input {
  width: 90%;
  height: 18px;
}
#membershipDetails #addFamily .sectionGroup li.age {
  width: 13%;
}
#membershipDetails #addFamily .sectionGroup li.age select {
  width: 90%;
  display: inline-block;
}
#membershipDetails #addFamily .sectionGroup li input {
  width: 90%;
  height: 18px;
  /*&.emailFamily {
						width: 50%;
						margin-right:5px;
					}*/

}
#membershipDetails #addFamily .sectionGroup li.additionalAcctFields {
  width: 12%;
  padding-right: 0px;
}
#membershipDetails #addFamily .sectionGroup li.additionalAcctFields label {
  float: left;
}
#membershipDetails #addFamily .sectionGroup li.additionalAcctFields .deleteFamily {
  font-size: 10px;
}
#membershipDetails #addFamily .sectionGroup li .checkAcct {
  float: left;
}
#membershipDetails #confirmAndSubmit {
  float: right;
  margin-top: 10px;
  margin-right: 4px;
}
#membershipDetails #confirmAndSubmit .bttn-primary {
  background-color: #5877ab;
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
  margin-left: 10px;
  border-color: #5877ab;
}
#membershipDetails #confirmAndSubmit .bttn {
  padding: 4px 60px;
}
#membershipDetails #confirmAndSubmit .cancel {
  background-color: #c4c4c4;
  border-color: #c4c4c4;
  text-transform: none;
  font-size: 18px;
  font-size: 26px;
}
#membershipDetails .paymentandtotal {
  border-top: 20px solid #0c306b;
  width: 100%;
  float: left;
}
#membershipDetails #paymentDetails {
  background-color: #f3f3f3;
  float: left;
  width: 47%;
  padding: 10px 0px 10px 10px;
}
#membershipDetails #paymentDetails #billAddSection {
  margin-top: 30px;
  float: left;
}
#membershipDetails #paymentDetails h3 {
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 20px;
  text-transform: none;
  margin-bottom: 0px;
}
#membershipDetails #paymentDetails h3.billAddress {
  float: left;
}
#membershipDetails #paymentDetails .sectionGroup {
  width: 95%;
}
#membershipDetails #paymentDetails #sameAsNewMember {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}
#membershipDetails #paymentDetails .sameAsNew {
  font-weight: bold;
  font-size: 12px;
  width: 100px;
  float: left;
  margin-left: 10px;
  margin-top: 6px;
}
#membershipDetails #paymentDetails li.short label.error {
  float: left;
  /*width:30%;*/

}
#membershipDetails .finalTotal {
  height: 35px;
  background-color: #5877ab;
  float: right;
  width: 93%;
  margin-left: 25px;
  padding: 11px 20px 0px 0px;
  text-align: right;
  color: white;
  font-size: 15px;
  font-weight: bold;
  margin-top: 15px;
}
#membershipDetails #grandTotal {
  float: right;
  width: 51%;
}
#membershipDetails #grandTotal #totals {
  float: right;
  width: 95%;
  margin-left: 25px;
  padding-bottom: 15px;
  padding-left: 5px;
}
#membershipDetails #grandTotal #totals h3 {
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 20px;
  text-transform: none;
}
#membershipDetails #grandTotal #totals .sectionGroup {
  list-style: none;
  margin-left: 0px;
  margin-right: 20px;
}
#membershipDetails #grandTotal #totals .sectionGroup li {
  font-size: 12px;
  font-weight: bold;
}
#membershipDetails #grandTotal #totals .sectionGroup li .remove {
  float: right;
  text-align: right;
  margin-left: 5px;
}
#membershipDetails #grandTotal #totals .sectionGroup li .change {
  float: right;
  text-align: right;
  margin-left: 5px;
}
#membershipDetails #grandTotal #totals .sectionGroup li .price {
  float: right;
}
#membershipDetails #grandTotal #totals .sectionGroup li .validDate {
  font-weight: normal;
}
#membershipDetails #grandTotal #totals .sectionGroup li.includes {
  padding-left: 15px;
}
#membershipDetails #grandTotal .totalExtra {
  float: right;
  clear: both;
  margin-top: 12px;
}
#membershipDetails #grandTotal .totalExtra label {
  float: right;
  margin-top: 0px;
}
#membershipDetails #grandTotal .price {
  float: right;
  font-size: 12px;
  font-weight: bold;
  width: 85px;
  text-align: right;
}
#membershipDetails #grandTotal .extra {
  float: right;
  width: 49%;
  margin-right: 22px;
}
#membershipDetails #renewMembership {
  width: 51%;
  float: right;
}
#membershipDetails #renewMembership #grandTotal {
  width: 100%;
}
#membershipDetails #renewMembership #grandTotal .expiry {
  margin-bottom: 10px;
  margin-right: 30px;
}
#membershipDetails #renewMembership #grandTotal .expiry span {
  float: left;
  margin-top: 10px;
}
#membershipDetails #renewMembership #grandTotal label {
  display: inline;
  font-size: 14px;
  width: 210px;
  margin-top: 10px;
  float: left;
  clear: both;
  color: #0c306b;
}
#membershipDetails #renewMembership #grandTotal #miscAdditions {
  float: left;
  margin-left: 28px;
}
#membershipDetails #renewMembership #grandTotal #miscAdditions label {
  display: inline;
  width: auto;
  font-size: 12px;
  margin-top: 12px;
  float: none;
  color: black;
}
#membershipDetails #renewMembership #grandTotal #miscAdditions label.whatisthis {
  font-size: 10px;
  color: #0c306b;
  font-style: italic;
  font-weight: bold;
}
#membershipDetails #renewMembership #grandTotal #miscAdditions #proxyDetails {
  width: 98%;
}
#membershipDetails #renewMembership #grandTotal #miscAdditions .proxyDesc {
  width: 96%;
}
#membershipDetails #renewMembership #grandTotal #renewDuration {
  width: auto;
}
#membershipDetails #renewMembership #grandTotal #renewFor {
  margin-bottom: 10px;
  float: left;
  margin-bottom: 30px;
  width: 100%;
}
#membershipDetails #renewMembership #grandTotal #renewPriceSection {
  clear: both;
}
#membershipDetails #renew {
  width: 51%;
  float: right;
}
#membershipDetails #renew #finalPrice {
  padding-left: 10px;
}
#membershipDetails #renew #confirmAndSubmit .bttn {
  padding: 4px 27px;
}
#membershipDetails .bttn-mini {
  font-size: 11px;
  border: 1px solid #dddddd;
}
#membershipDetails #renewFor {
  margin-bottom: 10px;
  float: left;
  margin-bottom: 30px;
  width: 100%;
}
#membershipDetails #newExpiryDate {
  margin-top: 10px;
  float: left;
}
/*#membershipDetails ends*/

.errorMsg {
  font-size: 15px;
  margin-top: 12px;
  margin-bottom: 10px;
  margin-left: 15px;
  color: #bb0000;
}
#errorMsg {
  font-size: 15px;
  margin-top: 12px;
  margin-bottom: 10px;
  margin-left: 15px;
  color: #bb0000;
}
.upgradeAjaxLoader {
  display: none;
  text-align: center;
  line-height: 165px;
}
.upgradeAjaxLoader .msg {
  font-size: 13px;
  font-family: 'LinotypeUniversW01-Bold 723691', Arial, "Arial Narrow", sans-serif;
}
#autopilotpayment {
  width: 70%;
}
#autopilotpayment #paymentDetails {
  float: left;
  width: 100%;
  padding: 10px 0px 10px 10px;
}
#autopilotpayment #paymentDetails #billAddSection {
  margin-top: 30px;
  float: left;
  width: 100%;
}
#autopilotpayment #paymentDetails .sectionGroup {
  list-style: none;
  float: left;
  margin-left: 0px;
  width: 70%;
}
#autopilotpayment #paymentDetails .sectionGroup input {
  width: 80%;
}
#autopilotpayment #paymentDetails .sectionGroup select {
  width: 68%;
}
#autopilotpayment #paymentDetails .sectionGroup li {
  width: 100%;
}
#autopilotpayment #paymentDetails .sectionGroup li.clear {
  clear: both;
  float: left;
}
#autopilotpayment #paymentDetails .sectionGroup li.small {
  width: 40%;
  float: left;
  padding-right: 1px;
}
#autopilotpayment #paymentDetails .sectionGroup li.small input {
  width: 30%;
  float: left;
}
#autopilotpayment #paymentDetails .sectionGroup li.small select {
  width: 30%;
}
#autopilotpayment #paymentDetails .sectionGroup li.short {
  width: 50%;
  float: left;
  padding-right: 1px;
}
#autopilotpayment #paymentDetails .sectionGroup li.short .ccdate {
  list-style: none;
  float: left;
  margin-left: 0px;
  width: 95%;
}
#autopilotpayment #paymentDetails .sectionGroup li.short .ccdate li {
  width: 40%;
  float: left;
}
#autopilotpayment #paymentDetails .sectionGroup li.short .ccdate li input {
  float: left;
  width: 70%;
}
#autopilotpayment #paymentDetails .sectionGroup li.short .ccdate li.seperator {
  float: left;
  width: 8%;
}
#autopilotpayment #paymentDetails .sectionGroup li.short .seperator {
  float: left;
  margin: 0 2px;
}
#autopilotpayment #paymentDetails .sectionGroup li.short select {
  width: 80%;
}
#autopilotpayment #paymentDetails .sectionGroup li.short input {
  width: 40%;
  float: left;
}
#autopilotpayment #paymentDetails .sectionGroup li.short input #month {
  float: left;
  width: 28%;
  background-color: purple;
}
#autopilotpayment #paymentDetails .sectionGroup li.short input #month input {
  width: 50%;
}
#autopilotpayment #paymentDetails .sectionGroup li.short input #year {
  width: 35%;
  float: left;
  background-color: grey;
}
#autopilotpayment #paymentDetails .sectionGroup li.short input #year input {
  width: 90%;
}
#autopilotpayment #paymentDetails .sectionGroup li.short input.csv {
  width: 35%;
}
#autopilotpayment #paymentDetails .sectionGroup li.short.csv {
  margin-left: 20px;
  width: 38%;
}
#autopilotpayment #paymentDetails .sectionGroup li.areaCode {
  width: 22%;
  float: left;
  padding-right: 1%;
}
#autopilotpayment #paymentDetails .sectionGroup li.hide {
  display: none;
}
#autopilotpayment #paymentDetails .sectionGroup li.phoneNumber {
  width: 40%;
  float: left;
}
#autopilotpayment #paymentDetails #sameAsNewMember {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}
#autopilotpayment #paymentDetails .sameAsNew {
  font-weight: bold;
  font-size: 12px;
  width: 100px;
  float: left;
  margin-left: 10px;
  margin-top: 6px;
}
#autopilotpayment #paymentDetails li.short label.error {
  float: left;
  /*width:30%;*/

}
#autopilotpayment #confirmAndSubmit {
  float: left;
  width: 100%;
  margin-top: 20px;
}
#autopilotpayment #confirmAndSubmit .buttons {
  padding-left: 60px;
}