.my-account-grid .open-section .form-row,.orderToPay .form-innerwrapper .form-row{ margin:0 0 0 3%; width:45%; float:left; clear:none; } .my-account-grid .open-section .ohprod,.orderToPay .form-innerwrapper .ohprod{ border:1px solid #ccc; padding:2%; width:80%; margin-bottom:10px; } .my-account-grid .open-section .ohprod .ohfirst{ margin-top:10px; } .my-account-grid .open-section .ohprodetail,.orderToPay .form-innerwrapper .ohprodetail{ width:60%; float:left; margin-left:2em; } .my-account-grid .open-section img,.orderToPay .form-innerwrapper img{ display:inline; float:left; } .orderToPay .checkout-shipping address{ clear:both; } .orderToPay .form-innerwrapper .ohprod label{ width:100%; } .pt_checkout .orderToPay form.checkout-shipping.address{ margin-bottom:30px; } .order-history .clickme a{ text-decoration:underline; color:#666; cursor:pointer; } .pt_checkout .orderToPay .form-innerwrapper label{ width:26%; } .order-history tr.targetOrder{ cursor:pointer; } .order-history tr.targetOrder:hover td,.order-history tr.targetOrder:hover a{ color:#930F25; } .login-step1-checkout { text-transform: initial } .login-step1-checkout .section-header, .login-step2-checkout .section-header { margin: 0; background: #e1e1e1; clear: both; color: #333; font: 18px/18px Arial, sans-serif; padding: 10px 0 10px 30px; text-transform: uppercase } .login-step1-checkout .left-sec { float: left; width: 50%; padding: 30px; box-sizing: border-box } .login-step1-checkout .left-sec.adj,.login-checkout-right-sec.adj{padding:30px;} .login-step1-checkout .left-sec.adj h5 span:before, .login-checkout-right-sec.adj h5 span:before{ text-indent:5em;font-family: 'blitzsiteicons';content: "\e00D"; color:#ccc; } .login-checkout-right-sec { float: left; width: 50%; padding: 0 30px 0 30px; box-sizing: border-box; border-left: 1px solid #ccc; margin: 30px 0; position: relative; height: 80px } .login-checkout-right-sec .login-checkout-right-sec-or { background: #f8f8f8 none repeat scroll 0 0; display: inline-block; line-height: 30px; margin-top: -14px; position: absolute; top: 50%; left: -25px; width: 55px; text-align: center } .login-step1-checkout h5, .login-checkout-right-sec .no-pad-sec h5 { padding: 0; margin: 0; font-size: 15px; color: #666 } .login-checkout-right-sec p { padding: 0; margin: 0 0 0 45px; font-size: 11px; color: #666; line-height: 16px; font-family: "Arial", sans-serif } .login-step1-checkout .sign-in-on-button { font-size: 14px; background: #666; color: #fff; height: 32px; line-height: 32px; display: block; vertical-align: top; text-align: center; width: 94%; margin-top: 30px; cursor: pointer } .login-checkout-right-sec p { margin: 15px 0 0 45px } .login-step2-checkout { background: 0; margin: 0; display: none } .login-step2-checkout .section-header-1 { padding: 25px 0 18px 30px; margin: 0; clear: both; color: #666; font: 14px/18px Arial, sans-serif; text-transform: none } .login-step2-checkout .login-box-content .input-label { padding-left: 30px; width: 24% } .login-step2-checkout .login-box-content input.input-text { width: 57% } .login-step2-checkout .login-box-content .form-row-button { margin: 0 19px 25px 33px; width: 29% } .login-step2-checkout .login-box-content .form-row-button .action-button { padding: 8px 20px; width: 100% } .login-step2-checkout .login-box-content #password-reset { display: inline-block; font-family: arial; font-size: 12px; margin: 13px 0 0; text-transform: none; vertical-align: top } .login-step2-checkout .login-box-content span.error { margin: 5px 0 0 30% } .login-step2-checkout .login-box-content .error-form { margin-left: 31px } .login-step2-checkout .login-checkout-right-sec { display: none } .show-login-checkout-default.login-step2-checkout { display: block } .show-login-checkout-default.login-step1-checkout { display: none } .ui-modal.ui-modal-forget-pass { background-color: #f8f8f8 } .ui-dialog.ui-modal, .ui-modal-forget-pass{ left: 50%; top:119px; max-width:565px; width:auto; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .ui-modal.ui-modal-forget-pass #dialog-container { padding: 30px } .ui-modal .pt-forgot-passowrd h1 { color: #333; font-size: 18px; border-bottom: 1px solid #ccc; padding-bottom: 20px } .ui-modal .pt-forgot-passowrd .form-row .green-button { background: #666 none repeat scroll 0 0 } .ui-modal .pt-forgot-passowrd .help-text { font: 12px/14px Arial, sans-serif; margin: 24px 0 12px } .ui-modal .pt-forgot-passowrd .help-text #PasswordResetForm .privacy-text p { font: 12px Arial } .ui-modal .pt-forgot-passowrd .input-label span { font-size: 16px } .ui-modal .pt-forgot-passowrd #PasswordResetForm .input-label { margin-top: 20px } .ui-modal .pt-forgot-passowrd #PasswordResetForm .input-text { width: 70%; color: #666; background-color: white; border: 1px solid #999 } .ui-modal .pt-forgot-passowrd .privacy-text p { margin-top: 10px; margin-bottom: 25px } .ui-modal .pt-forgot-passowrd #PasswordResetForm .error .input-text { border: 2px solid #ca3f45 } .ui-modal .pt-forgot-passowrd .privacy-text p { font: 12px/14px Arial, sans-serif; margin-top: 5px } .ui-modal.ui-modal-forget-pass .ui-dialog-titlebar .ui-dialog-titlebar-close { top: 5px } .ui-dialog.ui-modal-forget-pass .ui-icon-closethick:after { content: "\e60e"; font: 18px/normal "blitzsiteicons"; display: block; height: 22px; width: 22px; color: #000; text-indent: 0 } .ui-dialog.ui-modal-forget-pass span.ui-icon-closethick { background: 0 } #PasswordResetForm span.error { display: none } .item-in-bag { display: inline-block; width: 32px; padding: 6px 0; position: relative } .item-in-bag:before { font-family: 'blitzsiteicons'; content: "\e604"; font-size: 32px; top: -14px; left: -2px } .item-msg { text-transform: none; font-size: 16px; margin: 18px 0; display: block } .item-msg p { font-family: "EB Garamond", sans-serif; font-size: 14px } .item-msg .item-number { font-style: italic; display: block; text-decoration: underline } .item-in-bag .number { color: #fff; position: absolute; top: 41%; font-size: 13px; left: 0; width: 100%; text-align: center } .view-bag-button a { display: block; background: #0c631a; color: #fff; text-transform: uppercase; text-decoration: none; padding: 13px 0 } #dialog-returns-and-exchange .content-asset .show-detail-effect { max-height: 500px; overflow-y: auto; margin-right: 20px; padding-right: 10px; padding-left: 10px; margin-top: 10px } .pt_checkout .input-select option { height: 20px } .box_row_wrapper_checkout { border-top: 1px solid #ccc; margin-bottom: 10px } .box_row_wrapper_checkout .box_row_element { float: left; width: 33%; padding-right: 5%; box-sizing: border-box } .box_row_wrapper_checkout .box_row_element:last-child { padding-right: 0 } .box_row_wrapper_checkout .box_row_element h2 { margin: 0; padding: 0; color: #666; font: 16px/14px Arial, sans-serif; padding-top: 30px } .box_row_wrapper_checkout .box_row_element p { font-family: Arial; margin: 17px 0 4px; padding: 0; color: #666; min-height: 57px } .box_row_wrapper_checkout .box_row_element .form-row-button { margin: 0; width: 100% } .box_row_wrapper_checkout .box_row_element .form-row-button a { text-align: center; height: 50px; padding: 0; cursor: pointer; display: block; font: 15px Arial, Helvetica, sans-serif; letter-spacing: 2px; padding: 18px 23px; text-decoration: none; margin: 0 } .box_row_wrapper_checkout .box_row_element .form-row-button .action-button { width: 90%; border: 1px solid #666; color: #666; text-align: center; height: 30px; padding: 0; margin: 0 } .box_row_wrapper_checkout .box_row_element .form-row-button .create-acc { background: #fffef7 none repeat scroll 0 0 } .box_row_wrapper_checkout .box_row_element .survey-url { background: transparent none repeat scroll 0 0; border: 0 none; float: left; padding: 0; width: 100% } .box_row_wrapper_checkout .box_row_element .survey-url a { background: #fffef7 none repeat scroll 0 0; border: 1px solid #666; color: #666; height: 30px; line-height: 30px; margin: 0; padding: 0; text-align: center; width: 90% } .box_row_wrapper_checkout .box_row_element .button-complete-payment a { width: 90%; text-decoration: none } .box_row_wrapper_checkout .box_row_element .form-row-button .payment-complete { border: 1px solid #666; background: #3d5e37 none repeat scroll 0 0; color: #fff; height: auto; line-height: 30px; margin: 0; padding: 0; text-align: center; width: 90% } .order-confirmation-message { letter-spacing: 1px; color: #666; font: 16px Arial, Helvetica, sans-serif } .order-confirmation-message .order-number .label, .order-confirmation-message .order-number #utility-nav .mini-cart-subtotals .value, #utility-nav .mini-cart-subtotals .order-confirmation-message .order-number .value { display: inline-block; width: 210px; text-transform: uppercase } .order-confirmation-message .customer-service .label, .order-confirmation-message .customer-service #utility-nav .mini-cart-subtotals .value, #utility-nav .mini-cart-subtotals .order-confirmation-message .customer-service .value { display: inline-block; float: none; text-align: left; width: 210px; text-transform: uppercase } .order-confirmation-message .customer-service .value a { text-align: left; color: #666; text-decoration: none } .order-confirmation-message .customer-service .value { text-align: left } .order-confirmation-message .customer-service { margin: 15px 0 35px; text-align: left } .order-confirmation-message .order-number { margin: 8px 0 0 } .order-confirmation-message h1.order-confirmation { font-size: 24px; color: #333 } .confirmation-coustmer-service a.print-page { color: #666 } .checkout-wrapper .confirmation-coustmer-service { margin-top: 14% } /*.department-button{font-size: 14px; background-color:#FF8DB6; height: 32px; line-height: 32px; display: block; vertical-align: top; text-align: center; width: 30%; cursor: pointer;min-width:100px;}*/ .pt_wish-list .wishlist-account-header { border-bottom: 1px solid #e5e5e5 } .pt_wish-list .wishlist-account-header .account-header { border-bottom: 0 } .pt_wish-list .wishlist-account-header .error-box-wishlist { background: #852d2d; color: #fff; font: italic 14px "EB Garamond", arial; line-height: 18px; padding: 6px 10px 6px 10px; float: left; margin-left: 32px; margin-bottom: 25px; letter-spacing: 1px } @media screen and (min-width:1025px) { #wish-list-dialog .swatches.option .list-item:hover .swatchanchor { color: #FFF; background: none #666 } .login-checkout-right-sec.no-pad-sec h5 { text-align: center } } @media screen and (max-width:1136px) { /*#utility-nav .util-account>.nav-link, #utility-nav-wrap .util-wishlist .wish-list-link.nav-link, #utility-nav-wrap .util-cart .mini-cart-total>.nav-link { height: 23px; line-height: 37px; margin-top: 0; padding: 10px 6px 0; width: 23px; overflow: hidden; position: relative }*/ #utility-nav .mini-cart-link .qty, #utility-nav .wish-list-link .qty { color: #000; font: 10px "TradeGothicBold", Arial, sans-serif; left: 10px; position: absolute; text-align: center; top: 11px; width: 14px } #utility-nav .wish-list-link .qty { top: 11px; left: 11px } #utility-nav-wrap .util-account>.nav-link:before, #utility-nav-wrap .util-wishlist .wish-list-link.nav-link:before, #utility-nav-wrap .util-cart .mini-cart-total>.nav-link:before { font-family: "blitzsiteicons"; font-size: 26px; left: -1px; margin: 0; position: relative; top: -12px; color: #fff } /*#utility-nav-wrap .util-account>.nav-link:before { content: "\e600"; font-size: 24px }*/ #utility-nav-wrap .util-wishlist .wish-list-link.nav-link:before { content: "\e605"; font-size: 21px; top: -11px; left: 1px } /*#utility-nav-wrap .util-cart .mini-cart-total>.nav-link:before { content: "\e604"; font-size: 26px; top: -14px; left: -2px }*/ #utility-nav-wrap .util-account:hover>.nav-link:before, #utility-nav-wrap .util-wishlist:hover .wish-list-link.nav-link:before, #utility-nav-wrap .util-cart:hover .mini-cart-total>.nav-link:before { color: #000 } #utility-nav-wrap .util-cart:hover .mini-cart-link .qty, #utility-nav-wrap .util-wishlist:hover .wish-list-total .wish-list-link .qty { color: #FFF } } @media screen and (min-width:768px) and (max-width:1023px) and (orientation:landscape) { .fixed-header #utility-nav .util-language .nav-link { display: none } .pt_store-locator .primary-content { width: 92%; margin: 0 4%; float: left } .pt_store-locator .col-1 .login-box { padding-left: 10% } .pt_store-locator .col-1 .form-row.form-row-button, .pt_store-locator .col-2 .form-row.form-row-button { margin-top: 0 } .pt_store-locator .form-row { margin-top: 0 } } @media screen and (max-width:959px) { .pdp-main .product-add-to-cart { width: 100% } .pdp-main .button-fancy-large { background: none repeat scroll 0 0 #447900; border-radius: 3px; height: 45px; margin: 10px 0; width: 100% } .pdp-main .promotion { display: block; float: left } .pdp-main .product-set-item .promotion { display: none } .pt-subscribe #main, .pt_account.full-width .primary-content { width: 96%; max-width: 96%; padding: 0 2% } .home-bottom-mobile-slot ul li { float: left; overflow: hidden; width: 100% } .home-bottom-mobile-slot ul li img { float: left; max-width: 100% } .js .quickviewbutton, .js .product-image:hover .quickviewbutton, .ui-dialog.quickview { display: none !important } .item-edit-details .link, .item-edit-details .separator { display: none } .credit-cart-date .month span.error, .credit-cart-date .year span.error { width: 100% } .no-result-qas, .multi-addr-qas, .interaction-required-qas { width: 100% } .pt_checkout .button-fancy-large { width: 100% } .message-container .heading { color: #212121; margin-top: 90px } .message-container .details { color: #212121 } .message-container { height: 310px } .soldout_rr .product-tile .product-image { border: solid 1px #666 } .soldout_rr .product-tile .product-name, .soldout_rr .product-tile .product-price{ display: none } .refund-content-row-wrap.message { width: 100% } } @media screen and (min-width:768px) and (max-width:959px) { .login-checkout-right-sec p { margin: 0 0 0 22px } #wrapper { max-height: 100% } .wrap-inside { width: 100% } .footer-wrapper, .checkout-footer-wrapper { padding-left: .5%; width: 99.5% } ul.brand-logo { padding: 10px 0 10px 20px } ul.brand-logo li a { width: 46% } #primary-nav .cat-nav-list .list-item { padding: 0 4px } .promotional-dialog { top: 15% !important; left: 30% !important; width: 540px !important } .pt_product-details .wrap-inside { width: 100% } .breadcrumb { margin-left: 10px } .pdp-main .product { width: 100% } .product-col-1.product-image-container { width: 50% } .pdp-main .product-primary-image { width: 80% } .pdp-main .product-primary-image a, .pdp-main .product-primary-image .img-item { width: 100% } .pdp-main .product-primary-image .img-item { max-height: 350px; max-width: 350px } .product-set .product-set-image { width: 61% } .pt_checkout .checkout-coupon-code .form-row { width: 65% } .message-container p.message-container-text { width: 42% } .pt_error .primary-content { width: 100% } .pt_error #error-message-content h2 { margin: 0 17% } .pt-cart .primary-cart-content { padding: 0 2%; width: 96% } .cart-action-checkout { margin-right: 0 } .pt-cart .order-disclaimer-wrapper { width: 42% } .pt-cart .promo-form div.error { width: 278px } .pt_wish-list .action-button { padding: .3em 1em } .pt_account .primary-content.full-width { width: 85%; margin: auto } #address-popup .qas-address-form .action-button { padding: .23em 1.25em } .account-list.payment-list li.default { padding-left: 5% } .product-set-list .product-set-image { width: 60% } .product-set-list .product-col-2.product-detail { width: 37% } .pdp-main .product-set-list .menu { width: 100% } .pt-checkoutlogin .error-form .error.err-msg { max-width: 360px } .footer-top-bar-right { margin-right: 0 } #primary .account-options>.list-item { width: 41.83% } .refinement-bg { width: 76.4% } .tax-disclaimer .content-asset { width: 80% } .tax-disclaimer span.tax-price { width: 20% } .pt_store-locator .primary-content { width: 92%; margin: 0 4%; float: left } .pt_store-locator .col-1 .login-box { padding-left: 10% } .pt_store-locator .col-1 .form-row.form-row-button, .pt_store-locator .col-2 .form-row.form-row-button { margin-top: 0 } .pt_store-locator .form-row { margin-top: 0 } #home-page-slider.vertical-marketing-slider .bx-controls-direction a.bx-prev { top: 33% } #home-page-slider.vertical-marketing-slider .bx-controls-direction a.bx-next { top: 58% } } @media screen and (max-width:767px) { input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select:focus, textarea { font-size: 16px; } .my-account-grid .open-section .form-row,.orderToPay .form-innerwrapper .form-row{ width:100%; } .my-account-grid .open-section .form-row.ohprod,.orderToPay .form-innerwrapper .form-row.ohprod{ width:90%; } .login-checkout-right-sec p { margin: 0 } html, body { overflow-x: hidden } .pt_store-locator #storelocator { margin: 21px 12%; width: 76% } .pt_store-locator .back-to-store-locator-link { padding-left: 6% } .pt_store-locator .store-phone-block, .pt_store-locator .google-map { margin-left: 16.5% } .browser-compatibility-alert { top: 0 } .safari select { text-indent: 5px } .wrap-inside { width: 100% } .home-bottom-mobile-slot { overflow: hidden } .pt_checkout .form-innerwrapper label { width: 100%!important; margin-bottom: 10px } .pt_checkout .input-select { width: 100% } .gray_buttons { font-size: 14px; padding: 6px 15px } .checkout-middle-section .checkout-progress-indicator { display: none } .pt_checkout .payment-method-options .form-row, .pt_checkout .checkout-billing.address .checkout-coupon-code { width: 100% } #ship-details h3.section-header, .mini-billing-address.order-component-block h3.section-header, .mini-payment-instrument h3.section-header { padding: 0; margin-top: 10px } .pt_checkout .shipping-option-header { font-size: 1.214em; color: #333; padding-left: 14px } .checkout-coupon-code .grey-button { margin-left: 0 } .pt_checkout .form-innerwrapper { padding: 0; width: auto; float: none } .pt_checkout .cart-subheading { padding-top: 10px } legend { padding-left: 0; font-family: " "; color: #333 } .pt_checkout .checkout-coupon-code .form-row { width: 56% } div.form-row span#cardType[class] { display: none } select#dwfrm_billing_paymentMethods_creditCard_type { margin-left: 0 } div.form-row.creditCardType.label-removed.required { width: 100% } .pt_checkout #shipping-method-list .input-label { font-family: arial; margin-left: 1% } .right-footer-section .payment-label { width: 100%; text-align: center; background: 0; padding: 0; text-indent: 0; float: none } #ship-details { padding-bottom: 0 } #ship-details .mini-shipment .shipping-address, .mini-billing-address.order-component-block, .mini-payment-instrument { width: auto; padding: 2% 15px; border-bottom: 1px solid #cfcfcf; float: none } .pt_checkout .mini-payment-instrument { margin-left: 0 } #ship-details .shipping-address { padding: 0 } .checkout-progress-indicator:before { content: attr(data-check); text-transform: uppercase; font: 1.56em/0.984em " ", Arial, sans-serif; color: #fff; position: absolute; left: 3%; line-height: 2em } button.button-fancy-large { background-size: cover } #ship-details h3.section-header .section-header-note, .mini-billing-address.order-component-block .section-header-note, .mini-payment-instrument .section-header-note { display: none } .summary-item-list .attribute, .summary-item-list .item-stock { clear: both } .checkout-progress-indicator { background: #666; padding: 10px 0 10px 60%; left: 0; width: 40% } .ja_jp .checkout-progress-indicator { left: 0 } #checkout-top-section { display: none } .checkout-progress-indicator .active { background-position: 0 -165px; color: #fff } .checkout-progress-indicator .inactive { background-position: 0 -125px } .stateSelect .select-box { width: 100% } #shipping-method-list .form-indent .input-label { margin-left: 1% } .form-innerwrapper .select-address .select-box { width: 100% } form#dwfrm_billing.checkout-billing.address { clear: both } #PaymentMethod_CREDIT_CARD .select-box { width: 100% } .confirmation-coustmer-service { float: left; text-align: left; padding: 0 0 2% 4%; max-width: none } .order-confirmation-message { width: 92%; text-align: center; margin-left: 20px } .order-confirmation-details { border-top: 1px solid #ccc; margin-top: 10px } .order-confirmation-details th.section-header, .order-confirmation-details .item-list .section-header { border: 0; font-size: 1.286em !important; font-family: Arial, Helvetica, sans-serif } .order-confirmation-details th.section-header { display: none } .order-confirmation-details .item-list h3.section-header { margin-top: 0 } .order-confirmation-details .order-shipment-address, .order-confirmation-details .order-billing-address { width: 100%; float: left } .order-confirmation-details .shipping-method, .order-confirmation-details .payment-methods { padding: 0; width: 100%; float: right } .order-confirmation-details table.item-list td { font-size: 14px !important } .order-confirmation-details table.confirmation-product-detail td.item-details { padding-left: 10% } .order-confirmation-details .section-header.header-total-price, .order-confirmation-details .order-totals-table, .confirmation-product-detail .item-total { display: none !important } .order-confirmation-details table { border-bottom: 1px solid #ccc; margin-bottom: 5% } .order-confirmation-details table.confirmation-product-detail { margin: 0 3%; width: 94%; border: 0; padding-top: 14px } .order-summary-thanks { margin: 4%; width: 92% } .confirmation-product-detail thead:after { height: auto } body { -webkit-text-size-adjust: none } div, img { max-width: 100% } .content-accordion .accordion-header .arrow { margin: 12px 60px auto } input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], textarea, select { width: 100% } .form-row label, .form-row.locale-address.required { padding-right: 0; width: 100% } .form-horizontal .input-text, .form-horizontal .input-select, .form-horizontal .input-label, .form-horizontal .locale-address .input-text, .form-horizontal .locale-address .input-select { width: 100% } .pt_account .breadcrumb { display: block; padding: .429em .214em .429em 0; margin-top: 3.571em; width: auto } .pt_account .breadcrumb .link, .pt_account .breadcrumb .text { color: #999; font: 1.286em/1.778em Arial, sans-serifs; text-decoration: none } .pt_account .breadcrumb .breadcrumb-seperator { padding: 0 .429em } .pt_account .breadcrumb .breadcrumb-last { color: #666 } .form-checkbox input[type=checkbox] { width: 15px } .account-form .form-checkbox .input-checkbox { margin: 8px 0 0 } .account-form .form-checkbox .input-label { margin: 0 11% 0 0; width: 82% } .my-account-grid .account-form .action-button, .my-account-grid #newcreditcard .action-button { margin: 34px 0 5%; width: 100% } .form-checkbox .input-label { float: right; margin: 0 0 0 20px; width: 85% } .my-account-grid .privacy-policy { margin: 0; width: 100% } .address-create.grey-button, .apply-button.grey-button, .cancel-link { width: 65%; margin: 8% 17% } .address-create.action-button, .add-payment-btn.action-button { font-size: 1.15em; margin: 5% 3%; padding: .75em 0; width: 94% } .h1.order-confirmation { line-height: normal } .account-list { float: left; margin: 3%; width: 94% } .account-form.form-horizontal a.cancel-link { text-align: center; width: 62%; margin: 0 17% } .form-row-button { margin-left: 0 } .form-inline label { padding: 0 } .form-inline button { width: 50% !important } .pt_checkout .checkout-billing .form-innerwrapper div.content-asset { margin-left: 0 } legend { padding: 14px 30% 10px 0; width: 68% } .label-inline input { height: 2em; margin: 0; padding: 0 } .label-inline .input-label { margin: 0; padding: .5em 0 0 1em } .form-field-tooltip { display: none } .print-page, .size-chart-link { display: none !important } .tooltip { font-size: .9em } .form-field-tooltip { float: none; margin: 0 0 10px 5px; width: auto } .ui-dialog { max-width: 80% } .ui-dialog .ui-dialog-content { height: auto !important; overflow: visible } .ui-dialog .scroll-content { max-height: 340px; padding-right: 4% } .scrollable { height: auto } .scrollable .list-item { float: left } .scrollable .list-item .link { border: 1px solid #d9d9d9; border-radius: 6px; display: block; padding: .2em .8em } .primary-content h1 { font-size: 1.5em; margin: 10px 0 } .primary-content h1.verify-email { font-size: 1.5em; margin: 10px } .primary-content .verify-email-content { margin: 10px } .wide-tiles .product-tile .product-image { width: 41% } .wide-tiles .product-tile .product-name, .wide-tiles .product-tile .product-pricing, .wide-tiles .product-tile .product-promo, .wide-tiles .product-tile .pr_stars, .wide-tiles .product-tile .product-swatches { float: right } .wide-tiles .product-tile .product-name h2 { margin-top: 0 } .product-tile .product-swatches .swatch .img-item { height: 2em; width: 2em } .product-compare, .compareitems { display: none !important } .product-set-list .product-set-image .img-item { max-width: 90% } .product-set-list .block-add-to-cart .inventory { margin: 0; width: 23% } .product-set-list .block-add-to-cart .product-price { font-size: 1em; width: 44% } .product-set-list .block-add-to-cart button { font-size: .7em } .pdp-main .product-review-links { margin-left: 6% } .ui-dialog .ui-dialog-content { padding: .25em } #cart-table thead, .pt-cart #secondary { display: none } #cart-table td { display: block; padding: 5px } .checkout-wrapper #cart-table .item-total { display: none } #cart-table .item-image { float: left; text-align: center; width: 40% } #cart-table .item-details { float: left; width: 45%; padding-left: 5% } #cart-table .item-quantity { clear: both; float: left; text-align: center; width: 40% } #cart-table .item-quantity input { text-align: center; width: 50px } #cart-table .item-quantity-details { float: left; width: 44% } #cart-table .item-price { clear: both; float: left; margin-left: 42%; width: 44% } .optin-consent div.content-asset { width: 100% } .pt_checkout .optin-consent label { float: none; font-weight: normal; display: table-cell } .order-summary-footer .checkout-sales-terms .content-asset { text-align: justify; margin: 0 auto } .edit-order-at-thank-you-page { margin-bottom: 10% } .promo-form .input-text { width: 50% } .promo-form { clear: both; float: none; width: 100% } .cart-actions { margin: auto; overflow: hidden } .cart-order-totals { border-top: 1px solid #d9d9d9; clear: both; float: none; margin: 20px 0; padding: 20px 2%; width: 96% } .cart-order-totals button { margin: 0 0 20px } .cart-order-totals td { width: 50% } #cart-table .item-total .promo-adjustment { width: auto } .pdp-main .product-col-1 { margin-left: 0 } .checkout-progress-indicator { clear: both; font-size: .8em; position: relative; overflow: hidden; text-align: right; top: auto; margin-right: 10px } .order-summary-footer h2 { width: 50% } .place-order-totals .order-totals-table { width: 100% } .payment-method-options { padding: 0 } .payment-method-options .form-row { width: 100% } .payment-method-options .form-row .input-label { float: left; margin: 0; width: 85% } .checkout-wrapper .payment-method-options .input-label.Paypal, .checkout-wrapper .payment-method-options .input-label.Enets { margin-left: 1em } .payment-method-options .form-row .input-radio { margin: 0 } .pt_order-confirmation .item-list th { display: none } .pt_order-confirmation .item-list td { float: left; padding: 1em 0; width: 98% } .pt_order-confirmation .item-list .order-totals-table .order-totals-value { float: left; width: 48% } .pt_order-confirmation .order-shipment-table th { display: none } .pt_order-confirmation .order-shipment-table td { font-size: .8em } .pt_order-confirmation .order-shipment-table .shipping-method { padding-left: 0 } .checkout-wrapper .loginSavedCard, .checkout-wrapper .creditCardType { width: 100% } .checkout-wrapper .creditCardType div.select-box { left: 0; top: 0 } .checkout-wrapper .month { width: 48%; margin-left: 0; clear: both; margin-right: 4% } .checkout-wrapper .year, .pt_checkout .cvn { width: 48%; margin-left: 0 } #checkout-middle-section #primary { width: 93% } .pt_checkout .cvn .input-label, .pt_checkout .cvn .input-text { width: 100% } .checkout-wrapper .form-field-tooltip.cvn-tip { margin-top: 34px } .checkout-wrapper .form-field-tooltip.cvn-tip a { display: block !important } .checkout-wrapper .form-indent .input-label { margin-left: 13%; width: 78% } .checkout-wrapper .input-label, .checkout-wrapper input[type='text'] { margin-left: 0 } .checkout-wrapper #PaymentMethod_CREDIT_CARD .form-indent.label-inline { margin-top: 2%; margin-bottom: 0 } .pt_checkout .alipay-bank .bank-logo { width: 72% } .pt_checkout #checkout-middle-section { border: 0 none } .pt_checkout #checkout-step { background-color: #666; color: #fff; font: 1.286em/0.984em " ", Arial, sans-serif; padding: 10px } .pt_checkout form.checkout-shipping.address, #checkout-middle-section #secondary .checkout-faqs, #checkout-middle-section #secondary .checkout-mini-cart, #checkout-middle-section #secondary .checkout-order-totals { padding: 0 5.625% } .pt_checkout #logged-in-as, .pt_checkout #terms-and-conditions-purchase { margin: 0 2.8125%; width: 94.375%; float: left; clear: both } .pt_checkout #terms-and-conditions-purchase { border: 0 none; height: auto } .pt_checkout #logged-in-as, .pt_checkout .configurable-checkout-content { margin: 10px 0 } .pt_checkout #logged-in-as span { text-align: center; width: 100%; display: block } #checkout-middle-section #primary { border-right: 0 none } .checkout-shipping .form-indent .input-label { margin-left: 0; width: 85% } .pt_checkout #shipping-method-list legend { padding: 0 } .pt_checkout .form-row-button { margin: 23px 0 } .checkout-mini-cart .mini-cart-product .img-item { width: 106px; height: 106px } .mini-cart-product { height: 106px } .checkout-wrapper .payment-method-options .input-label { clear: none } .pt_checkout input, .pt_checkout select, .pt_checkout textarea { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset } .pt_checkout #checkout-middle-section { border: 0 none } .pt_checkout #checkout-step { background-color: #666; color: #fff; font: 1.286em/0.984em " ", Arial, sans-serif; padding: 10px } .pt_checkout form.checkout-shipping.address, #checkout-middle-section #secondary .checkout-faqs, #checkout-middle-section #secondary .checkout-mini-cart, #checkout-middle-section #secondary .checkout-coupon-code, #checkout-middle-section #secondary .checkout-order-totals { padding: 15px 4.2%; width: 91.6%; margin: auto; float: none } .pt_checkout #logged-in-as, .pt_checkout .configurable-checkout-content, .pt_checkout #terms-and-conditions-purchase { margin: 0 2.8125%; width: 94.375%; float: left; clear: both } .pt_checkout #terms-and-conditions-purchase { border: 0 none; height: auto } .pt_checkout #logged-in-as, .pt_checkout .configurable-checkout-content { margin: 10px 0 } .pt_checkout .configurable-checkout-content { padding: 0 } .pt_checkout #logged-in-as { display: none } .pt_checkout form.checkout-shipping .tooltip { display: inline-block } .pt_checkout #logged-in-as span { text-align: center; width: 100%; display: block } #checkout-middle-section #primary { border-right: 0 none } .checkout-shipping .form-indent .input-label { margin-left: 2%; width: 85% } .pt_checkout #shipping-method-list legend { padding: 0 } .pt_checkout .checkout-coupon-code { margin-top: 17px } .pt_checkout .select-address { float: left; margin: 15px 0 -15px 0 } .pt_checkout .checkout-shipping-submit { float: left; margin: 23px auto; width: 100%; text-align: center } .button-fancy-large, .green-button, a.green-button { margin: auto } .checkout-progress-indicator a { color: #b3b3b3 } .pt_checkout #checkout-step div.label, .pt_checkout #checkout-step #utility-nav .mini-cart-subtotals div.value, #utility-nav .mini-cart-subtotals .pt_checkout #checkout-step div.value { color: #fff } .pt_checkout #checkout-step .checkout-progress-indicator div.active a { color: #fff } .pt_checkout #checkout-step .checkout-progress-indicator div { border: 1px solid #cfcfcf; width: 24px; height: 24px; border-radius: 13px; color: #cfcfcf; margin: 0 4px; margin-right: 3px } .pt_checkout #checkout-step .checkout-progress-indicator div.active { border: 1px solid #fff; color: #fff } .checkout-mini-cart .mini-cart-product .img-item { width: 106px; height: 106px } .mini-cart-product { height: 106px } .pt_checkout #checkout-step .checkout-progress-indicator { padding: 0; margin: 0; clear: none; float: right; margin-right: 10px; height: 26px } .multi-addr-qas .qas-content .left, .multi-addr-qas .qas-content .right, .interaction-required-qas .qas-content .left, .interaction-required-qas .qas-content .right { width: 100%; padding: 0; border: 0 none } .multi-addr-qas .qas-content .left, .interaction-required-qas .qas-content .left { border-bottom: 1px solid #4b4b4b } #address-popup .qas-address-form .action-button { width: 100% } .content-asset ul.account-options li { float: none; width: auto; margin: 0 } ul.address-list li, ul.payment-list li { float: none; width: auto } .order-history-header button { font-size: 1em; padding: .25em } .gift-certificate-purchase .content-asset, .gift-certificate-purchase form { float: none; width: 90% } .gift-certificate-purchase .cert-amount .form-caption { width: 80% } .page-content-tab-navigaton button { width: 100% } .pt_gift-registry .add-gift-cert button { width: 100% } .pt_gift-registry .add-gift-cert p { width: 100% } .pt_gift-registry .create-new-registry p { display: none } .pt_gift-registry .create-new-registry { overflow: hidden } .pt_gift-registry .item-list { width: 98% } .pt_gift-registry .item-list th { display: none } table.item-list .item-image, table.item-list .item-details, table.item-list .item-availability, table.item-list .item-dashboard { display: inline-block } table.item-list .item-image { width: 30% } table.item-list .item-details { width: 50% } table.item-list .item-availability { width: 97% } table.item-list .item-dashboard { width: 98% } table.item-list .delete-registry { text-align: center } table.item-list th.section-header { background-image: none } .list-table-header { padding: 1em } .list-table-header .button { display: block; margin: 20px 0; width: 196px } .list-table-header p { display: none } .list-table-header button { display: block; width: 260px } .home-bottom-left { width: 100% !important } .home-bottom-center { width: 100% !important } .home-bottom-right { clear: both; float: none; width: 100% !important } .home-bottom-right .product-tile { min-height: 0 } .product-tile .product-image { height: auto } #email-alert-signup { margin: 0; text-align: center; width: 100% } #email-alert-signup label { text-align: center; width: 100% } #email-alert-signup input[type="text"] { float: none; margin: 0; width: 50% } #email-alert-signup input[type="image"] { float: none; vertical-align: bottom } .facebook-registration { left: -3px } .facebook-registration, .facebook-registration .fb_iframe_widget, .facebook-registration .fb_iframe_widget span, .facebook-registration .fb_iframe_widget span iframe { position: relative; width: 100.7% !important } #wrapper { width: 100%; font-size: 1em } .logo-line-holder { display: none } .fixed-header #mobile-nav { display: block } #mobile-nav .list-item.logo { height: 58px; padding: 0; text-align: center; width: 52%; position: absolute; left: 22%; top: 0 } #mobile-nav .logo .logo-link { position: static; padding: 0; height: 60px; margin: 0 auto; width: auto } #mobile-nav .logo .logo-link:after { color: #FFF; font-family: 'blitzsiteicons'; content: "\e603"; font-size: 35px; line-height: 60px; margin: 0; padding-left: 12px } .pt_checkout .address-checkbox { margin: 0 } #mobile-utility-nav .util-actions-wrap { display: none } #mobile-utility-nav .nav-span { display: none } #mobile-utility-nav .util-language-nav { margin-top: 8px; padding: 0 2px; width: inherit } #mobile-utility-nav .util-language-nav .list-item { background: none repeat scroll 0 0 transparent; border-bottom: 0 none; box-shadow: none } #mobile-utility-nav .util-language-nav .list-item.last { padding-bottom: 0 } #mobile-utility-nav .nav-list-item.util-language.first .nav-link { display: block; padding-right: 29px; border-right: 1px solid #cecece; background: 0 } #mobile-utility-nav .util-language.inactive .nav-link { cursor: default; color: #999 } .fixed-header #promo-nav .promo-main .nav-link { border: 0 } #promo-nav .promo-main:hover .nav-link { color: #f9f5f0; background: none transparent } #promo-nav .promo-main .promo-actions-wrap, #promo-nav .promo-main:hover .promo-actions-wrap { display: none } .align-top-right, .promotional-dialog, .subscriptionModal { left: auto !important; overflow: auto; position: fixed; right: 1px !important; top: 1px !important; width: 100% !important; max-width: 88% !important } .subscribe-additional { max-height: 96% } .promotional-dialog .close-dialog { top: 12px } .promotional-dialog .content h1, .promotional-dialog .content h2 { font: 1em/1.286em " ", Arial, sans-serif } .promotional-dialog .content p { color: #838383; font: .875em/1.500em " ", Arial, sans-serif } #wrapper { width: 100% } .product-tile .pr_stars { left: 40px } .wide-tiles .product-tile .product-name h2 { margin-top: 10px } .wide-tiles .product-tile .product-image { width: 38% } .facebook-registration { left: 0 } .facebook-registration, .facebook-registration .fb_iframe_widget, .facebook-registration .fb_iframe_widget span, .facebook-registration .fb_iframe_widget span iframe { position: relative; width: 100% !important } #preferred-store-panel input[type="text"] { width: 49.5966% } .bx-controls-direction, .mobile-invisible { display: none } .desktop-invisible { display: block } #cart-table .price-adjusted-total, #cart-table .price-unadjusted.text { display: inline } #category-link { width: 100% } #category-link .list-item { border-bottom: 1px solid #000; text-transform: uppercase; font-size: 18px; background: #212121 } #category-link .list-item .link { cursor: pointer; display: block; padding: 12px 0; text-align: center; color: #999; text-decoration: none } .pdp-main .bx-controls-direction { display: block } #main { width: 100% } .breadcrumb { display: block; height: auto; margin: 0 3%; padding: 2% 0; width: 94% } .pt_product-details .primary-content { background: 0 } .product-col-1.product-image-container { height: auto; width: 100% } .pdp-main .product-primary-image { margin: 0; position: relative; padding: 0; overflow: hidden; width: 100% } .pdp-main .product-primary-image .main-image { width: 100% } .pdp-main .product-primary-image img.primary-image { max-height: 100%; max-width: 100% } .pdp-main .product-thumbnails { left: 0; padding: 0; margin: 20px auto; position: relative; text-align: center; top: 0; width: 100% } .pdp-main .thumbnail-list { display: inline-block } .product-thumbnails .bx-viewport { height: 84px !important; padding-top: 2px } #thumbnails .bx-wrapper { max-width: 278px !important } .pdp-main .product-thumbnails .thumb { display: inline-block; margin: 2px 4px 2px 0; border: 0 } .pdp-main .thumbnail-link { border: 0; height: 100%; width: 62px } .thumb .thumbnail-link { border: 2px solid transparent } .thumb.selected .thumbnail-border { height: 76px; max-width: inherit; width: 62px; display: none } .pdp-main .product-thumbnails .img-item { border: 0 } .pdp-main .bx-pager, .slider-container .bx-pager, .product-recomendation .bx-pager { display: none } .pdp-main .bx-wrapper { position: static } .pdp-main .bx-controls-direction a.bx-next, .pdp-main .bx-controls-direction a.bx-prev { background: none repeat scroll 0 0 transparent; display: block; height: 14px; left: auto; right: auto; position: absolute; text-indent: -9999px; top: 90%; width: 10px } .pdp-main .bx-controls-direction a.bx-next { right: 5px } .pdp-main .bx-controls-direction a.bx-prev { left: 5px } .pdp-main .bx-controls-direction .bx-prev.disabled, .pdp-main .bx-controls-direction .bx-next.disabled { display: none } .pdp-main .bx-prev { display: inline-block } #controllers-product-set a.product-next { background: 0; right: -30px; height: 15px; margin: 0; width: 15px; top: 30% } .bx-controls-direction a.bx-next:before, .bx-controls-direction a.bx-prev:before { color: #999; content: "\e611"; display: block; float: right; font-family: "blitzsiteicons"; text-indent: 0 } .bx-controls-direction a.bx-prev:before { content: "\e613" } .product-col-2.product-detail { margin: 15px 3% 0; padding: 0; width: 94% } .product-col-2 p.product-description { font-size: .929em; line-height: 20px; color: #999; padding: 8px 0 } .product-col-2 .product-content { float: left; margin-top: 10px; width: 100% } .product-col-2 h1.product-name, .product-content .product-price .text, .product-content .price-sales { color: #262626; font-size: 1.929em; margin: 0 } .product-content .product-price .promotional-price { color: #852d2d } .product-set-list .product-col-2 h1.product-name { width: 96.4%; margin-bottom: 10px } .vat-description { color: #63605a; font-size: 13px } .pdp-main .product-variations { margin: 15px 0 0; width: 100% } .pdp-main .attribute .label.selected-color, .pdp-main .attribute #utility-nav .mini-cart-subtotals .selected-color.value, #utility-nav .mini-cart-subtotals .pdp-main .attribute .selected-color.value, .pdp-main .attribute .label, .pdp-main .attribute #utility-nav .mini-cart-subtotals .value, #utility-nav .mini-cart-subtotals .pdp-main .attribute .value { color: #262626; display: block; font: 1em/1.67em Arial, Helvetica, sans-serif } .pdp-main .attribute { margin: 0 0 10px } .pdp-main .attribute .label.error, .pdp-main .attribute #utility-nav .mini-cart-subtotals .error.value, #utility-nav .mini-cart-subtotals .pdp-main .attribute .error.value { color: #FFF } .swatches.color .list-item.selected:after, .swatches.color .list-item:hover:after { border-color: #212121 } .swatches.color .list-item.unselectable:after { border-color: #cbcbcb } .swatches.option .list-item:hover .swatchanchor, .swatches.option .list-item.selected .swatchanchor { color: #FFF; background: none #666 } .swatches.option .list-item .swatchanchor { border: 1px solid #666; color: #666; line-height: 35px; height: 35px } .pdp-main .attribute:first-child .value { margin: 10px 0 0 } .quantity-desktop .select span.value, .quantity-desktop .list-item span.text, .quantity-desktop .select-box span.arrow:after { color: #3a3a39 } .quantity-desktop .select-box .select-list { top: 42px } .pdp-main .product-actions .menu { border: 0; float: none; margin: 0 auto; width: 90% } .link-item.wl-action, .link-item.wl-action:hover, .link-item.sz-action, .link-item.share, .product-set-size-chart .link-item.sz-action { border: 1px solid #666; cursor: pointer; float: left; opacity: 1; margin: 10px 0 0 0; width: 48% } .link-item.wl-action, .link-item.sz-action { text-align: center } .link-item.wl-action { padding: 0 } .link-item.sz-action { margin-right: 4%; padding-left: 0; box-sizing: border-box } .pdp-main .link-item.wl-action .icon-label, .pdp-main .link-item.sz-action .icon-label { color: #666; font: 1em/40px ' ', Arial; margin: 0; text-decoration: none; display: inline-block; width: 85% } .link-item.wl-action .icon-label:before, .link-item.sz-action .icon-label:before { color: #666 } .link-item.sz-action .icon-label:before { content: "\e013"; left: -4px; top: 2px } .anf.ja_jp .pdp-main .link-item.sz-action { padding-left: 0; width: 36% } .anf.ja_jp .pdp-main .link-item.wl-action { width: 59%; padding-left: 1px } .anf.ja_jp .pdp-main .link-item.wl-action .icon-label:before { left: -8px } .pdp-main .menu .list-item.last { display: none } .swatches.option .list-item { box-sizing: border-box; height: 35px; margin: 0 10px 10px 0; padding: 0; min-width: 80px } .swatches.option .list-item.unselectable { background-image: url("https://storage.googleapis.com/static.oaoabeauty.com/website/unselected-img-cross.png"); height: 35px } .swatches.option .selected .swatches-border:after, .swatches.option .list-item:hover .swatches-border:after { display: none } .swatches.option .list-item.selected .swatches-border, .swatches.option .list-item:hover .swatches-border { border: 4px solid #909090; border-radius: 2px; top: -36px; padding: 0 7px; height: 37px; left: -11px; width: 121% } .pdp-main .balloon-tooltip-error { left: 0; top: -15px } .pdp-main .add-to-cart.action-button { margin-top: 10px; text-align: center; padding: 12px; font-size: 20px; width: auto } .post-submit-links { text-align: center; margin: 1em 0 1.5em 0; color: #666; display: block } .post-submit-links>a.link, .post-submit-links>span { color: #262626; display: block; font: 18px " "; letter-spacing: .4px; text-transform: uppercase } #addthis-font-icons.social-icons .icon:after, #font-icons.social-icons .icon:after { color: #000 } .zoom-overlay { display: none } #footer { background: none repeat scroll 0 0 #212121 } #footer h3 { margin: 0; padding: 1em 1em 1em 20px; font-size: 14px; color: #999 } .footer-wrapper, #footer-links, #footer-links li.menu-footer { width: 100%; min-width: inherit; padding: inherit } .footer-top-bar { float: left } .footer-top-bar, #footer-links li.menu-footer { text-align: left; border-bottom: 1px solid #000; min-height: 0 } .footer-top-bar, #footer-links li.menu-footer:first-child { border-top: 1px solid #000 } .footer-top-bar-left { width: 100% } footer .collapsible-menu h3, .footer-brand-section h3, .find-store li.find-store-link a { background: url("https://storage.googleapis.com/static.oaoabeauty.com/website/social-mobile-footer-icons.png") no-repeat scroll right -172px transparent; color: #fffef8; font: 14px/30px " ", Arial, sans-serif; cursor: pointer; display: block; margin: 0 } .find-store li.find-store-link a { background: 0; color: #999; padding-left: 0 } footer .collapsible-menu h3 a { display: block; position: relative } footer .collapsible-menu h3.active, .footer-brand-section h3.active { background: url("https://storage.googleapis.com/static.oaoabeauty.com/website/social-mobile-footer-icons.png") no-repeat scroll right -220px transparent } footer .collapsible-menu .contact-us.menu-footer h3.active { background: url("https://storage.googleapis.com/static.oaoabeauty.com/website/social-mobile-footer-icons.png") no-repeat scroll right -110px transparent } .menu-footer a { color: #fffef8 } #legal-footer { background-color: #2c2c2c; border-top: 0 none } .find-store ul li { float: none; background: 0; margin-top: 0 } .find-store ul li:first-child { padding: 0 0 1em 30px } .find-store ul li.anf-texts-link, .footer-top-bar-right { display: none } .submenu-footer, .footer-wrapper, .mobile-social-media, .mobile-social-media ul, .mobile-social-media ul li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .submenu-footer { display: none; padding: 0; width: 100% } ul.brand-logo { padding: 0; display: block } .submenu-footer li { border-bottom: 1px solid #000; padding: 0 0 0 40px } .submenu-footer li:first-child { border-top: 1px solid #212121 } .submenu-footer li:last-child { border-bottom: 0 none } .menu-footer li a { font: 1em/2em Arial, sans-serif; color: #999; display: block; padding: 12px 0 } .mobile-follow-us { margin: 0 auto } .mobile-social-media { float: left; padding: 20px 24px; width: 100% } .mobile-social-media li { display: inline-block } .mobile-social-media li.twitter a { background-position: 3px -61px; float: right } .mobile-social-media li.facebook a { background-position: 3px -10px } .footer-brand-section { width: 100%; border-bottom: 1px solid #404040 } footer ul.brand-logo li a { background: 0; text-indent: 0; float: none; text-align: left; width: 100%; height: auto; margin: 0 } .plp-product-grid { background: 0 } .plp-product-grid .categoryrefinement { clear: both; width: 100%; max-width: 100%; display: none } .plp-product-grid .categoryrefinement .select-box { max-width: 272px } .plp-product-grid .categoryrefinement .refinement { margin: 14px 24px } .plp-product-grid .categoryrefinement .refinement-link { line-height: 1.75em; width: auto; padding-left: 2%; border-bottom: 1px solid #555; color: #FFF; display: block } .plp-product-grid .categoryrefinement #category-level-1 { padding: 0; z-index: 111 } .plp-product-grid .category-refinement>ul { display: none } .plp-product-grid .select-box .list-item { height: auto; border-bottom: 0 } .plp-product-grid .select-box .list-item:hover { background: none #555 } .plp-product-grid .categoryrefinement .refinement-link.active { background: none #555; color: #FFF } .plp-product-grid .category-header h2 { margin-left: 17px } .plp-product-grid .category-header .heading { padding-left: 10px } .search-product-grid .category-header, .plp-product-grid .category-header, .plp-product-grid .refinement.color { display: none } .plp-product-grid #category-level-2 .refinement-link { padding-left: 0 0 0 8% } .productDiv { background: #fff } .accordion-bar ul ul { display: none } #category-link ul.level-2 { width: 100% } #category-link ul.level-2 .list-item { background: url("https://storage.googleapis.com/static.oaoabeauty.com/website/anf-mobile-account-bg.png") repeat scroll 0 0 #2d2d2d; border-bottom: 0; padding: 0 } #category-link .level-2 .link { background: url("https://storage.googleapis.com/static.oaoabeauty.com/website/social-mobile-footer-icons.png") no-repeat scroll right -107px transparent; text-align: left; padding: 12px 27px; font-size: 15px } #category-link .level-2 a.active { background: url("https://storage.googleapis.com/static.oaoabeauty.com/website/social-mobile-footer-icons.png") no-repeat scroll right -143px transparent } #category-link ul.level-3 .list-item { background: none repeat scroll 0 0 #333; font-size: 15px; border-bottom: 0 } #category-link .level-3 .link { padding-left: 50px; text-transform: uppercase } .shopping-bag-container { padding: 0 5% } .pt-cart h2.page-label { display: block; float: none; line-height: 0; margin: 2% 0 } .pt-cart .age-disclaimer { width: 100% } .cart-action-checkout-wrapper { border-top: 1px solid #e5e5e5 } .cart-action-checkout { float: none; margin-right: 0 } .cart-action-checkout .action-button { width: 100%; margin: 5% 0; font-size: 16px } .pt-cart .error-message { margin: 4% 0; width: 90%; padding: 2% 5%; text-align: center } .pt-cart .error-message p { width: 100% } .customer-service { text-align: left; float: none } .pt-cart .promo-form { margin-top: 0; width: 100% } .item-list .desktop-invisible { display: inline-block } .cart-right-section .item-details span, .cart-right-section .item-details .button-text span { float: none } .pt-cart #cart-table .item-image, .pt-cart #cart-table .cart-right-section { padding-bottom: 1em; padding-top: 1em } .pt-cart #cart-table .cart-right-section { width: 50%; float: left } .pt-cart #cart-table .cart-right-section td { width: 100%; padding: 0 5px } .cart-promotional-message { padding-top: 0 } .pt-cart #cart-table .cart-right-section .cart-links-mobile { float: left; width: 100%; padding: 0 } td.item-details .sku, table.item-list .item-edit-details { margin-top: 0 } .cart-links-mobile a { display: block; float: left; text-decoration: underline } .cart-links-mobile button span { padding-left: 5%; text-decoration: underline } .primary-cart-content #cart-table .price-adjusted-total { margin: 0 } .explicit-applied-coupons .bonus-item { display: none } .explicit-applied-coupons .discount { width: 75% } .explicit-applied-coupons .button-text { float: right } .pt-cart .cart-footer-carousel { display: none } .cart-duration-msg { padding: 6% 0; font: .857em Arial, sans-serif; border-top: 1px solid #d9d9d9; border-bottom: 0; width: 96% } .pt-cart .cart-actions { border-top: 1px solid #d9d9d9; clear: both } .coupon-wrapper { float: left; width: 96%; border-width: 3px } .coupon-add { width: 100% } .pt-cart .cart-order-totals { padding: 20px 0 0; width: 100% } .pt-cart .order-totals-table .order-totals-value.left { text-align: left } .promo-form .promo-form-wrapper { width: 100% } .promo-form input { float: left; width: 100% } .promo-form .grey-button { width: 100%; padding: 10px 15px; font-size: 14px } #font-icons.social-icons .icon:after { color: #212121 } .pt-cart .order-disclaimer-wrapper .content-asset { margin-left: 0 } .checkout-footer-wrapper { width: 93%; margin: 0 } .left-footer-section, .right-footer-section { width: 100%; text-align: center } .left-footer-section { margin: 0; padding: 0; background: 0 } .right-footer-icons { margin: 1% 0 5% } .right-footer-section .right-footer-icons { float: none; display: inline-block } .right-footer-section ul.right-footer-icons li { width: 13px } .pt-cart .tax-disclaimer { margin: 0; text-align: left } .pt-cart .cart-order-totals .vat-description { float: none } .pt-cart .shiping-handling-wrapper { text-align: left } .pt-cart .order-disclaimer-wrapper { width: 100%; margin: 8% 0 } .pt-cart .cart-footer .cart-order-totals { border-top: 0 } .pt-cart table.item-list tr:last-child { border-bottom: 0 } .pt-cart .cart-footer { margin: 0 } .pdp-main .product-set-list .product-set-details { float: left; margin: 0; padding: 0 15px; width: 100%; word-wrap: normal } .pdp-main .product-set-item .product-primary-image { border-bottom: 0; float: left; height: auto; width: 100% } .product-set-item .block-add-to-cart, .product-set-overlayHide .product-variations, .pdp-main .product-set-item .product-thumbnails, .product-share { display: none } .product-set-item a.item-name { color: #333; font: .954em/1.083em Arial, sans-serif; float: left; width: 80% } .pdp-main .product-set-list .product-set-item { background: #fff; margin-bottom: 20px } .pdp-main .product-set .product-set-item .primary-image { max-height: auto; max-height: auto; width: 100%; background: -webkit-radial-gradient(#fff, grey); background: -o-radial-gradient(#fff, grey); background: -moz-radial-gradient(#fff, grey); background: radial-gradient(#fff, grey) } .pdp-main .product-set-list { margin: 0 } .pt-product-details #main { background: 0 } .pdp-main .product { background: #fffef7 } .pt-product-details .breadcrumb { width: auto } .pt-product-details .breadcrumb .link { font: .857em/3.33em " "; margin-right: 10px } .pt-product-details .breadcrumb .link:after { left: 6px; content: "\e611" } .product-set-list .product-set-bg-cover { background: none repeat scroll 0 0 #fffef7; margin: 0; padding-bottom: 35px; border-bottom: 0 } .product-set-list .product-set-bg-cover:last { padding-bottom: 10px } .product-set-item .product-primary-image .main-image { width: 100%; height: auto; margin: 0 } .product-set-item .product-set-image { float: left; width: 100% } .product-set-item .mobile-arrow { background: url("https://storage.googleapis.com/static.oaoabeauty.com/website/arrow.jpg") no-repeat 0 0 transparent; display: block; float: right; height: 27px; width: 27px } .product-set .item-name, .product-set-item .item-name { color: #262626; vertical-align: super } .pdp-main .product-set-item .product-variations { display: none } .pdp-main .product-set-item .content-asset { display: none } .right-footer-links li a { font-family: " "; text-decoration: none } .left-footer-section .secure-checkout { display: inline-block; background: url("https://storage.googleapis.com/static.oaoabeauty.com/website/checkout-footer-icons.png") no-repeat scroll 4px -224px transparent; padding: 20px 27px 0 0 } .product-set-item .product-col-2 p.product-description { display: none } .select-box.large-drop-down #category-level-1{ background: 0; box-shadow: none; position: static; border: 0 } h2.redirect-message, .redirect-disclaimer { font-size: 1.286em; width: 65% } .refinement-bg { background: -webkit-linear-gradient(86deg, transparent 0, transparent 69%, rgba(85,85,85,0.01) 70%, rgba(99,99,85,0.04) 98%, rgba(85,85,85,0.04) 99%, rgba(128,102,102,0.04) 100%); background: -o-linear-gradient(86deg, transparent 0, transparent 69%, rgba(85,85,85,0.01) 70%, rgba(99,99,85,0.04) 98%, rgba(85,85,85,0.04) 99%, rgba(128,102,102,0.04) 100%); background: -ms-linear-gradient(86deg, transparent 0, transparent 69%, rgba(85,85,85,0.01) 70%, rgba(99,99,85,0.04) 98%, rgba(85,85,85,0.04) 99%, rgba(128,102,102,0.04) 100%); background: -moz-linear-gradient(86deg, transparent 0, transparent 69%, rgba(85,85,85,0.01) 70%, rgba(99,99,85,0.04) 98%, rgba(85,85,85,0.04) 99%, rgba(128,102,102,0.04) 100%); background: linear-gradient(4deg, transparent 0, transparent 69%, rgba(85,85,85,0.01) 70%, rgba(99,99,85,0.04) 98%, rgba(85,85,85,0.04) 99%, rgba(128,102,102,0.04) 100%); overflow: hidden; padding-top: 28px; border-bottom: 0; width: 100% } .cat-filters ul.breadcrumb .list-item .link .text { color: #666 } .checkout-cart-header { border-bottom: 0 } .pt_checkout li.alipay_bank { width: 27% } .pt_checkout li.alipay_bank img { width: 75% } .checkout-mini-cart .mini-cart-desc { width: 55% } .pt_account .age-gate-update { border-bottom: 0 } .pt_account .age-gate-update h1 { padding-bottom: 0; margin-left: 26px; margin-top: 0; padding-top: 60px } .pt_account .age-gate-message h2 { margin-left: 26px; padding-bottom: 39px; padding-top: 37px; margin-right: 10px } .pt_account .select-age-range-msg { font: 1.14em ' CondTwenty'; margin-right: 11px; margin-bottom: 15px; padding-bottom: 0 } .pt_account .full-width .create-account-wrapper>h2 { margin-top: 20% } .create-account-wrapper h2 { margin-bottom: 0; margin-top: 6%; padding: 0 } .pt_account .age-gate-radio-button>label { font-size: 1em; margin: 10px 0 0 25px; padding-top: 0; text-align: left; width: auto } .pt_account .age-gate-terms-of-use a, .pt_account .age-gate-privacy-policy a { font: .948em Arial } .pt_account .age-gate-radio-button .input-radio { clear: both; float: left; margin: 12px 0 0 } .pt_customer-service #contactform { width: 92% } .pt-subscribe .age-gate-form, .contact-us-agegate-wrapper .age-gate-form { margin: 10px 0 } .pt_account #ageGate #sendBtn, .pt-subscribe #sendBtn { font-size: 1.286em; width: 100% } .pt_account .age-gate-terms-of-use, .pt_account .age-gate-privacy-policy { clear: both; color: #999; padding-right: 2px; padding-top: 20px; display: inline } .pt_account .primary-content.full-width .content-asset>h3 { font-size: 1.14em } .pt-subscribe .age-gate-form .select-age-range-msg { font-size: 1.14em } .age-gate-links { margin-top: 5px } .age-gate-links p, .pt-subscribe .age-gate-links p { width: 100%; word-wrap: break-word } .pt-subscribe h2, .age-gate-contact-us h2 { border: 0 none } .pt_account .age-gate-privacy-policy { padding: 0; padding-left: 2px } .pt_account #ageGate .form-row-button { margin-left: 0; text-align: center } .age-gate-contact-us #secondary .form-row.form-row-button { margin-bottom: 10px } .pt_checkout .checkout-coupon-code .form-row { width: 100% } .pt_checkout .checkout-mini-cart-container { height: auto; padding-top: 10px } .pt_account .primary-content.full-width .form-row { margin-bottom: 15px } .pt_account .form-row { width: 100% } .action-button { padding: 15px 20px; width: 100% } .pt-checkoutlogin #main { background: 0 } .pt-checkoutlogin .col-2 .grey-button { width: 100%; font-size: 16px } .pt-checkoutlogin .login-box { margin: 0 } .pt-checkoutlogin input, .pt-checkoutlogin .col-1 button, .pt-checkoutlogin .login-box-content .guest-checkout-btn, .create-account-wrapper input[type="text"], .create-account-wrapper input[type="email"], .create-account-wrapper input[type="password"], .create-account-wrapper .action-button, .registration-content button.action-button { width: 100% } .pt-checkoutlogin .login-box-content .guest-checkout-btn { margin-bottom: 10% } .pt-checkoutlogin .primary-content .col-1 { width: 88%; padding: 0 6%; min-height: 290px; border-bottom: 2px solid #f8f8f8 } .pt-checkoutlogin .primary-content .col-2.checkout-login-col2 { width: 88%; padding: 0 6% } .pt-checkoutlogin .col-1 .login-box-content, .pt-checkoutlogin .col-2 .login-box-content { width: 100%; padding: 0 } .pt-checkoutlogin .checkout-login-col2 .login-box { margin-top: 0 } .pt-checkoutlogin .login-box p, .checkout-login-col2 { margin-top: 10px } .pt-checkoutlogin .primary-content .col-2 { width: 88%; padding: 0 6% } .pt-checkoutlogin .primary-content .col-2 h3 { padding: 0 } .pt-checkoutlogin .login-info { font: .857em ' CondTwenty', Arial; color: #666 } .pt-checkoutlogin .primary-content .checkout-login-col1 { border-bottom: 0 } .pt-checkoutlogin .login-info .link { color: #666; cursor: pointer; font: 1em Arial, sans-serif; text-decoration: underline } .create-account-wrapper, .contact-us-agegate-wrapper, .subscribe-agegate-wrapper { padding: 0 4%; width: 92%; background: 0 } .optin-consent-wrapper .form-checkbox { float: left; width: 100% } .optin-consent-wrapper .form-checkbox label { width: 87%; margin-left: 0 } .descriptive-text-wrapper .password-text, .descriptive-text-wrapper .email-text, .descriptive-text-wrapper .form-row { margin: 0; width: 100% } .pt_account .create-account-wrapper .form-row-button { margin-left: 0 } .pt_customer-service #main { background: 0 } .pt_customer-service #primary, .pt_customer-service #secondary { width: 100%; float: left } .pt_customer-service #primary { max-width: 100%; border-top: 1px solid #ccc; background: 0 } .sitemap-content-slot { padding: 32px 4% 0 } .primary-content .pt-sitemap .sitemap-heading { padding: 20px 4% 10px; margin: 0 } .pt-sitemap .site-links .sitemap-category-container { padding: 20px 4% 10px; width: 92% } .pt-sitemap .site-links .site-links-category { padding: 10px 0 0 } .pt-sitemap .site-links .sitemap-category-container.last { padding-bottom: 30px } .pt_customer-service #primary a.active { color: #666 } .pt_customer-service #primary .customer-service-nav { width: auto; max-width: 100%; padding: 0; margin: 30px 0 } #update-password .password-form, #update-password .password-text, #NewPasswordForm .button-fancy-large { width: 100%; float: left } .pt-passowrd h1 { font-size: 1.286em } #update-password .password-text { margin: 0 0 24px; width: 98% } #NewPasswordForm input { width: 100% } .ui-modal .ui-dialog-content { padding: 1em } .ui-modal h1 { font: 1em/1em Arial, sans-serif } .pt-forgot-passowrd .help-text { font: 1em/1.286em Arial, sans-serif } #PasswordResetForm .input-text, #NewPasswordForm .input-text-pw, .pt-passowrd .form-row-button, .pt-forgot-passowrd .form-row-button { width: 100% } #PasswordResetForm .row-checkbox .input-label { width: 88% } .pt-forgot-passowrd .form-row-button { padding-bottom: 20px } .form-additional-info, .buy-clothes .clothes .input-label, .buy-clothes .gender .input-select, .buy-clothes .clothes .input-select, .form-additional-info .birth-date .inline { width: 100% } .form-additional-info .birth-date .month { width: 63%; margin-left: 0 } .form-additional-info .birth-date .day { width: 35% } .pt-subscribe .email-success, .pt-subscribe .subscription-form, .pt-subscribe .email-settings-form, .pt-subscribe .age-gate-form, .pt-subscribe .parent-perm-form, .pt-subscribe .parent-consent-form .left, .pt-subscribe .parent-consent-form .right, .pt-subscribe .email-success .terms-dialogs { width: 100% } .parent-consent-form .right { margin-left: 0 } .optional-subscription-form .birth-date .birth-text { display: block; width: 100%; margin-bottom: 5px } .optional-subscription-form .birth-date .month { width: 55% } .optional-subscription-form .birth-date .day { width: 40% } .mobile-newsletter { clear: both; float: left; margin: 0 0 10px; width: 100% } .mobile-newsletter a { color: #fff; font-size: 1.214em; height: auto } .pt_account .account-header, .pt_wish-list .account-header, .pt_account .site-msg { border-bottom: 0; padding: 3% 4.5%; margin: 0; clear: both } .pt_account .account-header { float: left; clear: both } .account-header.sign-out { display: block } .pt_account.dashboard #secondary { display: none } .pt_account .primary-content { width: 100%; max-width: 100% } .pt_account h1.account-header { border: 0 } .pt_account .content-asset ul { padding: 0; margin: 0 } .pt_account .primary-content .content { float: none } .pt_account #primary ul.account-options>li { width: 100%; margin-right: 0 } .pt_account ul.account-options li ul li { width: 100%; box-shadow: none; margin: 0; border-bottom: 0; border-left: 0; border-right: 0; padding: 16px 0 } .pt_account ul.account-options li ul li.last { border-bottom: 1px solid #e5e5e5 } .pt_account ul.account-options li a { padding: 0 7%; width: 86% } .pt_account ul.account-options li a span.description { width: 70%; display: inline-block; padding-left: 7% } .account-list h3 { margin: 1em 0 0 0 } .account-list .account-list-item.default, .account-list .account-list-item.even, .account-list .account-list-item.odd { padding: 0 2% 2% } .pt_account .address-list li, .pt_account .payment-list li { padding: 0 2% 2%; width: 96% } .account-list p { width: 100% } .account-list .account-item-div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% } .account-list .default .account-item-div { margin-bottom: 1em } .my-account-grid .account-form { margin: 3% 3.5% } .address-create.grey-button { width: 65%; margin: 8% 17% } .account-form div.form-row span#cardType { display: none } #secondary.my-account .account-options { padding: 0; border-bottom: solid 1px #e5e5e5 } #secondary.my-account ul li { padding: 0; border-top: solid 1px #e5e5e5; text-align: center } #secondary.my-account ul li a { font: 1em/2.14em ' CondTwenty', Arial, Helvetica, Geneva, sans-serif; display: block; padding: 0; margin: 0; width: 100% } .pt_account .age-gate-underage-errormsg .content-asset>p { font: 1.286em/normal condtwenty; padding-right: 13px; padding-top: 0; margin-top: 0 } .add-payment-btn.grey-button { width: 80% } .pt_account .saved-payment-heading { margin: 0; padding: 0 3.5%; clear: both } .pt_account ul.account-options li a span.right-arrow { background: url("https://storage.googleapis.com/static.oaoabeauty.com/website/carousol_next-horizontal.png") no-repeat -103px -6px; display: block; float: right; height: 23px; position: relative; top: 1px; width: 23px } .my-account-grid .creditCardType, .my-account-grid .creditCardType .input-select, .my-account-grid .credit-card .card-year select.input-select { width: 100% } .my-account-grid .credit-card .card-month { width: 50% } .my-account-grid .credit-card .card-year { width: 50% } .my-account-grid .creditCardType span.error, .my-account-grid .credit-card-num span.error { margin: 0 } .security-code-wrapper .security-code-text { width: 100% } .pt_wish-list .primary-content { width: 100% } .pt_wish-list .item-list .item-image { margin-left: 5%; width: 45%; margin-top: 50px; padding-right: 0 } .pt_wish-list .item-list .item-dashboard { margin: 10% 5%; padding: 0 1%; text-align: center; width: 95% } .pt_wish-list .item-list .item-image img { padding-left: 0 } .pt_wish-list .item-list .item-details { margin-left: 10px; padding-right: 10px; padding-top: 60px; width: 40% } .pt_wish-list .item-details .price { color: #666; font: 16px condtwenty; clear: both } .pt_wish-list .print-button-wl { display: none } .pt_wish-list .item-list .wishlist-col { margin-top: 0 } .pt_wish-list .error-heading .error-head { text-align: center } .pt_wish-list .breadcrumb { display: block; padding-left: 2%; padding-top: 12px; font: 20px condtwenty } .pt_wish-list .button-text.delete-item { margin-top: 23px; font-family: "Arial"; text-transform: uppercase } .pt_wish-list .action-button { width: 100%; padding: .5em .1em } .pt_wish-list #main { background: 0 } .pt_wish-list .notavailable { padding-left: 17px; padding-right: 5px; text-align: left } .pt_wish-list table.item-list { margin-left: 0 } .pt_wish-list .item-list .wishlist-col.item-details { padding-top: 9px } .no-orders { padding: 3% 3.5%; margin: 0; text-align: center } .pt_account.order-history .account-header, .pt_wish-list .account-header { border-bottom: 1px solid #e5e5e5 } .order-history .order-history-details { float: none; width: 100% } .order-history .order-items { min-height: 0; padding: 0; width: 100% } .order-history .order-items .item-details { padding: 3% 3.5% 0; width: 93% } .order-history .action-button { margin: 25px auto; float: none } .order-history-footer { margin: 0; width: 100% } .order-history-footer .pagination { padding: 4% 3.5%; width: 93% } .order-history-footer .order-details { margin: 4% 0; padding: 0; text-align: center; width: 100% } .pt_error .page-content .error-message-content h2 { margin: 0 5% 0 8% } .pt_error .error-message-content { width: 95% } .pt_error .return-links-list-item { display: block } .pt_error .return-links-list-item:first-child { background: 0; margin-bottom: 15px } .size-chart-contact-us { margin: 0 5.5%; width: 95%; padding: 27px 0 30px } .pt_customer-service #primary, .pt_customer-service #contact-form { width: 92%; padding: 0 4% } .pt_customer-service .contact-us-content-slot { display: block; width: 93%; margin: auto } .pt_customer-service #secondary-navigation { margin: 20px 0 } .pt_customer-service .contactusdetails ul li { width: 40% } .pt_customer-service .contactusbyphone { padding-bottom: 2% } .pt_customer-service .terms-and-condition div.content-asset { width: 93% } .pt_customer-service .confirmation-message p { width: 100%; margin-bottom: 7% } .pt_customer-service div.terms-and-condition { margin-bottom: 5%; float: left } .pt_store-locator .primary-content h1 { border: 0; padding: 0; margin-left: 6%; margin-bottom: 0; margin-top: 0 } .pt_store-locator .store-locator-heading { border-bottom: 0; margin: 18px 0 0 } .pt_store-locator .col-1 { width: 94%; margin: 3.2% 0 0 6% } .pt_store-locator .col-2 { border: 0; float: left; width: 100%; border-top: 1px solid #e5e5e5 } .pt_store-locator .primary-content h2 { padding: 0 } .pt_store-locator .col-1 .login-box-content, .pt_store-locator .col-2 .login-box-content { padding: 0 } .pt_store-locator .col-2 .section-header { margin: 6% 0 0 6% } .pt_store-locator .col-2 .login-box { padding: 0 } .pt_store-locator .action-button { padding: .3em 0; width: 100% } .pt_store-locator #dwfrm_storelocator fieldset, .pt_store-locator #dwfrm_storelocator_state fieldset { padding-left: 6%; padding-right: 6%; padding-bottom: 6% } .pt_store-locator .col-1 .form-row { margin-top: 0 } .pt_store-locator #dwfrm_storelocator_state { border-top: 1px solid #e5e5e5 } .pt_store-locator .select-box .select { width: 100% } .pt_store-locator .col-2 .select-box { cursor: pointer; float: left; position: relative; width: 100% } .pt_store-locator .col-1 .select-box { cursor: pointer; float: left; position: relative; width: 88% } .pt_store-locator .col-2 .input-text { width: 99% } .pt_store-locator .item-list { width: 100%; border-collapse: collapse } .pt_store-locator table, .pt_store-locator thead, .pt_store-locator tbody, .pt_store-locator th, .pt_store-locator td, .pt_store-locator tr { display: block } .pt_store-locator thead tr { position: absolute; top: -9999px; left: -9999px } .pt_checkout span.error, .pt_checkout .cvn span.error { width: 95%; margin-left: 5px; font-size: 13px; line-height: 1.5em;} .pt_store-locator td { border: 0; position: relative; padding-left: 50% } .store-locator-details { margin: 30px 0 50px } .pt_store-locator .store-locator-details h1.store-list { border-bottom: solid 1px #CCC; margin: 0 5% 30px; padding-bottom: 20px; width: auto } .store-locator-details #content { float: none; width: 100%; margin-bttom: 30px } .store-locator-details #content #storelocator { margin: 0 5%; width: 90% } .pt_store-locator .store-locator-details .container { margin: 30px 5%; width: 90% } .store-locator-details .store-hours { width: 100% } .view-all-stores-back { font-size: 16px; margin-left: 5% } .pt_store-locator .store-locator-details .google-map { margin-left: 0 } .pt_store-locator .store-locator-details .store-phone-block, .store-locator-details .google-map, .checkout-wrapper .form-indent label[for="dwfrm_billingaddress_taxinvoice"] { margin-left: 10px } .checkout-wrapper .form-indent label[for="dwfrm_billing_getoptinemail"] { width: 90%; float: right; padding: 0; margin: 0 } .pt_checkout .checkout-billing .form-indent.confirm-checkbox input[type="checkbox"] { margin-left: 0 } .pt_store-locator .store-information, .pt_store-locator .store-address, .pt_store-locator .store-map { border: 0; padding-left: 6%; padding-right: 6%; clear: both; margin-top: 30px } .pt_store-locator .store-map { margin-top: 5px } .pt_store-locator .item-list .store-data-col { padding: 0 6%; font-size: .9em } .pt_store-locator .back-to-store-locator-link { border-bottom: 1px solid #e5e5e5; clear: both; float: left; margin-top: 10px; padding-bottom: 15px; padding-left: 6%; width: 94% } .pt_store-locator .view-all-on-maps { top: 220px; right: 0; left: 21px; font: 1em CondTwenty; clear: both; display: none } .pt_store-locator .store-locator-header { padding-left: 21px; padding-top: 15px } .pt_checkout .checkout-billing .input-select { width: 100% } .pt_store-locator table.item-list tr { padding-bottom: 20px; padding-top: 20px } .pt_store-locator .col-1 .login-box .input-select { width: 88% } .pt_store-locator .col-2 .input-select { width: 100% } .pt_store-locator .item-list .store-count { clear: both; width: 12% } .pt_store-locator .store-locator-heading .view-all { border-bottom: 1px solid #cbcbcb; float: right; line-height: 45px; width: 100% } .pt_store-locator .back-to-store-locator-link.view-it-all { border: medium none; float: left; padding: 0 0 10px 20px; width: 100px } .pt_store-locator .store-locator-heading.view-all-stores, .store-locator-option, .pt_store-locator .store-list { width: 90%; margin: 0 5% } .pt_store-locator .store-list { margin-bottom: 50px } .store-locator-option .select-box { width: 100% } .store-locator-option { margin-top: 15px; margin-bottom: 20px } .pt_store-locator .store-list.state-accordion { margin: 0 5% 100px 5% } .store-list-column, .store-list-column.last { width: 100% } .pt_store-locator .back-to-store-locator-link.view-it-all::before { content: "\e617"; font-family: blitzsiteicons; color: #999; right: 0; position: absolute; width: 15px; height: 40px; font-weight: 700 } .pt_store-locator .back-to-store-locator-link.view-it-all::before { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); color: #666; top: 12px; left: 5px; font-size: 15px } .tab-detail { display: none; padding: 0 0 16px 10px } .pt_store-locator .store-locator-no-results>p { padding-left: 20px; padding-right: 20px } .pt_store-locator .col-1 .login-box .action-button { width: 88% } #product-set-slider { display: none } .checkout-coupon-code .grey-button, .pt_checkout .button-fancy-large { width: 100% } .pt_checkout .form-caption.error, .pt_checkout .form-caption.error-message { margin-left: 0; width: 100% } #NewPasswordForm .migration-confirmation input[type="checkbox"] { width: 15px } #secondary .mini-cart-name .mini-product-name { width: auto } #checkout-middle-section .text { color: #999; font-family: " "; padding: 0; height: auto; overflow: hidden; padding: 0 } #checkout-middle-section .checkout-progress-indicator .text { left: 11px; padding: 0 } #checkout-middle-section .checkout-coupon-code .grey-button { margin-right: 0; padding: 10px 20px; font-size: 14px } .pt_checkout .form-row.creditCardType .creditCardTypeList { width: 100% } div.form-row span#cardType[class] { top: 24px; left: 78% } .product-recomendation h2 { padding: 0 } .account-form span.error { margin: 0 } .checkbox-form-row { margin-left: 0 } .pt_checkout input.input-checkbox { margin-left: 0; margin-top: -4px } .pt_checkout .optin-consent input.input-checkbox { margin-top: 0 } .pt_checkout input.input-radio { margin-top: -4px } .checkout-wrapper .checkout-shipping-submit .form-row-button { width: 100% } .pt_checkout .button-fancy-large { padding: 10px 20px; margin: 0 } .logedin .checkout-progress-indicator { top: 0 } .pt_checkout .country .form-row { width: 100% } .pt-cart .promo-form div.error { width: 256px } .pt_checkout .form-indent.address-checkbox label { font-weight: normal; font: 1.09em Arial, sans-serif } .pt_checkout .shiping-handling-message { font: .9em/1.969em " " } .pt_checkout .form-innerwrapper .country .input-label { margin-bottom: 10px } .form-innerwrapper .country-value { line-height: 25px; width: 100% } .checkout-wrapper .checkout-billing .form-indent label { margin-left: 2%; display: inline-block } .checkout-wrapper .form-row-button { width: 100% } .checkout-wrapper .item-list tfoot tr { border-bottom: 0 none } .migration-confirmation .migration-label .AF-emailconsent { margin: 0 } .verify-email-content p, .customer-migration p { width: 100% } .migration-reset-password { width: 100% } #checkout-middle-section #secondary .checkout-order-totals, #checkout-middle-section #secondary .checkout-coupon-code { padding-bottom: 25px } .checkout-faqs ol { margin-bottom: 15px } .checkout-progress-indicator div { float: none; display: inline-block } #ship-details .shipping-address div { font-family: Arial, Helvetica, sans-serif } .order-summary-footer { padding: 2% 15px } .pt_checkout .form-row { margin-bottom: 20px } .checkout-billing .form-innerwrapper { padding: 0 15px } .order-summary-footer .submit-order .form-row .button-fancy-large { width: 100% } #footer-links li.menu-footer.contact-us { display: block } .checkout-wrapper .checkout-billing .form-indent label { float: none; width: 92%; margin-left: 5px } .pt_checkout #optin-consent, .billing-optin { float: left; width: 100% } .pt_checkout .bill-optin { width: 85% } .pt_checkout .billing-optin .input-checkbox { margin: -4px 0 0 } .checkout-wrapper #PaymentMethod_CREDIT_CARD .futurePurchaseLabel .input-label { width: 91%; margin-left: 5px } .pt_checkout .order-shipment-details .shipping-address { margin-top: 30px } .pt_checkout .order-shipment-address .shipping-address .section-header { display: block } .pt_checkout .shipping-method span { font-weight: normal } .pt_checkout .shipping-method h3.section-header { padding: 10px 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal } .order-confirmation-details table.order-shipment-table td { padding: 0 } .pt_checkout .order-shipment-details .order-shipment-address .shipping-address { margin-top: 0 } .pt_checkout .order-shipment-details .order-shipment-address { border-bottom: 1px solid #ccc; padding-bottom: 2% } .pt_checkout .order-confirmation-details table.item-list .order-billing-address { border-bottom: 1px solid #ccc; padding-bottom: 2% } .order-confirmation-details .order-shipment-address h3.section-header { padding: 0 0 1% 0; font-family: Arial, Helvetica, sans-serif } .pt_checkout .order-confirmation-details table.order-shipment-table, .pt_checkout .order-confirmation-details table.item-list { padding: 0 0 2% 4%; width: 96% } .pt_checkout .order-confirmation-details table.order-shipment-table { margin: 3% 0 } .order-confirmation-details table.item-list td { padding: 0 0 4% } .tabs-menu li.tab-target { display: none } .product-tabs h3.tab-target { display: block } .security-code-wrapper.form-row>label { margin-bottom: 0 } .pt_account .under-age .action-button { width: 66% } .pt-checkoutlogin .error-form .error.err-msg { max-width: 320px; margin-top: 0 } .pt_cart .age-disclaimer { width: 100%; margin: 10px 0 } .pt_store-locator .item-list .store-information { margin-top: 0 } .pt_store-locator .store-count .marker { display: none } .pt_store-locator .store-information .marker { display: block; text-align: center } .pt_store-locator .marker .align-count { padding: 12px 0 0 } .pt_store-locator .container { float: left; margin-left: 3%; width: 81% } .pt_store-locator .store-phone-block, .pt_store-locator .google-map, .pt_store-locator .baidu-map { margin-left: calc(3% +44px); margin-left: -webkit-calc(3% +44px); margin-left: -moz-calc(3% +44px) } .mini-billing-address .details { padding-bottom: 0 } .tab-list-accordion { display: block } .product-tabs { background: none repeat scroll 0 0 transparent; border-top: 1px solid #CCC; float: left; margin: 30px 0 0; min-height: 150px; padding: 0; position: relative } .product-tabs .tab-list-accordion:first-child { border-top: 1px solid #CCC } .product-tabs .tab-list-accordion { background-color: #fffef7; border-bottom: 1px solid #CCC; color: #63605a; cursor: pointer; font: 14px/40px " ", Arial; letter-spacing: 2px; height: 40px; left: 0; margin: 0; padding: 0 0 0 6%; position: relative; text-transform: uppercase; top: 0; width: 94% } .product-tabs .tab-list-accordion.active { border-bottom: 0; z-index: 10 } .product-tabs>.tab-detail, #tab-data4 { border-bottom: 1px solid #CCC; height: auto !important; width: auto } .product-tabs .tab-content.tab-detail h2 { padding: 0; margin: 5px 0 0 } .product-tabs .tab-list { display: none } .there-ismore-to-see { border-top: 0; margin-left: -25%; width: 150%; max-width: initial } .product-list .list-item { margin: 0; padding-bottom: 0; height: 215px } .product-tile .thumb-link .product-name { font-size: 15px; color: #212121; margin: 0 auto; text-align: center; width: 80% } .product-tile .thumb-link .text { font-size: 14px; color: #666 } .take-another-look .bx-wrapper .bx-viewport { padding-bottom: 0 } .take-another-look .bx-wrapper .bx-viewport { min-height: 90px } .take-another-look { background: 0 } .pdp-main .menu .plus-icon, .tab-list-accordion .plus-icon { background: 0; margin: 0; padding: 0; text-indent: 0 } .product-tabs .tab-list-accordion .plus-icon:after { color: #63605a; content: "+"; display: block; float: right; font-family: "blitzsiteicons"; font-size: 26px; height: 20px; left: -8px; line-height: 20px; margin: 0; position: relative; top: 10px; width: 20px; display: block; font-weight: bold } .product-tabs .tab-list-accordion.active .plus-icon:after { content: "--"; letter-spacing: -12px; top: 7px } .pdp-main .product-accordions h2, .pdp-main .product-accordions p { color: #999 } .product-list .product-tile img { width: 100%; max-width: 165px } .product-tile .product-name, .product-tile .product-price { display: block; visibility: visible } .product-list .product-tile a.link, .product-tile .product-price { font-size: 1em } .product-tile .product-name .name-link, .product-tile .product-price .price-value { color: #666 } .list-item .heading { padding-top: 0; padding-left: 25px; color: #000 } .pt-checkoutlogin .input-text, .pt-checkoutlogin .col-1 .action-button { width: 100% } .pt-checkoutlogin .col-1 button.action-button { width: 100%; font-size: 16px } .order-history .order-summary, .order-history .payment-details-container { width: 100% } .order-history .item-list.order-mini-summary-table, .order-history .item-list.order-mini-summary-table thead, .order-history .item-list.order-mini-summary-table tbody, .order-history .item-list.order-mini-summary-table th, .order-history .item-list.order-mini-summary-table td, .order-history .item-list.order-mini-summary-table tr { display: block } .order-history .account-header.order-summary { border: 0; padding-left: 18px; padding-bottom: 0 } .order-history .table-heading, .order-history .table-data { float: left; border: 0 } .order-history .table-data { float: none; font: 1em " "; text-indent: 0 } .item-list.shipped-to .section-header{ border: medium none; color: #999; font-size: 1em; padding-bottom: 0 } .order-history .address-value { color: #666; font-family: " "; padding-top: 16px; width: 100% } .item-list.shipped-to { padding-bottom: 0 } .order-history .list-table-header { padding-top: 0 } .order-history .order-shipment-status { width: 100%; font-size: 1em } .order-history .order-shipment-status-msg { float: none; width: 100% } .my-account-grid .order-shipment-status-msg .text { padding-bottom: 15px; padding-left: 30px; font-size: .857em } .order-history .section-header { padding-left: 18px; padding-top: 18px; color: #666; font: 1em " " } .item-list.payment-details-table { padding: 0 18px; margin-top: 0 } .item-list .order-total-row { text-indent: 18px } .order-history .payment-details-container { margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #ccc } .order-history .product-image { float: left; padding-top: 3px; width: 45%; clear: left } .order-history .product-description { float: left; margin-bottom: 20px; padding-left: 0; width: 45% } .order-history .order-table-container { margin: -25px 0 40px 10%; width: 85% } .pt_account.order-history .order-details .account-header { padding: 3% 31px; font-size: 1em } .order-history .list-table-header.order-details { padding: 0 } .order-history .separator { display: none } .order-history .item-list.order-mini-summary-table { margin-top: 0; padding-bottom: 20px } .shipped-to .text-head, .table-data { padding-bottom: 0 } .order-history .order-total-value { padding: 0 } .shipped-to .text-value { font-size: .857em } .item-list.order-total-table { font-size: 1em } .order-history .product-text { font-size: .857em; color: #666 } .order-history .product-text.product-name { color: #716b5a; margin-bottom: 10px } .order-history .product-intro { margin-top: 0 } .search-product-grid .search-info { border-bottom: 0 } .order-history .order-table-container .order-table { width: 100% } .order-history .product-status { font: .857em " " } .order-history .mobile-sep { display: inline } .pdp-main .product-actions .menu { border: 0 } .plp-product-grid .select-box .PRICE .list-item { padding-left: 7%; background-position: 15px -10px } .pt_checkout .locale-billing { width: 100% } .pt_checkout .email-option-consent label { clear: none; float: left; width: 90%; margin-left: 13px } .pt_checkout .email-option-consent .input-checkbox { margin-top: 0; float: left } #mobile-utility-nav .util-language .nav-link { background: 0 } .pt_checkout .bill-optin .input-label { padding: 0; margin: 0 } #wish-list-dialog { min-width: 252px; max-height: 400px; overflow-y: auto; overflow-x: hidden; float: none } .cat-name .category-name { margin: 0 0 0 4%; padding: 0; width: 92% } .mini-payment-instrument.order-component-block.first { padding-bottom: 16px } .pt_checkout .checkout-customer-service { text-align: center; padding: 2% 0 0; color: #666; float: none; height: auto } .pt_checkout .checkout-customer-service a { color: #666; text-decoration: none } .tax-disclaimer span.tax-price { width: 13.5% } .order-history-footer .paging { min-width: 70px } .bx-pager-item a { margin-right: 7px } #checkout-middle-section .checkout-progress-indicator .active .text { color: #fff } #tooltip { margin-left: 5px; width: 90% } .pt_checkout .optin-consent .terms.error { padding-bottom: 15px } .pt_checkout #cart-table tr { border: 0 none } .pt_checkout #cart-table { margin-top: 12px; margin-bottom: 12px } .order-confirmation-details .order-detail-summary { border-bottom: 0 } #category-level-1 .list-item.selected background: 0 } #wish-list-dialog .wishlist-content.product-add-to-cart { margin-top: 10px; margin-bottom: 10px; width: 90% } #wish-list-dialog .product-variations { min-width: 100% } #wish-list-dialog .scroll-content { margin-right: 0; padding: 0; overflow-x: hidden } .display-value .product-tile .product-name, .display-value .product-tile .product-price { visibility: visible } .product-tile .product-name, .product-tile .product-price { visibility: visible } .pt_account.order-history .account-header { width: 100% } .confirmation-product-detail .item-image { width: 47% } .order-history .item-list.order-mini-summary-table .payment-link { text-indent: 32px } .order-history .order-summary { border-right: 0 } .vertical-marketing-slider .bx-wrapper .bx-pager { display: block } #footer-links { white-space: inherit } #checkout-middle-section #secondary { border: 0 } .pt_checkout .tax-invoice .tax-invoice-type, .pt_checkout .business-invoice .tax-invoice-type { width: 100%; margin: 5px 0 } .pt_checkout .tax-invoice .form-row, .pt_checkout .business-invoice .form-row { width: 100% } .pt_checkout .invoice-type input, .pt_checkout .carrier input, .pt_checkout .business-type input { float: left; margin: 2.6% 3% 0 0 } .pt_checkout .tax-invoice .input-label, .pt_checkout .business-invoice .input-label { clear: none; float: left; width: 85%; padding: 5px 0 0 } .pt_checkout .invoice-type .form-row, .pt_checkout .print-carrier .form-row, .pt_checkout .business-invoice .form-row { margin-bottom: 0 } .pt_checkout .tax-invoice .invoice-option, .pt_checkout .business-invoice .invoice-option { margin-top: 8px } .pt_checkout .business-invoice .business .input-label, .checkout-wrapper .checkout-billing .form-indent label { width: auto } .pt_checkout .normal-checkbox-row input.input-checkbox { margin-left: 0; margin-top: -4px } .account-form .card-month span.error, .account-form .card-year span.error { width: 100% } .pt-checkoutlogin .desktop-invisible { display: none } .pt-checkoutlogin .mobile-invisible { display: block } .jp .pt_checkout .single-byte .form-caption, .jp .credit-cart-date .cvn.single-byte .form-caption, .jp .pt_account .credit-card-num.single-byte .form-caption { margin-left: 0 } .tw .pt_checkout .fapiao-attribute span.error { width: 100% } .kr .login-box-content>.mobile-invisible { display: block } .kr .pt-checkoutlogin .login-info a { display: block } .kr .nmap_infowindow { display: none !important } .account-form span.expiredCard.error, .pt_checkout span.expiredCard.error { width: 100% } .footer-logo.desktop { display: none; width: 100%; text-align: center } .footer-logo.mobile { display: block; clear: both; background: #2b2b2b } .anf-footer-left { text-align: center; width: 100%; padding-top: 18px; padding-bottom: 20px; max-width: inherit; padding: 18px 0 20px 0 } #footer .social-icons .social { padding: 0 2% 25px; margin: 0 } #footer .social-icons .icon { margin: 0 } .footer-top-bar { display: none } #footer-links li.mobile-visible.menu-footer { display: block } footer .collapsible-menu .mobile-visible h3 { background: 0 } .footer-wrapper { padding-bottom: 0 } #footer-links li.menu-footer { margin-left: 0 } .genderCate .list-item .heading, .select-box .list-item .heading { width: 86%; margin: 0; border: 0; background: #e9e9e3; padding: 8px 7% } .search-product-grid .select-box.large-drop-down .SIZE{ width: 98% } .sort-by .select-box .list-item .text { font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-transform: uppercase; padding: 6px 0 } .sorting-border { display: none } .gender-refinement .list-item .link { padding-right: 25px } .product-tile .product-name .name-link { font: 16px condtwenty } .product-tile .product-pricing span { font: 18px CondTwenty } .map-store-marker-name { min-width: 34% } .select-box #category-level-1 .list-item, .sort-by .select-box .list-item{ padding: 0 10%; margin: 0 } #dialog-container { overflow: hidden } .ui-modal.subscriptionModal { position: absolute; min-width: 100% !important; min-height: 100vh !important; overflow: visible; max-height: 2000px !important } .ui-modal.subscriptionModal .ui-dialog-content { padding: 15px 0 } #dialog-container form .form-row, #dialog-container form .age-gate-links { padding: 0 5%; width: 90% } #dialog-container .subscribe-on-page form .form-row, #dialog-container .subscribe-on-page form .age-gate-links { padding: 0; width: 100% } #dialog-container .subscribe-on-page .optional-subscription-form .month { width: 55%; margin: 0 } #dialog-container .subscribe-on-page .optional-subscription-form .day { width: 40%; margin: 0 0 0 2% } .subscribe-on-page .optional-subscription-form .birth-date { margin-top: 0 } .subscribe-on-page .optional-subscription-form .birth-date .birth-text { margin-top: 2px } #dialog-container form .form-row-button { padding: 0 } .email-success { padding-top: 30px } .ui-dialog .ui-dialog-titlebar { right: 12px; top: 15px } .ui-modal .optional-subscription-form .birth-date .month, .ui-modal .optional-subscription-form .birth-date .day { width: 100%; margin: 10px 0 } .ui-modal.subscriptionModal .action-button { width: auto; margin: auto } .ui-modal.subscriptionModal .modal-title { padding-left: 5% } .ui-modal.subscriptionModal .email-subscribe, .ui-modal.subscriptionModal .email-success, .ui-modal.subscriptionModal .terms-dialogs { padding-left: 5%; padding-right: 5% } #dialog-container form .form-row.month, #dialog-container form .form-row.day { padding: 0; width: 100% } .scroll-content .tab-detail { display: block } .ui-modal.inspirationalModal { background-size: 100% 100%; min-height: 315px } .ui-modal.inspirationalModal h1 { font-size: 31px; line-height: normal; margin-bottom: 0 } .ui-modal.inspirationalModal h2 { font-size: 9px; margin-bottom: 18px } .emailPopup { padding-top: 15px } .inspiration-thanks { padding-top: 50px } .inspirationalModal .parental-msg { padding: 0 } .ui-modal.inspirationalModal h3 { line-height: 150%; font-size: 11px } .inspirationalModal .action-button { font-size: 10px; padding: 8px 10px; width: auto } .ui-modal.inspirationalModal label[for="dwfrm_required_check_terms"] { font-size: 10px; line-height: 15px; letter-spacing: normal } .email-thank-you-legal { padding: 20px 0 } .inspiration-emailSubscribe { text-align: center } .inspiration-emailSubscribe .action-button { width: 140px } .ui-modal.inspirationalModal .continue-shopping { font-size: 11px } .inspirational-parent { padding: 0; text-align: center } .inspirationalModal .emailPopup .action-button { width: auto; padding: 8px 10px } .pt_checkout .checkout-billing .normal-checkbox-row label { width: 92% } .pt_checkout .checkout-billing .invoice-type .normal-checkbox-row .input-label { width: 88% } .order-confirmation-message .configurable-content-slot { padding: 0 10px } .check-before-order { border-top: 1px solid #CCC } .pdp-main .menu .plus-icon, .tab-list-accordion .plus-icon { display: block } .pdp-main .product-thumbnails .productthumbnail { max-width: 60px; max-height: 75px; border: 1px solid transparent } .pdp-main .selected .thumbnail-link { border: 2px solid #625f59 } .pt_checkout .note-slot .html-slot-container { padding: 15px 5% 0 5% } #dwfrm_refund { width: 100%; background: 0; padding: 0 } .refund-content-row-wrap .form-row { width: 100% } .refund-content-row-wrap .content-asset { width: 100%; padding-left: 0; padding-top: 0; padding-bottom: 10px } #checkout-middle-section #secondary .return-process-guidelines { padding: 0 4.2% 15px; width: 91.6%; margin: auto; float: none } .refund-page .action-button { margin: 0; padding: 13px 6px 8px 9px; width: 25%; float: left } .pt_checkout .payment-method-options .form-row.is-PAYPAL, .jp .pt_checkout .payment-method-options .form-row, .cn .pt_checkout .payment-method-options .form-row, .pt_checkout .payment-method-options .form-row.is-ALIPAY-BANKPAY { width: 100% } .checkout-wrapper .payment-method-options input[type="radio"] { margin-top: 1% } .baidu-map { margin-left: 18% } .scroll-to-top.show { width: 38%; height: 26px; right: 31% } .scroll-to-top { border-color: #999; color: #666; background: #f8f8f8; background: -moz-linear-gradient(top, #f8f8f8 0, #cdcdcd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(100%, #cdcdcd)); background: -webkit-linear-gradient(top, #f8f8f8 0, #cdcdcd 100%); background: -o-linear-gradient(top, #f8f8f8 0, #cdcdcd 100%); background: -ms-linear-gradient(top, #f8f8f8 0, #cdcdcd 100%); background: linear-gradient(to bottom, #f8f8f8 0, #cdcdcd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#cdcdcd', GradientType=0) } .scroll-to-top span { display: inline-block; font-size: 12px; line-height: 26px } body .scroll-to-top>.icon:before { font-size: 16px; margin-right: 8px; top: .1em } .checkout-wrapper .payment-method-options .input-label.Paypal { margin-left: 0 } .soldout-message { color: #cd1600; font-size: 16px } .soldout-section .mini-cart-name .mini-product-name { color: #565756; font-size: 14px; font-family: arial } .soldout-section .mini-cart-desc .size, .soldout-section .mini-cart-desc .colors, .soldout-section .sku, .product-price-text { color: #999; font-size: 13px } .soldout-section .cart-action-checkout .action-button { width: auto; padding: 10px 15px } .there-ismore-to-see div, .there-ismore-to-see .img { width: auto } .there-ismore-to-see, .take-another-look { overflow: hidden; padding-bottom: 30px } .header-gms-wrapper.default, .section-old-browser { position: relative } .header-gms-wrapper.default p { width: 89% } .section-old-browser p { width: 75%; text-align: left; padding: 0 18px; line-height: 18px } .header-gms-wrapper-show #navigation, .section-old-browser-show #navigation, .header-gms-wrapper-show.section-old-browser-show #navigation { padding-top: 0 } .header-gms-wrapper-show #promo-nav, .header-gms-wrapper-show #utility-nav-wrap, .section-old-browser-show #promo-nav, .section-old-browser-show #utility-nav-wrap, .header-gms-wrapper-show.section-old-browser-show #promo-nav, .header-gms-wrapper-show.section-old-browser-show #utility-nav-wrap { top: 0 } .header-gms-wrapper-show.section-old-browser-show .header-gms-wrapper.default { top: 0 } .confirmation-coustmer-service { float: none } .survey-url { width: 93%; text-align: center; vertical-align: middle; margin: 0 10px 5px 12px; padding-left: 0; padding-right: 0 } .product-tabs .tab-content.tab-detail .product-details-right-sec, .product-tabs .tab-content.tab-detail .product-details-left-sec, .product-tabs .tab-content.tab-detail.product-fabric-details-sec .product-details-left-sec { width: 100%; padding: 0; padding-bottom: 20px } .product-tabs>#tab-data2.tab-detail.active, .product-tabs>#tab-data2.tab-detail.active.product-fabric-details-sec { display: table; width: 88%; padding-left: 6%; padding-right: 6% } .product-tabs .tab-content.tab-detail .product-details-bullet-list li { width: 100%; padding-right: 0 } .qr-code.mobile { background: #fff; text-align: center; padding: 15px 3%; width: 94%; position: relative } .qr-code img { display: inline } .qr-code .close-button:after { font-family: arial; float: right; display: block; width: 15px; height: 15px; color: #000; content: "\e60e"; font-family: 'blitzsiteicons'; margin-right: 7px; right: 3px; top: 10px; position: absolute } .wechat.hover-state a { background-color: #fff } .wechat.hover-state a:after { color: #000 } .promotional-dialog.wishlist-dialog { overflow: visible } .wishlist-dialog .swatches.option .list-item { min-width: 70px } .form-innerwrapper .checkout-billing-submit .form-row-button .action-button { width: 100% } .pt_checkout .check-before-order { border: 0 } .review-confirmation-sec .optin-consent { margin: 0 } .wishlist-buynow { margin: 0; width: 80%; margin: 0 0 30px 0; color: #333 } .pt-static.refund-page .legal-info-cod { width: 100% } .product-sticky-add-to-cart-wrap { background-color: #fffef7; bottom: 0; left: 0; padding: 8px 9px; position: fixed; transition: bottom .4s ease 0; width: 100%; z-index: 999; box-shadow: -1px 0 10px -1px rgba(0, 0, 0, 0.4); box-sizing: border-box; cursor: pointer } .product-sticky-add-to-cart-wrap.slide-down { bottom: -70px } .product-sticky-add-to-cart-wrap .product-sticky-add-to-cart { display: block; float: none; font: 15px/48px " ", Arial, Helvetica, sans-serif; padding: 0; margin: 0; text-align: center; width: 100%; letter-spacing: 2px; background: none repeat scroll 0 0 #00782e; color: #fffef7 } .product__sizes.overlay-visible { background: #fffef7 none repeat scroll 0 0; float: left; margin-left: -10px; margin-right: -10px; padding: 7px 10px 0; position: relative; width: 100%; z-index: 1002 } .product__sizes.overlay-visible-bottom { position: fixed; bottom: 0; left: 0; margin: 0; z-index: 1002 } .product__add-to-bag-error-overlay { cursor: pointer; background-color: #000; left: 0; opacity: .7; position: fixed; top: 0; width: 100%; z-index: 1001; bottom: 0 } .lock-scroll { overflow: hidden } .lock-scroll body { overflow: hidden; position: relative } .lock-scroll .product-sticky-add-to-cart-wrap { display: none } .pt-product-details .scroll-to-top.show { display: none } .pdp-main .add-to-cart.action-button.loading { background: #666; color: #fff } .pdp-main .add-to-cart.action-button span.addedToCart { background: url("https://storage.googleapis.com/static.oaoabeauty.com/website/addedToCartIcon1.png") no-repeat 0 10px; padding: 12px 0 12px 30px } .product-sticky-add-to-cart.loading { background: #666; text-transform: capitalize; color: #fff } .product-sticky-add-to-cart.loading:before { background: url("https://storage.googleapis.com/static.oaoabeauty.com/website/loading.gif") no-repeat scroll 0 0; content: " "; display: inline-block; height: 24px; margin: 13px 12px 0 0; vertical-align: top; width: 18px } .product-sticky-add-to-cart.addedToCart { background: #666; color: #fff } .product-sticky-add-to-cart.addedToCart:before { background: url("https://storage.googleapis.com/static.oaoabeauty.com/website/addedToCartIcon1.png") no-repeat scroll 0 0; content: " "; display: inline-block; height: 24px; margin: 13px 12px 0 0; vertical-align: top; width: 18px } .login-step1-checkout .section-header, .login-step2-checkout .section-header { padding: 10px 0 10px 14px } .login-step1-checkout .left-sec { width: 100%; padding: 30px 14px } .login-checkout-right-sec { width: 100%; padding: 30px 14px; position: relative; margin: 0; height: auto } .login-step1-checkout .sign-in-on-button:after { border-bottom: 1px solid #ccc; content: ""; display: inline-block; height: 1px; padding-top: 29px; width: 100% } .login-checkout-right-sec .login-checkout-right-sec-or { margin-left: -29px; width: 58px; top: -2px; text-align: center; left: 50% } .login-step1-checkout .sign-in-on-button { width: 100%; margin-top: 14px } .login-checkout-right-sec p { margin-top: 14px; text-transform: none } .login-step2-checkout .login-checkout-right-sec { display: block } .login-step2-checkout .login-box-content { padding: 0 14px } .login-step2-checkout .login-box-content span.error { margin-left: 2px } .login-step2-checkout .section-header-1 { padding: 25px 0 18px 14px } .login-step2-checkout .login-box-content .input-label { padding-left: 0; width: 100% } .login-step2-checkout .login-box-content input.input-text { margin-left: 0; width: 100% } .login-step2-checkout .login-box-content .form-row { margin-bottom: 11px } .login-step2-checkout .login-box-content #password-reset { margin: 4px 0 20px 2px; float: left } .login-step2-checkout .login-box-content .form-row-button { margin: 0; padding: 0 0 25px; width: 100%; border-bottom: 1px solid #ccc } .login-step2-checkout .login-box-content .error-form { margin-left: 2px } .login-step2-checkout .section-header { display: none } .login-step2-checkout .show-only-desktop { display: none } .ui-modal.ui-modal-forget-pass #dialog-container { padding: 23px 20px 30px } .ui-modal .pt-forgot-passowrd h1 { padding-left: 20px; margin-left: -20px; margin-right: -20px } .ui-modal .pt-forgot-passowrd #PasswordResetForm .input-label { margin-top: 10px } .ui-modal .pt-forgot-passowrd #PasswordResetForm .form-row, .ui-modal .pt-forgot-passowrd #dialog-container .privacy-text { padding: 0; width: 100% } .ui-modal .pt-forgot-passowrd #PasswordResetForm .input-text { width: 100% } .ui-modal.ui-modal-forget-pass .ui-dialog-titlebar .ui-dialog-titlebar-close { top: 12px } .box_row_wrapper_checkout .box_row_element { width: 100%; margin-left: 20px } .box_row_wrapper_checkout .box_row_element .survey-url { margin: 0 } .order-confirmation-message .order-number .label, .order-confirmation-message .order-number #utility-nav .mini-cart-subtotals .value, #utility-nav .mini-cart-subtotals .order-confirmation-message .order-number .value { text-align: left; width: 220px } .order-confirmation-message .order-number { text-align: left } .confirmation-coustmer-service { display: none } .configurable-content-slot.box_row_element { border-top: 1px solid #ccc } .box_row_wrapper_checkout form.box_row_element, .box-3.box_row_element { margin-top: 30px } .box_row_wrapper_checkout { border-top: 0 } .order-confirmation-message .order-confirmation { float: left; text-align: left } .order-confirmation>span { display: block } .order-confirmation-message h1.order-confirmation { font-size: 20px } .order-confirmation-message .order-number .value { display: block } .order-confirmation-message .customer-service .value { display: block } .order-confirmation-message .customer-service { margin: 10px 0 25px } .box_row_wrapper_checkout .box_row_element p { margin: 10px 0 0 } .pt_wish-list .wishlist-account-header .error-box-wishlist { margin-left: 14px; margin-right: 14px } .pt_checkout .form-row.disabled-select label::after { left: 0; width: 100%; top: 0; height: 67px } .pt_account .form-row.disabled-select label::after { left: 0; width: 100%; top: 0; height: 67px } .dialog-open #wrapper { overflow: hidden; height: 94vh } .dialog-open .ui-widget-overlay { position: fixed } /*767結束*/ } /* coupon開始 */ .applied-promos-section{ margin-top:20px; font-family: "Trade Gothic Regular","Arial",sans-serif; position:relative; font-size: 1.1rem; line-height: 2em; letter-spacing: 0.6px; text-transform: capitalize; color:#999; } .applied-promos-section .applied-promo .promo-heading { float: left; } .applied-promos-section .applied-promo .promo-data { color: #c1a152; font-weight:bold; float:left; } .applied-promos-section .applied-promo .remove { position: absolute; right: 0; top:27px; } .applied-promos-section .applied-promo .removeLink:hover{ color: #555; } .applied-promos-section .applied-promo .promo-data:before { font-family: "responsive-icons"; content: "\F115"; } .applied-promos-section .removeLink{ text-decoration: underline; cursor: auto; } /*coupon結束*/ .validation-advice{ background: 0; margin: 1% 2% 0 0; color: #ca3f45; float: left; width: 100%; word-wrap: break-word; font-size: 0.9em; } .l-card { margin-bottom: .625rem; overflow: hidden; float:right; } .l-card>.l-field, .l-card>h2 { } .l-field, .l-field .l-field-col, .l-field.select>div, .l-page .l-tabbed-dialog nav ul { position: relative; } .is-screen-reader-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .delivery-country .input-container { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; } .delivery-country .country-image { float: left; width: 30px; height: 30px; margin-right: 15px; background-image: url(https://storage.googleapis.com/static.oaoabeauty.com/website/globe-512.png); background-repeat: no-repeat; background-size: 30px; } .l-field select { height: 2.8rem; } .l-field input[type=email], .l-field input[type=password], .l-field input[type=tel], .l-field input[type=text], .l-field select, .l-field textarea { background-color: #fff; float: left; width: 330px; } .order-subtotal, .order-shipping{ font-size:1.2em; } div.payment_box:before { content: ""; display: block; border: 1em solid #dfdcde; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -.0em; left: 0; margin: -1.8em 0 0 2em; } div.payment_box{ background: #eee; padding:5px 10px; margin-top:10px; } div.payment_box p{ color: #000000; line-height:1.5em padding:0; } .woocommerce .loader:before{height:1em;width:1em;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;display:block;content:"";-webkit-animation:spin 1s ease-in-out infinite;-moz-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;background:url(../images/icons/loader.svg) center center;background-size:cover;line-height:1;text-align:center;font-size:2em;color:rgba(0,0,0,.75)} #storeOption button{ width: 30%!important; float: left!important; height: 45px!important; background-color: #ffffff!important; color: #038DD6; border: 2px solid #009E47; border-radius: 4px; font-weight: bold; } #storeOption button.hi-life{ color: #058633; margin-left:8%; }