h2.textExtraLarge { margin-bottom: 18px; }

.profileSection label { font-weight: bold; }

.profileSection em { font-weight: normal; }

.profileInputs .afterLabel { padding-left: 0; }

.profileInputs .form-group:last-child { margin-bottom: 0; }

.profileInputs .form-group .checkbox { padding-left: 9px; }

.profileInputs .radio input { margin-top: 4px; }

.profileInputs .radio label { margin-top: -8px; }

.orderAddress h3 { margin-bottom: 18px; }

.billingAddress { font-size: 12px; }

.deliveryAddress { font-size: 12px; }

@media (min-width: 499px) { .inputsInnerWidth { width: 220px; margin-right: 18px; }
  #loadHeight .inputsInnerWidth, #loadWeight .inputsInnerWidth { float: left; }
  .profileSection.verticalalign { display: flex; align-items: center; }
  .profileIcon { float: left; width: 85px; }
  .profileInputs { float: left; width: 410px; }
  .profileFullContent { float: left; width: 410px; }
  .profileInputs .radio input { margin-top: 0; }
  .profileInputs .radio label { margin-top: 0; }
  .form-group.form-group-lg label { margin-top: 12px; font-size: 14px; }
  .orderAddress .nut_panel { min-height: 135px; }
  .orderAddress { width: 47% !important; min-width: 239px; }
  .billingAddress { float: left; }
  .deliveryAddress { float: right; } }
@media (min-width: 1200px) { .profileIcon { width: 25%; text-align: center; }
  .profileFullContent { width: 75%; }
  h2.textLarger { font-size: 24px; } }
.nut_iconList .listBloodPressure { background-image: url(//d2lhwe7okuon6r.cloudfront.net/media/images/profile/bloodpressure.png); }

.nut_iconList .listDiabetes { background-image: url(//d2lhwe7okuon6r.cloudfront.net/media/images/profile/diabetes.png); }

.nut_iconList .listCholesterol { background-image: url(//d2lhwe7okuon6r.cloudfront.net/media/images/profile/heart.png); }

.paymentImages { width: 70%; margin: 10px 0 10px 0; }

#succeedWithUs .contentCenterAlign { padding: 10px 0 10px 0; }

#whyTenPC { background-color: #6EAE1A; color: #fff; text-align: center; font-family: primaryBold; margin-bottom: 10px; padding: 6px 0 6px 0; font-weight: normal !important; font-style: normal; font-size: 18px; -ms-transform: skew(0, -5deg); /* IE 9 */ -webkit-transform: skew(0, -5deg); /* Safari */ transform: skew(0, -5deg); /* Standard syntax */ }

.enterPromoCode { display: table; margin: 0 auto 18px auto; }

.enterPromoCode label { display: block; text-align: center; margin-bottom: 10px; }

.enterPromoCode .form-control { width: 58%; display: inline-block; margin-right: 16px; }

.optionImage { padding: 18px 10px 18px 10px; }

.optionImage .cornerFlash { background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; left: 0; height: 110px; width: 110px; background-size: 110px 110px; }

.membershipOption { width: 100%; position: relative; }

.membershipOption td { display: block; }

.membershipOption .optionPrice { background-color: #ebf3f8; text-align: center; padding: 18px 0 18px 0; border-top: 1px solid #ccc; }

.membershipOption .optionText { padding: 0 10px 0 10px; }

.membershipOption .optionText p { text-align: center; }

.membershipOption .optionText p.text-left { text-align: left; }

.outOfStock { text-align: center; color: #cd0000; margin-top: 10px; }

@media (min-width: 499px) { #profileContent.nut_panel { border-radius: 0 6px 6px 6px; padding-top: 18px; }
  .enterPromoCode label { display: inline; text-align: left; margin: 0; }
  .enterPromoCode .form-control { width: 190px; margin: 0 16px 0 16px; }
  .membershipOption td { display: table-cell; }
  .membershipOption td.optionImage { width: 28%; padding-right: 18px; }
  .membershipOption td.optionTex { width: 38%; }
  .membershipOption td.optionPrice { width: 34%; }
  .membershipOption.deliveryOption td.optionText { width: 55%; }
  .membershipOption.deliveryOption td.optionPrice { width: 45%; }
  .membershipOption .optionPrice { border-left: 1px solid #ccc; border-top: 0; padding: 10px; }
  .membershipOption .optionText { padding: 10px; }
  .membershipOption .optionText p { text-align: left; } }
p.fb_descritption { max-width: 400px; margin: 18px 0 18px 0; }

.vMargin { margin-top: 18px; margin-bottom: 18px; }

.profileSection.deliverable label { color: #8d8d8d; font-weight: bold; }

.profileSection.deliverable p { color: #8d8d8d; }

.profileSection.deliverable .labelIndent { margin-left: 20px; }

#tblOrderAmount { float: right; font-size: 11px; margin-top: 30px; }

#tblOrderAmount td { font-size: 14px; }

#tblOrderAmount td.amount { text-align: right; padding-left: 10px; }

#tblOrderAmount .promotionalDiscount td { border-bottom: 1px solid #000; padding-bottom: 8px; }

#tblOrderAmount #orderAmount td { padding-top: 8px; }

#tblReviewOrder { width: 100%; margin-top: 18px; }

#tblReviewOrder td { font-size: 14px; }

#tblReviewOrder .rowDiscount td { padding-bottom: 18px; }

#tblReviewOrder .rowNote td { padding-top: 30px; padding-bottom: 8px; }

#tblReviewOrder .colAmount { text-align: right; width: 80px; }

#tblReviewOrder .colCount { width: 20px; }

#tblReviewOrder tfoot td { border-top: 1px solid #000; padding-top: 8px !important; font-weight: bold; }

@media (min-width: 1200px) { .memberOption .memRenew { max-width: none; } }
.LPMcontainer { display: none !important; }

.profileDisplay { width: 90%; margin: 0 auto 0 auto; padding: 0 0 20px 0; min-height: 300px; }

#displayActivity .profileDisplay { max-width: 500px; }

.profileDisplay label { margin-bottom: 18px; }

.profileDisplay label span { color: #378bb9; }

.profileDisplay .form-group-lg .label { margin-bottom: 18px; }

.profileDisplay input { text-align: center; }

.form-group-lg .form-control { font-size: 24px; color: #737070; padding: 0 8px 0 8px; }

.form-group-lg select.form-control { font-size: 18px; }

.profileIcon { width: 100px; height: 100px; margin: 0 auto 18px auto; float: none; background: url("//d2lhwe7okuon6r.cloudfront.net/media/images/sprites/profile_icons.png"); background-repeat: no-repeat; background-size: 100px 1226px; }

#genderFemale.profileIcon { background-position: 0 -1px; }

#genderMale.profileIcon { background-position: 0 -112px; }

#displayAge .profileIcon { background-position: 0 -226px; }

#displayWeight .profileIcon { background-position: 0 -342px; }

#displayHeight .profileIcon { background-position: 0 -450px; }

#displayAbout .profileIcon { background-position: 0 -560px; }

#displayActivity .profileIcon.activityDay { background-position: 0 -676px; }

#displayActivity .profileIcon.activityLeisure { background-position: 0 -788px; }

#displayGoal .profileIcon { background-position: 0 -900px; }

#displayTarget .profileIcon { background-position: 0 -1014px; }

#displayGoalRate .profileIcon { background-position: 0 -1128px; }

.signupLabel { font-family: primaryLight; color: #378bb9; font-size: 24px; }

.profileControl { background: url("//d2lhwe7okuon6r.cloudfront.net/media/images/sprites/control_icons.png"); background-repeat: no-repeat; background-size: 100px 362px; width: 50px; height: 50px; }

.profileControl.inputState { background-size: 50px 181px; width: 25px; height: 25px; }

.profileControl.nextArrow { background-position: -50px -64px; float: right; margin-right: 18px; }

.profileControl.backArrow { background-position: 0 -251px; float: left; margin-left: 18px; }

.genderClick { cursor: pointer; text-align: center; text-decoration: none !important; display: block; width: 100px; float: left; }

.nut_panelBlue { background-color: transparent; margin-bottom: 0; }

.tickRadioBtn input { display: none; }

.tickRadioBtn .inputState { opacity: 0.3; margin: 18px auto 0 auto; background-position: -25px -94px; }

.tickRadioBtn input:checked + .inputState { opacity: 1; }

label.tickCheckBoxBlock { font-size: 14px; padding: 6px 10px 6px 10px; margin-bottom: 5px; background-color: #a8c1ca; color: #fff; text-align: left; cursor: pointer; display: block; }

label.tickCheckBoxBlock span.lbl { float: left; margin-top: 5px; color: #fff; }

label.tickCheckBoxBlock input { display: none; }

label.tickCheckBoxBlock .profileControl.inputState { opacity: 0.3; float: right; background-position: 0 -94px; }

label.tickCheckBoxBlock input:checked + .inputState { opacity: 1; }

.signupSelectBox { background-color: #4ca6c6; color: #fff; }

.weightHeightInputs { width: 240px; margin: 0 auto 18px auto; }

.weightHeightInputs input { width: 65px; display: inline-block; margin-right: 10px; }

.weightHeightInputs.singleInput input { margin-left: 35px; width: 80px; }

.weightHeightInputs label { margin-top: 16px; font-size: 14px; }

.weightHeightInputs .signupLabel { font-size: 18px; }

#displayGender .profileDisplay { width: 200px; }

#displayAge .profileDisplay { width: 100px; }

#displayAge, #displayWeight, #displayHeight, #displayAbout, #displayActivity, #displayGoal, #displayTarget, #displayGoalRate, #displaySignUp { display: none; }

.regTitle { display: none; }

.regStep { display: none; }

@media (min-width: 499px) { .regTitle { display: block; font-family: primaryNormal; float: left; padding: 10px 0 0 18px; font-size: 36px; color: #b765af; }
  .regStep { display: block; color: #378bb9; font-size: 24px; font-family: primaryNormal; float: right; padding: 20px 18px 0 0; }
  .profileDisplay { width: auto; padding-top: 20px; min-height: 390px; max-width: 350px; }
  .weightHeightInputs .signupLabel { font-size: 24px; }
  .tickCheckBoxBlock span.lbl span { color: #fff; }
  .nut_panelBlue { background-color: #ebf3f8; margin-bottom: 18px; }
  .profileControl.backArrow:hover { background-position: 0 -314px; }
  .profileControl.nextArrow:hover { background-position: -50px -314px; }
  .tickCheckBoxBlock span.lbl { margin-top: 7px; }
  #displayActivity { width: auto; }
  .signupSelectBox { background-color: #fff; color: #8d8d8d; } }