div.paymentItem {
    width: 100%;
    max-width: 300px;
    float: left;
    margin: 0 40px 10px 10px;
}

div.paymentItem label {
    float: none;
    text-align: left;
}

div.paymentItem div.paymentArea {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    width: 100%;
    height: 155px;
    position: relative;
    padding: 10px;
    overflow: hidden;
}

.paymentcpm .btn {
    padding: 0 10px;
    text-transform: none;
}

.paymentcpm .popover-content {
    font-weight: normal;
}

.cc {
    height: 36px;
    margin-bottom: 2px;
}

.cc div {
    background: url(clientlibs/img/cc.png);
    border: 1px solid #D3D3D3;
    float: left;
}

.cc .mc {
    background-position: 0px 0px;
    height: 34px;
    margin: 2px;
    width: 58px;
}
.cc img{
    height: 27px;
    margin: 2px;
}

.cc .vc {
    background-position: -55px 0px;
    height: 34px;
    margin: 2px;
    width: 58px;
}

.cc .dc {
    background-position: -112px 0px;
    height: 34px;
    margin: 2px;
    width: 56px;
}

.cc .ac {
    background-position: -168px 0px;
    height: 34px;
    margin: 2px;
    width: 56px;
}

.cc .mb {
    background-position: 0px 32px;
    height: 34px;
    margin: 2px;
    width: 56px;
}

.cc .vb {
    background-position: -56px 32px;
    height: 34px;
    margin: 2px;
    width: 56px;
}

.cc .db {
    background-position: -112px 32px;
    height: 34px;
    margin: 2px;
    width: 56px;
}

.cc .ab {
    background-position: -168px 32px;
    height: 34px;
    margin: 2px;
    width: 56px;
}

div.paymentItem div.editSection {
    padding: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}

div.paymentItem div.editSection a {
    color: #008AB0;
    padding: 0 5px;
}

div.paymentItem input {
    border: none;
    font-size: 14px;
    padding: 0;
}

form#cpm_paymentForm div span {
    display: inline;
    width: auto;
    padding-top: 6px;
}

form.payment input[type="text"] {
    width: auto;
}

@media only screen and (max-width: 480px) {
    div.paymentItem {
        margin: 0 0 10px 0;
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    div.paymentItem {
        margin: 0 20px 10px 0;
    }
}

.menu { list-style: none; border-bottom: 0.1em solid black; margin-bottom: 2em; padding: 0 0 0.5em; }

.menu:before { content: "["; }

.menu:after { content: "]"; }

.menu > li { display: inline; }

.menu > li:before { content: "|"; padding-right: 0.3em; }

.menu > li:nth-child(1):before { content: ""; padding: 0; }

.nuskinForm div { display: block; position: relative; margin: 0 0 10px 0; float: left; width: 100%; max-width: 100%; }

.nuskinForm p.desc { font-size: 12px; color: #888888; margin: 3px 0 10px; }

.nuskinForm .req:after { content: '*'; font-weight: bold; margin-left: 3px; color: #c71013; }

.nuskinForm .city { width: 42%; margin-right: 3%; }

.nuskinForm .state { width: 22%; margin-right: 3%; }

.nuskinForm .state select { width: 100%; }

.nuskinForm .zip { width: 30%; }

.nuskinForm .cardType button { min-width: 195px; }

.nuskinForm .expDate { width: auto; min-width: 45%; margin-right: 5%; }

.nuskinForm .expMonth button { width: 132px; }

.nuskinForm .ccv { width: 150px; }

.nuskinForm .formSubmit { float: left; margin: 4px 0; }

.nuskinForm .formSubmit .cancel { margin-left: 20px; }

.nuskinForm .formSubmit.buttonRight { text-align: right; }

.nuskinForm .formSubmit.buttonRight .cancel { margin-right: 20px; }

/* =================== Media Queries =================== */
@media only screen and (max-width: 767px) { .nuskinForm .city { width: 100%; }
    .nuskinForm .state { width: 42%; }
    .nuskinForm .state select { width: 100%; }
    .nuskinForm .zip { width: 55%; }
    .nuskinForm .expDate { width: auto; } }
#qasWarning .addressAsEntered { border: 1px solid #ccc; border-radius: 3px; padding: .9em 1.1em .8em 1em; display: block; width: 100%; }
#qasWarning .addressAsEntered p { font-size: 16px; font-weight: 200; }
#qasWarning figure { display: inline-block; vertical-align: middle; }
#qasWarning figure a.btn.btn-secondary { text-indent: 0; }
#qasWarning figcaption { margin-top: 3px; font-size: .8em; text-align: center; }
#qasWarning h2 { font-size: 18px; margin-bottom: 12px; font-weight: bold; }
#qasWarning .edit { display: inline-block; font-weight: 400; }
#qasWarning ul a { display: inline-block; padding: 10px 0; color: #008ab0; }
#qasWarning a:hover { cursor: pointer; text-decoration: underline; }

.qas_message { margin-bottom: 5px; }

.qas_message_large { clear: both; }

.qas_range, .qas_link_small { color: #008ab0; padding: 8px 0; }
.qas_range:hover, .qas_link_small:hover { color: #17cdff; cursor: pointer; }

a.btn-secondary, button.btn-secondary { color: #008ab0; background: transparent; border: 1px solid #008ab0; }

.qasInfoDialogue { background: rgba(217, 200, 107, 0.3); border: 1px solid #d9c86b; border-radius: 3px; padding: 15px; color: #5f5519; margin-bottom: 10px; }

.qasInfoDialogue h3 { margin-bottom: 0; }

#mainContent *, #mainContent *:before, #mainContent *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#mainContent article, #mainContent aside, #mainContent details, #mainContent figcaption, #mainContent figure, #mainContent footer, #mainContent header, #mainContent hgroup, #mainContent main, #mainContent nav, #mainContent section, #mainContent summary { display: block; }
#mainContent audio, #mainContent canvas, #mainContent video { display: inline-block; *display: inline; *zoom: 1; }
#mainContent audio:not([controls]) { display: none; height: 0; }
#mainContent [hidden] { display: none; }
#mainContent html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
#mainContent a:focus { outline: thin dotted; }
#mainContent a:active, #mainContent a:hover { outline: 0; }
#mainContent abbr[title] { border-bottom: 1px dotted; }
#mainContent b, #mainContent strong { font-weight: bold; }
#mainContent div.text label b { font-weight: normal; }
#mainContent blockquote { margin: 1em 40px; }
#mainContent dfn { font-style: italic; }
#mainContent hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
#mainContent mark { background: #ff0; color: #000; }
#mainContent p, #mainContent pre { margin: 1em 0; }
#mainContent code, #mainContent kbd, #mainContent pre, #mainContent samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
#mainContent pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
#mainContent q { quotes: none; }
#mainContent q:before, #mainContent q:after { content: ''; content: none; }
#mainContent small { font-size: 80%; }
#mainContent sub, #mainContent sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
#mainContent sup { top: -0.5em; }
#mainContent sub { bottom: -0.25em; }
#mainContent dl, #mainContent menu, #mainContent ol, #mainContent ul { margin: 0; }
#mainContent dd { margin: 0; }
#mainContent menu, #mainContent ol, #mainContent ul { padding: 0; }
#mainContent nav ul, #mainContent nav ol { list-style: none; list-style-image: none; }
#mainContent img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }
#mainContent svg:not(:root) { overflow: hidden; }
#mainContent figure { margin: 0; }
#mainContent form { margin: 0; }
#mainContent fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
#mainContent legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
#mainContent button, #mainContent input, #mainContent select, #mainContent textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }
#mainContent button, #mainContent input { line-height: normal; }
#mainContent select { text-transform: none; }
#mainContent button { text-transform: uppercase; }
#mainContent button, #mainContent html input[type="button"], #mainContent input[type="reset"], #mainContent input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ text-transform: uppercase; }
#mainContent button[disabled], #mainContent html input[disabled] { cursor: default; }
#mainContent input[type="checkbox"], #mainContent input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }
#mainContent input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
#mainContent input[type="search"]::-webkit-search-cancel-button, #mainContent input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
#mainContent button::-moz-focus-inner, #mainContent input::-moz-focus-inner { border: 0; padding: 0; }
#mainContent textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }
#mainContent table { border-collapse: collapse; border-spacing: 0; width: 100%; }
#mainContent .clearfix:before, #mainContent .checkoutSection header:before, #mainContent .checkoutSection section:before, #mainContent .two-col:before, #mainContent .three-col:before, #mainContent .clearfix:after, #mainContent .checkoutSection header:after, #mainContent .checkoutSection section:after, #mainContent .two-col:after, #mainContent .three-col:after { content: " "; display: table; }
#mainContent .clearfix:after, #mainContent .checkoutSection header:after, #mainContent .checkoutSection section:after, #mainContent .two-col:after, #mainContent .three-col:after { clear: both; }
#mainContent .clearfix, #mainContent .checkoutSection header, #mainContent .checkoutSection section, #mainContent .two-col, #mainContent .three-col { *zoom: 1; }
#mainContent hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
#mainContent img { vertical-align: middle; }
#mainContent img.credit_card { margin-bottom: 10px; display: block; }
#mainContent fieldset { border: 0; margin: 0; padding: 0; }
#mainContent textarea { resize: vertical; }
#mainContent .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

h1 span.title { font-size: 24px; line-height: 1.4em; }

/*!!! Warning !!! CSS files are generated from their associated SCSS files. Don't modify the CSS files directly,
modify the SCSS files and then compile them using compass. This will generate the CSS file for you.*/
/* ===== Responsive Table Styles ===== */
.section table.responsiveTable, table.responsiveTable { width: 100%; line-height: 1; }
.section table.responsiveTable thead, table.responsiveTable thead { background: #f5f5f5; }
.section table.responsiveTable thead th, table.responsiveTable thead th { font-weight: bold; text-align: left; }
.section table.responsiveTable thead th.tableHeadline, table.responsiveTable thead th.tableHeadline { display: none; }
.section table.responsiveTable tbody tr:nth-child(odd), table.responsiveTable tbody tr:nth-child(odd) { background: #fafafa; }
.section table.responsiveTable tbody tr.error, table.responsiveTable tbody tr.error { background: #FCF3F3; color: #C60F13; }
.section table.responsiveTable tbody tr.error + .error, table.responsiveTable tbody tr.error + .error { border-top: 1px solid rgba(198, 15, 19, 0.15); }
.section table.responsiveTable tbody tr.noAdrRow td:first-child, table.responsiveTable tbody tr.noAdrRow td:first-child { padding-left: 30px; }
.section table.responsiveTable th, .section table.responsiveTable td, table.responsiveTable th, table.responsiveTable td { padding: 3px 11px; vertical-align: middle; border-bottom: none; }
.section table.responsiveTable th label, .section table.responsiveTable td label, table.responsiveTable th label, table.responsiveTable td label { display: none; }

.textMid { text-align: center; }

.textRight { float: none; text-align: right; }

.section #mainContent #orderConfirmation > div.scan_cards { margin-bottom: 0; }
.section #mainContent #orderConfirmation > div.scan_cards table.responsiveTable { margin-bottom: 0; width: auto; }
.section #mainContent #orderConfirmation > div.scan_cards table.responsiveTable td { padding: 3px 10px 3px 0; text-align: left; }

.section #mainContent #orderConfirmation > div table.responsiveTable { margin-bottom: 0; width: auto; }
.section #mainContent #orderConfirmation > div table.responsiveTable td { padding: 3px 10px 3px 0; text-align: left; }

/* ===== Media Queries ===== */
@media only screen and (max-width: 767px) { .responsiveTable thead th.tableHeadline { display: block; text-align: left; padding: 0 10px; }
    .responsiveTable thead th:not(.tableHeadline) { display: none; }
    .responsiveTable tr { display: block; padding: 10px 0; overflow: hidden; }
    .responsiveTable th, .responsiveTable td { display: block; float: left; border: none; padding: 4px 10px; font-size: 16px; }
    .responsiveTable th label, .responsiveTable td label { display: inline; font-weight: bold; }
    .responsiveTable th.newLine, .responsiveTable td.newLine { clear: left; }
    .section #mainContent #orderConfirmation > div.scan_cards { margin-bottom: 0; }
    .section #mainContent #orderConfirmation > div.scan_cards table.responsiveTable { margin-bottom: 0; }
    .section #mainContent #orderConfirmation > div.scan_cards table.responsiveTable tr { padding: 0 0 10px; }
    .section #mainContent #orderConfirmation > div.scan_cards table.responsiveTable td { padding: 3px 10px 3px 0; } }
.section #mainContent #orderConfirmation .responsiveTable { margin-top: 10px; }

.section #mainContent #orderConfirmation > div { margin-bottom: 0; }
.section #mainContent #orderConfirmation > div table.reviewOrderDetails { margin-bottom: 0; width: auto; }
.section #mainContent #orderConfirmation > div table.reviewOrderDetails td { padding: 3px 10px 3px 0; }

@media only screen and (max-width: 480px) { #content #mainContent { padding: 0; }
    #content #mainContent .checkoutSection { border-radius: 0px; }
    #content #mainContent > .container { padding: 0 !important; }
    #content #mainContent > .container #backToCartButton { padding-right: 20px; }
    #content #mainContent > .container h1.checkoutHeader { padding-left: 20px; }
    #content #mainContent > .container .checkoutElements .text p { padding: 0 20px; } }
@media (max-width: 767px) { html, body { max-width: 100%; overflow-x: hidden; } }
html, button, input, select, textarea { color: #363636; font-family: 'Arial', sans-serif; }

.breadcrumb { display: none; }

body { font-size: 13px; line-height: 1.4; display: flex; flex-direction: column; min-height: 100vh; }

a:link, a:visited { color: #008ab0; }

.bodyContent input { font-size: 16px; border: 1px solid #cccccc; border-radius: 4px; padding: 6px 6px 2px; max-width: 100%; margin-right: 6px; color: #666666; }

.dropdown.section { min-width: 50px; margin-bottom: 15px; }

form .singleRadio div { display: inline-block; }

.section.singleCheckbox { margin-bottom: 8px; }
.section.singleCheckbox input[type="checkbox"] { display: inline-block; margin-right: 3px; }

#new_form_shippingState { min-height: 30px; }

.newPayment, .newAddress { padding-bottom: 1em; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: lightgrey; overflow: hidden; }

.editPayment, .newPayment, .editAddress, .newAddress { padding-bottom: 1em; border-bottom: dashed 1px #d3d3d3; max-width: 700px; width: 100%; }

.paymentLogo { margin-bottom: 10px; }

.payPalLink { margin-left: 15px; }

body.in_ID .editPayment form .bodyContent, body.in_ID .newPayment form .bodyContent, body.in_ID .editAddress form .bodyContent, body.in_ID .newAddress form .bodyContent { width: 100%; }
body.in_ID .editPayment form .bodyContent > .section, body.in_ID .newPayment form .bodyContent > .section, body.in_ID .editAddress form .bodyContent > .section, body.in_ID .newAddress form .bodyContent > .section { display: inline-block; margin-right: 2em; width: 300px; max-width: 100%; }
body.in_ID .editPayment form .bodyContent > .section.dropdown select, body.in_ID .newPayment form .bodyContent > .section.dropdown select, body.in_ID .editAddress form .bodyContent > .section.dropdown select, body.in_ID .newAddress form .bodyContent > .section.dropdown select { min-width: 100px; }
body.in_ID .editPayment form .bodyContent > .section.singleCheckbox, body.in_ID .newPayment form .bodyContent > .section.singleCheckbox, body.in_ID .editAddress form .bodyContent > .section.singleCheckbox, body.in_ID .newAddress form .bodyContent > .section.singleCheckbox { width: 100%; margin-bottom: 5px !important; }
body.in_ID .editPayment form .bodyContent > .section:first-child, body.in_ID .newPayment form .bodyContent > .section:first-child { display: block; }
body.in_ID .editPayment form .bodyContent .dropdown:nth-child(3), body.in_ID .newPayment form .bodyContent .dropdown:nth-child(3) { display: block !important; }

.singleCheckout .ord-confirm-spinner { background-color: #fafafa; width: 100%; height: 100%; position: absolute; top: 65px; }

#signupConfirmation { position: relative; }

.paymentMessage { clear: both; width: 70%; padding-top: 5px; }

#backToCartButton { margin-bottom: 1em; }

.inputGroup { display: table; position: relative; margin-top: 5px; }
.inputGroup input { border-radius: 4px 0 0 4px; height: 35px; display: table-cell; float: left; border-right: 0; max-width: 50% !important; width: auto; margin-right: 0 !important; border-radius: 2px 0 0 2px !important; }
.inputGroup button[class^="btn-"] { border-radius: 0 4px 4px 0; }

#content #mainContent { padding: 0 0 20px; flex: 1; position: relative; }
#content #mainContent .container { width: 1000px; max-width: 100%; padding: 0 20px; margin: 0 auto; text-align: left; border: none; /*testing*/ }
#content #mainContent .container #agree2Terms { float: right; width: 185px; }
#content #mainContent .container h1.checkoutHeader { margin-bottom: 5px; }
#content #mainContent .container #shippingRatePopupLink { margin-top: 20px; color: #008ab0; }
#content #mainContent .container .errorDialogue { margin-bottom: 25px; }
#content #mainContent .container .errorDialogue h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
#content #mainContent .container .errorDialogue li { list-style-type: disc; margin-left: 25px; }
#content #mainContent .container .cartIcon { margin-right: 5px; }
#content #mainContent .container input.ng-invalid.ng-dirty { border: 1px solid #c71013 !important; }
#content #mainContent .spinner { top: 100px !important; }
#content .checkoutSection { overflow: hidden; }
#content .checkoutSection header h1 { float: left; font-size: 20px; color: #cccccc; text-transform: uppercase; padding-right: 0; padding-bottom: 0; display: table; font-weight: 400; }
#content .checkoutSection header h1 div { font-size: 20px; }
#content .checkoutSection.active header h1 { color: #555555; }
#content .checkoutSection .inputGroup input.code { width: 55%; }
#content .checkoutSection h3 { font-size: 15px; font-weight: bold; margin-bottom: 10px; }
#content .checkoutSection h4 { font-weight: bold; margin-top: 10px; }
#content .checkoutSection .checkout_items { padding: 18px 0; position: relative; }
#content .checkoutSection .checkout_items .badge { display: none; }
#content .checkoutSection .checkout_items .productThumb { float: left; margin-right: 8px; height: 50px; margin-bottom: 20px; width: 85px; }
#content .checkoutSection .checkout_items .productTitle { float: left; width: 38%; }
@media only screen and (max-width: 767px) { #content .checkoutSection .checkout_items .productTitle { padding-left: 1px; width: 55%; } }
#content .checkoutSection .checkout_items .productTitle h3 { margin-bottom: 0; }
#content .checkoutSection .checkout_items .productTitle p { margin: 0; }
#content .checkoutSection .checkout_items .prod_numbers { float: right; min-width: 40%; position: relative; top: -2px; }
@media only screen and (max-width: 767px) { #content .checkoutSection .checkout_items .prod_numbers { float: left; clear: both; margin-left: 94px; } }
#content .checkoutSection .checkout_items .prod_numbers div { float: left; margin-right: 20px; position: relative; top: 4px; min-width: 15%; }
@media only screen and (max-width: 767px) { #content .checkoutSection .checkout_items .prod_numbers div { float: none; margin-right: 0; } }
@media only screen and (max-width: 480px) { #content .checkoutSection .checkout_items .prod_numbers div { margin-left: 0; } }
#content .checkoutSection .checkout_items .badge { display: block; float: left; background-size: 25px; width: 25px; height: 25px; margin-right: 7px; position: absolute; left: -40px; top: 15px; }
#content .checkoutSection .checkout_items .badge.aroBadge { top: 24px; }
#content .checkoutSection .checkout_items .badge.adpBadge { top: 23px; }
#content .checkoutSection .checkout_items.adrRow .adrBadge { background: url(../../../../content/dam/global/images/logo-adr.svg) no-repeat; }
#content .checkoutSection .checkout_items.adrRow .aroBadge { background: url(../../../../content/dam/global/images/logo-aro-gray.svg) no-repeat; }
#content .checkoutSection .checkout_items.adrRow .adpBadge { background: url(../../../../content/dam/global/images/logo-adp-gray.svg) no-repeat; }
#content .checkoutSection #agree2Terms { margin: 10px 0; }
#content .checkoutSection #agree2Terms input { float: left; margin-right: 0; }
#content .checkoutSection #agree2Terms label { float: left; margin-left: 5px; }
#content .checkoutSection .backdate_check { margin-top: 15px; }
#content .checkoutSection .backdate_check .action { margin-bottom: 10px; }
#content .checkoutSection .backdate_check .disclaimer { font-size: 12px; font-style: italic; }
#content .checkout-section .checkoutSection { overflow: visible; }

#mainHeader { background: #cccccc; padding: 20px 0; }

.section #mainContent table, #mainContent table { padding: 20px 0; flex: 1; width: 100%; margin: 0; }

.section table td, table td { border: none; padding: 0; margin: 0; }

.productThumb.textRight > img { float: left; margin-left: 35px; margin-top: -2px; }

.productThumb.textRight.order-details img { margin-left: 0; max-height: 64px; max-width: 64px; }

#content #mainContent #promotionalCodeGroup input { border-bottom-right-radius: 0; border-top-right-radius: 0; border-right: transparent 0; }
#content #mainContent #promotionalCodeGroup button.btn-secondary { border-top-left-radius: 0; border-bottom-left-radius: 0; float: left; /* Fix for IE*/ }
@media (max-width: 480px) { #content #mainContent #promotionalCodeGroup button.btn-secondary { height: 48px; } }
#content #mainContent button.btn-secondary.disabled { background-color: transparent; border-color: #B0B0B3; color: #B0B0B3; }

@-webkit-keyframes myfirst { from { background: rgba(76, 216, 255, 0.2); } }

@keyframes myfirst { from { background: rgba(76, 216, 255, 0.2); } }

#mainContent .checkoutSection { background: #ffffff; position: relative; padding: 10px; border: 1px solid #cccccc; border-radius: 3px; margin-bottom: 10px; }
#mainContent .checkoutSection header { position: relative; }
#mainContent .checkoutSection header .ordinal { display: inline-block; width: 34px; height: 34px; line-height: 34px; border: 1px solid #cccccc; border-radius: 50%; text-align: center; margin-right: 10px; font-size: 20px; }
#mainContent .checkoutSection header .title { display: table-cell; line-height: 1; font-size: 17px; }
#mainContent .checkoutSection header .title:first-child { padding: 20px 0 0 44px; }
#mainContent .checkoutSection header .summary { display: block; width: 90%; clear: both; margin-left: 45px; margin-right: 0; margin-top: 3em; }
#mainContent .checkoutSection header .summary .summaryColumn { width: 50%; min-width: 400px; display: inline-block; overflow: hidden; }
#mainContent .checkoutSection header .summary .summaryColumn li { list-style: none; }
#mainContent .checkoutSection header .summary .summaryColumn:first-child { float: left; clear: left; }
#mainContent .checkoutSection header .summary .summaryColumn h3 { margin-top: 0; margin-bottom: 0.25em; font-size: 15px; }
#mainContent .checkoutSection header .summary div { margin-bottom: 15px; }
#mainContent .checkoutSection header .summary span { display: block; }
#mainContent .checkoutSection header button { float: right; right: 0; top: 0; }
#mainContent .checkoutSection.active header .ordinal { border: 1px solid #555555; }
#mainContent .checkoutSection section { margin-top: 10px; padding: 0 0 0 44px; }
#mainContent .checkoutSection .continue { clear: both; float: right; margin-top: 10px; }
#mainContent .checkoutSection .errorDialogue, #mainContent .checkoutSection .infoDialogue { margin: 20px 0; }
#mainContent .checkoutSection table figure.qty { text-align: center; }
#mainContent .checkoutSection table figure.qty input { width: 50px; max-width: 50px; text-align: center; margin: 0; padding: 6px 6px 2px; }
#mainContent .checkoutSection table figure.qty figcaption { margin-top: 5px; font-size: 11px; }
#mainContent .checkoutSection div.error { margin-top: 5px; }
#mainContent .checkoutSection .payment-summary-view { width: 95%; }
#mainContent .checkoutSection .payment-summary-view .pay-sum-left, #mainContent .checkoutSection .payment-summary-view .pay-sum-right { width: 50%; float: left; }
#mainContent .checkoutSection .payment-summary-view .pay-sum-right .selectedCode { font-size: 15px; }
#mainContent .checkoutSection .payment-summary-view .pay-sum-right .selectedCode .productDiscountCode { font-weight: bold; }
#mainContent .checkoutSection .payment-summary-view .pay-sum-right .savings { margin-top: 10px; }
#mainContent .checkoutSection .payment-summary-view .pay-sum-right .savings .promotionalSavings { font-size: 15px; background-color: #c7eec3; border-radius: 0; padding: 10px; /*border: 1px solid green;*/ margin-top: 5px; color: black; display: inline-block; }
#mainContent .checkoutSection .payment-summary-view .pay-sum-right .savings .promotionalSavings .savingsAmount { font-weight: bold; }
#mainContent .checkoutSection .payment-summary-view .pay-sum-right .savings .removeCodeLink { font-weight: bold; margin-left: 10px; }
#mainContent .checkoutSection .payment-summary-view .pay-sum-right #yourCoupons { font-weight: bold; font-family: "Arial", sans-serif; font-size: 15px; margin-bottom: 2px; }
#mainContent .checkoutSection .payment-summary-view .pay-sum-right #displayPromoCodes { font-weight: bold; width: 100%; max-width: 250px; }
#mainContent .checkoutSection .payment-summary-view .pay-sum-right .promoTable-or-continue { text-align: center; height: 2em; margin-bottom: 16px; margin-top: 22px; max-width: 250px; }
#mainContent .checkoutSection .payment-summary-view .pay-sum-right .promoTable-or-continue div { border-bottom: 1px solid #ccc; height: .8em; margin-top: .5em; }
#mainContent .checkoutSection .payment-summary-view .pay-sum-right .promoTable-or-continue div span { font-size: 16px; background-color: #11B000; color: #fff; padding: 6px 10px 5px; position: relative; }
#mainContent .checkoutSection .payment-summary-view .pay-sum-right #addCouponCode { margin-right: 0px; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -1px; }
#mainContent .checkoutSection .payment-summary-view .pay-sum-right #addPromoBtn { position: absolute; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; padding: 0 18px; }
#mainContent .checkoutSection .promo-table { clear: both; }
#mainContent .checkoutSection .promo-table .tableSaveControls { display: inline-block; float: right; margin-top: 30px; padding-right: 20px; padding-bottom: 20px; padding-left: 10px; width: 22%; }
#mainContent .checkoutSection .promo-table .tableSaveControls .savings { font-size: 16px; color: black; }
#mainContent .checkoutSection .promo-table .tableSaveControls .savingsAmount { font-weight: bold; }
#mainContent .checkoutSection .promo-table .tableSaveControls #savePromoCode { margin-top: 10px; margin-bottom: 10px; }
#mainContent .checkoutSection .payment-method-section { clear: left; }
#mainContent .checkoutSection .tableContainer { width: 78%; display: inline-block; }
#mainContent .checkoutSection .tableContainer table { border: 1px solid #d3d3d3; }
#mainContent .checkoutSection .tableContainer caption h3 { text-align: left; }
#mainContent .checkoutSection .tableContainer tr.promo-header { font-weight: bold; border: none; }
#mainContent .checkoutSection .tableContainer tr.promo-header th { border: none; text-align: left; white-space: nowrap; }
#mainContent .checkoutSection .tableContainer tr.promo-details { cursor: pointer; }
#mainContent .checkoutSection .tableContainer tr.promo-details.highlighted { -webkit-animation: myfirst 3s; animation: myfirst 3s; }
#mainContent .checkoutSection .tableContainer tr.promo-details td.promo-desc p { margin: 3px; }
#mainContent .checkoutSection .tableContainer tr.active { background: #008ab0; }
#mainContent .checkoutSection .tableContainer tr.active td, #mainContent .checkoutSection .tableContainer tr.active td label { color: #ffffff; }
#mainContent .checkoutSection .tableContainer tr td:nth-child(1) { padding: 10px 15px 10px 20px; }
#mainContent .checkoutSection .tableContainer tr td { vertical-align: middle; padding: 10px 5px; }
#mainContent .checkoutSection .tableContainer tr td h3 { margin-bottom: 0; }
#mainContent .checkoutSection .tableContainer tr td input[type="radio"] { vertical-align: middle; }
#mainContent .checkoutSection .tableContainer tr td label { font-weight: bold; display: none; }

.pickUpPerson { margin-top: 10px; }

.simulateRequest { position: static; }
.simulateRequest:after { position: absolute; top: 50%; margin-top: -9px; }
.simulateRequest.processingRight { position: relative; }
.simulateRequest.processingRight:after { content: url("img/icon-spinner.gif"); margin-left: 25px; margin-top: -10px; }
.simulateRequest.validRight { position: relative; }
.simulateRequest.validRight:after { content: url("img/icon-valid.svg"); margin-left: 25px; margin-top: -10px; }
.simulateRequest .pickup-address { margin: 5px 0 10px 23px; }

.newAddress { font-weight: bold; padding-right: 20px; clear: both; }
.newAddress label { float: left; width: 100%; margin: 5px 0; font-weight: normal; }
.newAddress .city { width: 42%; margin-right: 3%; }
.newAddress .state { width: 22%; margin-right: 3%; }
.newAddress .zip { width: 30%; }

.creditCardSelector tr.selected { border-radius: 4px; background: rgba(0, 138, 176, 0.25) !important; }
.creditCardSelector tr.selected td:first-child { border-radius: 4px 0 0 4px; }
.creditCardSelector tr.selected td:last-child { border-radius: 0 4px 4px 0; }

.two-col > div { width: 48%; margin-right: 2%; float: left; }

.three-col > div { width: 33.3%; float: left; }
.three-col > div.reviewOrderDetails { width: auto; }
.three-col > div.colspan-2 { width: 66.6%; }

a[class^="btn-"], button[class^="btn-"] { display: inline-block; padding: 0px 15px; height: 35px; text-transform: uppercase; text-decoration: none; border: none; background: none; border-radius: 4px; line-height: 1; }

button.btn-primary { background: #008ab0; border: 1px solid #008ab0; color: white; }

a.btn-secondary, button.btn-secondary { background: transparent; border: 1px solid #008ab0; color: #008ab0; }

button.btn-large { padding: 3px 25px; }

button.disabled { background: #b0b0b0; border: 1px solid #b0b0b0; }
button.disabled:hover { cursor: auto; }

button.btn_secondary.disabled { display: block; clear: both; }

label { display: block; font-weight: normal; margin-bottom: 3px; }

#checkout-shipping-address .section-controls { display: block; clear: both; }
#checkout-shipping-address #qasWrapper fieldset { clear: both; }

#mainContent label.shipToSelection, #mainContent label.billingSelection { float: left; position: relative; padding: 10px; cursor: pointer; border: 1px solid transparent; border-radius: 2px; background-color: #F5F5F5; }
#mainContent label.shipToSelection input[type="radio"], #mainContent label.billingSelection input[type="radio"] { display: none; position: absolute; left: 10px; top: 10px; }
#mainContent label.shipToSelection ul, #mainContent label.billingSelection ul { padding: 10px 10px 40px; overflow: auto; clear: both; }
#mainContent label.shipToSelection ul li, #mainContent label.billingSelection ul li { display: block; clear: both; word-wrap: break-word; position: relative; }
#mainContent label.shipToSelection ul li .simulateRequest .valid-submit, #mainContent label.billingSelection ul li .simulateRequest .valid-submit { left: -18px; width: 16px; height: 16px; bottom: 8px; position: absolute; z-index: 999; background: url("img/icon-valid.svg"); display: none; }
#mainContent label.shipToSelection ul li .simulateRequest.valid, #mainContent label.billingSelection ul li .simulateRequest.valid { overflow: visible; }
#mainContent label.shipToSelection ul li .simulateRequest.valid .valid-submit, #mainContent label.billingSelection ul li .simulateRequest.valid .valid-submit { display: block; }
#mainContent label.shipToSelection ul li .simulateRequest .process-submit, #mainContent label.billingSelection ul li .simulateRequest .process-submit { left: -18px; width: 16px; height: 16px; bottom: 8px; position: absolute; z-index: 999; background: url("img/icon-spinner.gif"); display: none; }
#mainContent label.shipToSelection ul li .simulateRequest.processing .process-submit, #mainContent label.billingSelection ul li .simulateRequest.processing .process-submit { display: block; }
#mainContent label.shipToSelection > div, #mainContent label.billingSelection > div { padding: 10px; margin-top: 15px; }
#mainContent label.shipToSelection input[type="text"], #mainContent label.billingSelection input[type="text"] { width: 80px; }
#mainContent label.shipToSelection a.btn-edit, #mainContent label.billingSelection a.btn-edit { display: block; padding-top: 10px; font-size: 14px; float: left; }
#mainContent label.shipToSelection button, #mainContent label.billingSelection button { white-space: normal; margin: 0 auto; overflow: visible; clear: both; max-width: 100%; width: 300px; position: absolute; }
#mainContent label.shipToSelection.selected, #mainContent label.billingSelection.selected { border: 1px solid rgba(0, 138, 176, 0.4); border-radius: 4px; }
#mainContent label.shipToSelection .defaultOptionLabel, #mainContent label.billingSelection .defaultOptionLabel { position: absolute; width: 77%; display: inline-block; text-align: center; font-size: 11px; color: darkgray; top: 3px; left: 12%; }

#mainContent label.billingSelection button { position: static; display: block; }

label.shipToSelection { width: 55%; min-width: 200px; margin: 0 5% 5% 0; border: 1px solid transparent; }
label.shipToSelection button { display: none; }

label.billingSelection { width: 55%; margin: 0 3% 3% 0; padding: 15px; }
label.billingSelection img { margin-top: -4px; }
label.billingSelection:nth-child(3n+1) { clear: left; }
label.billingSelection button { display: none; }

.two-col label.billingSelection { width: 48%; margin: 0 2% 2% 0; }
.two-col label.billingSelection:nth-child(odd) { clear: left; }
.two-col label.billingSelection:nth-child(3n+1) { clear: none; }

.expired .error { display: inline; }
.expired a { color: red; }

.multiCardMath { margin-top: 20px; display: none; }

#mainContent .checkoutSection .summaryCartItem { font-size: 13px; position: relative; }
#mainContent .checkoutSection .summaryCartItem .aroBadge.badge { display: block; background-size: 25px; width: 25px; height: 25px; margin-right: 7px; background: url(../../../../content/dam/global/images/logo-aro-gray.svg) no-repeat; position: absolute; left: -30px; top: 3px; }
#mainContent .checkoutSection .summaryCartItem .productQuantity { font-size: 13px; display: inline-block; width: 20px; text-align: left; vertical-align: top; }
#mainContent .checkoutSection .summaryCartItem .productTitle { font-size: 13px; display: inline-block; text-overflow: ellipsis; max-width: 350px; overflow-x: hidden; overflow-y: visible; position: relative; }

.productTitle { display: block; font-size: 18px; text-align: left; }

.productDetailSubtitle { position: relative; top: 0; font-size: 11px; margin: 0; }
.productDetailSubtitle .productSKU { display: inline; font-size: 11px; }
@media screen and (max-width: 767px) { .productDetailSubtitle .productSKU { display: block; } }
.productDetailSubtitle .productPrice { padding-left: 2em; display: inline; font-size: 11px; }
@media screen and (max-width: 767px) { .productDetailSubtitle .productPrice { padding-left: 0; } }

.itemSubtotal { font-weight: bold; }

.scan_card .scan_card_number { padding: 0; }

.checkout-section .billingReadOnly span.ccv { display: block; }
.checkout-section .billingReadOnly a.changeBilling { display: block; float: left; }

form[name="ccvform"] { display: inline-block; width: 64px; }

.paymentAgreeMessage { display: inline; }

.reviewOrder section { min-height: 110px; }

#mainContent .reviewOrderDetails { float: right; }
@media (max-width: 767px) { #mainContent .reviewOrderDetails { float: none; } }

div.reviewOrderDetails .button-spacing { height: 60px; clear: both; }
div.reviewOrderDetails > button { position: absolute; right: 10px; bottom: 10px; }

.section #mainContent table.reviewOrderDetails td, .reviewOrderDetails table td { text-align: right; border-bottom: none; padding: 0 0 0 15px; white-space: nowrap; }
.section #mainContent table.reviewOrderDetails td i.icon-info span.toolTip-up, .reviewOrderDetails table td i.icon-info span.toolTip-up { white-space: normal; }
.section #mainContent table.reviewOrderDetails table tbody tr:nth-child(even), .reviewOrderDetails table table tbody tr:nth-child(even) { background: none; }

.orderTotal, .psvTotal { font-size: 18px; }

#buttonBar { float: right; }

#page-checkout .next_adr_order { float: left; width: 100%; }
#page-checkout #nextOrderLabel { text-align: right; display: inline-block; float: right; top: -22px; background-color: #ededed; color: #7c7c7c; height: 54px; padding: 1em; right: 1em; padding-top: 1.25em; border: 1px solid #e2e2e2; z-index: 1; line-height: 1em; font-size: 14px; }
#page-checkout .print-confirm-logo { height: 100px; display: none; }
#page-checkout #buttonBarTop button { position: relative; z-index: 2; float: right; margin: -.6em -.5em 0 25px; }
#page-checkout .orderDate .orderDateLabel { font-weight: bold; }

#mainFooter { background: #333333; color: white; padding: 20px 0; }

.error { color: red; }

.error-list label { display: initial; }

/* =================== Error Messaging =================== */
.errorDialogue { background: rgba(199, 16, 19, 0.1); border: 1px solid #c71013; border-radius: 3px; padding: 15px; color: #c71013; margin-bottom: 10px; }
.errorDialogue h3 { margin-bottom: 10px; font-size: 16px; font-weight: bold; }
.errorDialogue ul { padding-left: 1em; }
.errorDialogue li { margin-left: 25px; list-style-type: disc; }

.error { color: #c71013; }
.error label { font-weight: bold; }
.error input, .error select { border: 1px solid #c71013; box-shadow: 0 0 0 3px rgba(199, 16, 19, 0.1); margin: 3px 0; }
.error .errorMessage { display: inline; font-weight: normal; margin-bottom: 3px; }

.errorMessage { display: none; }

.infoDialogue { background: 0 0 0 3px rgba(217, 200, 107, 0.1); border: 1px solid #d9c86b; border-radius: 3px; padding: 10px 15px; color: #5f5519; margin-bottom: 10px; }
.infoDialogue h3 { margin-bottom: 10px; font-size: 16px; font-weight: bold; }
.infoDialogue ul { padding-left: 1em; }
.infoDialogue li { margin-left: 25px; list-style-type: disc; }

/*** styling for column control **/
div.par { clear: both; }

div.parsys_column { width: 100%; border: 0; vertical-align: top; padding: 0; width: 100%; max-width: 980px; margin: 5px auto 0; }

div.parsys_column .section { overflow: hidden; }

div.parsys_column .ghost { overflow: visible; }

div.cq-colctrl-cols { width: 100%; float: left; }

div.cq-colctrl-default { width: 100%; }

div.cq-colctrl-city-state-zip-c0 { width: 50%; min-width: 188px; padding-right: 5px; }

div.cq-colctrl-city-state-zip-c1 { float: left; min-width: 52px; padding-right: 5px; }

div.cq-colctrl-city-state-zip-c2 { min-width: 100px; }

#signupConfirmation { margin-bottom: 6em; }
#signupConfirmation > div > br { display: none; }
#signupConfirmation h1:first-child { display: inline; }
#signupConfirmation .accountInformationTitle, #signupConfirmation .optionalCompleteSignupText { color: #6E6E6E; font-size: 16px; display: inline; margin-right: 0.25em; }
#signupConfirmation .textField { display: inline; }
#signupConfirmation .distributorID { font-size: 28px; color: #363636; }
#signupConfirmation .distributorID .distributorIdLabel { margin-right: 0.25em; }
#signupConfirmation table.signupDetails { margin: 0 0 15px 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 25px 0; page-break-after: always; }
#signupConfirmation table.signupDetails tr:first-child div { padding-top: 1em; }
#signupConfirmation table.signupDetails td { line-height: 2em; font-size: 14px; }
#signupConfirmation table.signupDetails td.fieldValue { width: 30%; text-align: left; }
#signupConfirmation table.signupDetails td:first-child { text-align: left; min-width: 120px; }
#signupConfirmation table.signupDetails td:nth-child(2) { text-align: left; width: 80%; }
#signupConfirmation table.signupDetails td div { display: block; padding-bottom: 1em; }

button.addANewAddress { padding: 1em; border-radius: 2px; }

#orderConfirmation > h1 { color: #6E6E6E; display: inline; font-size: 12px; }
#orderConfirmation > h1 .orderConfirmationTitle { color: #6E6E6E; font-size: 12px; display: inline; }
#orderConfirmation .itemQuantity, #orderConfirmation .itemSubtotal, #orderConfirmation .itemPSVSubtotal { padding: 0; position: relative; }
#orderConfirmation h2#orderType { margin-left: 3em; font-size: 12px; color: #6E6E6E; }
#orderConfirmation #orderNumbers { padding-top: 1px; padding-bottom: 0; border-top: 0; margin-bottom: 0.5em; }
#orderConfirmation #orderNumbers #confirmationADRMark img { width: 40px; }
#orderConfirmation #orderNumbers header { float: left; }
#orderConfirmation #orderNumbers h1 { color: #363636; font-size: 26px; }
#orderConfirmation #orderNumbers h1 span { font-size: 26px; }
#orderConfirmation #orderNumbers #orderType { font-size: 12px; }
#orderConfirmation h2 { font-size: 14px; display: inline; margin-left: 2em; }
#orderConfirmation h2 img { width: 14px; height: 14px; margin-top: -3px; }
#orderConfirmation h3 { font-weight: bold; margin: 0 0 8px 0; font-size: 15px; }
#orderConfirmation #orderNumbers header { float: left; }
#orderConfirmation #orderNumbers .orderNumber { color: #555; font-size: 25px; border-bottom: gray 1px solid; padding-bottom: 0.25em; margin-bottom: 1em; }
#orderConfirmation #orderNumbers .orderConfirmationTitle { font-size: 14px; padding-bottom: 0; color: #555; }
#orderConfirmation .itemPrice, #orderConfirmation .backOrderDate { float: left; margin-left: 1em; }
#orderConfirmation #shippingAndPayment .shippingPanel { float: left; width: 30%; padding: 10px; border-right: 1px solid #e1e1e1; min-height: 165px; white-space: normal; overflow: hidden; height: auto; }
#orderConfirmation #shippingAndPayment .shippingPanel * { white-space: normal; }
#orderConfirmation #shippingAndPayment .shippingPanel .orderDate { margin-bottom: 2em; }
#orderConfirmation #shippingAndPayment .shippingPanel:last-child { border-right: 0; }
@media only screen and (max-width: 767px) { #orderConfirmation #shippingAndPayment .shippingPanel:last-child { border-bottom: 0; } }
@media only screen and (max-width: 767px) { #orderConfirmation #shippingAndPayment .shippingPanel { width: 100%; border-right: 0; border-bottom: 1px solid #e1e1e1; min-height: 0; } }
#orderConfirmation #shippingAndPayment p { margin: .25em 0; }
#orderConfirmation .subSection:not(:nth-child(2)) { border-top: 1px solid #e1e1e1; padding: 15px 0; }
@media only screen and (max-width: 767px) { #orderConfirmation .subSection:not(:nth-child(2)) { padding: 0; } }
#orderConfirmation td.itemPSVTotal { font-size: 18px; text-align: right; padding-right: 0; }
#orderConfirmation h2 { margin: 15px 0; }
#orderConfirmation #orderedProducts td { width: 10%; background-size: 25px 25px !important; }
#orderConfirmation #orderedProducts td.productThumb { position: relative; }
#orderConfirmation #orderedProducts td.productThumb img.adr-logo { position: absolute; height: 25px; width: 25px; left: -30px; top: 24px; }
#orderConfirmation #orderedProducts td.itemQuantity, #orderConfirmation #orderedProducts td.itemSubtotal, #orderConfirmation #orderedProducts td.itemPSVSubtotal { padding-top: 1.4em; vertical-align: top; }
#orderConfirmation #orderedProducts td.productThumb.hideADRLogo { background: transparent !important; }
#orderConfirmation #orderedProducts .product-row { clear: both; margin: 10px 0; }
#orderConfirmation #orderedProducts .product-row .no-padding { padding: 0; }
#orderConfirmation #orderedProducts .product-row .no-padding.grid.small-1.columns { width: 8%; height: 25px; }
#orderConfirmation #orderedProducts .product-row img.adr-logo { height: 25px; width: 25px; }
#orderConfirmation #orderedProducts .product-row .productSKU { float: left; }
#orderConfirmation #orderedProducts .product-row .small-6 div { margin-top: 8px; }
#orderConfirmation #orderedProducts .backdating { clear: both; }
#orderConfirmation #orderedProducts .order-mssg { padding-top: 10px; clear: both; }
#orderConfirmation table.responsiveTable { margin-bottom: 20px; }
#orderConfirmation table.responsiveTable tr { margin: 0 0 15px 0; display: table; width: 100%; }
#orderConfirmation table.responsiveTable tr td { text-align: left; }
#orderConfirmation table.responsiveTable tr td:first-child { width: 21%; margin-bottom: 15px; }
@media only screen and (max-width: 767px) { #orderConfirmation table.responsiveTable tr td:first-child { margin-bottom: 46px; } }
#orderConfirmation table.responsiveTable tr td.scan_card_number { width: 25%; margin-bottom: 15px; }
@media only screen and (max-width: 767px) { #orderConfirmation table.responsiveTable tr td.scan_card_number { width: 100%; } }
#orderConfirmation table.responsiveTable #product_title { line-height: 22px; width: 40%; }
@media only screen and (max-width: 767px) { #orderConfirmation table.responsiveTable #product_title { width: 76%; } }
#orderConfirmation table.responsiveTable .productSKU { display: inline-block; float: left; text-align: left; color: #999; }
#orderConfirmation #processingDates { color: #999; }
#orderConfirmation .reviewOrderDetails { max-width: 320px; width: 35%; page-break-inside: avoid; }
@media only screen and (max-width: 767px) { #orderConfirmation .reviewOrderDetails { width: 65%; } }
#orderConfirmation .reviewOrderDetails td { padding: 3px 0; }
#orderConfirmation .reviewOrderDetails .orderTotal { border-top: 1px solid #e1e1e1; padding: 0.5em 0; }
#orderConfirmation .reviewOrderDetails .orderTotal td { padding: 0.5em 0; }
#orderConfirmation .reviewOrderDetails tr { line-height: 2em; }
#orderConfirmation .reviewOrderDetails td:nth-child(2) { width: 100px; }
#orderConfirmation .reviewOrderDetails .orderTotal { border-top: 1px solid #e1e1e1; padding: 0.5em 0; }
#orderConfirmation .reviewOrderDetails .orderTotal td { padding: 0.5em 0; }
#orderConfirmation .reviewOrderDetails tr.orderTotal, #orderConfirmation .reviewOrderDetails tr.orderPSVTotal { font-size: 18px; }
#orderConfirmation .reviewOrderDetails tr { line-height: 2em; }
#orderConfirmation .reviewOrderDetails td:nth-child(2) { width: 100px; }

.checkoutElements { clear: both; }
.checkoutElements p { text-align: left !important; padding-top: 30px; color: #999; }

.firstCol { float: left; width: 50%; clear: both; }
.firstCol.addressReadOnly { word-wrap: break-word; }

.sectionCancelLink { float: right; line-height: 3.7; margin-right: 10px; }

@media only screen and (max-width: 940px) { /* line 251, ../scss/_main.scss */
    #mainContent .checkoutSection fieldset.promo-table .tableContainer { width: 100%; /* display: inline-block; */ }
    #mainContent .checkoutSection .promo-table .tableSaveControls { display: inline-block; float: left; padding-top: 10px; /* padding-right: 25px; */ padding-bottom: 20px; padding-left: 10px; width: 100%; } }
/******************* ACCORDION STYLES BEGIN ************************************/
.accordion { width: 300px; overflow: hidden; list-style: none; margin-bottom: 10px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }

.accordion li { float: left; overflow: hidden; -moz-transition: width 0.2s ease-out; -webkit-transition: width 0.2s ease-out; -o-transition: width 0.2s ease-out; transition: width 0.2s ease-out; -moz-transition-delay: 0.15s; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; }

.slide-01 { background: white; color: #333; }

.slide-02 { background: white; color: #333; }

.slide-03 { background: white; color: #333; }

.slide-04 { background: white; color: #333; }

#paymentSelection_order_1_vertical { height: 300px; margin-top: 10px; }

#paymentSelection_order_1_vertical li { float: none; height: 10%; width: 100%; -moz-transition: height 0.2s ease-out; -webkit-transition: height 0.2s ease-out; -o-transition: height 0.2s ease-out; transition: height 0.2s ease-out; }

#paymentSelection_order_1_vertical:hover li { height: 10%; width: 100%; }

#paymentSelection_order_1_vertical li:hover { height: 60%; width: 100%; }

.accordion h3 { background-color: #EFEFEF; color: #363636; cursor: pointer; font-size: 13px; font-weight: bold; margin: 0 0 5px; padding: 5px; }

.accordion p { padding: 4px; }

/*------------------------------------*\ VERTICAL
\*------------------------------------*/
.vertical { height: 300px; }

.vertical li { float: none; height: 25px; width: 100%; -moz-transition: height 0.2s ease-out; -webkit-transition: height 0.2s ease-out; -o-transition: height 0.2s ease-out; transition: height 0.2s ease-out; }

.vertical li:first-of-type { -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }

.vertical li:last-of-type { -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }

.vertical:hover li { height: 10%; width: 100%; }

.vertical li:hover { height: 60%; width: 100%; }

/******************* ACCORDION STYLES END ************************************/
.toolTipExample input { width: 250px; }

i.icon-info { position: relative; display: inline-block; height: 16px; width: 16px; }
i.icon-info:before { content: ''; display: inline-block; background: url("img/icon-info.svg") center center no-repeat; background-size: contain; height: 1em; width: 1em; position: relative; top: .1em; }
i.icon-info:hover, i.icon-info.hover { cursor: pointer; }
i.icon-info:hover span[class^="toolTip"], i.icon-info.hover span[class^="toolTip"] { display: block; }
i.icon-info span[class^="toolTip"] { display: none; position: absolute; width: 0px; background: #333333; color: white; font-weight: normal; text-align: left; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); padding: 10px 0px 8px; z-index: 9999; }
i.icon-info span[class^="toolTip"]:before { content: ''; position: absolute; border: 8px solid transparent; }
i.icon-info span.ccv-tooltip[class^="toolTip"] { background: none; box-shadow: none; }
i.icon-info span.toolTip-up { bottom: 26px; left: -92px; }
i.icon-info span.toolTip-up:before { border-top: 8px solid #333333; left: 50%; margin-left: -8px; bottom: -16px; }
i.icon-info span.toolTip-right { bottom: -11px; left: 28px; }
i.icon-info span.toolTip-right:before { border-right: 8px solid #333333; bottom: 7px; left: -16px; }
i.icon-info span.ccv-tooltip:before { border-right: none; }
i.icon-info span.toolTip-down { top: 30px; left: -92px; }
i.icon-info span.toolTip-down:before { border-bottom: 8px solid #333333; left: 50%; margin-left: -8px; top: -16px; }
i.icon-info span.toolTip-left { bottom: -11px; right: 28px; }
i.icon-info span.toolTip-left:before { border-left: 8px solid #333333; bottom: 7px; right: -16px; }
i.icon-info.shippingToolTip span[class^="toolTip"], i.icon-info.taxToolTip span[class^="toolTip"] { width: 200px; padding: 10px; }

.summary.ng-hide-remove { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display: block !important; }
.summary.ng-hide-remove { opacity: 0; }
.summary.ng-hide-remove.ng-hide-remove-active { opacity: 1; }

.checkoutSection section.ng-hide-remove, .checkoutSection section.ng-hide-add, .checkoutSection section fieldset.ng-hide-remove, .checkoutSection section fieldset.ng-hide-add, .addressReadOnly.ng-hide-remove, .addressReadOnly.ng-hide-add, .billingReadOnly.ng-hide-remove, .billingReadOnly.ng-hide-add { display: block !important; }
.checkoutSection section.ng-hide-add, .checkoutSection section fieldset.ng-hide-add, .addressReadOnly.ng-hide-add, .billingReadOnly.ng-hide-add { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; height: 200px; overflow: hidden; }
.checkoutSection section.ng-hide-add.ng-hide-add-active, .checkoutSection section fieldset.ng-hide-add.ng-hide-add-active, .addressReadOnly.ng-hide-add.ng-hide-add-active, .billingReadOnly.ng-hide-add.ng-hide-add-active { height: 0; }
.checkoutSection section.ng-hide-remove, .checkoutSection section fieldset.ng-hide-remove, .addressReadOnly.ng-hide-remove, .billingReadOnly.ng-hide-remove { -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; height: 0; overflow: hidden; }
.checkoutSection section.ng-hide-remove.ng-hide-remove-active, .checkoutSection section fieldset.ng-hide-remove.ng-hide-remove-active, .addressReadOnly.ng-hide-remove.ng-hide-remove-active, .billingReadOnly.ng-hide-remove.ng-hide-remove-active { height: 200px; }

/* ========================================================================== Media Queries ========================================================================== */
@media only screen and (max-width: 767px) { #page-checkout #buttonBarTop #nextOrderLabel button { margin: -.3em -.5em 0 0; }
    #page-checkout #mainContent .checkoutSection .promo-table .tableSaveControls { width: 100%; }
    #page-checkout #nextOrderLabel { width: 105%; float: none; right: 15px; text-align: left; padding-top: 0.9em; position: relative; margin-bottom: 5px; height: auto; }
    #page-checkout #costBreakdown .reviewOrderDetails tr:not(.orderTotal) { font-size: 18px; line-height: 2em; }
    #page-checkout #orderedProducts span, #page-checkout #orderedProducts td { font-size: 14px; }
    #page-checkout #orderedProducts td { width: 22%; }
    #page-checkout #orderedProducts td.itemQuantity, #page-checkout #orderedProducts td.itemSubtotal, #page-checkout #orderedProducts td.itemPSVSubtotal { width: 76.5%; float: right; }
    #page-checkout #orderedProducts table { margin-left: 15px; width: 90%; }
    #page-checkout #mainContent .reviewOrderDetails { width: 100%; }
    #orderConfirmation #orderedProducts .product-row { padding-top: 1em; }
    #orderConfirmation #orderedProducts .product-row .small-6.product-details { width: 100%; }
    #orderConfirmation #orderedProducts .product-row .small-6.totals.grid.columns { width: 50%; float: left; margin-left: 24%; }
    #orderConfirmation #orderedProducts .product-row .small-6.totals.grid.columns div { float: none; line-height: 1.5; width: 100%; margin-top: 0; }
    #mainContent .checkoutSection .tableContainer tr.promo-header { display: none; }
    #mainContent .checkoutSection .tableContainer tr.promo-details { cursor: pointer; }
    #mainContent .checkoutSection .tableContainer tr.promo-details td { display: inline-block; width: 25%; }
    #mainContent .checkoutSection .tableContainer tr.promo-details td.promo-desc { display: block; width: 75%; float: left; }
    #mainContent .checkoutSection .tableContainer tr.promo-details td:first-child { float: left; width: auto; }
    #mainContent .checkoutSection .tableContainer tr.promo-details td label { display: block; }
    #mainContent .checkoutSection header .summary .summaryColumn { float: none; clear: both; display: block; width: auto; min-width: inherit; }
    #mainContent .checkoutSection header .summary .summaryColumn:not(:first-child) { padding-top: 2em; }
    #mainContent .checkoutSection .payment-summary-view .pay-sum-left, #mainContent .checkoutSection .payment-summary-view .pay-sum-right { width: 100%; }
    #mainContent .checkoutSection .payment-summary-view .pay-sum-right { padding-top: 20px; }
    #mainContent label.shipToSelection ul { max-width: 100%; }
    #mainContent label.shipToSelection ul li { max-width: 100%; }
    #mainContent label.billingSelection.wired { height: 200px; }
    .container { padding: 0; }
    .checkoutSection header .ordinal { width: 26px; height: 26px; line-height: 26px; margin-right: 5px; }
    .checkoutSection tr { position: relative; padding: 10px; }
    .checkoutSection .errorDialogue, .checkoutSection .infoDialogue { margin: 10px 0; }
    .section #mainContent #orderConfirmation .responsiveTable .productRow .productThumb { padding-left: 0; margin-bottom: 5px; }
    .section #mainContent #orderConfirmation > div { width: 100%; margin-right: 0; }
    .section #mainContent #orderConfirmation table.reviewOrderDetails td { text-align: left; }
    .three-col > div { width: 100% !important; margin-bottom: 10px; }
    #shippingMethod { padding: 25px 0 0 0; border: none; clear: both; }
    #mainContent label.shipToSelection, #mainContent label.billingSelection { border-top: lightgray dashed 1px; width: 93%; font-size: 14px; line-height: 1.5; }
    label.shipToSelection.selected button, label.billingSelection.selected button { margin: 5px 0 5px -20px; }
    label.billingSelection { margin: 0 0 5% 0; }
    label.billingSelection:nth-child(3n+2) { clear: none; }
    label.billingSelection:nth-child(even) { clear: left; margin-right: 5%; }
    .promoTrigger { float: none !important; }
    .section #mainContent table.reviewOrderDetails, .responsiveTable { position: static; width: auto; margin-top: 20px; }
    div.cq-colctrl-city-state-zip-c0 { width: 20%; padding-right: 5px; }
    div.cq-colctrl-city-state-zip-c1 { padding-right: 5px; }
    div.cq-colctrl-city-state-zip-c2 { width: 10%; }
    .editPayment, .newPayment { width: 100%; }
    .paymentMessage { width: 90%; }
    .firstCol.addressReadOnly { width: 100%; }
    .shippingAddressSummary.summaryColumn li { word-wrap: break-word; } }
@media only screen and (max-width: 767px) and (orientation: landscape) { label.shipToSelection, label.billingSelection { width: 93%; } }
@media screen and (max-width: 710px) and (min-width: 481px) { #page-checkout #nextOrderLabel span { display: inline-block; width: 50%; } }
@media only screen and (max-width: 480px) { .firstCol.addressReadOnly { width: 100%; overflow: auto; padding-bottom: 15px; }
    i.icon-info { height: 24px; width: 24px; }
    i.icon-info:before { height: 1.5em; width: 1.5em; top: .4em; }
    #mainContent label.shipToSelection ul, #mainContent label.billingSelection ul { padding: 10px 10px 30px; }
    .billingReadOnly .ccv i.icon-info span p img { left: -80px; position: absolute; top: -185px; }
    #mainContent .checkoutSection section { padding-left: 0; }
    #mainContent .checkoutSection section.mobile { padding-left: 0; }
    #mainContent .checkoutSection section.mobile label.shipToSelection { width: 100%; }
    #mainContent .checkoutSection header h1 { width: 50%; }
    #mainContent .checkoutSection header button { font-size: .8em; }
    #mainContent .checkoutSection header .summary { overflow: hidden; margin-left: 0; }
    #mainContent .checkoutSection header .summary .summaryColumn { width: 90%; overflow: auto; padding-bottom: 15px; }
    #mainContent .checkoutSection.reviewOrder div.reviewOrderDetails button.continue { width: 94%; }
    #mainContent .checkoutSection .promo-table { margin-left: 0; }
    #mainContent .checkoutSection .promo-table .tableContainer { width: 100%; }
    #mainContent .checkoutSection .promo-table .tableSaveControls { width: 50%; }
    #mainContent .checkoutSection .payment-summary-view label .promo-label { display: block; clear: both; padding-top: 20px; }
    #mainContent #buttonBar button { margin: 5px 0; }
    #mainContent label.billingSelection.selected, #mainContent label.shipToSelection.selected { height: auto; }
    #mainContent label.billingSelection button, #mainContent label.shipToSelection button { position: relative; bottom: -10px; clear: both; width: 100%; }
    #mainContent label.billingSelection { height: auto; width: 100%; }
    #mainContent label.billingSelection button { margin-bottom: 10px; }
    #mainContent label.shipToSelection { padding-bottom: 0; height: auto; }
    #mainContent label.shipToSelection ul li:last-child { width: 100% !important; }
    #page-checkout #buttonBarTop #nextOrderLabel { height: auto; }
    #page-checkout #buttonBarTop #nextOrderLabel span { clear: both; display: inline-block; padding-bottom: 20px; }
    #page-checkout #buttonBarTop #nextOrderLabel button { width: 100%; margin: 0; }
    #page-checkout #orderedProducts td.productThumb { width: 35%; background-position: 3px 0 !important; margin-bottom: 0; margin-top: 15px; }
    #page-checkout #orderedProducts td.itemQuantity, #page-checkout #orderedProducts td.itemSubtotal, #page-checkout #orderedProducts td.itemPSVSubtotal { float: left; }
    #orderConfirmation table.responsiveTable #product_title, #orderConfirmation table.responsiveTable .itemQuantity, #orderConfirmation table.responsiveTable .itemSubtotal, #orderConfirmation table.responsiveTable .itemPSVSubtotal { width: 100%; }
    #orderConfirmation table.responsiveTable #product_title { padding-bottom: 10px; }
    #orderConfirmation table.responsiveTable .itemQuantity, #orderConfirmation table.responsiveTable .itemSubtotal, #orderConfirmation table.responsiveTable .itemPSVSubtotal { padding-left: 10px; line-height: 1; }
    #orderConfirmation .itemPrice { clear: both; margin-left: 0; }
    #orderConfirmation #orderedProducts .product-row .small-6.totals.grid.columns { margin-left: 23%; }
    .paymentMessage { width: 90%; } }
@media only screen and (max-width: 449px) { #signupConfirmation .distributorID, #signupConfirmation #orderNumbers h1 { font-size: 22px; }
    #signupConfirmation .signupDetails td { width: 100%; }
    #orderedProducts td { width: auto; }
    #mainContent { padding: 0; }
    #mainContent .checkoutSection .summary span, #mainContent .checkoutSection .summary li, #mainContent .checkoutSection .summary .productTitle { font-size: 14px; }
    #mainContent .checkoutSection .summaryCartItem .productTitle { max-width: 225px; }
    #mainContent .reviewOrderDetails tr:not(.orderTotal) { font-size: 14px; }
    #mainContent .webSavings { float: left; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { div.cq-colctrl-city-state-zip-c0 { width: 20%; padding-right: 5px; }
    div.cq-colctrl-city-state-zip-c1 { padding-right: 5px; }
    div.cq-colctrl-city-state-zip-c2 { width: 10%; } }
@media screen and (max-width: 350px) { #mainContent label.shipToSelection ul li { white-space: normal; } }
/* ========================================================================== Print styles ========================================================================== */
@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    /* Don't show links for images, or javascript/internal links */
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; /* h5bp.com/t */ }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
    #container { background: #fff; }
    .noprint, #mainHeader, #mainFooter, #footer-wrap, #headerSection, #leftNavSideBar, #rightNavSideBar { display: none !important; }
    #page-checkout .print-confirm-logo { display: block; }
    #page-checkout #nextOrderLabel { display: none; }
    #orderConfirmation table.responsiveTable #product_title { width: 22%; }
    #orderConfirmation #orderedProducts .product-row .no-padding.small-2 { padding: 0 5px !important; }
    #orderConfirmation #orderedProducts .product-row img.adr-logo { width: 20px; height: 20px; } }
#checkout-edit-shipping .ng-modal-dialog { position: fixed; }

#checkout-edit-shipping .ng-modal-dialog-content .ng-scope { /* Align numbers columns right and string columsn left */ }
#checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable caption { font-size: 16px; font-weight: bold; background-color: #008AB0; color: white; padding: 0.5em; }
#checkout-edit-shipping .ng-modal-dialog-content .ng-scope subtitle { margin-top: 0; margin-bottom: 1em; }
#checkout-edit-shipping .ng-modal-dialog-content .ng-scope h3 { margin-top: 1em !important; margin-bottom: 0 !important; }
#checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable td, #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable th { text-align: right; }
#checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable td:nth-child(2), #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable th:nth-child(2) { text-align: left; }
#checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable { margin-top: 1em; }
@media (min-width: 768px) { #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable { border: #ededed solid 1px; }
    #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable tr:nth-child(1) { border-bottom: #ededed solid 1px; }
    #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable td:nth-child(1) span { display: block; margin: 10px 0; } }
@media (max-width: 449px) { #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .shippingRatesModalBody .responsiveTable td:nth-child(3) { margin-left: 0; } }
@media (min-width: 450px) and (max-width: 767px) { #checkout-edit-shipping .ng-modal-dialog-content .ng-scope { /* Keeps the prices aligned with the service type */ /* Should switch to "single column" at <450px*/ }
    #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .shippingRatesModalBody .responsiveTable td:nth-child(3) { margin-left: 125px; } }

@media (max-width: 767px) { #checkout-edit-shipping .ng-modal-dialog { width: 90%; top: 500px; left: 50%; right: 0; bottom: 0; position: relative; height: auto !important; overflow-y: visible; overflow-x: hidden; display: block; }
    .ng-modal.ng-isolate-scope { position: fixed; overflow: auto; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; height: auto; width: 100%; margin: 0; }
    .ng-modal.ng-isolate-scope::-webkit-scrollbar { width: 0 !important; }
    #checkout-edit-shipping .ng-modal-overlay { position: fixed; top: 0; right: 0; left: 0; bottom: 0; height: 2200px !important; width: 100%; }
    #checkout-edit-shipping .ng-modal-dialog-content { padding: 0; }
    #checkout-edit-shipping .ng-modal-dialog-content .ng-scope { position: static; overflow: auto; width: 100%; display: block; height: auto; /* Shrink the labels for the first two columns */ }
    #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable label { display: inline !important; visibility: visible; }
    #checkout-edit-shipping .ng-modal-dialog-content .ng-scope subtitle { margin-left: 1.1em; }
    #checkout-edit-shipping .ng-modal-dialog-content .ng-scope h3 { margin-top: 1em !important; margin-left: 1em !important; margin-bottom: 0 !important; }
    #checkout-edit-shipping .ng-modal-dialog-content .ng-scope table.responsiveTable th { display: none; }
    #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable tr:nth-child(1) { display: none; }
    #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable td:nth-child(1) label, #checkout-edit-shipping .ng-modal-dialog-content .ng-scope #checkout-edit-shipping .responsiveTable td:nth-child(2) label { clear: right; float: left; font-size: 12px; }
    #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable td:nth-child(2) label { float: left; }
    #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable td:nth-child(2) i { clear: right; float: left; font-size: 12px; }
    #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable td:nth-child(1), #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable td:nth-child(2) { margin-bottom: 1em; }
    #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable td:nth-child(1) { width: 125px; }
    #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable td:nth-child(1) span, #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable td:nth-child(2) span { font-size: 16px; float: left; clear: left; }
    #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable tr { padding: 20px 5px; }
    #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable td:nth-child(3), #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable td:nth-child(4), #checkout-edit-shipping .ng-modal-dialog-content .ng-scope .responsiveTable td:nth-child(5) { font-size: 12px; }
    #checkout-edit-shipping .ng-modal-dialog-content .ng-scope table.responsiveTable { margin-top: 1em; border-bottom: #D2D2D2 solid 1px; } }
body.modal-open { overflow: hidden; position: fixed; display: block; width: 100%; }

.adrShipModal .ng-modal-dialog { position: fixed; z-index: 20000000001; }

.tncContainer { position: relative; min-height: 200px; overflow: auto; border: 1px solid #ccc; margin-top: 10px; -webkit-overflow-scrolling: touch; max-height: 200px; overflow-y: scroll; padding: 1em; -webkit-overflow-scrolling: touch; }
.tncContainer p { text-align: left; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; }
.tncContainer table td { text-align: left; }

#adrAgree2Terms { margin: 20px 0; font-size: 14px; float: right; }

.adr-now-future { position: relative; padding: 1em 2em 1.5em; border: 1px solid #e1e1e1; border-radius: 3px; margin-bottom: 10px; background: #ffffff; }

.adr-shipselect { margin-bottom: 25px; }

.adr-shipfuture-msg { margin-bottom: 8px; }