/*Global CSS*/
html, body, div, span, object, iframe, h1, h2, h3, h4, #moreInfo .tab_directions p, #moreInfo .tab_ingredients p, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul, ul, ol { list-style: none; }

a, a:active, a:focus { margin: 0; padding: 0; outline: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

input, select { vertical-align: middle; }

button { outline: 0; }

a { text-decoration: none; cursor: pointer; outline: 0; }

.placeholder { font-style: italic; color: #ccc; }

::-webkit-input-placeholder, ::-webkit-select-placeholder { font-style: italic; }

::-moz-placeholder, ::-moz-placeholder { font-style: italic; }

:-ms-input-placeholder, :-ms-select-placeholder { font-style: italic; }

input:-moz-placeholder, select:-moz-placeholder { font-style: italic; }

input::-ms-clear { display: none; }

img { max-width: 100%; }

body { font-family: "Arial",Helvetica,sans-serif; -webkit-text-size-adjust: 100%; }

sup { font-size: 60%; }

label { color: #333; font-size: 0.875em; display: block; padding-bottom: 3px; }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"] { border: 1px solid #ccc; border-radius: 2px; box-shadow: 0 0 5px #f0f0f0 inset; font-size: 0.875em; height: 30px; line-height: 1.5em; padding: 3px; width: 100%; box-sizing: border-box; }

select { border: 1px solid #ccc; border-radius: 2px; box-shadow: 0 0 5px #f0f0f0 inset; font-size: 0.875em; height: 30px; line-height: 2em; padding: 5px; width: 100%; box-sizing: border-box; }

input[type="text"].errormessage, input.errormessage[type="password"], input.errormessage[type="email"], input.errormessage[type="tel"], input.errormessage[type="number"] { border: 1px solid #ff0000; color: #000; font-weight: 300; }

select.errormessage { border: 1px solid #ff0000; color: #000; font-weight: 300; font-size: 0.875em; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { display: inline-block; }

.show { display: block; }

.show-inline { display: inline; }

.hide, .header-wrapper .shipment-number .phone-number .mobile-widget-title, .shipping-info, .shippingmethodslist .shipList, .shippingmethodslist .dropdown span.value, .mobile-order-summary, .mobile-includes, .mobile-cart { display: none; }

.float-right, .right-section, .billing-info .checkbox label, .payment-info #paywithpaypal, .selected-products-info .summary-right-product, .selected-products-info .summary-right-product .mbProduct { float: right; }

.float-left, .left-section, .billing-info .checkbox input, .selected-products-info .imagecolumn { float: left; }

.float-clr { float: none; }

.strikethrough { text-decoration: line-through; }

.requiredindicator { color: #ff0100; }

.errormessage_password, .errormessage_email, .errorclient, .errormessage { color: #f00; font-size: 0.7em; font-weight: 700; line-height: normal; display: block; }

.errorform { color: #f00; font-size: 0.7em; font-weight: 700; line-height: normal; border: 1px solid; margin: 9px 0; padding: 9px; text-align: center; }

.home-wrap { width: 100%; float: left; }

.page-wrap { width: 100%; float: left; margin: 20px 0px; }

.page-width { width: 960px; margin: 0px auto; }

.black-header { background-color: #322f31; color: #fff; font-size: 1.5em; font-weight: normal; height: 40px; padding: .5% 1% 0; }

.ui-content-scroll { height: 80%; overflow-y: auto; -webkit-overflow-scrolling: touch; }

input.errormessage.placeholder { color: #ccc; }

/*Header CSS*/
/*Home page Header design*/
.headerWide { width: 100%; float: left; }

.subHeader { height: 38px; border-bottom: 3px solid #51c4c1; background: #0e0e0e; /* Old browsers */ background: -moz-linear-gradient(top, #343133 0%, #0e0e0e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343133), color-stop(100%, #0e0e0e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #343133 0%, #0e0e0e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #343133 0%, #0e0e0e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #343133 0%, #0e0e0e 100%); /* IE10+ */ background: linear-gradient(to bottom, #343133 0%, #0e0e0e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343133', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */ float: left; width: 100%; }

.errormessage_email, .errormessage_password { margin: 2px 0px 3px 0px; }
.errormessage_email a, .errormessage_password a { color: #f00; text-decoration: underline; }
.errormessage_email a:hover, .errormessage_password a:hover { text-decoration: none; }

.quickLinks { float: right; margin: 5px 0px 0 0; }
.quickLinks li { float: left; margin-right: 15px; }
.quickLinks li.lChat { margin: 0 6px; position: relative; width: 100px; display: block; }
.quickLinks li.lChat #inqC2CProactivTopNav { float: left; height: 14px; margin-top: 10px; width: 94px; }
.quickLinks li.lChat #inqC2CProactivTopNav img { margin-top: -10px; }
.quickLinks li.custServLink .tv-icon { background: url("../images/special-offer/tv-icon.png") no-repeat 0 0; float: left; height: 18px; margin: 4px 1px 0 0; width: 25px; }
.quickLinks a { background: url("../images/quick-link-arrow.png") no-repeat right center; color: #fff; display: inline-block; float: left; font-size: 12px; font-weight: 600; padding: 7px 12px 5px 0; text-decoration: none; text-transform: uppercase; }
.quickLinks a:hover { text-decoration: underline; }

.pageWidth { width: 960px; margin: 0px auto; }

#SearchContainer { float: right; height: 25px; margin: 5px 0px 0px 5px; width: 220px; background: #fff; border-radius: 1px; }
#SearchContainer #search { background: url("../images/inner-shadow.png") no-repeat -92px -7px; }
#SearchContainer #searchQ { width: 190px; text-align: center; margin: 0; font-size: 12px; color: #ccc; height: 25px; border: none; font-weight: 600; background: transparent; outline: none; padding: 3px 10px 3px 3px; }
#SearchContainer input[type="submit"] { background: #fefefe url("../images/search-submit.png") no-repeat right bottom; width: 30px; margin: 2px 0px 1px 0px; float: right; border: none; height: 22px; cursor: pointer; }
#SearchContainer #searchError { background-color: #fff; color: #f00; display: block; font-size: 11px; line-height: normal; position: relative; z-index: 999; }

.mainHeader { float: left; width: 100%; position: relative; background: #fff url("../images/header-nav.jpg") repeat-x left bottom; box-shadow: 0 0 5px #000; z-index: 2; }
.mainHeader #Navigation { float: left; width: 100%; }
.mainHeader #logo { float: left; height: 55px; margin: 9px 0px 0px 0px; }
.mainHeader #logo a { display: block; height: 45px; min-width: 150px; }

.header-wrap #Navigation .primaryNavigation, .footer-wrap #Navigation .primaryNavigation { overflow: inherit; }

.primaryNavigation { float: right; padding: 0px; margin: 0px 0px 0px 25px; }
.primaryNavigation > li { display: inline-block; float: left; margin: 0; min-height: 62px; }
.primaryNavigation > li > a { background: url("../images/nav-divider.png") no-repeat right 10px; color: #322f31; display: block; font-size: 16px; font-weight: 600; height: auto; padding: 21px 30px 22px 30px; text-transform: uppercase; white-space: nowrap; }
.primaryNavigation > li > a span { display: none; }
.primaryNavigation > li:hover { background: #fbfbfb; }
.primaryNavigation > li.existingCustomers { background: url("../images/sign-in-bg.png") repeat-x left top; }
.primaryNavigation > li.existingCustomers > a { background: url("../images/sign-in-icon.png") no-repeat 73px 29px; color: #66686a; font-size: 14px; font-weight: 500; padding: 23px 27px 24px 22px; }
.primaryNavigation > li.existingCustomers > a.opened { background: #ededed url("../images/sign-in-opened.png") no-repeat 73px 29px; }
.primaryNavigation > li.btnOrdernow a { background: url("../images/order-now-cta.png") no-repeat left top; border: medium none; border-radius: 0; float: left; font-size: 0; height: 64px; line-height: normal; margin: 0; padding: 0; text-indent: -9999px; width: 133px; }

.header-sub-menu { display: none; float: left; position: absolute; left: 0; top: 60px; width: 100%; z-index: 999; height: 165px; background: #fbfbfb url("../images/submenu-bg.png") repeat-x left bottom; }
.header-sub-menu a { color: #322f31; }
.header-sub-menu a:hover { text-decoration: none; color: #ff8100; }

/*New Navigation changes for PA brand*/
.header-wrap .menu-list:hover > a, .footer-wrap .menu-list:hover > a, .header-wrap .menu-list > a:hover, .footer-wrap .menu-list > a:hover { color: #d142a9; }

.menu-list { position: relative; }
.menu-list .header-sub-menu { width: 200px; height: auto; box-shadow: 0 0 2px #000; top: 62px; border-top: 3px solid #d142a9; margin: 0 0 0 -40px; text-align: center; }
.menu-list .header-sub-menu .arrow { border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #d142a9; background: none; position: relative; top: -35px; margin: 0; padding: 0; }
.menu-list .header-sub-menu ul li { font-size: 14px; width: 80%; margin: 0 20px; float: left; padding: 15px 0; border-bottom: 1px solid #ccc; text-transform: uppercase; box-sizing: border-box; text-align: left; }
.menu-list .header-sub-menu > li:not(.existingCustomers):not(.btnOrdernow):hover { background: none; }
.menu-list .header-sub-menu > li:not(.existingCustomers):not(.btnOrdernow):hover > a, .menu-list .header-sub-menu ul li a:hover { color: #d142a9; font-weight: 600; }

.subnav { height: auto; margin: 0 auto; padding-top: 22px; width: 610px; }
.subnav .category { width: 176px; float: left; padding-right: 20px; }
.subnav .category ul { padding: 0; width: 100%; float: left; }
.subnav .category ul li { width: 100%; margin: 0 0 10px; float: left; }
.subnav .category ul li a { color: #322f31; display: block; float: left; font-size: 14px; height: 15px; line-height: 15px; padding: 1px; }
.subnav .category ul li a:hover { text-decoration: none; color: #ff8100; }

.sign-in-hover { margin: 0 auto; position: relative; width: 960px; }
.sign-in-hover .loginDrawer { background: url("../images/sign-in-hover-top.png") no-repeat -22px -7px #ededed; border-radius: 0 0 5px 5px; box-shadow: 0 5px 5px #777; display: none; float: right; height: auto; padding: 19px; position: absolute; right: 134px; top: 64px; width: 322px; z-index: 999; }
.sign-in-hover .loginDrawer h3 { color: #322f31; font-size: 24px; font-weight: 700; margin: 6px 0 18px; text-transform: uppercase; }
.sign-in-hover .loginDrawer #emailGroup { margin-bottom: 20px; }
.sign-in-hover .loginDrawer #passwordGroup { margin-bottom: 20px; }
.sign-in-hover .loginDrawer #rememberGroup { float: left; margin: 0px 3px 0px 0px; }
.sign-in-hover .loginDrawer #rememberGroup input { float: left; }
.sign-in-hover .loginDrawer #rememberGroup label { color: #322f31; font-size: 10px; font-weight: 700; float: left; margin: 3px 3px 0px 0px; padding: 0px; }
.sign-in-hover .loginDrawer #forgotGroup { float: left; }
.sign-in-hover .loginDrawer #forgotGroup a { color: #ff8100; font-size: 10px; font-weight: 700; text-decoration: underline; }
.sign-in-hover .loginDrawer #signInBtn { clear: both; float: left; margin-top: 35px; }
.sign-in-hover .loginDrawer #signInBtn button { background: url("../images/sign-in-btn.png") no-repeat left top; border: medium none; border-radius: 0; float: left; height: 45px; text-indent: -99999px; width: 130px; cursor: pointer; }
.sign-in-hover .loginDrawer #registerGroup { color: #322f31; float: right; font-size: 10px; font-weight: 700; margin-top: 62px; width: auto; }
.sign-in-hover .loginDrawer #registerGroup a { color: #ff8100; font-size: 10px; text-decoration: underline; }

.welcomecoloum { float: right; }
.welcomecoloum #member-logedin { border-right: 1px dotted #918f90; color: #fff; float: left; font-size: 12px; font-weight: 700; margin: 5px 0 0; padding: 6px 8px 6px 0; text-transform: capitalize; }
.welcomecoloum .accountnav { float: right; position: relative; padding: 9px 0px 6px 4px; }
.welcomecoloum .accountnav .account { background: url("../images/topnav-account.png") no-repeat 96px 18px; font-size: 12px; padding: 14px 25px 14px 10px; font-weight: 700; text-transform: capitalize; color: #fff; }
.welcomecoloum .accountnav:hover .account { background: url(../images/topnav-account.png) no-repeat 96px -6px #fff; color: #322F31; }

.dropdownbox { background: linear-gradient(#ffffff, #F4F6F6) repeat left top; background: -webkit-linear-gradient(#ffffff, #F4F6F6) repeat left top; width: 190px; box-shadow: 0 3px 3px 0 #DADADA; display: none; padding: 22px 15px 15px; position: absolute; right: 0; top: 40px; z-index: 9999; }
.dropdownbox li { padding: 2px 9px; text-align: left; }
.dropdownbox li a { color: #322f31; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; text-decoration: none; text-transform: capitalize; }
.dropdownbox li a:hover { color: #ff8100; }

.sign-out { border-top: 1px dotted #66686a; padding: 8px 10px 0; text-align: left; }
.sign-out a { color: #ff8100; font-size: 12px; font-weight: 700; text-decoration: underline; text-transform: capitalize; }
.sign-out a:hover { color: #322f31; }

/*SAS page Header design*/
.header-wrap, .footer-wrap { width: 100%; clear: both; float: left; box-sizing: border-box; }

.home-wrap { clear: both; position: relative; }
.home-wrap .contentasset { width: 100%; float: left; }

.header-fixed { position: fixed; top: 0; width: 100%; z-index: 999; background: #fff; border-bottom-color: #51c4c1; border-bottom-width: 2px; border-bottom-style: solid; min-height: 62px; }

.header-wrapper { width: 960px; margin: 0px auto; }
.header-wrapper .shipment-number { width: 100%; float: left; }
.header-wrapper .shipment-number .phone-number { float: right; margin: 4px 0 3px; font-size: 0.750em; }
.header-wrapper .shipment-number .phone-number .widget-title { color: #666; text-transform: uppercase; }
.header-wrapper .logo-breadcrumb { width: 100%; float: left; }
.header-wrapper .logo-breadcrumb .header-logo { float: left; height: 38px; width: 125px; margin-top: -8px; }

.navigate { float: right; width: auto; }
.navigate li { float: left; margin-left: 2px; }
.navigate li a { background: #eee; float: left; color: #666; padding: 1px 4px; line-height: 2.0em; }
.navigate li a span { float: left; }
.navigate li a span.nav-steps { min-width: 30px; text-align: center; border-right: 1px solid #ccc; font-size: 1.0em; }
.navigate li a span.breadcrumb-text { min-width: 100px; text-align: center; padding: 0px 6px; font-size: 0.80em; }
.navigate li.nav-5 a { background: #eee; float: left; color: #666; padding: 1px 4px; line-height: 2.0em; }
.navigate li.nav-5 a span { float: left; }
.navigate li.nav-5 a span.nav-steps { min-width: 25px; text-align: center; border-right: 1px solid #ccc; font-size: 0.9em; font-weight: 600; }
.navigate li.nav-5 a span.breadcrumb-text { min-width: 100px; text-align: center; padding: 0px 6px; font-size: 0.70em; }
.navigate li.nav-6 a { background: #eee; float: left; color: #666; padding: 1px 4px; line-height: 2.0em; }
.navigate li.nav-6 a span { float: left; }
.navigate li.nav-6 a span.nav-steps { min-width: 20px; text-align: center; border-right: 1px solid #ccc; font-size: 0.8em; font-weight: 600; }
.navigate li.nav-6 a span.breadcrumb-text { min-width: 50px; text-align: center; padding: 0px 6px; font-size: 0.68em; }
.navigate li.active a { background: #ccc; }

.mobile-menu { background: url("../images/t4/tfour-sprite.png") no-repeat -234px -378px #65c7c6; display: none; float: left; height: 36px; padding: 5px; width: 36px; }

.responsive-header-wrap { display: none; }

.responsive-footer-wrap { display: none; }

.phone-number a { color: #333; }

.cart-short-description a { color: #333; }

.cart-header { width: 960px; margin: auto; padding-top: 16px; margin-bottom: 15px; }

.guarantee { width: 60%; display: inline-block; float: left; height: 100%; margin: 0px 0px 10px 0px; }

.cart-header img { float: left; margin-right: 10px; }

.cart-header h1 { margin-top: 10px; }

.bv-rating-summary { width: 20%; float: left; display: inline-block; }

.touchChat { width: 960px; margin: 0px auto; clear: both; position: relative; }
.touchChat img { position: absolute; right: 0; top: 20px; }

/*Confirmation CSS*/
.confirmation-content, .order-summary, .order-details, .product-details, .order-price, .person-information, .summary-block, .your-information, .call-us-text, .free-ebook, .review-page, .emptycart-page, .empty-block, .complete-your-order, .checkout-steps { float: left; width: 100%; }

.order-confirmation { font-size: 100%; box-sizing: border-box; }
.order-confirmation p { font-size: 0.8em; color: #322f31; line-height: 1.4em; }
.order-confirmation h1 { padding: 2px 0px 2px 0px; font-size: 2.40em; color: #2b2b2b; }
.order-confirmation h2 { border-bottom: 1px solid #66686a; padding-bottom: 2px; font-size: 1.30em; font-weight: 400; color: #000; }
.order-confirmation h3 { font-size: 0.9em; font-weight: 700; color: #000; }

.confirm-email span { color: #32bdb9; }

.orderno { font-weight: 700; }

.checkout-steps { list-style: none; display: block; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; min-height: 22px; padding: 5px 0px; margin: 12px 0px 10px 0px; width: 75%; }
.checkout-steps ul { margin: 0px 0px 0px 12px; }
.checkout-steps li { float: left; line-height: 22px; font-weight: 700; margin: 0px 20px 0px 0px; font-size: 0.9em; }
.checkout-steps li span { float: left; }
.checkout-steps li span.steps { color: #c2c2c2; font-weight: 400; }
.checkout-steps li.active .steps { color: #32bdb9; }
.checkout-steps li.active .number { background: #32bdb9; color: #fff; }
.checkout-steps .number { width: 22px; text-align: center; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #c2c2c2; margin-right: 5px; color: #fff; }

.orderConfimationContainer { float: left; width: 100%; margin: 5px 0px 25px 0px; }

.thank-you-message { float: left; padding: 10px; box-sizing: border-box; background: #eee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 48%; margin: 5px 0 35px; word-wrap: break-word; }
.thank-you-message h4.thanks, .thank-you-message #moreInfo .tab_directions p.thanks, #moreInfo .tab_directions .thank-you-message p.thanks, .thank-you-message #moreInfo .tab_ingredients p.thanks, #moreInfo .tab_ingredients .thank-you-message p.thanks { font-weight: 400; font-size: 0.85em; line-height: 1.4em; }
.thank-you-message .order-number { font-weight: 700; }
.thank-you-message .email-address { font-weight: 700; }

.call-us-text { font-size: 0.8em; }

.complete-your-order { marging: 2px 0px 10px 0px; }
.complete-your-order .review-order-button { float: right; }

.product-details { padding: 15px 0px; }

.order-confirmation .order-summary { border: 0px; }
.order-confirmation .errorform { clear: both; }
.order-confirmation .primaryNavigation { float: left; margin: 0px 0px 0px 62px; }

.product-details ul { float: left; width: 100%; list-style: none; }
.product-details ul li.item-detail { float: left; width: 90%; }
.product-details ul li.item-detail .item-name { float: left; font-weight: 700; }
.product-details ul li.item-detail .item-qty { float: right; }
.product-details ul li.item-total { float: right; width: 8%; text-align: right; }

.order-price { border-bottom: 1px solid #66686a; border-top: 1px solid #66686a; padding: 10px 0px; margin: 0px 0px 5px 0px; }
.order-price ul { float: left; width: 100%; list-style: none; font-size: 0.85em; color: #322f31; }
.order-price ul.cart-container { margin: 5px 0px; }
.order-price ul.cart-container.your-total { font-weight: 700; }
.order-price ul li.cart-detail { float: left; width: 90%; text-align: right; }
.order-price ul li.cart-prising { float: right; width: 8%; text-align: right; }

.sale-tax { float: left; width: 100%; margin: 0px 0px 10px 0px; }
.sale-tax p { font-size: 0.8em; color: inherit; }

.person-details { float: left; width: 100%; border-bottom: 1px solid #66686a; padding: 15px 0px; }
.person-details p { font-weight: 700; }

.payment-and-shipping { float: left; width: 100%; margin: 10px 0px; }
.payment-and-shipping h3 { margin: 0px 0px 5px 0px; }
.payment-and-shipping .paymentinfo { float: left; box-sizing: border-box; width: 57%; word-wrap: break-word; }
.payment-and-shipping .billtoaddress { float: left; box-sizing: border-box; width: 27%; padding: 0px 15px 0 0; word-wrap: break-word; }
.payment-and-shipping .shipptoaddress { float: left; box-sizing: border-box; width: 15%; word-wrap: break-word; }

.block-content { margin: 30px 0px; }
.block-content .cartempty { margin: 5px 0px 8px 0px; }
.block-content .backtoshopping { margin: 5px 0px 8px 0px; }
.block-content .backtoshopping a { font-size: 1.1em; color: #51c4bf; }

/*Free Download Book*/
.free-ebook { color: #2b2b2b; display: inline-block; font-size: 18px; height: 182px; margin: 50px auto 50px -225px; position: relative; left: 50%; padding: 0; width: 450px; }
.free-ebook .freebook { float: left; }
.free-ebook .description { margin-left: 15px; padding-top: 0; width: 312px; float: left; }
.free-ebook .description h2 { border: 0px; font-size: 1.05em; }
.free-ebook .description p { font-size: 0.7em; line-height: 1.6em; }
.free-ebook .description .free-ebook-download { color: transparent; cursor: pointer; display: block; float: left; margin: 0; height: 74px; width: 215px; }

/*order Review Btn*/
.review-order-button button { background: #ff8100 url("../images/orange-btn.png") repeat-x left top; border: 1px solid #c60; border-radius: 20px; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; height: 32px; line-height: 1em; padding: 0 15px; text-decoration: none; text-shadow: 0 1px 1px #c60; text-transform: uppercase; cursor: pointer; }

/*Checkout CSS*/
.checkout-form { margin: 0 auto; width: 960px; clear: both; }
.checkout-form .agree-text a { color: #ff8100; text-decoration: underline; }

.left-section { width: 624px; }

.right-section { width: 326px; }

.last-section { clear: both;}

.full-section { float: none; width: 99%; }

.section-title { background-color: #322f31; border-radius: 2px; color: #fff; font-size: 0.75em; font-weight: 700; height: 26px; line-height: 26px; padding: 3px 4px 3px 10px; text-transform: uppercase; }

.billing-info { overflow: hidden; }
.billing-info .checkbox { clear: both; overflow: hidden; margin: 0 15px 15px 10px; width: 250px; }
.billing-info .checkbox label { width: 92%; }
.billing-info .checkbox input { margin: 3px 0 0 0; padding: 0; }

.payment-info #paywithpaypal { background: url("../images/t4/payPalImg.png") no-repeat right top; border: 0 none; cursor: pointer; height: 24px; width: 113px; }

.selected-products-info { border: 1px solid #ccc; margin: 10px 0px; padding: 10px; clear: both; overflow: hidden; }
.selected-products-info .summary-right-product { position: relative; }
.selected-products-info .summary-right-product h4, .selected-products-info .summary-right-product #moreInfo .tab_directions p, #moreInfo .tab_directions .selected-products-info .summary-right-product p, .selected-products-info .summary-right-product #moreInfo .tab_ingredients p, #moreInfo .tab_ingredients .selected-products-info .summary-right-product p { color: #999; font-size: 0.688em; font-weight: 700; margin-bottom: 8px; text-transform: uppercase; }
.selected-products-info .summary-right-product .mbProduct { border: 1px solid #cce7e8; border-radius: 5px; margin-bottom: 10px; padding: 5px; }
.selected-products-info .summary-right-product .mbProduct img { float: left; margin: 0 5px 0 0; width: 45px; }
.selected-products-info .summary-right-product .mbProduct span { color: #666; float: left; font-size: 0.688em; line-height: normal; width: 110px; }
.selected-products-info .detailscolumn { clear: both; margin: 0; width: 328px; }
.selected-products-info .detailscolumn .name { font-size: 1.5em; line-height: 1em; margin-bottom: 5px; }
.selected-products-info .detailscolumn p, .selected-products-info .detailscolumn .otherDescription { font-size: 0.875em; }
.selected-products-info .detailscolumn.shortDescription { margin-top: 20px; }
.selected-products-info .detailscolumn.shortDescription ul { list-style: inside none disc; }
.selected-products-info .detailscolumn.shortDescription li { margin: 3px 0; }
.selected-products-info .detailscolumn.shortDescription span { color: #333; font-weight: 600; }
.selected-products-info .imagecolumn { width: 270px; margin: 10% 0 0; }
.selected-products-info .imagecolumn img { max-width: 100%; }

.contact-info .checkout-box-inner { width: 100%; }

.payment-info .checkout-box-inner { width: 100%; }

.checkout-box-inner .formfield.email span.errormessage { width: 215px; }

.checkout-box-inner { width: 465px; padding: 20px 0 15px 10px; overflow: hidden; box-sizing: border-box; }
.checkout-box-inner .formfield { margin: 0 10px 0 0; min-height: 70px; box-sizing: border-box; }
.checkout-box-inner .formfield.email, .checkout-box-inner .formfield.phone { min-height: 65px; }
.checkout-box-inner .gender { float: left; width: 212px; }
.checkout-box-inner .gender .value { float: left; margin: 0 10% 0 0; }
.checkout-box-inner .gender .value label { float: right; padding: 0; }
.checkout-box-inner .gender .value input[type="radio"] { margin: 1px 5px 0px 0px; padding: 0; vertical-align: baseline; float: left; }
.checkout-box-inner .gender .value.female { width: 68px; }
.checkout-box-inner .gender .value.male { width: 52px; }
.checkout-box-inner .age { float: left; width: 212px; }
.checkout-box-inner .age label { float: left; padding: 0; }
.checkout-box-inner .age .label { display: none; }
.checkout-box-inner .age input { margin: -5px 7px 0 10px; width: 50px; text-align: center; }
.checkout-box-inner .email { position: relative; }
.checkout-box-inner .email .mail { width: 212px; }
.checkout-box-inner .email .errorclient { margin: 5px 0; }
.checkout-box-inner .email .errorclient a:hover { text-decoration: none; }
.checkout-box-inner .email span.errormessage { width: inherit; }
.checkout-box-inner .email span.errormessage, .checkout-box-inner .email span.success { background: url("../images/t4/tfour-sprite.png") no-repeat -232px -266px; position: absolute; top: 16px; left: 220px; height: 30px; width: 100%; padding-left: 32px; }
.checkout-box-inner .email span.success { background-position: -232px -214px; display: none; width: 20px; }
.checkout-box-inner .phone { width: 212px; position: relative; }
.checkout-box-inner .phone .small { width: 22%; margin: 0 10px 0 0; text-align: center; float: left; max-width: 55px; }
.checkout-box-inner .phone .numberbox { width: 45%; text-align: center; float: left; max-width: 100px; }
.checkout-box-inner .phone span.errormessage { position: absolute; top: 50px; }
.checkout-box-inner .first-name, .checkout-box-inner .last-name { float: left; width: 212px; }
.checkout-box-inner .address { clear: both; width: 435px; }
.checkout-box-inner .city, .checkout-box-inner .zip-code, .checkout-box-inner .state { float: left; margin-right: 10px; width: 155px; }
.checkout-box-inner .zip-code { width: 140px; margin: 0; }
.checkout-box-inner .state { width: 120px; }
.checkout-box-inner .shipping-message-block { margin: 0 0 12px; font-size: 0.815em; }
.checkout-box-inner .payment-method { width: 212px; }
.checkout-box-inner .indicate-required-field { font-size: 0.625em; margin: 10px 0 0; width: 100%; color: #322f31; }
.checkout-box-inner .password, .checkout-box-inner .confirm-password { float: left; width: 212px; }

.agree-box { clear: both; overflow: hidden; padding: 15px 0; position: relative; }
.agree-box .checkbox { float: left; }
.agree-box .checkbox input { margin: 6px 5px 0px 0px; float: left; padding: 0px; }
.agree-box .checkbox label { display: none; }
.agree-box .checkbox span.errormessage { left: 0; position: absolute; top: 0; }
.agree-box .agree-text { float: left; width: 90%; color: #333; padding: 3px; line-height: 1.2em; }
.agree-box .agree-text label { width: 95%; }
.agree-box .agree-text label > div { font-size: 0.87em; font-weight: 400; }

.card-details { clear: both; overflow: hidden; }
.card-details h5 { font-size: 0.875em; font-weight: 700; padding-bottom: 8px; text-transform: uppercase; }
.card-details .card-number { position: relative; min-height: 70px; }
.card-details .card-number span.errormessage { position: absolute; bottom: 6px; }
.card-details .card-number .card-types { background: url("../images/cardtypes.png") no-repeat right 0px; float: left; width: 202px; height: 30px; margin: 0 0 0 5px; }
.card-details .card-number .card-types p { font-size: 0px; }
.card-details .card-number input { width: 212px; float: left; }
.card-details .card-number.Visa .card-types { background-position: right -60px; }
.card-details .card-number.MasterCard .card-types { background-position: right -120px; }
.card-details .card-number.Discover .card-types { background-position: right -179px; }
.card-details .card-number.Amex .card-types { background-position: right -239px; }
.card-details .expiration-date .month, .card-details .expiration-date .year, .card-details .expiration-date #paymentinfoerrors .errormessage { float: left; width: 135px; padding: 0 10px 0 0; }
.card-details .expiration-date #paymentinfoerrors { clear: both; }
.card-details .expiration-date #paymentinfoerrors .errormessage { width: 100%; }

.order-summary { border: 1px solid #ccc; clear: both; overflow: hidden; margin: 10px 0px 0px 0px; box-sizing: border-box; }
.order-summary a.scroll-to-top, .order-summary a.remove-vitamin { font-size: 0.75em; color: #ff8100; text-decoration: underline; }
.order-summary .section-title { background-color: #999; font-size: 1.125em; font-weight: 600; padding: 10px 5px; border-radius: 0; text-transform: initial; }
.order-summary .order-summary-detail { padding: 15px; }
.order-summary .remove-vitamin { float: right; margin: -8px 0 0; }
.order-summary .cart-product-name { background: url("../images/t4/tfour-sprite.png") no-repeat -3px -548px; color: #333; font-size: 0.9em; font-weight: 600; line-height: 1.6em; margin: 0px 0 0; padding: 0 22px 10px; word-wrap: break-word; }
.order-summary select { font-size: 0.75em; height: 28px; margin-right: 5px; }
.order-summary select.quantityselector { width: 75px; }
.order-summary select.daysupply { width: 135px; }
.order-summary .cart-summary-description, .order-summary .summary-description-cart { color: #424242; font-size: 0.75em; line-height: 1.4em; padding: 10px 0; }
.order-summary .cart-summary-description strong a, .order-summary .summary-description-cart strong a { color: #424242; }
.order-summary .cart-short-description strong a { color: #424242; }
.order-summary .cart-short-description a { color: #424242; }

.order-totals { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.875em; padding: 10px 5px 5px; }
.order-totals .value { float: right; width: auto; }
.order-totals .discounted-amount { color: red; font-weight: 700; }
.order-totals .shipping-total { margin: 3% 0; position: relative; line-height: 26px; }
.order-totals .shipping-total #shipTotal { font-size: 0; line-height: 0; }

.shippingmethodslist { margin-left: 0; position: absolute; right: 0; top: 0; }
.shippingmethodslist .dropdown dd, .shippingmethodslist .dropdown dt, .shippingmethodslist .dropdown ul { margin: 0px; padding: 0px; }
.shippingmethodslist .dropdown dd { position: relative; margin-top: 26px; }
.shippingmethodslist .dropdown dd ul { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; color: #C5C0B0; display: none; left: 0px; padding: 0; position: relative; top: 0; width: auto; min-width: 170px; list-style: none; z-index: 1000; }
.shippingmethodslist .dropdown dd ul li { border-bottom: 1px solid #ebebeb; }
.shippingmethodslist .dropdown dd ul li a { padding: 0 20px 0 3px; width: 197px; display: block; font-size: 0.70em; font-style: normal; }
.shippingmethodslist .dropdown dd ul li a:hover { background-color: #3399ff; color: #fff; }
.shippingmethodslist .dropdown a, .shippingmethodslist .dropdown a:visited { color: #333; text-decoration: none; outline: none; }
.shippingmethodslist .dropdown img.flag { border: none; vertical-align: middle; margin-left: 10px; }
.shippingmethodslist .dropdown dt { position: absolute; right: 0; top: 0; }
.shippingmethodslist .dropdown dt a { background: #fff url(../images/dropdown-arrow.png) no-repeat 97% center; display: block; padding-right: 20px; border: 1px solid #ccc; width: 197px; padding: 5px 20px 5px 3px; height: 15px; overflow: hidden; font-size: 0.70em; line-height: 1.6em; }
.shippingmethodslist .dropdown dt a span { cursor: pointer; display: block; }

.shipping-note { font-size: 0.688em; color: #777; padding: 10px 0; position: relative; }
.shipping-note span { color: #067daa; }
.shipping-note .states-list { background: none repeat 0 0 #eee; font-size: 0.813em; padding: 6px; position: absolute; left: 100px; top: 5px; z-index: 9; }

.order-total { border-top: 1px solid #ccc; margin: 0 -5px; padding: 5px 5px 0; }
.order-total .value { font-weight: 700; }

.complete-order-box { background: url("../images/t4/gray-grad-bg.jpg") repeat-x left bottom; border: 1px solid #ccc; box-sizing: border-box; }

.complete-order { min-height: 75px; padding: 20px 20px 10px; text-align: right; }
.complete-order .complete-order-text { color: #666; font-size: 1em; font-weight: 600; margin-right: 35px; }
.complete-order .continue-btn { background: url("../images/t4/compOrderBtn.png") no-repeat left top; border: medium none; cursor: pointer; font-size: 0; height: 52px; width: 246px; margin-right: 25px; }

.vitamin-section { background: url("../images/t4/vitamin-bg.jpg") repeat-x left top #e6f7f5; border: 1px solid #bce9e5; padding: 20px 7px 10px 15px; clear: both; overflow: hidden; position: relative; }

.vitamin-product .productimage { float: left; margin-right: 11px; max-height: 94px; }
.vitamin-product .upsell-content { width: 545px; float: left; color: #333; font-size: 0.9em; margin: 4px 4px 0 0; }
.vitamin-product .upsell-content h4, .vitamin-product .upsell-content #moreInfo .tab_directions p, #moreInfo .tab_directions .vitamin-product .upsell-content p, .vitamin-product .upsell-content #moreInfo .tab_ingredients p, #moreInfo .tab_ingredients .vitamin-product .upsell-content p { font-size: 1.125em; font-weight: 300; }
.vitamin-product .moreInfo { margin: 10px 0; }
.vitamin-product .moreinformation { float: left; margin: 10px 0; padding: 10px 0 0; border-top: 1px solid #ccc; font-size: 0.8em; }
.vitamin-product .addcart-button { float: right; position: absolute; right: 17px; top: 18px; }
.vitamin-product .addcart-button .add-vitamin { background: url("../images/t4/tfour-sprite.png") no-repeat -230px -101px; border: none; margin: 0; padding: 0 0 0 15px; text-indent: 0; float: left; }
.vitamin-product .addcart-button .add-vitamin span { background: url("../images/t4/tfour-sprite.png") no-repeat -404px -31px; color: #fff; float: right; font-weight: 700; height: 30px; line-height: 30px; padding-right: 15px; text-shadow: 1px 1px 1px #777; }

.cart-summary-product-id { color: #fff; font-size: 0.85em; }

.cart-summary-product-id-vitamin { color: #fff; font-size: 0.85em; }

/*Combined cart CSS*/
.checkout-form.longcartpage { position: relative; }

.longcartpage .placeholder { font-style: normal; }
.longcartpage ::-webkit-input-placeholder, .longcartpage ::-webkit-select-placeholder { font-style: normal; }
.longcartpage ::-moz-placeholder, .longcartpage ::-moz-placeholder { font-style: normal; }
.longcartpage :-ms-input-placeholder, .longcartpage :-ms-select-placeholder { font-style: normal; }
.longcartpage input:-moz-placeholder, .longcartpage select:-moz-placeholder { font-style: normal; }
.longcartpage .left-section { border: 1px solid #c8c8c8; box-sizing: border-box; width: 630px; margin: 10px 0 0 0px; }
.longcartpage .right-section { width: 315px; }
.longcartpage .section-title { text-transform: capitalize; color: #000; background-color: #fff; padding: 0; font-size: 14px; line-height: normal; height: inherit; font-weight: bold; }
.longcartpage .checkout-box { margin: 20px; border-top: 1px solid #ececec; padding: 15px 0 0; }
.longcartpage .checkout-box-inner { padding: 10px 0 0; width: 500px; }
.longcartpage .checkout-box-inner label { display: none; }
.longcartpage .checkout-box-inner .shipping-message-block { display: none; }
.longcartpage .checkout-box-inner .formfield { min-height: 50px; }
.longcartpage .checkout-box-inner .formfield.email { min-height: 50px; width: 100%; position: relative; }
.longcartpage .checkout-box-inner .formfield.phone { min-height: 50px; width: 100%; position: relative; }
.longcartpage .checkout-box-inner .formfield.phone .small { max-width: 100%; text-align: left; width: 215px; }
.longcartpage .checkout-box-inner .city, .longcartpage .checkout-box-inner .zip-code, .longcartpage .checkout-box-inner .state { width: 215px; }
.longcartpage .checkout-box-inner .state { width: 100px; }
.longcartpage .checkout-box-inner .zip-code { width: 100px; }
.longcartpage .checkout-box-inner .email { top: 0; }
.longcartpage .checkout-box-inner .email span.success { top: 0; }
.longcartpage .checkout-box-inner .age .label { display: none; }
.longcartpage .phone span.errormessage { top: 30px; }
.longcartpage .contact-info { border-top: 0px; margin-top: 0px; }
.longcartpage .personal-info .checkout-box-inner label { display: block; }
.longcartpage .billing-info .checkbox { margin: 0; }
.longcartpage .checkout select { padding: 5px 0; }
.longcartpage .card-details h5 { text-transform: capitalize; }
.longcartpage .card-details #card-number { width: 225px; float: left; margin: 0; }
.longcartpage .card-details .expiration-date { width: 265px; float: left; margin-right: 0px; }
.longcartpage .card-details .card-number .card-types { margin: 15px 0; }
.longcartpage .card-details .card-number span.errormessage { bottom: 46px; }
.longcartpage .card-details .card-number input { width: 215px; margin: 0; }
.longcartpage .card-details .expiration-date .month, .longcartpage .card-details .expiration-date .year, .longcartpage .card-details .expiration-date #paymentinfoerrors .errormessage { width: 118px; }
.longcartpage .card-details .expiration-date .year { width: 118px; }
.longcartpage .card-details .expiration-date #paymentinfoerrors .errormessage { width: 118px; }
.longcartpage .indicate-required-field { display: none; }
.longcartpage .payment-info .agree-box { display: none; }
.longcartpage .payment-info h4, .longcartpage .payment-info #moreInfo .tab_directions p, #moreInfo .tab_directions .longcartpage .payment-info p, .longcartpage .payment-info #moreInfo .tab_ingredients p, #moreInfo .tab_ingredients .longcartpage .payment-info p { display: none; }
.longcartpage .payment-method { display: none; }
.longcartpage .scroll-to-top { display: none; }
.longcartpage .second.address { display: none; }
.longcartpage .order-totals { padding: 10px 0 5px; }
.longcartpage .order-totals #totalshippingprice span { display: none; }
.longcartpage .order-totals .shipping-total { min-height: 26px; margin: 20px 0 0; }
.longcartpage .order-summary .order-summary-detail { position: relative; }
.longcartpage .order-summary .summary-description-cart { padding: 20px 0 10px; }
.longcartpage .order-summary .cart-summary-description { padding: 0; }
.longcartpage .order-summary .selected-products-info { border: 0px; }
.longcartpage .order-summary .section-title { color: #fff; padding: 10px 15px; background-color: #51c4c1; font-size: 24px; line-height: 36px; font-weight: normal; }
.longcartpage .shipping-note { padding: 5px 0; }
.longcartpage .agree-text a { color: #51c4c1; }
.longcartpage .order-total { border-top: none; margin: 0; height: 30px; }
.longcartpage .order-total .value { font-size: 24px; line-height: 36px; }
.longcartpage .order-total span { margin: 12px 0 0; display: inline-block; }
.longcartpage .shippingmethodslist .dropdown dt a { width: 260px; box-shadow: 0 0 5px #f0f0f0 inset; border-radius: 2px; }
.longcartpage .shippingmethodslist .dropdown dd ul li a { width: 260px; }
.longcartpage .agree-box { padding: 15px 0 0 0; border-top: 1px solid #ccc; margin: 0 15px; }
.longcartpage #age-error.errormessage { width: 230px; }
.longcartpage .errorform { width: 618px; }
.longcartpage .complete-order { min-height: auto; padding: 20px 15px; text-align: center; }
.longcartpage .complete-order .continue-btn { margin: 0; background: url("../images/button-order.png") no-repeat 0 0; padding: 0 10px; width: 255px; }
.longcartpage .quantity-column { position: absolute; top: -30px; }
.longcartpage .selected-products-info { border: none; margin: 0; padding: 35px 15px 20px; }
.longcartpage .selected-products-info .product-name { font-size: 24px; color: #51c4c1; font-weight: bold; }
.longcartpage .selected-products-info .product-img { width: 100%; text-align: center; padding: 10px 0 80px; }
.longcartpage .selected-products-info .free-gift { font-weight: bold; color: #51c4c1; border-top: 1px solid #51c4c1; border-bottom: 1px solid #51c4c1; padding: 20px 10px; }
.longcartpage .selected-products-info h4, .longcartpage .selected-products-info #moreInfo .tab_directions p, #moreInfo .tab_directions .longcartpage .selected-products-info p, .longcartpage .selected-products-info #moreInfo .tab_ingredients p, #moreInfo .tab_ingredients .longcartpage .selected-products-info p { text-transform: uppercase; font-size: 14px; line-height: 22px; }
.longcartpage .selected-products-info p { font-size: 18px; line-height: 24px; }
.longcartpage .selected-products-info .supply-size { font-weight: bold; padding: 20px 10px; color: #e7e7e7; border-bottom: 1px solid #ccc; }
.longcartpage .section.checkout .selected-products-info .detailscolumn { width: 100%; }
.longcartpage .section.checkout .selected-products-info .imagecolumn { margin: 0px; }

/*Footer CSS*/
/*Home page Footer design*/
.footer-acq { background: #eeeded; width: 100%; padding: 15px 0px 15px 0px; float: left; }
.footer-acq .footer-acq-menu { width: 960px; margin: 0px auto; padding: 0 0 0 65px; box-sizing: border-box; }
.footer-acq .footer-acq-menu li { display: inline-block; padding: 18px 10px 0 8px; }
.footer-acq .footer-acq-menu li a { color: #322f31; cursor: pointer; font-size: 12px; text-decoration: none; font-weight: 300; }
.footer-acq .footer-acq-menu li a:hover { text-decoration: underline; }
.footer-acq .footer-acq-menu li.select-country { font-size: 12px; font-weight: 700; padding: 0 0 0 10px; margin: 0px; position: relative; top: -10px; width: 138px; }

.select-country #countryList { border: 1px solid #9c9c9c; background: #fff; float: left; min-height: 18px; position: absolute; overflow: hidden; width: 136px; z-index: 100; }
.select-country #countryList li { width: 100%; text-align: left; display: inline-block; box-sizing: border-box; margin: 0; padding: 2px 0; height: 18px; }
.select-country #countryList li a { background: #fff url("../images/flags-20.png") no-repeat; padding: 2px 5px 2px 32px; box-sizing: border-box; }
.select-country #countryList li.usa { position: absolute; bottom: 0; background: url("../images/country-selector-bg.png") no-repeat right center; }
.select-country #countryList li.usa a { background-position: 10px 3px; }
.select-country #countryList li.oth a { background-position: 10px -197px; }
.select-country #countryList li.aus a { background-position: 10px -57px; }
.select-country #countryList li.at a { background-position: 10px -279px; }
.select-country #countryList li.ca a { background-position: 10px -37px; }
.select-country #countryList li.china a { background-position: 10px -237px; }
.select-country #countryList li.ca a { background-position: 10px -37px; }
.select-country #countryList li.den a { background-position: 10px -157px; }
.select-country #countryList li.fin a { background-position: 10px -117px; }
.select-country #countryList li.ger a { background-position: 10px -77px; }
.select-country #countryList li.ind a { background-position: 10px -216px; }
.select-country #countryList li.ja a { background-position: 10px -97px; }
.select-country #countryList li.nor a { background-position: 10px -177px; }
.select-country #countryList li.swe a { background-position: 10px -137px; }
.select-country #countryList li.sws a { background-position: 10px -258px; }
.select-country #countryList li.uk a { background-position: 10px -17px; }
.select-country #countryList li.oth a { background-position: 10px -197px; }

.socialIcons { background: #f6f6f6; width: 100%; padding: 15px 0 0 0; float: left; }

.moneybackContainer { width: 960px; margin: 0px auto; }
.moneybackContainer .money-back-guarantee-footer { float: left; margin-top: 10px; text-align: left; width: 256px; }
.moneybackContainer .money-back-guarantee-footer .money-back-footer { float: left; margin-top: -8px; }
.moneybackContainer .money-back-guarantee-footer > div { float: left; display: inline-block; font-size: 13px; margin-left: 10px; text-align: left; width: 66%; }
.moneybackContainer ul { float: right; margin: 10px auto; padding: 0; }
.moneybackContainer ul li { background-image: none; border-left: 1px dotted #b8b8b8; display: inline-block; list-style: outside none none; padding: 10px 20px; font-size: 0.875em; }
.moneybackContainer ul li a { background: url("../images/socialIcons.png") no-repeat; color: #000; padding: 8px 2px 8px 40px; }
.moneybackContainer ul li a:hover { text-decoration: underline; }
.moneybackContainer ul li a.facebook { background-position: 0 -318px; }
.moneybackContainer ul li a.pinterest { background-position: 0 -235px; }
.moneybackContainer ul li a.youtube { background-position: 0 -157px; }
.moneybackContainer ul li a.twitter { background-position: 0 -78px; }
.moneybackContainer ul li a.gplus { background-position: 0 2px; }

.countryselector { display: inline-block; width: 136px; position: relative; margin-bottom: 5px; }

.mbg-copyright { width: 100%; padding: 15px 0px 15px 0px; float: left; }
.mbg-copyright .copyrightWapper { width: 960px; margin: 0px auto; }
.mbg-copyright .copyrightWapper .copywright { font-size: 10px; line-height: 18px; padding-top: 18px; text-align: right; color: #67686a; float: right; width: 100%; }
.mbg-copyright .copyrightWapper .copywright .copywrightDesc { float: right; }
.mbg-copyright .copyrightWapper .copywright .img { float: left; margin: -10px 15px 0px 0px; }

.footer.alt { display: none; }

/*SAS page Footer design*/
.footer-wrapper { clear: both; margin: 0px auto; width: 960px; }
.footer-wrapper > div { float: left; margin: 20px 0; }
.footer-wrapper .footer-money-back { float: left; width: 66px; margin: 0px 18px 0px 0px; }
.footer-wrapper .cart-copyright { float: left; width: 870px; position: relative; margin: 10px 0; }
.footer-wrapper .cart-copyright .guthy-renker-logo { position: relative; top: 5px; }
.footer-wrapper .cart-copyright p { font-size: 0.7em; color: #666; margin: 4px 0; }
.footer-wrapper .cart-copyright .guthy-renker-legal { position: relative; top: 7px; float: right; right: 370px; }
.footer-wrapper .cart-copyright .guthy-renker-legal a { text-decoration: underline; }
.footer-wrapper .cart-copyright .guthy-renker-legal-mobile { margin: 0px 5px; }
.footer-wrapper .cart-copyright .guthy-renker-legal-mobile a { text-decoration: underline; }

.responsive-auto-up { display: none; }

/*SAS CSS */
/* KIT
-------------------------*/
.cart-page { padding: 58px 0px 0px 0px; }

.page-sas { width: 960px; margin: auto; margin: 0 auto; overflow: hidden; }
.page-sas .section { float: left; width: 100%; position: relative; }
.page-sas .heading { float: left; width: 100%; position: relative; }

.heading { float: left; width: 100%; position: relative; }

.section .list-wrapper { overflow: hidden; position: relative; width: 100%; margin: 12px 0 12px 0; }
.section ul.list-container { width: 964px; }
.section ul.list-container > li { padding: 2px 0px; }
.section ul.list-container li { float: left; }
.section ul.list-container li.active .list-content { border-color: #51c4c1; border-width: 1px; border-style: solid; outline: 2px solid #51c4c1; }
.section ul.list-container li.hide, .section ul.list-container .header-wrapper .shipment-number .phone-number li.mobile-widget-title, .header-wrapper .shipment-number .phone-number .section ul.list-container li.mobile-widget-title, .section ul.list-container li.shipping-info, .section ul.list-container .shippingmethodslist li.shipList, .shippingmethodslist .section ul.list-container li.shipList, .section ul.list-container li.mobile-order-summary, .section ul.list-container li.mobile-includes, .section ul.list-container li.mobile-cart { display: none; overflow: hidden; width: 0; }

.list-content { min-height: 200px; float: left; border-color: #51c4c1; border-width: 1px; border-style: solid; border-color: #ccc; box-sizing: border-box; overflow: hidden; cursor: pointer; }
.list-content.col-1 { width: 960px; margin: 0; }
.list-content.col-2 { width: 472px; margin: 0 4px; }
.list-content.col-3 { width: 312px; margin: 0 4px; }
.list-content.col-4 { width: 224px; margin: 0 6px; }
.list-content:hover { border-color: #51c4c1; outline: 2px solid #51c4c1; }

.market-aera { width: 100%; background: #ededed; float: left; box-sizing: border-box; }
.market-aera .buttons-container-right { float: right; margin: 41px; }
.market-aera .orderSummaryBottom { float: left; margin: 15px; }
.market-aera .orderSummaryBottom .swatchImage { float: left; margin-right: 16px; }
.market-aera .orderSummaryBottom .prodSummary { width: 280px; float: left; }

/*Next CTA */
.marketing-button-container { width: 100%; min-height: 40px; background: #ededed; float: left; margin: 16px 0 24px 0; padding: 10px 5px; box-sizing: border-box; }
.marketing-button-container .marketing-button-next { float: right; margin: 0px 5px; color: #333; }
.marketing-button-container .billboard-order-summary { float: left; }
.marketing-button-container .billboard-order-summary .summary-alignment { position: relative; float: left; width: 300px; }
.marketing-button-container .billboard-order-summary .summary-alignment .kit-price { bottom: 0; right: 0; margin-right: 135px; position: absolute; }
.marketing-button-container .billboard-order-summary .cart-description { float: left; }
.marketing-button-container .billboard-order-summary .cart-description .swatchImage { float: left; width: 105px; }
.marketing-button-container .billboard-order-summary .cart-description .swatchDesc { float: left; margin: 3px 10px 17px; }
.marketing-button-container .right-area { float: right; }
.marketing-button-container .market-area-content { float: left; }

/*Slider Controls*/
.controls a { height: 48px; outline: 0 none; position: absolute; text-indent: -9999px; top: 50%; width: 48px; z-index: 9999; opacity: 0.5; filter: alpha(opacity=50); }
.controls a:hover { opacity: 0.9; filter: alpha(opacity=90); }
.controls .prev-slide { background: url("../images/slider-arrow.png") no-repeat 0px -52px; right: 0; }
.controls .next-slide { background: url("../images/slider-arrow.png") no-repeat 0px 0px; left: 0; }

.page-sas.touch-device .section ul.list-container li .list-content { border-color: #ccc; outline: none; }
.page-sas.touch-device .section ul.list-container li.active .list-content { border-color: #51c4c1; border-width: 1px; border-style: solid; outline: 2px solid #51c4c1; }

/*Dialog CSS */
#overlay, .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .8; z-index: 1000; }

.ui-dialog { background: #fff; left: 0; outline: 0 none; overflow: hidden; position: absolute; top: 0; font-size: 1em; z-index: 1005; padding: 8px 5px 5px 8px; -webkit-transform: translate3d(0, 0, 0); }
.ui-dialog.ajaxOverlayPopup { padding: 0px; font-size: 1.1em; line-height: 1.1em; }
.ui-dialog.ajaxOverlayPopup .ui-dialog-content { padding: 0px; }
.ui-dialog.ui-corner-all { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.ui-dialog .ui-dialog-titlebar { position: relative; font-weight: 700; }
.ui-dialog .ui-dialog-titlebar .ui-dialog-title { float: left; margin: 2px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%; }
.ui-dialog .ui-dialog-titlebar .ui-button { background: url("../images/blk-close.jpg") no-repeat left top; border: 0 none; cursor: pointer; display: inline-block; overflow: visible; padding: 0; position: relative; }
.ui-dialog .ui-dialog-titlebar .ui-button-text { display: block; line-height: normal; }
.ui-dialog .ui-dialog-titlebar .ui-button-icon-only { float: right; width: 70px; height: 20px; }
.ui-dialog .ui-dialog-titlebar .ui-button-icon-only .ui-button-text { text-indent: -99999px; }
.ui-dialog .ui-dialog-content { float: left; padding: 10px 3% 20px; overflow: hidden; width: 100%; box-sizing: border-box; }
.ui-dialog .videopopup h2 { font-size: 26px; color: #53c5c1; font-weight: 700; padding-bottom: 8px; padding-top: 6px; text-transform: uppercase; }
.ui-dialog .videopopup .contentasset > div { width: 100% !important; }
.ui-dialog #playerContainer > div { height: 350px; position: relative; z-index: 1000; max-width: 800px; }

.ui-dialog.ajaxOverlayPopup .ui-dialog-titlebar .ui-button { background: url("../images/white-close.png") no-repeat right top; z-index: 9; margin: 10px 10px 0; }

#moreInfo { font-size: 0.7em; }
#moreInfo h3 { border-bottom: 1px solid #999; font-size: 1.6em; font-weight: 600; line-height: 1.2em; margin: 5px 0px; padding-bottom: 2px; width: 100%; }
#moreInfo .tab_directions, #moreInfo .tab_ingredients { float: left; width: 100%; height: 490px; overflow-y: auto; }
#moreInfo .tab_directions .giftDetail, #moreInfo .tab_ingredients .giftDetail { color: #333333; float: left; width: 238px; }
#moreInfo .tab_directions .giftImg, #moreInfo .tab_ingredients .giftImg { float: right; padding-top: 17px; text-align: center; width: 180px; }
#moreInfo .tab_directions h4, #moreInfo .tab_ingredients h4, #moreInfo .tab_directions p, #moreInfo .tab_ingredients p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 14px; font-weight: normal; }
#moreInfo .tab_ingredients .giftDetail { width: 100%; }
#moreInfo #popupTab { bottom: 0; left: 0; position: absolute; width: 100%; }
#moreInfo #popupTab li { float: left; width: 50%; }
#moreInfo #popupTab li a { background: url("../images/cartRefresh/popupUlBg.gif") no-repeat right top; color: #999; float: left; font-weight: 700; height: 28px; font-size: 1.2em; line-height: 2em; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; }
#moreInfo #popupTab li a.active { background-position: left 2px; color: #666; }

.ui-dialog-content .slide-content { height: 352px; overflow-y: auto; line-height: 1.4em; -webkit-overflow-scrolling: touch; }
.ui-dialog-content h1.border-bottom { border-bottom: 1px solid #999; font-size: 25px; font-weight: bold; line-height: normal; margin-bottom: 20px; width: 100%; padding-bottom: 3px; }
.ui-dialog-content .sub-title { font-size: inherit; padding: 0px 0px 10px 0px; }
.ui-dialog-content .termslist p { line-height: 19px; margin-bottom: 20px; }

.crosssell-container { position: absolute; width: 754px; height: 528px; z-index: 9999; left: 50%; top: 10%; margin-left: -377px; }
.crosssell-container .crosssellitem { position: relative; }
.crosssell-container .crosssellitem .btn-close { height: 34px; position: absolute; right: 0; text-indent: -9999px; top: 0; width: 102px; background: #000; opacity: 0; z-index: 20; }
.crosssell-container .crosssellitem .btn-ordernow { z-index: 10; }
.crosssell-container .crosssellitem-body { opacity: 1; }

/*PayPal Express Checkout CSS */
.express-paypal #dwfrm_personinf_agree-error { top: 33px; position: absolute; }
.express-paypal .expressCheckoutContainer { background-color: #f1f1f1; padding: 20px; }
.express-paypal .expressCheckoutContainer .continue-below { display: block; font-size: 12px; padding: 0 0 0 199px; }
.express-paypal .expressCheckoutContainer .checkbox label { display: none; }
.express-paypal #termsWarning { font-weight: bold; margin-bottom: 7px; color: #333333; padding: 0 10px 0 0; }
.express-paypal #termsAndConditionPayPal { padding-left: 0; margin-top: 10px; }
.express-paypal #termsAndConditionPayPal a { color: #ff9000; text-decoration: underline; }
.express-paypal #termsAndConditionPayPal .italictext { display: block; font-style: italic; color: grey; font-size: 0.9em; text-indent: 22px; }
.express-paypal .checkbox input { position: relative; top: -49px; }
.express-paypal #paywithpaypalexpress { background: url(../images/express-checkout.png); height: 54px; width: 300px; background-size: 100% 100%; border: none; }

.agree_box { position: relative; height: 120px; width: 100%; float: left; }
.agree_box #agreeExpressPayPal-error { bottom: -2px; position: absolute; }

body:not(:-moz-handler-blocked) .express-paypal .checkbox input { top: -56px; }

@media only screen and (min-device-width: 767px) and (max-device-width: 959px) { .express-paypal #dwfrm_personinf_agree-error { top: 35px; }
  .express-paypal .checkbox input { top: -54px; } }
/*Condensed cart CSS */
.clear { clear: both; content: " "; }

.cart-form { width: 100%; background: #efefef; }
.cart-form ::-webkit-input-placeholder { color: #666666; font-style: normal !important; font-family: arial !important; font-size: .875em !important; }
.cart-form :-moz-placeholder { color: #666666; font-style: normal !important; font-family: arial !important; font-size: .875em !important; }
.cart-form ::-moz-placeholder { color: #666666; font-style: normal !important; font-family: arial !important; font-size: .875em !important; }
.cart-form :-ms-input-placeholder { color: #666666; font-style: normal !important; font-family: arial !important; font-size: .875em !important; }
.cart-form ::-webkit-select-placeholder { color: #666666; font-style: normal !important; font-family: arial !important; font-size: .875em !important; }
.cart-form :-moz-select-placeholder { color: #666666; font-style: normal !important; font-family: arial !important; font-size: .875em !important; }
.cart-form ::-moz-select-placeholder { color: #666666; font-style: normal !important; font-family: arial !important; font-size: .875em !important; }
.cart-form :-ms-select-placeholder { color: #666666; font-style: normal !important; font-family: arial !important; font-size: .875em !important; }
.cart-form .cart-information { margin: 0px auto 250px auto; width: 960px; padding: 20px 0 0; }
.cart-form .black-header { background-color: #efefef; color: #000; }
.cart-form .indicate-required-field { display: none; }
.cart-form .header-wrapper .shipment-number { float: right; top: 0px; }
.cart-form .header-wrapper .shipment-number .phone-number .widget-title { font-size: .95em; }
.cart-form .checkout-box-inner { padding: 2px 0 2px 0px; width: 100%; }
.cart-form .checkout-box-inner input { height: 45px; width: 240px; max-width: 240px; text-align: left; padding: 18px 0 5px 7px; margin-bottom: 2px; border: none; border-top: 1px solid #bcbcbc; color: #333; font-size: .965em; font-family: "ff-din-web"; box-sizing: border-box; border-radius: 0px; }
.cart-form .checkout-box-inner input.errormessage { border: 2px solid #ff0000; }
.cart-form .checkout-box-inner select { box-sizing: border-box; }
.cart-form .checkout-box-inner select.errormessage { border: 2px solid #ff0000; }
.cart-form .checkout-box-inner input:focus, .cart-form .checkout-box-inner select:focus { border: 2px solid #51c4c1; }
.cart-form .checkout-box-inner .left-section .errorform { width: 602px; margin: 5px auto; }
.cart-form .checkout-box-inner .shipping-message-block { display: none; }
.cart-form .checkout-box-inner .checkbox { height: 26px; }
.cart-form .checkout-box-inner .address { clear: none; width: auto; float: left; }
.cart-form .checkout-box-inner .citystate { float: left; }
.cart-form .checkout-box-inner label { padding: 2px 0 0 7px; position: absolute; color: #999; font-size: 0.7em; font-weight: 700; }
.cart-form .checkout-box-inner .expiration-date { float: left; }
.cart-form .checkout-box-inner .expiration-date label { display: none; }
.cart-form .checkout-box-inner .city, .cart-form .checkout-box-inner .zip-code, .cart-form .checkout-box-inner .state { width: 125px; }
.cart-form .checkout-box-inner .city input, .cart-form .checkout-box-inner .zip-code input, .cart-form .checkout-box-inner .state input { width: 125px; }
.cart-form .checkout-box-inner .state { width: 100px; }
.cart-form .checkout-box-inner .zip-code { width: 95px; }
.cart-form .checkout-box-inner .zip-code input { width: 95px; }
.cart-form .checkout-box-inner .address input { width: 230px; }
.cart-form .checkout-box-inner .first.address { float: left; display: none; }
.cart-form .checkout-box-inner .second.address { float: left; display: none; }
.cart-form .checkout-box-inner .gender { padding: 10px 0 20px; clear: left; }
.cart-form .checkout-box-inner .gender .value label { display: block; color: #333; position: static; }
.cart-form .checkout-box-inner .gender .value input[type="radio"] { height: auto; width: auto; }
.cart-form .checkout-box-inner .age { width: 70px; }
.cart-form .checkout-box-inner .age input { margin: 0; }
.cart-form .checkout-box-inner .first-name, .cart-form .checkout-box-inner .last-name, .cart-form .checkout-box-inner .last-name { width: 240px; }
.cart-form .checkout-box-inner .formfield { margin: 0 8px 0 0; min-height: 66px; position: relative; }
.cart-form .checkout-box-inner .formfield.payment-method { display: none; }
.cart-form .checkout-box-inner .formfield.email { float: none; width: 240px; margin-top: 5px; }
.cart-form .checkout-box-inner .formfield.phone { float: none; width: 240px; }
.cart-form .personal-info .checkout-box-inner { width: 100%; }
.cart-form .phone span.errormessage { position: initial; }
.cart-form .email .mail { width: 240px; }
.cart-form .email span.errormessage, .cart-form .email span.success { background: url("../images/tfour-sprite.png") no-repeat -230px -270px; top: 9px; left: 247px; }
.cart-form .email span.success { background-position: -232px -214px; }
.cart-form .agree-box { display: none; }
.cart-form .agree-box .section-title { line-height: 13px; background: none; color: #000; float: left; padding-left: 0; height: auto; font-size: .7em; margin-top: 3px; font-family: arial; }
.cart-form .agree-box h4:after, .cart-form .agree-box #moreInfo .tab_directions p:after, #moreInfo .tab_directions .cart-form .agree-box p:after, .cart-form .agree-box #moreInfo .tab_ingredients p:after, #moreInfo .tab_ingredients .cart-form .agree-box p:after { content: ":"; }
.cart-form .agree-box .agree-text { float: none; width: 100%; }
.cart-form .agree-box .agree-text label { width: 99%; font-family: helvetica; font-size: 14px; }
.cart-form .agree-box .agree-text .requiredindicator, .cart-form .agree-box .agree-text a { color: #51c4c1; }
.cart-form .agree-box .checkbox input { top: 0; margin: 5px 3px 0px 0px; }
.cart-form .agree-box .checkbox span.errormessage { top: -11px; }
.cart-form .billing-info .section-title, .cart-form .contact-info .section-title, .cart-form .personal-info .section-title, .cart-form .payment-info .section-title { display: none; }
.cart-form .checkbox label { margin-left: 25px; text-transform: capitalize; font-size: .965em; font-family: Arial, Helvetica, sans-serif; color: #666666; letter-spacing: .02em; padding-bottom: 0px; }
.cart-form .checkbox input { position: relative; top: -22px; width: 13px; height: 13px; }
.cart-form .vitamin-offer { display: none; }
.cart-form .card-details h5 { display: none; }
.cart-form .card-details .card-number { float: left; }
.cart-form .card-details .card-number span.errormessage { bottom: 37px; }
.cart-form .card-details .card-number.Visa .card-types { background-position: right -40px; }
.cart-form .card-details .card-number.MasterCard .card-types { background-position: right -80px; }
.cart-form .card-details .card-number.Discover .card-types { background-position: right -120px; }
.cart-form .card-details .card-number.Amex .card-types { background-position: right -160px; }
.cart-form .card-details .card-types { margin: 18px 0 0px; clear: left; background: url("../images/credit-card.png") no-repeat right 0px; width: 220px; height: 35px; }
.cart-form .card-details .card-types p { font-size: 0px; }
.cart-form select { height: 45px; padding-top: 20px; border: none; border-top: 1px solid #bcbcbc; }
.cart-form select .errormessage { margin-bottom: 2px; }
.cart-form .errormessage { margin-bottom: 2px; }
.cart-form .complete-order-box { border: none; width: 250px; background: transparent; }
.cart-form .complete-order-box .complete-order { min-height: 0; padding: 0; }
.cart-form .complete-order-box .complete-order .complete-order-text { font-size: 0; }
.cart-form .complete-order-box .complete-order .continue-btn { background: url("../images/placeOrderBtn.jpg?$staticlink$") no-repeat; margin-right: 0px; }
.cart-form .order-summary { border: none; background-color: #fff; margin: 0px 0px 10px 0px; }
.cart-form .order-summary .order-summary-detail { padding: 0 15px 15px; }
.cart-form .order-summary .order-summary-detail .order-total { border-top: none; }
.cart-form .order-summary .order-summary-detail .order-total .value { font-size: 1.2em; }
.cart-form .order-summary .order-summary-detail .order-totals { border-bottom: 0; margin: 0 -15px; padding: 10px 15px; }
.cart-form .order-summary .order-summary-detail .order-totals .value { font-weight: bold; }
.cart-form .order-summary select { height: 35px; background-color: #efefef; padding: 0px; padding-bottom: 5px; border: none; }
.cart-form .order-summary select.quantityselector { width: 22%; }
.cart-form .order-summary select.daysupply { width: 74%; margin-right: 0; }
.cart-form .order-summary .selected-products-info { border: none; }
.cart-form .order-summary .orderSummaryimg { width: 100%; text-align: right; }
.cart-form .order-summary .productInfo { font-size: .71em; color: #727272; }
.cart-form .order-summary .productInfo h2 { color: #000; font-size: 1.2em; margin: 0 -10px 3px; border-top: 1px solid #ccc; padding: 10px 10px 0; }
.cart-form .order-summary #totalshippingprice span { display: none; }
.cart-form .order-summary .section-title { color: #51c4c1; background-color: transparent; font-size: 24px; font-weight: 700; padding: 10px 0px 10px 12px; border-bottom: 1px solid #ccc; }
.cart-form .order-summary .shipping-message-block { display: none; }
.cart-form .order-summary .sub-total span { color: #727272; }
.cart-form .order-summary .order-total span { color: #727272; }
.cart-form .order-summary .shipping-note { padding: 15px 0 0; }
.cart-form .order-summary .shippingmethodslist { position: relative; }
.cart-form .order-summary .shippingmethodslist .dropdown dd { margin-top: 0 !important; width: 100%; }
.cart-form .order-summary .shippingmethodslist .dropdown dd ul li a { width: 92.5%; }
.cart-form .order-summary .shippingmethodslist .dropdown dt { position: relative; }
.cart-form .order-summary .shippingmethodslist .dropdown dt a { width: 92%; font-weight: bold; font-size: .85em; padding: 8px 11px 8px 8px; height: 21px; background-color: #efefef; border: none; }
.cart-form .order-summary .productInfo .sky { color: #51c4c1; text-transform: uppercase; color: #51c4c1; font-weight: bold; }
.cart-form .order-summary .productInfo span { margin-left: 7px; }
.cart-form .order-summary .productInfo ul { list-style: disc; color: #51c4c1; margin: 4px 0px 0px 25px; }
.cart-form .order-summary .productInfo ul li { line-height: 1.4; }
.cart-form .order-summary .productInfo ul li span { color: #727272; margin-left: -4px; }
.cart-form .last-section { background: #fff; margin-top: 15px; padding-top: 25px; width: 100%; }
.cart-form .last-section .middle-section { margin: 0 auto; width: 960px; }
.cart-form .last-section .agree-box { display: block; padding-top: 0px; overflow: inherit; }
.cart-form .last-section .cart-short-description { margin: 0 auto; width: 960px; font-size: .7em; line-height: 1.4; margin-bottom: 11px; }
.cart-form a.scroll-to-top.next-page, .cart-form a.scroll-to-top.scroll { background: url("../images/backToTop.jpg?$staticlink$") no-repeat; display: inline-block; height: 47px; width: 55px; color: transparent; margin-left: 27px; margin-top: -3px; }
.cart-form .errorform { width: 960px; margin: 5px auto 0px; }
.cart-form .right-section .phone-number .widget-title { color: #666; font-family: Helvetica; font-size: 11px; text-transform: uppercase; text-align: right; }
.cart-form .right-section .phone-number .mobile-widget-title { display: none; }
.cart-form .billing-info { margin-top: 5px; }
.cart-form .shipment-number { margin-top: -24px; position: relative; }

.cart-form .phone span.errormessage { display: none; }

.cart-form .checkout-box-inner .phone .phone { position: static; }

.condensed-footer { position: fixed; bottom: 0; margin: 0; left: 0; z-index: 10; border-top: 1px solid #d5d5d5; width: 100%; }
.condensed-footer .marketing-button-container { width: 960px; margin: 0px auto; float: none; left: auto; }

/* Duplicate Order Popup */
/* Written css for Duplicate Order Popup */
#order-dialog-overlay { width: 100%; height: 100%; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; background: #000000; position: fixed; top: 0; left: 0; z-index: 3000; display: none; }

.order-payment-popup { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #fff; box-sizing: border-box; padding: 12px; width: 450px; position: fixed; z-index: 5000; left: 50%; margin-left: -225px; display: none; }

.order-payment-popup .order-confirmation-popup, .order-payment-popup .place-order-popup { padding: 1rem 0; overflow: hidden; }
.order-payment-popup .order-confirmation-popup { width: 100%; }
.order-payment-popup .order-confirmation-popup h2 { text-align: center; border-bottom: 1px dashed #ccc; padding-bottom: 0.625rem; font-size: 1rem; margin: 0.3125rem 0px; width: 100%; }
.order-payment-popup .order-confirmation-popup p { text-align: center; padding-top: 0.4375rem; font-size: 0.6875rem; }
.order-payment-popup .order-confirmation-popup img { margin: auto auto 0.9375rem auto; display: block; }
.order-payment-popup .place-order-popup p { font-size: 0.875rem; text-align: center; line-height: 1.125rem; }
.order-payment-popup .place-order-popup .button-payment { width: 70%; margin: 0.9375rem auto; }
.order-payment-popup .place-order-popup .additional-order-button, .order-payment-popup .place-order-popup .cancel-order-button { background: #51c4c1; padding: 0.4375rem; color: #fff; font-size: 0.9rem; float: left; max-width: 53%; text-align: center; text-decoration: none; }
.order-payment-popup .place-order-popup .cancel-order-button { background: #000; float: right; min-width: 39%; }
.order-payment-popup .place-order-popup .proactiv-order .additional-order-button { background: #51c4c1; }
.order-payment-popup .place-order-popup .wenhair-order .additional-order-button { background: #a6b8ca; }
.order-payment-popup .place-order-popup .sheercover-order .additional-order-button { background: #73506d; }
.order-payment-popup .place-order-popup .drdenese-order .additional-order-button { background: #0072bc; }

@media only screen and (max-width: 767px) { /* !important used because of overriding the top and left position in mobile */
  .order-payment-popup { width: 88%; margin-left: -44%; top: 15% !important; }
  .order-payment-popup .place-order-popup p { font-size: 0.75rem; }
  .order-payment-popup .place-order-popup .additional-order-button, .order-payment-popup .place-order-popup .cancel-order-button { font-size: 0.75rem; }
  .order-payment-popup .place-order-popup .button-payment { width: 260px; }
  .order-payment-popup .order-confirmation-popup, .order-payment-popup .place-order-popup { padding: 0.4rem 0; } }
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) { /* !important used because of overriding the top and left position in mobile */
  .order-payment-popup { width: 60%; margin-left: -30%; top: 20% !important; } }