to { opacity: 0; -webkit-transform: rotate(360deg); transform: rotate(360deg) } .selectBox-dropdown { min-width: 150px; position: relative; border: 1px solid #bbb; line-height: 1.5; text-decoration: none; text-align: left; color: #000; outline: 0; vertical-align: middle; background: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0); box-shadow: 0 1px 0 #fff; border-radius: 4px; display: inline-block; cursor: default } .selectBox-dropdown.selectBox-menuShowing { -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .selectBox-dropdown .selectBox-label { display: inline-block; white-space: nowrap; overflow: hidden; padding: 2px 8px } .selectBox-dropdown .selectBox-arrow { position: absolute; top: 0; right: 0; width: 23px; height: 100%; background: url(jquery.selectBox-arrow.gif) 50% center no-repeat; border-left: solid 1px #bbb } .selectBox-dropdown-menu, .selectBox-inline { border: 1px solid #bbb; background: #fff; overflow: auto } .selectBox-dropdown-menu { position: absolute; z-index: 99999; max-height: 200px; min-height: 1em; box-shadow: 0 2px 6px rgba(0, 0, 0, .2); -webkit-overflow-scrolling: touch } .selectBox-inline { min-width: 150px; outline: 0; display: inline-block; border-radius: 4px } .selectBox-options, .selectBox-options LI, .selectBox-options LI A { list-style: none; display: block; cursor: default; margin: 0; padding: 0 } .selectBox-options LI A { line-height: 1.5; white-space: nowrap; overflow: hidden; background: 6px center no-repeat; padding: 0 .5em } .selectBox-options LI.selectBox-hover A { background-color: #eee } .selectBox-options LI.selectBox-disabled A { color: #888; background-color: transparent } .selectBox-options LI.selectBox-selected A { background-color: #c8def4 } .selectBox-options .selectBox-optgroup { color: #666; background: #eee; font-weight: 700; line-height: 1.5; white-space: nowrap; padding: 0 .3em } .selectBox-inline.selectBox-disabled, .selectBox.selectBox-disabled { color: #888!important } .selectBox-dropdown.selectBox-disabled .selectBox-arrow { opacity: .5; filter: alpha(opacity=50); border-color: #666 } .selectBox-inline.selectBox-disabled .selectBox-options A { background-color: transparent!important } body.home-section, body.home-section ol { margin: 20px } #myAccount.account-container #right.right-container .big-container h1, #myAccount.account-container .contact-info-wrapper .big-container h1, .redesign2017 #compare_view h1, .redesign2017 h1 { font-weight: 700; text-transform: uppercase; line-height: 1.6 } #myAccount.account-container #right.right-container .big-container h2, #myAccount.account-container .contact-info-wrapper .big-container h2, .redesign2017 #compare_view h2, .redesign2017 h2 { font-size: 18px; font-weight: 700; text-transform: uppercase; color: #523f42; line-height: 1.6 } .redesign2017 .account-page.logon.perkSignIn h2 { line-height: 1 } #myAccount.account-container #right.right-container .big-container h3, #myAccount.account-container #right.right-container .big-container h4, #myAccount.account-container .contact-info-wrapper .big-container h3, #myAccount.account-container .contact-info-wrapper .big-container h4, .redesign2017 #compare_view h3, .redesign2017 #compare_view h4, .redesign2017 h3, .redesign2017 h4 { font-size: 16px; font-weight: 700; text-transform: uppercase; color: #523f42; line-height: 1.6; padding: 13px 0 6.5px } #myAccount.account-container #right.right-container .big-container p, #myAccount.account-container .contact-info-wrapper .big-container p, .redesign2017 #compare_view p, .redesign2017 p { font-size: 14px; color: #523f42; line-height: 1.6; font-family: FuturaBQLight, Arial, Helvetica, sans-serif; letter-spacing: 0; } #myAccount.account-container #right.right-container .big-container .font-size-small, #myAccount.account-container .contact-info-wrapper .big-container .font-size-small, .redesign2017 #compare_view .font-size-small, .redesign2017 .font-size-small { font-size: 12px; text-align: center } #myAccount.account-container #right.right-container .big-container .lc2-title, #myAccount.account-container .contact-info-wrapper .big-container .lc2-title, .redesign2017 #compare_view .lc2-title, .redesign2017 .lc2-title { font-size: 13px; font-weight: 700; text-transform: uppercase; color: #523f42; line-height: 1.6 } #myAccount.account-container #right.right-container .big-container hr, #myAccount.account-container .contact-info-wrapper .big-container hr, .redesign2017 #compare_view hr, .redesign2017 hr { border-bottom: none; width: 100%; border-color: #d5d5d5; border-style: solid; margin: 13px 0 } #myAccount.account-container #right.right-container .big-container li, #myAccount.account-container .contact-info-wrapper .big-container li, .redesign2017 #compare_view li, .redesign2017 li { font-size: 13px; color: #523f42; line-height: 1.6 } #myAccount.account-container #right.right-container .big-container ol, #myAccount.account-container .contact-info-wrapper .big-container ol, .redesign2017 #compare_view ol, .redesign2017 ol { margin: 13px; padding: 0 13px } #myAccount.account-container #right.right-container .big-container ol>li, #myAccount.account-container .contact-info-wrapper .big-container ol>li, .redesign2017 #compare_view ol>li, .redesign2017 ol>li { margin: 6.5px } #myAccount.account-container #right.right-container .big-container .price, #myAccount.account-container #right.right-container .big-container .saving, #myAccount.account-container .contact-info-wrapper .big-container .price, #myAccount.account-container .contact-info-wrapper .big-container .saving, .redesign2017 #compare_view .price, .redesign2017 #compare_view .saving, .redesign2017 .price { float: right; font-weight: 700; font-family: Verdana, Arial, Helvetica, sans-serif } .redesign2017 .saving { float: right; font-weight: 400!important; font-family: FuturaBQBook, Arial, Helvetica, sans-serif!important } .select-lens-type p :not(.select-lens-type-price) { margin-bottom: 5px; color: gray!important; font-size: 15px } .select-lens-type p.popup-table:nth-child(2) span.price.saving { text-decoration: line-through } .delete-link:hover, .pdp-item-info a, .styled-link { text-decoration: underline } #myAccount.account-container #right.right-container .big-container .st-button, #myAccount.account-container #right.right-container .big-container input[type=submit].st-button, #myAccount.account-container .contact-info-wrapper .big-container .st-button, #myAccount.account-container .contact-info-wrapper .big-container input[type=submit].st-button, .redesign2017 #compare_view .st-button, .redesign2017 #compare_view input[type=submit].st-button, .redesign2017 .st-button, .redesign2017 input[type=submit].st-button { width: 100%; height: 46px; line-height: 46px; box-sizing: border-box; background: #326fa8; border-radius: 5px; border: 0; color: #fff; display: inline-block; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: .03em; text-align: center; text-transform: uppercase; position: relative; margin: 0; padding: 0 13px } #content_wrapper_box form.lc2 .promo-field input[type=submit].new-style-button:hover, #myAccount.account-container #right.right-container .big-container .st-button:hover, #myAccount.account-container #right.right-container .big-container input[type=submit].st-button:hover, #myAccount.account-container .contact-info-wrapper .big-container .st-button:hover, #myAccount.account-container .contact-info-wrapper .big-container input[type=submit].st-button:hover, .redesign2017 #compare_view .st-button:hover, .redesign2017 #compare_view input[type=submit].st-button:hover, .redesign2017 .st-button:hover, .redesign2017 input[type=submit].st-button:hover, form.lc2 .promo-field input[type=submit].new-style-button:hover { background: #4589c8 } #myAccount.account-container #right.right-container .big-container .st-button.st-button-outline, #myAccount.account-container #right.right-container .big-container input[type=submit].st-button.st-button-outline, #myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-outline, #myAccount.account-container .contact-info-wrapper .big-container input[type=submit].st-button.st-button-outline, .redesign2017 #compare_view .st-button.st-button-outline, .redesign2017 #compare_view input[type=submit].st-button.st-button-outline, .redesign2017 .st-button.st-button-outline, .redesign2017 input[type=submit].st-button.st-button-outline { border: 1px solid #523f42; background: 0 0; color: #523f42 } #myAccount.account-container #right.right-container .big-container .st-button.st-button-outline:hover, #myAccount.account-container #right.right-container .big-container input[type=submit].st-button.st-button-outline:hover, #myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-outline:hover, #myAccount.account-container .contact-info-wrapper .big-container input[type=submit].st-button.st-button-outline:hover, .redesign2017 #compare_view .st-button.st-button-outline:hover, .redesign2017 #compare_view input[type=submit].st-button.st-button-outline:hover, .redesign2017 .st-button.st-button-outline:hover, .redesign2017 input[type=submit].st-button.st-button-outline:hover { color: #6f5559; background: 0 0 } #myAccount.account-container #right.right-container .big-container .st-button.st-button-blue-outline, #myAccount.account-container #right.right-container .big-container input[type=submit].st-button.st-button-blue-outline, #myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-blue-outline, #myAccount.account-container .contact-info-wrapper .big-container input[type=submit].st-button.st-button-blue-outline, .redesign2017 #compare_view .st-button.st-button-blue-outline, .redesign2017 #compare_view input[type=submit].st-button.st-button-blue-outline, .redesign2017 .st-button.st-button-blue-outline, .redesign2017 input[type=submit].st-button.st-button-blue-outline { background: 0 0; border: 2px solid #326fa8; color: #326fa8 } #myAccount.account-container #right.right-container .big-container .st-button.st-button-blue-outline:hover, #myAccount.account-container #right.right-container .big-container input[type=submit].st-button.st-button-blue-outline:hover, #myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-blue-outline:hover, #myAccount.account-container .contact-info-wrapper .big-container input[type=submit].st-button.st-button-blue-outline:hover, .redesign2017 #compare_view .st-button.st-button-blue-outline:hover, .redesign2017 #compare_view input[type=submit].st-button.st-button-blue-outline:hover, .redesign2017 .st-button.st-button-blue-outline:hover, .redesign2017 input[type=submit].st-button.st-button-blue-outline:hover { background-color: transparent } #myAccount.account-container #right.right-container .big-container .st-button.st-button-orange, #myAccount.account-container #right.right-container .big-container input[type=submit].st-button.st-button-orange, #myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-orange, #myAccount.account-container .contact-info-wrapper .big-container input[type=submit].st-button.st-button-orange, .redesign2017 #compare_view .st-button.st-button-orange, .redesign2017 #compare_view input[type=submit].st-button.st-button-orange, .redesign2017 .st-button.st-button-orange, .redesign2017 input[type=submit].st-button.st-button-orange { background: #ba550e } #myAccount.account-container #right.right-container .big-container .st-button.st-button-orange:hover, #myAccount.account-container #right.right-container .big-container input[type=submit].st-button.st-button-orange:hover, #myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-orange:hover, #myAccount.account-container .contact-info-wrapper .big-container input[type=submit].st-button.st-button-orange:hover, .redesign2017 #compare_view .st-button.st-button-orange:hover, .redesign2017 #compare_view input[type=submit].st-button.st-button-orange:hover, .redesign2017 input[type=submit].st-button.st-button-orange:hover { background: #f29451 } #content_wrapper_box form.lc2 .promo-field .success input[type=submit].new-style-button, #myAccount.account-container #right.right-container .big-container .st-button.st-button-green, #myAccount.account-container #right.right-container .big-container input[type=submit].st-button.st-button-green, #myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-green, #myAccount.account-container .contact-info-wrapper .big-container input[type=submit].st-button.st-button-green, .redesign2017 #compare_view .st-button.st-button-green, .redesign2017 #compare_view input[type=submit].st-button.st-button-green, .redesign2017 .st-button.st-button-green, .redesign2017 input[type=submit].st-button.st-button-green, form.lc2 .promo-field .success input[type=submit].new-style-button { background: #00a651 } #content_wrapper_box form.lc2 .promo-field .success input[type=submit].new-style-button:hover, #myAccount.account-container #right.right-container .big-container .st-button.st-button-green:hover, #myAccount.account-container #right.right-container .big-container input[type=submit].st-button.st-button-green:hover, #myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-green:hover, #myAccount.account-container .contact-info-wrapper .big-container input[type=submit].st-button.st-button-green:hover, .redesign2017 #compare_view .st-button.st-button-green:hover, .redesign2017 #compare_view input[type=submit].st-button.st-button-green:hover, .redesign2017 .st-button.st-button-green:hover, .redesign2017 input[type=submit].st-button.st-button-green:hover, form.lc2 .promo-field .success input[type=submit].new-style-button:hover { background: #00d96a } #myAccount.account-container #right.right-container .big-container .st-button.st-button-base, #myAccount.account-container #right.right-container .big-container input[type=submit].st-button.st-button-base, #myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-base, #myAccount.account-container .contact-info-wrapper .big-container input[type=submit].st-button.st-button-base, .redesign2017 #compare_view .st-button.st-button-base, .redesign2017 #compare_view input[type=submit].st-button.st-button-base, .redesign2017 .st-button.st-button-base, .redesign2017 input[type=submit].st-button.st-button-base { background: 0 0; text-transform: uppercase; font-weight: 700; color: #326fa8 } #myAccount.account-container #right.right-container .big-container .st-button.st-button-base:hover, #myAccount.account-container #right.right-container .big-container input[type=submit].st-button.st-button-base:hover, #myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-base:hover, #myAccount.account-container .contact-info-wrapper .big-container input[type=submit].st-button.st-button-base:hover, .redesign2017 #compare_view .st-button.st-button-base:hover, .redesign2017 #compare_view input[type=submit].st-button.st-button-base:hover, .redesign2017 .st-button.st-button-base:hover, .redesign2017 input[type=submit].st-button.st-button-base:hover { background: 0 0; color: #4589c8 } #myAccount.account-container #right.right-container .big-container .st-button.lens-not-selected, #myAccount.account-container #right.right-container .big-container input[type=submit].st-button.lens-not-selected, #myAccount.account-container .contact-info-wrapper .big-container .st-button.lens-not-selected, #myAccount.account-container .contact-info-wrapper .big-container input[type=submit].st-button.lens-not-selected, .redesign2017 #compare_view .st-button.lens-not-selected, .redesign2017 #compare_view input[type=submit].st-button.lens-not-selected, .redesign2017 .st-button.lens-not-selected, .redesign2017 input[type=submit].st-button.lens-not-selected { background: #786f70 } #myAccount.account-container #right.right-container .big-container .st-button.st-button-big, #myAccount.account-container #right.right-container .big-container input[type=submit].st-button.st-button-big, #myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-big, #myAccount.account-container .contact-info-wrapper .big-container input[type=submit].st-button.st-button-big, .redesign2017 #compare_view .st-button.st-button-big, .redesign2017 #compare_view input[type=submit].st-button.st-button-big, .redesign2017 .st-button.st-button-big, .redesign2017 input[type=submit].st-button.st-button-big { line-height: 3.5; height: auto; font-size: 16px } #myAccount.account-container #right.right-container .big-container .st-button.st-button-small, #myAccount.account-container #right.right-container .big-container input[type=submit].st-button.st-button-small, #myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-small, #myAccount.account-container .contact-info-wrapper .big-container input[type=submit].st-button.st-button-small, .redesign2017 #compare_view .st-button.st-button-small, .redesign2017 #compare_view input[type=submit].st-button.st-button-small, .redesign2017 .st-button.st-button-small, .redesign2017 input[type=submit].st-button.st-button-small { line-height: 2.7; height: auto; font-size: 13px } #myAccount.account-container #right.right-container .big-container .favorited-item::before, #myAccount.account-container .contact-info-wrapper .big-container .favorited-item::before, .redesign2017 #compare_view .favorited-item::before, .redesign2017 .favorited-item::before { background-position: -146px -168px!important } #myAccount.account-container #right.right-container .big-container .cart_header, #myAccount.account-container #right.right-container .big-container .compare_header, #myAccount.account-container .contact-info-wrapper .big-container .cart_header, #myAccount.account-container .contact-info-wrapper .big-container .compare_header, .redesign2017 #compare_view .cart_header, .redesign2017 #compare_view .compare_header, .redesign2017 .cart_header, .redesign2017 .compare_header { width: 1024px; text-align: center; margin: 60px auto } #myAccount.account-container #right.right-container .big-container .cart_header p, #myAccount.account-container #right.right-container .big-container .compare_header p, #myAccount.account-container .contact-info-wrapper .big-container .cart_header p, #myAccount.account-container .contact-info-wrapper .big-container .compare_header p, .redesign2017 #compare_view .cart_header p, .redesign2017 #compare_view .compare_header p, .redesign2017 .cart_header p, .redesign2017 .compare_header p { width: 300px; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; color: #3f2a2e; font-size: 15px; margin: 0 auto } #myAccount.account-container #right.right-container .big-container .lc-loader, #myAccount.account-container .contact-info-wrapper .big-container .lc-loader, .redesign2017 #compare_view .lc-loader, .redesign2017 .lc-loader { display: none; opacity: .4; position: static } .redesign2017 .lc-loader.uplaod-prescription-loader { float: left; width: 100%; text-align: center; padding: 0 } #myAccount.account-container #right.right-container .big-container .lc-loader.uplaod-prescription-loader, #myAccount.account-container .contact-info-wrapper .big-container .lc-loader.uplaod-prescription-loader, .redesign2017 #compare_view .lc-loader.uplaod-prescription-loader { width: auto; float: left; padding: 13px } #myAccount.account-container #right.right-container .big-container .lc-loader.step-footer-loader, #myAccount.account-container .contact-info-wrapper .big-container .lc-loader.step-footer-loader, .redesign2017 #compare_view .lc-loader.step-footer-loader, .redesign2017 .lc-loader.step-footer-loader { height: 16px; width: 16px; opacity: .4; margin-right: 13px } .indent { margin-left: 13px } .closed, .hide { display: none!important; overflow: hidden } .invisible { visibility: hidden } .gt-lt { font-size: .9em } .styled-link { color: #326fa8; font-weight: 700; font-size: 14px } .delete-link { color: #333; text-transform: none; outline: 0; padding: 0 0 0 3px } .sticky-bottom { position: fixed; z-index: 1001; bottom: 0; padding-top: 26px } .add-to-tray.st-button-base, .find-in-store.st-button-base, .view-detail.st-button-base { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0 } .add-to-tray.st-button-base::before, .find-in-store.st-button-base::before, .view-detail.st-button-base::before { content: ''; background: url(../../assets/lc2_sprite.gif); background-size: 500px; margin-right: 6.5px } .find-in-store.st-button-base::before { width: 12px; height: 17px; background-position: -61px -114px } .add-to-tray.st-button-base::before { width: 18px; height: 16px; background-position: -77px -114px; display: inline-block; vertical-align: middle } .right-nav a.edit { text-transform: none; float: right; font-weight: 400; font-size: 12px } .right-nav>ul>li:first-child { padding: 0; margin: 15px 0px 15px; } .right-nav>ul>li:first-child ul div, .right-nav>ul>li:first-child ul a, .right-nav>ul>li:first-child ul .lens-recap{ padding: 15px 15px 0px; color: #3f2a2e; } .right-nav>ul>li:first-child ul a span{ margin-right:15px; } #ShippingMethodEntry, .right-nav>ul>li { overflow: hidden; background-color: #f7f6f7; border: 1px solid #d5d5d5; padding: 15px 20px; } .right-nav .st-button { margin-bottom: 6.5px } .right-nav .title, .right-nav h2, .right-nav h3 { display: inline-block; font-weight: 700; color: #3f2a2e } .right-nav h2 { font-size: 16px; text-transform: uppercase; font-weight: 500; } .right-nav .title, .right-nav h3 { padding-bottom: 6.5px } .right-nav h3 { font-size: 16px!important; text-transform: none } .right-nav .title.icon { width: 24px; height: 24px; display: inline-block } .right-nav .accordion-menu>li>ul>li { border: 0; text-transform: capitalize; font-weight: 400; margin: 0; padding: 0 20px 0 6px } .right-nav .grandTotal .subtotal { float: right; font-size: 22px; letter-spacing: -.05em; margin-top: -2px } .right-nav .promo-field .label_input .label { display: block; text-align: left } .cart-item-container { display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #d5d5d5; margin: 0; padding: 10px; margin-bottom: 20px; } .cart-item-container .cart-item-description { width: 227px } .cart-item-container .edit-wrapper { width: 253px; margin-left: 26px } .cart-item-container .cart-item-totals { width: 100%; float: right; font-family: FuturaBQBook, Arial, Helvetica, sans-serif!important; text-transform: uppercase; color: #3f2a2e; font-size: 16px; margin-left: auto; margin-top: 0px; margin-bottom: 40px; line-height: 1.6; padding: 0px 10px; } .cart-item-container .cart-item-totals p { font-family: FuturaBQBook, Arial, Helvetica, sans-serif!important; font-size: 16px; font-weight: 700; color: #3f2a2e; } .cart-item-container .cart-item-totals>div { margin-bottom: 13px; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .cart-item-container .cart-item-totals .frameSaving { font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: capitalize; font-size: 14px; text-align: right; display: block } .cart-item-container .cart-item-totals .frameSubtotal { /* border-top: 1px solid #d5d5d5; */ padding-top: 9px; margin-bottom: 0; } .cart-item-container .productTitleDetails a { color: #3f2a2e; font-weight: 700; font-size: 15px; font-family: FuturaBQBook, Arial, Helvetica, sans-serif!important; padding-right: 10px; } .cart-item-info .styled-link.edit-link { display: block; padding-right: 0 } .cart-item-container .edit-prescriptions p { font-size: 14px; color: #786f70 } .cart-item-container .delete-link { display: inline-block; margin-top: 6px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: right; text-decoration: underline; font-family: FuturaBQLight, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.5px; color: #333333; } .history-table { overflow-x: auto; padding: 0px 6.5px } .history-table table { color: #523f42; border-collapse: collapse; width: 685px!important } .accordion-menu>li>ul { display: none; width: 100% } .accordion-menu.cart-m>li>a::after, .accordion-menu.checkout-m>li>a::after { display: inline-block; background: url(/wcsstore/LensCraftersStorefrontAssetStore/mobile20/images/redesign/icons.png) -11px -137px no-repeat; background-size: 226px; width: 9px; height: 8px; margin-left: 6px } .accordion-menu.cart-m>li>a.expanded::after, .accordion-menu.checkout-m>li>a.expanded::after { background-position: -11px -129px } .accordion-menu.cart-m>li>ul>li, .accordion-menu.checkout-m>li>ul>li { font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #d5d5d5; padding: 6.5px 0 } .accordion-menu.in-page>li>a { padding: 13px 0 } .accordion-menu.in-page>li>a::after { display: inline-block; margin-left: 6px } .accordion-menu.in-page-full>li>a { display: block; color: #523f42; font-weight: 700; font-size: 18px; text-transform: uppercase; text-align: left; position: relative; padding: 26px 0 } .accordion-menu.in-page-full>li>a::after { float: right; margin-top: 6px } .accordion-menu.cart-d>li>a, .accordion-menu.checkout-d>li>a { position: relative; width: 100%; display: block } .accordion-menu.cart-d>li>a .price, .accordion-menu.checkout-d>li>a .price { padding-right: 20px } .accordion-menu.cart-d>li>a::after, .accordion-menu.checkout-d>li>a::after { position: absolute; top: 4px; right: 0 } .accordion-menu .accordion-header-link { position: absolute; top: 0; right: 30px; font-size: 16px; padding: 26px } .lc2-icon { background: url(../../assets/lc2_sprite.gif); display: inline-block; background-size: 500px; vertical-align: middle; float: left; margin-right: 13px; margin-left: 4px } .prescription-phone { background-position: -5px -5px; width: 18px; height: 33px; margin-top: -5px } .prescription-upload { background-position: -248px -64px; width: 17px; height: 22px } .prescription-doctor { background-position: -193px -64px; width: 22px; height: 25px } .print-icon-white, .shopCartIcon { position: relative; display: inline-block } .shopCartIcon::after { content: ""; background: url(../../assets/lc2_sprite.gif) -338px -51px; background-size: 400px; width: 16px; height: 16px; display: inline-block; margin-left: -6px; transform: scale(1.1) } .print-icon-white { vertical-align: middle; margin-right: 6.5px } .print-icon-white::after, .product-buttons .add-to-cart::before { content: ""; background: url(../../assets/lc2_sprite.gif) -373px -62px; background-size: 500px; width: 21px; height: 22px; display: block } .my-wishlist .right-side-info .product-buttons .delete-link { width: 100%; text-align: center; display: inline-block } .product-buttons a { height: auto; font-size: 13px; margin: 6.5px 0 } .product-buttons .add-to-cart::before { content: ''; display: inline-block; margin-right: 13px; vertical-align: middle; width: 20px; height: 20px; background-size: 480px; background-position: -382px -61px } #content_wrapper_box form.lc2 .input-container.error>span.required, #content_wrapper_box form.lc2 .radio.error>span.required, #content_wrapper_box form.lc2 .select_container.error>span.required, form.lc2 .input-container.error>span.required, form.lc2 .radio.error>span.required, form.lc2 .select_container.error>span.required { float: none; display: block } #content_wrapper_box form.lc2 .input-container, form.lc2 .input-container, #savedCreditCardFormContainer .input-container { display: inline-table; overflow: hidden; line-height: 1.6; position: relative } #content_wrapper_box form.lc2 .textarea-container, form.lc2 .textarea-container { display: inline-table; margin-right: 19px; overflow: hidden; line-height: 1.6; position: relative } #content_wrapper_box form.lc2 .select_container, form.lc2 .select_container { display: inline-table; overflow: hidden; line-height: 1.6 } #content_wrapper_box form.lc2 .input-container.small-input input[type=password], #content_wrapper_box form.lc2 .input-container.small-input input[type=text], #content_wrapper_box form.lc2 .input-container.small-input select, #content_wrapper_box form.lc2 .select_container.small-input input[type=password], #content_wrapper_box form.lc2 .select_container.small-input input[type=text], #content_wrapper_box form.lc2 .select_container.small-input select, #content_wrapper_box form.lc2 .textarea-container.small-input input[type=password], #content_wrapper_box form.lc2 .textarea-container.small-input input[type=text], #content_wrapper_box form.lc2 .textarea-container.small-input select, form.lc2 .input-container.small-input input[type=password], form.lc2 .input-container.small-input input[type=text], form.lc2 .input-container.small-input select, form.lc2 .select_container.small-input input[type=password], form.lc2 .select_container.small-input input[type=text], form.lc2 .select_container.small-input select, form.lc2 .textarea-container.small-input input[type=password], form.lc2 .textarea-container.small-input input[type=text], form.lc2 .textarea-container.small-input select { width: 107px } #content_wrapper_box form.lc2 .input-container label, #content_wrapper_box form.lc2 .select_container label, #content_wrapper_box form.lc2 .textarea-container label, .address_summary label, form.lc2 .input-container label, form.lc2 .select_container label, form.lc2 .textarea-container label, #stateOk, #savedCreditCardFormContainer .input-container label{ display: block; margin-top: 13px; font-family: FuturaBQBold; font-weight: 700; color: #3f2a2e; text-transform: capitalize; font-size: 14px; position: relative } #content_wrapper_box form.lc2 .input-container.error .selectBox-dropdown, #content_wrapper_box form.lc2 .input-container.error input[type=password], #content_wrapper_box form.lc2 .input-container.error input[type=tel], #content_wrapper_box form.lc2 .input-container.error input[type=text], #content_wrapper_box form.lc2 .input-container.error select, #content_wrapper_box form.lc2 .select_container.error .selectBox-dropdown, #content_wrapper_box form.lc2 .select_container.error input[type=password], #content_wrapper_box form.lc2 .select_container.error input[type=tel], #content_wrapper_box form.lc2 .select_container.error input[type=text], #content_wrapper_box form.lc2 .select_container.error select, #content_wrapper_box form.lc2 .textarea-container.error .selectBox-dropdown, #content_wrapper_box form.lc2 .textarea-container.error input[type=password], #content_wrapper_box form.lc2 .textarea-container.error input[type=text], #content_wrapper_box form.lc2 .textarea-container.error select, form.lc2 .input-container.error .selectBox-dropdown, form.lc2 .input-container.error input[type=password], form.lc2 .input-container.error input[type=tel], form.lc2 .input-container.error input[type=text], form.lc2 .input-container.error select, form.lc2 .select_container.error .selectBox-dropdown, form.lc2 .select_container.error input[type=password], form.lc2 .select_container.error input[type=tel], form.lc2 .select_container.error input[type=text], form.lc2 .select_container.error select, form.lc2 .textarea-container.error .selectBox-dropdown, form.lc2 .textarea-container.error input[type=password], form.lc2 .textarea-container.error input[type=text], form.lc2 .textarea-container.error select { border: 1px solid #ce0a2d; background: #fef2f4 } #content_wrapper_box form.lc2 .input-container.error .required, #content_wrapper_box form.lc2 .select_container.error .required, #content_wrapper_box form.lc2 .textarea-container.error .required, form.lc2 .input-container.error .required, form.lc2 .select_container.error .required, form.lc2 .textarea-container.error .required { float: none; font-style: normal } #content_wrapper_box form.lc2 .input-container.error .required::before, #content_wrapper_box form.lc2 .select_container.error .required::before, #content_wrapper_box form.lc2 .textarea-container.error .required::before, form.lc2 .input-container.error .required::before, form.lc2 .select_container.error .required::before, form.lc2 .textarea-container.error .required::before { font-style: normal; margin-right: 5px } #content_wrapper_box form.lc2 .input-container.success .selectBox-dropdown, #content_wrapper_box form.lc2 .input-container.success input[type=password], #content_wrapper_box form.lc2 .input-container.success input[type=tel], #content_wrapper_box form.lc2 .input-container.success input[type=text], #content_wrapper_box form.lc2 .select_container.success .selectBox-dropdown, #content_wrapper_box form.lc2 .select_container.success input[type=password], #content_wrapper_box form.lc2 .select_container.success input[type=tel], #content_wrapper_box form.lc2 .select_container.success input[type=text], #content_wrapper_box form.lc2 .textarea-container.success .selectBox-dropdown, #content_wrapper_box form.lc2 .textarea-container.success input[type=password], #content_wrapper_box form.lc2 .textarea-container.success input[type=text], form.lc2 .input-container.success .selectBox-dropdown, form.lc2 .input-container.success input[type=password], form.lc2 .input-container.success input[type=tel], form.lc2 .input-container.success input[type=text], form.lc2 .select_container.success .selectBox-dropdown, form.lc2 .select_container.success input[type=password], form.lc2 .select_container.success input[type=tel], form.lc2 .select_container.success input[type=text], form.lc2 .textarea-container.success .selectBox-dropdown, form.lc2 .textarea-container.success input[type=password], form.lc2 .textarea-container.success input[type=text] { border: 1px solid #00a651; background: #f3fff9 } #content_wrapper_box form.lc2 .input-container.success::after, #content_wrapper_box form.lc2 .select_container.success::after, #content_wrapper_box form.lc2 .textarea-container.success::after, form.lc2 .input-container.success::after, form.lc2 .select_container.success::after, form.lc2 .textarea-container.success::after { width: 19px; height: 18px; background-position: -170px -64px } #content_wrapper_box form.lc2 .input-container.success .valid, #content_wrapper_box form.lc2 .select_container.success .valid, #content_wrapper_box form.lc2 .textarea-container.success .valid, form.lc2 .input-container.success .valid, form.lc2 .select_container.success .valid, form.lc2 .textarea-container.success .valid { color: #00a651; font-size: 12px; margin: 3px 0 5px 2px } #content_wrapper_box form.lc2 .input-container.success .valid::before, #content_wrapper_box form.lc2 .select_container.success .valid::before, #content_wrapper_box form.lc2 .textarea-container.success .valid::before, form.lc2 .input-container.success .valid::before, form.lc2 .select_container.success .valid::before, form.lc2 .textarea-container.success .valid::before { content: ''; background: url(../../assets/lc2_sprite.gif) -120px -315px; background-size: 500px; margin-right: 5px; width: 11px; height: 9px; display: inline-block } #content_wrapper_box form.lc2 input[type=email], #content_wrapper_box form.lc2 input[type=number], #content_wrapper_box form.lc2 input[type=password], #content_wrapper_box form.lc2 input[type=tel], #content_wrapper_box form.lc2 input[type=text], #content_wrapper_box form.lc2 textarea, .address_summary .view-address, .summary-view-address, form.lc2 input[type=email], form.lc2 input[type=password], form.lc2 input[type=tel], form.lc2 input[type=text], form.lc2 textarea { background: #f7f6f7; border: 1px solid #d5d5d5; border-radius: 5px; color: #523f42 } .address_summary .view-address, .summary-view-address { width: 295px; margin-top: 6px; font-size: 14px; padding: 10px 7px } #content_wrapper_box form.lc2 input[type=email]::-webkit-input-placeholder, #content_wrapper_box form.lc2 input[type=password]::-webkit-input-placeholder, #content_wrapper_box form.lc2 input[type=tel]::-webkit-input-placeholder, #content_wrapper_box form.lc2 input[type=text]::-webkit-input-placeholder, #content_wrapper_box form.lc2 textarea::-webkit-input-placeholder, form.lc2 input[type=email]::-webkit-input-placeholder, form.lc2 input[type=password]::-webkit-input-placeholder, form.lc2 input[type=tel]::-webkit-input-placeholder, form.lc2 input[type=text]::-webkit-input-placeholder, form.lc2 textarea::-webkit-input-placeholder { color: #523f42; opacity: .5 } #content_wrapper_box form.lc2 input[type=email]:focus, #content_wrapper_box form.lc2 input[type=password]:focus, #content_wrapper_box form.lc2 input[type=tel]:focus, #content_wrapper_box form.lc2 input[type=text]:focus, #content_wrapper_box form.lc2 textarea:focus, form.lc2 input[type=email]:focus, form.lc2 input[type=password]:focus, form.lc2 input[type=tel]:focus, form.lc2 input[type=text]:focus, form.lc2 textarea:focus { outline-width: 0; border: 1px solid #786f70 } #content_wrapper_box form.lc2 .card-number input[type=text], #content_wrapper_box form.lc2 .three-input input[type=text], form.lc2 .card-number input[type=text], form.lc2 .three-input input[type=text] { text-align: center; width: 54px; margin-right: 17px } #content_wrapper_box form.lc2 .card-number input[type=tel] { margin-right: 9px; text-align: left } #content_wrapper_box form.lc2 .small-input input[type=tel], form.lc2 .card-number input[type=number], form.lc2 .small-input input[type=number], form.lc2 .three-input input[type=number] { width: 44px; margin-right: 9px; text-align: left } .card-number input[type=tel] { width: 60px!important } #content_wrapper_box form.lc2 .select_container .selectBox-dropdown, form.lc2 .select_container .selectBox-dropdown { color: #a9a9a9; background: #f7f6f7; margin-top: 6px; cursor: pointer; border: 1px solid #d5d5d5; border-radius: 6px; font-size: 13px; font-style: normal; padding: 6px } #content_wrapper_box form.lc2 .select_container .selectBox-dropdown:focus, form.lc2 .select_container .selectBox-dropdown:focus { color: #786f70; border: 1px solid #786f70 } #content_wrapper_box form.lc2 .select_container .selectBox-dropdown::after, form.lc2 .select_container .selectBox-dropdown::after { content: ''; position: absolute; bottom: 14px; right: 9px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #706365 } #content_wrapper_box form.lc2 .select_container .selectBox-active, form.lc2 .select_container .selectBox-active { border: 1px solid #786f70!important } #content_wrapper_box form.lc2 .select_container select, form.lc2 .select_container select { cursor: pointer; width: 100%; background-color: #f7f6f7; border: 1px solid #d5d5d5; color: #786f70; margin: 6px 0 0; padding: 20px 10px 15px; } #content_wrapper_box form.lc2 .select_container select.drop_down_checkout, form.lc2 .select_container select.drop_down_checkout { visibility: visible; height: auto; display: block!important; position: static; bottom: 0 } select.drop_down_checkout.noshow { visibility: hidden!important } #content_wrapper_box form.lc2 .select_container::after, form.lc2 .select_container::after { display: none; bottom: 27px } #content_wrapper_box form.lc2 .label_check, form.lc2 .label_check, #savedCreditCardFormContainer .label_check { display: block; position: relative; width: auto; background: 0 0; font-weight: 700; margin: 13px 0 } #content_wrapper_box form.lc2 .label_check input[type=checkbox], form.lc2 .label_check input[type=checkbox] { position: absolute; left: 0; top: -3px; opacity: 0; margin: 0 } #content_wrapper_box form.lc2 .label_check input[type=checkbox]+span, form.lc2 .label_check input[type=checkbox]+span, #savedCreditCardFormContainer .label_check input[type=checkbox]+span{ display: inline-block; line-height: 23px; margin: 0 0 0 30px } #content_wrapper_box form.lc2 .label_check input[type=checkbox]+span::before, .useSamePrescriptionDiv.otherItem .label_check input[type=checkbox]+span::before, form.lc2 .label_check input[type=checkbox]+span::before { content: ''; position: absolute; top: 0; left: 0; background: url(../../assets/lc2_sprite.gif) -91px -48px; background-size: 400px; width: 23px; height: 23px; visibility: visible } #content_wrapper_box form.lc2 .label_check input[type=checkbox]:checked+span::before, .useSamePrescriptionDiv.otherItem .label_check input[type=checkbox]:checked+span::before, form.lc2 .label_check input[type=checkbox]:checked+span::before { background: url(../../assets/lc2_sprite.gif) -112px -48px; background-size: 400px; width: 23px; height: 23px } #content_wrapper_box form.lc2 .label_radio, form.lc2 .label_radio { position: relative; width: 100%; line-height: 23px } #content_wrapper_box form.lc2 .label_radio input[type=radio]:checked+span:before, form.lc2 .label_radio input[type=radio]:checked+span:before { content: ''; background: url(../../assets/lc2_sprite.gif) -89px -64px; background-size: 500px } #content_wrapper_box form.lc2 .label_radio span, form.lc2 .label_radio span { font-weight: 400; cursor: pointer } #content_wrapper_box form.lc2 .label_radio>span:before, form.lc2 .label_radio>span:before { content: ''; background: url(../../assets/lc2_sprite.gif) -62px -64px; background-size: 500px; width: 23px; height: 23px; float: left; margin: 0 10px 0 0 } #content_wrapper_box form.lc2 .promo-field .label_input, form.lc2 .promo-field .label_input { text-transform: none; margin-bottom: 5px; display: block; position: relative } #content_wrapper_box form.lc2 .promo-field .promotionCodeFailureResponse, form.lc2 .promo-field .promotionCodeFailureResponse { color: #e72; padding: 13px 0 0 } #content_wrapper_box form.lc2 .promo-field .removePromotionCode, form.lc2 .promo-field .removePromotionCode { display: inline-block; color: #3f2a2e; font-family: FuturaBQBook, Arial, Helvetica, sans-serif!important; font-size: 15px; margin-left: 20px } #content_wrapper_box form.lc2 .promo-field input[type=text], form.lc2 .promo-field input[type=text] { width: calc(100% - 100px); box-sizing: border-box; padding: 10px } #content_wrapper_box form.lc2 .promo-field input[type=submit].new-style-button, form.lc2 .promo-field input[type=submit].new-style-button { font-size: 12px; border-radius: 5px; width: 83px; margin-left: 10px; float: right; padding: 14px } #content_wrapper_box form.lc2 .promo-field .success::after, form.lc2 .promo-field .success::after { left: 103px } .pdp-container h1 .brand-name { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; display: block; line-height: 29px; font-size: 20px } .pdp-container h1 .description-name { font-family: FuturaBQBook, Arial, Helvetica, sans-serif; display: block; line-height: normal; font-size: 16px; letter-spacing: .6px; font-weight: 600; color: #5a5a5a; margin: 8px 0 10px } .pdp-container h1 span+span { font-family: FuturaBQBook, Arial, Helvetica, sans-serif; font-weight: 400 } .pdp-container .pdp-main-info { overflow: visible; padding: 13px; } .pdp-container .brand-img { margin-bottom: 13px; } .pdp-container .change-colors-views { float: none; display: block; margin: 0; } .pdp-container .change-colors-views p span { color: #523f42; float: none; margin: 0 } .pdp-container .price-holder { display: inline-block; margin: 6.5px 6.5px 0 0 } .pdp-container .price-holder .price { color: #523f42; font-size: 18px } .pdp-container .pdp-main-info.product { padding-top: 25px } .pdp-container .product { position: relative; padding: 0 20px } .pdp-container .product .left-arrow, .pdp-container .product .right-arrow { background: url(../../assets/lc2_sprite.gif) no-repeat; background-size: 500px; position: absolute; top: 74px; width: 25px; height: 25px; z-index: 2; cursor: pointer } .pdp-container .product .left-arrow { left: 13px; background-position: -5px -64px } .pdp-container .product .right-arrow { right: 13px; background-position: -34px -64px } .pdp-container .pdp-item-options { width: 235px; float: right; position: relative; background: #fff; padding: 9px 6.5px 6.5px } .pdp-container .pdp-item-options ul>li { border-bottom: 1px solid #d5d5d5; padding-bottom: 6.5px; margin-bottom: 6.5px } .pdp-container .pdp-item-options ul>li:last-of-type { border-bottom: 0; padding-bottom: 0 } .pdp-container .pdp-item-options ul>li .st-button { width: 100%; margin: 13px 0 6.5px } .pdp-container .pdp-item-options ul>li .st-button-base { line-height: 1.6 } .pdp-container .add-to-cart::before, .pdp-container .select-edit-lens::before { content: ''; position: absolute; background: url(../../assets/lc2_sprite.gif) } .pdp-container .select-edit-lens { line-height: 2.7 } .pdp-container .select-edit-lens::before { left: 28px; top: calc(50% - 7.5px); width: 15px; height: 15px; background-size: 500px; background-position: -171px -113px } .pdp-container .grandTotal { overflow: auto; padding: 25px 0 } .pdp-container .grandTotal .main-total { float: right; font-family: futuraBQBook; font-weight: 700; letter-spacing: .6px; font-size: 18px; color: #5a5a5a; text-transform: capitalize } .pdp-container .grandTotal .site-spinner { float: right; color: #333333; } .pdp-container .grandTotal .subtotal { float: right; font-family: futuraBQBold; font-size: 18px; letter-spacing: .5px; color: #333; margin-left: 5px } .pdp-container .grandTotal .striked { margin-left: 10px; text-decoration: line-through; } .pdp-container .grandTotal .bf-subtotal-price { font-family: FuturaBQMedium; color: #CF0A2C; } .pdp-container .frame-section span.frame-value, .pdp-container .lens-section span.lens-value { font-weight: 700; float: right; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-size: 14px; padding: 0 } .pdp-container .addons-section .title, .pdp-container .frame-section .title, .pdp-container .lens-section .title { display: inline-block; text-transform: uppercase } .pdp-container .addons-section .title { width: 85% } .pdp-container .addons-section .title::after { content: ""; position: absolute; bottom: .2em; margin-left: .5em; width: 68%; border-bottom: 1px dashed #999 } .pdp-container .frame-section .icon, .pdp-container .lens-section .icon { background: url(../../assets/lc2_sprite.gif); display: inline-block; float: none } .pdp-container .frame-section .icon { background-position: -8px -174px; width: 41px; height: 15px; background-size: 770px; vertical-align: sub } .pdp-container .lens-section .icon { background-position: -36px -123px; width: 24px; height: 15px; background-size: 540px; vertical-align: sub } .pdp-container .social_facebook_container_like_productpage_width { font-size: 12px; line-height: 2.6; padding-left: 13px; letter-spacing: .7px } .pdp-container .select-lens-error-message { text-align: center; min-width: 100%; text-transform: none; font-size: 12px; color: #ce0a2d } .pdp-container .frame-dimensions td, .pdp-container .frame-dimensions th { color: #523f42; padding: 0 26px 6.5px 0 } #myAccount #right.redesign2017 .big-container #purchaseSyncDashboard, .pdp-container .frame-dimensions .dimensions-table { margin-top: 0 } .pdp-container .frame-dimensions .bridge, .pdp-container .frame-dimensions .lens-width, .pdp-container .frame-dimensions .temple { background: url(../../assets/frame-dimensions.gif) no-repeat; width: 82px; height: 44px; display: block; background-size: 277px } .pdp-container .frame-dimensions .bridge, .pdp-container .frame-dimensions .temple { width: 81px; background-position: -91px 0 } .pdp-container .frame-dimensions .temple { width: 99px; background-position: -180px 0 } .pdp-container .more_info { display: block; padding: 26px } .pdp-container .dimension-value td { text-align: center; font-size: 35px; font-weight: 700 } .pdp-container .label-value td { color: #3f2a2e; text-transform: capitalize; font-family: FuturaBQBook; font-size: 14px } .pdp-container .disclaimer-pdp { text-align: left; font-size: 12px } .pdp-item-info { margin-top: 52px; padding: 52px 0 } .pdp-item-info .general-description-container { width: 680px; padding-right: 305px; padding-bottom: 6.5px; padding-top: 6.5px; margin: 0 auto 36px } .pdp-item-info .description-container { background: #f7f6f7; padding: 6.5px 0 } .pdp-item-info .pdp-item-brand-details { margin: 13px auto 26px } .pdp-item-info .pdp-item-brand-details .frame_details { font-weight: 700; font-size: 14px; color: #523f42; width: 40.3% } .pdp-item-info .frame_details h3 { margin-bottom: 6.5px; padding-bottom: 6.5px } .pdp-item-info .frame_details div { border-bottom: 1px solid #d5d5d5; text-align: right; margin: 0 0 13px; padding: 0 0 13px } .pdp-item-info .frame_details .read_more { margin-right: 13px } .pdp-item-info .pdp-container .pdp-fitting-sizing .face-shapes-list { margin-bottom: 6.5px; text-align: right } .pdp-item-info .pdp-container .pdp-fitting-sizing .face-shapes-list li { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 3px } .pdp-item-info .pdp-container .pdp-fitting-sizing .face-shapes-list li::before { background-size: 38px; height: 34px; width: 38px; margin: 0 auto 3px } .lens-selection-modal { display: none; height: auto; width: 1040px; line-height: 1.6; top: 26px; text-align: center; left: calc(50% - 520px) } .lens-selection-modal.ui-dialog { border-radius: 0; box-shadow: 0 0; border: 1px solid #d5d5d5; padding: 0 } .lens-selection-modal hr { border-color: #d5d5d5; border-style: solid } .lens-selection-modal h2 { font-size: 18px; letter-spacing: .5px; margin-top: 6.5px } .lens-selection-modal .lens-color-with-add-ons .header-wrapper { border-bottom: 2px solid #d5d5d5 } .lens-selection-modal .header-wrapper { background-color: #f7f6f7; padding: 52px 0 13px } .lens-selection-modal .header-wrapper a { line-height: 1.6; display: inline-block; font-family: FuturaBQBold; text-decoration: underline; font-size: 17px; letter-spacing: .7px; padding: 26px 0 6.5px } .lens-selection-modal .ui-dialog-titlebar-close { position: absolute; top: 26px; right: 26px; color: #ce0a2d; font-weight: 700 } .lens-selection-modal .ui-dialog-titlebar-close::before { content: 'X'; margin-right: 3px; vertical-align: middle } .lens-selection-modal .price span { font-weight: 700; float: right } #lens-selection-area-2 img { max-width: 90% } .tab-panes { width: 100%; margin: 26px 0 } .lens-container .modal-description { display: none; margin: 26px 13px; padding: 0 100px } .lens-container>ul { font-weight: 700; text-transform: uppercase; text-align: center; display: flex; -ms-flex-pack: center; border-bottom: 0; background-color: #d5d5d5 } .lens-container>ul li { background-color: #d5d5d5; border-top: 1px solid #d5d5d5; display: inherit } .lens-container>ul li:last-of-type { border-right: 1px solid #d5d5d5 } .lens-color-actual>ul li a, .lens-container>ul li a { display: block; color: #3f2a2e; font-size: 16px; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; padding: 13px 28px } .select-lens-type { position: relative; margin-top: 5px!important; width: auto; border: 1px solid #d5d5d5; text-align: left; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 12px; padding: 0 20px 15px } .select-lens-type.active .st-button { background-color: #00a651 } .select-lens-type div .select-lens-type-price, .select-lens-type h4 { font-size: 15px; font-weight: 700 } .select-lens-type h4 { font-family: FuturaBQBold; color: #1f1f1f; text-transform: uppercase; padding: 6.5px 0 } .select-lens-type ul.long-description { font-family: FuturaBQMedium; font-size: 15px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #1f1f1f } .select-lens-type ul.long-description ul { margin-top: 15px } .select-lens-type li { line-height: 1.6!important; font-size: 15px; font-family: FuturaBQBook; font-weight: 400; letter-spacing: normal; color: #5a5a5a } .select-lens-type li::before { content: '-'; margin-right: 6px } .label_check input, .label_radio input, .select-lens-type input[type=radio] { position: absolute; left: -9999px } .lens-options-row { padding-bottom: 6.5px; border-bottom: 1px solid #d5d5d5; margin: 6.5px 0 } .lens-option-thumbnail { max-width: 50px; align-self: center } .add-ons .lens-container, .lens-color-default { display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 13px } .add-ons .lens-container>div { width: 313px; margin: 13px } .lens-color-actual>div .label_radio, .lens-color-default>div .label_radio { font-size: 16px; width: 100%!important; text-transform: capitalize; text-align: center; font-family: FuturaBQBook; font-weight: 700 } .lens-color-actual>div .label_radio span, .lens-color-default>div .label_radio span { font-weight: 700!important } .add-ons .lens-container>div .add-ons-image { border: 1px solid #d5d5d5; height: 156px; position: relative } .add-ons .lens-container>div .add-ons-image img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) } .add-ons .lens-container .description { line-height: 1.9; padding-bottom: 6.5px; padding-left: 31px } .add-ons .lens-container .lens-price { padding-left: 31px } .modal-nav { background-color: #f7f6f7; border-top: 2px solid #d5d5d5; padding: 13px } .checkout-wrapper-header { width: 1040px; text-align: center; margin: 0 auto 52px } .checkout-wrapper-steps { width: 1040px; display: flex; -ms-flex-align: start; align-items: flex-start; margin: 0 auto 52px } .checkout-step-header { margin-bottom: 13px; /* border-bottom: 1px solid #d5d5d5 */ } .checkout-steps { width: 100%; text-align: center; background-color: #fff; margin-top: -10px; margin-bottom: 40px } .checkout-steps h1 { font-size: 23px; margin-bottom: 20px } .checkout-steps h1:before { content: ''; background: url(../images/sprites/newCheckSprite.png) -138px; background-size: auto; width: 18px; height: 20px; position: absolute; color: #000; margin-left: -28px; margin-top: 6px } .checkout-steps ul { height: 35px; list-style-type: none; counter-reset: count; border-bottom: 1px solid #d6d6d6; display: flex; text-transform: capitalize; padding: 0; } .checkout-steps li { font-family: FuturaBQBook, Arial, Helvetica, sans-serif; display: inline-block; position: relative; width: 25%; font-size: 14px; color: #5b4a4d; flex-grow: 1 } .checkout-steps li.checked { color: #4d8eca } .checkout-steps li.checked:after { background-color: #5b4a4d; border: 2px solid #5b4a4d; color: #fff } .checkout-steps li:after { content: counter(count); counter-increment: count; position: absolute; top: 20px; left: calc(50% - 15px); background-color: #f8f8f6; border: 1px solid #d6d6d6; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; color: #d6d6d6; font-weight: 700; } .checkout-wrapper-content { border: 1px solid #d5d5d5; min-height: 400px; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; padding: 26px } .checkout-step-2 #content_wrapper, .checkout-wrapper-content>div { width: 705px } .checkout-wrapper-content.container-step-5 { width: 100%; border: 0; padding: 0 } .right-nav .product-details { padding-left: 8px; width: 90% } .page-container.checkout { padding-bottom: 26px; margin-bottom: 20px; margin-top: 35px; } .pupillary-modal .accordion-menu { width: 422px } .checkout-step-1 form.lc2 .label_check.blue { float: left; margin: 13px 13px 13px 0 } .pup-wrapper { padding-top: 13px } .checkout-container { clear: both; border-top: 1px solid #d5d5d5; margin-top: 26px; padding-top: 26px } .checkout-container .radio { display: flex; flex-flow: column; position: relative; justify-content: space-between; margin: 26px 0 } .upload-prescription-form { display: inline-block; padding: 0 0 13px } .upload-prescription-form .upload-prescription { width: 270px; clear: both; float: left; margin: 0 0 16px } .upload-prescription-form a.delete-link { display: inline-block; float: right; font-size: 13px; margin: 0 } .upload-prescription-form .file-uploaded { font-size: 13px; color: #00a651; font-weight: 700; margin: 0 0 6.5px } .upload-prescription-form .delete-link { padding-left: 26px; display: flex; -ms-flex-pack: end; justify-content: flex-end } .upload-prescription-form .file-uploaded::before { content: ""; background: url(../../assets/lc2_sprite.gif) -154px -114px; width: 15px; height: 16px; background-size: 500px; display: inline-block; margin-right: 6.5px; vertical-align: sub } .checkout_wrapper h3 { padding: 13px 0 6.5px } .checkout-wrapper .prescription-uploaded { color: #00a651; font-weight: 700; font-size: 14px; margin-bottom: 15px } .checkout-wrapper .prescription-uploaded::before, .prescription-notuploaded::before { content: ""; width: 11px; height: 10px; background-size: 500px; display: inline-block; margin-right: 2px } .checkout-wrapper .prescription-uploaded::before { background: url(../../assets/lc2_sprite.gif) -120px -114px } .prescription-notuploaded { color: #ff002c!important; font-weight: 700; font-size: 10px!important } .prescription-notuploaded::before { background: url(../assets/lc2_sprite.gif) -137px -114px } .prescription-radio { margin: 6.5px 0 26px 26px } .radio-title label { text-transform: uppercase; font-size: 16px } .radio-title label:first-of-type { border-bottom: 1px solid #d5d5d5; padding-bottom: 13px } .checkout-step-2 .sign_in { font-family: FuturaBQBook; overflow: auto; text-align: right; font-size: 16px; margin: 0 17px 15px 0 } .checkout-step-2 .sign_in a { text-decoration: none; font-family: FuturaBQBook; font-weight: 400; font-size: 16px } .checkout-step-2 .sign_in a:after { content: ''; background: url(../images/sprites/newCheckSprite.png) -12px 29px; background-size: auto; width: 18px; height: 20px; position: absolute; color: #000; margin-left: 5px } .billing_address { border-bottom: 1px solid #d5d5d5; margin-bottom: 26px } .address-validation-area, .shipping_method { border-top: 1px solid #d5d5d5; margin-top: 26px; border-bottom: 1px solid #d5d5d5; margin-bottom: 13px; padding: 13px 0 } .shipping_address p { width: 400px } label[for=expire_year_1] { font-size: 0!important; margin-bottom: 12px } .select_container.cardInfo>div { display: inline-table } .security-code-img { background-image: url(../../assets/cards/CVCcode_new.png); width: 55px; height: 40px; float: right; background-repeat: no-repeat; background-size: 55px } .cc-cvc .accordion-menu.in-page>li>ul.example { float: right; position: relative; top: -10px; right: -60px; padding: 0 } .card-images .mastercard { background-image: url(../../assets/cards/CreditCard_Icons_Mastercard.jpg) } .card-images .visa { background-image: url(../../assets/cards/CreditCard_Icons_Visa.jpg) } .card-images .amex { background-image: url(../../assets/cards/CreditCard_Icons_AmericanExpress.jpg) } .card-images .discover { background-image: url(../../assets/cards/CreditCard_Icons_Discover.jpg) } .card-images .jcb { background-image: url(../../assets/cards/CreditCard_Icons_JCB.jpg) } .card-images>span { display: none; height: 93px; width: 130px; text-indent: -999999px; background-size: 130px; background-position: 0 0; } .checkout-step-4 .accordion-menu p { display: inline-block; padding-right: 13px; padding-bottom: 13px; font-size: 13px; font-weight: 700 } .checkout-step-4 .accordion-menu p>span { font-size: 14px; font-weight: 400; display: block } .checkout-step-4 .accordion-menu .uploaded-file:before { content: ""; background: url(../../assets/lc2_sprite.gif) -120px -114px; width: 11px; height: 10px; background-size: 500px; display: inline-block; margin-right: 6.5px } .checkout-step-4 .step-footer { border: 0; margin: 0 } .register-sign-form { color: #3f2a2e; margin: 52px 0 0 } #eyeExamSigninLink, #labelcheck1, #labelcheck2, .register-sign-form p { font-size: 18px; font-family: FuturaBQBook } div.sign-in a, div.sign-in p { font-size: 16px!important } /* .register-sign-form .input-container label, h3 { font-size: 18px!important; font-family: FuturaBQBold!important; text-transform: uppercase } */ .checkout-step-5 h3 { font-size: 21px; text-align: center } #success-lc { background-color: #a39995; top: 50px } .checkout-step-5 .sign-in .subtitle, .checkout-step-5 form.lc2 .subtitle { text-align: center; margin-bottom: 13px } .checkout-step-5 .sign-in .input-container.password-input, .checkout-step-5 .sign-in .input-container.password-input input, .checkout-step-5 form.lc2 .input-container.password-input, .checkout-step-5 form.lc2 .input-container.password-input input { width: 210px } .checkout-step-5 .sign-in .checkbox, .checkout-step-5 form.lc2 .checkbox { margin: 26px 0 } .history-detail form.lc2 { margin: 10px 0 } .checkout-step-5 .sign-in .create-account, .checkout-step-5 form.lc2 .create-account { width: 200px; position: absolute; top: 36px; right: 0 } .checkout-step-5 .sign-in { font-size: 13px; text-align: center } .checkout-step-5 .sign-in a { text-decoration: none; text-transform: uppercase; letter-spacing: .5px } .congrats-wcs .link, .required-text { text-transform: uppercase; font-weight: 700 } .whats-next { text-align: center; margin: 52px 0 } .whats-next img { width: 100%; margin: 52px 0 } .congrats-container { position: relative; width: 100%; height: 360px; background-color: #f7f6f7 } .congrats-espot { position: static; width: 100%; height: 360px; margin: 26px 0 } .congrats-espot::after { display: block; content: ""; clear: both } .congrats-espot img { float: right; height: 360px } .congrats-espot h1 { color: #00a651; font-size: 32px; padding: 80px 110px } .congrats-wcs { position: absolute; box-sizing: border-box; width: 100%; height: 343px; padding: 128px 0 0 110px } .pw-submit, .step-footer { margin-top: 13px; display: flex; -ms-flex-pack: justify; justify-content: space-between } .pw-submit { -ms-flex-align: center; align-items: center; line-height: 3; -ms-flex-direction: column; flex-direction: column } .step-footer { margin-bottom: 13px; clear: both; position: relative; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .step-footer .st-button.st-button-outline { width: 93px } .step-footer .st-button.review { border: 1px solid #4d8eca; background: #fff; color: #4d8eca } .step-footer .st-button.st-button-outline.footer-back-btn { border: 0; float: left; font-weight: 600; } .step-footer .delete-link { float: right; line-height: 46px; margin-top: 13px; padding: 0 13px } .step-footer .st-button.submit { border: 0; float: right } .step-footer-submit { display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-align: center; align-items: center } .back-warning { overflow: hidden; padding: 0 } .back-warning h2 { font-size: 21px } .back-warning>div { line-height: 1.6; text-align: center } .back-warning .st-button { width: 120px; margin: 0 13px } .back-warning .warning-buttons { float: none; padding: 6.5px 0 } .cart-sections-container { width: 1040px; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; margin: 0 auto } .cart-items-list-container { border: 1px solid #d5d5d5; position: relative; margin-bottom: 46px; padding: 26px } .cart-items-list-container .remove-all { position: absolute; bottom: -32px; right: 32px } .cart-items-container { width: 100%; height: fit-content; position: relative; } .right-nav .styled-link { width: 100%; text-align: center; display: inline-block; padding: 13px 0 } #header_links .mini-shop-cart { border-left: 1px solid #ccc; padding: 12px 13px 14px } .header-myaccount { width: 287px!important } .tah-quantity { display: block; position: absolute; top: -10px; left: 50%; background-color: #326fa8; color: #fff; font-size: 12px; width: 19px; height: 19px; line-height: 19px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-style: normal } #ShoppingCart a.st-button-orange, #checkoutContent button.st-button-orange { background-color: #cf0a2c; border-radius: unset; font-family: FuturaBQMedium, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; } #shopcartCheckout:before { content: ''; background: url(../../images/secure-lock.png) no-repeat; background-size: auto; width: 18px; height: 20px; position: absolute; color: #000; margin-left: -35px; margin-top: 13px } #ShoppingCart.thank-you-page .confirmationPage .submit.go-to-the-next-step { background-color: #326fa8 } .order_total { font-weight: 700; -ms-flex-pack: justify; justify-content: space-between; text-transform: none; padding: 0 } .order_total .estimated-cost { font-size: 23px; font-family: FuturaBQMedium, Arial, Helvetica, sans-serif; margin-left: -30px; } .cart-item-info { -ms-flex-item-align: start; align-self: flex-start; width: 100%; margin: 0 } .editPrescriptionsLink a { display: block; font-size: 13px; margin: 13px 0 } .lc2 .promo-field { border-bottom: 1px solid #d5d5d5; padding: 26px 0 } .remove-cart-item { display: block; text-align: center; font-weight: 700; color: #ce0a2d; width: 100%; padding: 26px } body { font-family: Verdana, Arial, Helvetica, sans-serif; color: #3f2a2e; } #content_wrapper_box form.lc2, form.lc2, li, p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px } h1, h2, h3, h4, p { line-height: 1.6; color: #523f42; } .screenreader-only { left: -9999px; position: absolute } .required-star { color: #f4791f!important; font-size: 14px } .cart-order-data>div, .checkout-order-total>div { padding: 26px 6.5px } .cart-order-data .total_details, .checkout-order-total .total_details { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase } .cart-order-data .total_figures, .checkout-order-total .total_figures { display: block; padding: 6.5px 6.5px 0 } .redesign2017 .lc-loader.step-footer-loader { position: absolute; bottom: 16px; right: 0 } #content_wrapper_box form.lc2, form.lc2 { overflow: visible; padding: 0 } #content_wrapper_box form.lc2 input[type=email], #content_wrapper_box form.lc2 input[type=number], #content_wrapper_box form.lc2 input[type=password], #content_wrapper_box form.lc2 input[type=text], #content_wrapper_box form.lc2 textarea, form.lc2 input[type=email], form.lc2 input[type=password], form.lc2 input[type=text], form.lc2 textarea { width: 100%; font-size: 16px; margin: 6.5px 0 0; padding: 16px 6px } #content_wrapper_box form.lc2 input[type=tel], form.lc2 input[type=tel] { font-size: 16px; text-align: left!important; margin: 6.5px 0 0; padding: 16px 6px } form.lc2 input[name=payment_card_1] { width: 100%!important; } #content_wrapper_box form.lc2 .select_container.cardInfo>div::before, #content_wrapper_box form.lc2 .select_container::before, form.lc2 .select_container.cardInfo>div::before, form.lc2 .select_container::before { content: ''; position: absolute; top: 67px; right: 14px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #706365 } #content_wrapper_box form.lc2 .select_container.cardInfo>div, form.lc2 .select_container.cardInfo>div { position: relative; width: calc(50% - 6.5px); margin-right: 6.5px; } #content_wrapper_box form.lc2 .select_container.cardInfo>div::before, form.lc2 .select_container.cardInfo>div::before { top: 60px; right: 9px } #content_wrapper_box form.lc2 .three-input input[type=tel], form.lc2 .three-input input[type=tel] { width: 53px; margin-right: 17px } #content_wrapper_box form.lc2 .input-container, #content_wrapper_box form.lc2 .select_container, form.lc2 .input-container, form.lc2 .select_container, #savedCreditCardFormContainer .select_container { width: 100%; margin: 6.5px 0 0 } #content_wrapper_box form.lc2 .input-container.select-small, #content_wrapper_box form.lc2 .input-container.small-input, #content_wrapper_box form.lc2 .select_container.select-small, #content_wrapper_box form.lc2 .select_container.small-input, form.lc2 .input-container.select-small, form.lc2 .input-container.small-input, form.lc2 .select_container.select-small, form.lc2 .select_container.small-input { width: calc(50% - 10px); margin: 6px 6px 0 0 } #content_wrapper_box form.lc2 .input-container.error::after, #content_wrapper_box form.lc2 .input-container.success::after, form.lc2 .input-container.error::after, form.lc2 .input-container.small-input.error::after, form.lc2 .input-container.small-input.success::after, form.lc2 .input-container.success::after { top: 55px } #content_wrapper_box form.lc2 .input-container.small-input .datepicker.datepicker, form.lc2 .input-container.small-input .datepicker.datepicker { width: 70%; margin-right: 4px } #content_wrapper_box form.lc2 .select_container.selectState, form.lc2 .select_container.selectState { width: calc(50% - 16px); margin: 6.5px 13px 0 0 } #content_wrapper_box form.lc2 label[for=dontneed] p { margin-left: 32px!important; text-transform: none!important } #basicInformationFormDiv .fe-row .select_container { width: 30%!important; margin-right: 2%!important; display: inline-block; position: relative } #basicInformationFormDiv .fe-row .select_container::before { content: ''; position: absolute; top: 30px; right: 14px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #706365 } #basicInformationFormDiv .fe-row .select_container select { width: 100%; background-color: #f7f6f7; border: 1px solid #d5d5d5; margin-top: 6px; color: #786f70 } #basicInformationFormDiv .fe-row .select_container select[name^=birth_] { padding: 20px 10px 15px } #basicInformationFormDiv .fe-row label { display: block; margin-top: 18px; font-family: Verdana, Arial, sans-serif; font-weight: 700; color: #523f42; position: relative; font-size: 13px } .accordion-menu-select-lens>li>a { outline: 0; display: block } .accordion-menu-select-lens>li>a::after { content: ""; background: url(../../assets/lc2_sprite.gif) -189px -112px; background-size: 500px; width: 14px; height: 10px; position: absolute; right: 15px; top: calc(50% - 5px) } .accordion-menu-select-lens>li>a.expanded::after { background-position: -208px -112px } .history-table table.dataTable { width: 100%!important; font-size: 12px } .history-table table.dataTable th { width: auto!important } .history-table table.dataTable thead .sorting, .history-table table.dataTable thead .sorting_asc, .history-table table.dataTable thead .sorting_desc { background-size: 13px } .catalog-item .price { float: none; padding-left: 3px; font-size: 15px!important; /*top: 293px;*/ right: 10px } .catalog-item .st-button.find-store { line-height: 46px } .checkout-wrapper ul.accordion-menu.in-page.in-page-full li>a { font-size: 13px; padding: 26px 0 } .progress-sticky { top: 50px; left: 0; position: fixed; width: 100%; z-index: 8000 } .progress-sticky-complete.checkout-steps { margin-top: 0; padding-top: 15px; border-top: 1px solid #d6d6d6 } .checkout-steps p { text-align: left; line-height: 24px; padding: 0 0 26px } .checkout-steps p span { float: right; font-size: 24px } .checkout-steps li a { font-size: 12px!important } a.st-button.st-button-outline { margin: 13px 13px 0 0 } .pup-cart { clear: both; display: block } a.pup-distance { margin-bottom: 26px; display: inline-block; font-weight: 700 } .rx-fields .pd-select-one { display: block; margin-bottom: 26px } a.pds { margin-bottom: 13px; color: #326fa8 } a.pds+ul>li p span { display: block; font-size: 13px } .upload-prescription-form .st-button { width: 100%; margin: 13px auto } .upload-prescription-form ul { line-height: 1.3; font-size: 12px } .checkout-accordion-recap p { width: 100%; margin: 5px 0 } .header-back { display: block; clear: both; text-align: left } #email-address, #pre-email-text, #receive-email-section, #receive-text, .send-rx, .send-rx a { font-size: 18px!important; font-family: FuturaBQBook!important } .order-success .congrats-header { font-size: 32px; color: #00a651; padding: 13px } .order-success h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; margin: 13px 0; padding: 0 } .order-success .register-sign-form .lc2, .order-success .register-sign-form .sign-in { padding-bottom: 6.5px!important } .checkout-wrapper { padding: 0 10px } .checkout_wrapper h1 { font-size: 20px } .ui-dialog .ui-dialog-titlebar-close { right: 10px; top: 0; background: 0 0; width: auto } .ui-dialog .ui-dialog-titlebar-close .ui-button-text { vertical-align: middle; color: #326fa8 } .back-warning .warning-buttons.vertical-buttons a { margin: 0 13px 13px } .pdp-previous-next { height: 40px; display: none!important; padding: 13px } .pdp-container { margin: 0 auto; padding: 0 } .pdp-container .change-colors-views .text-colors { text-transform: capitalize; font-weight: 400 } .pdp-container .change-colors-views span, .pdp-container .pdp-sku, .pdp-container .the-price .price { color: #3f2a2e!important; text-transform: uppercase; font-family: FuturaBQBook!important; font-size: 14px!important } .pdp-container .product-options p { color: #2f8656; text-transform: inherit; font-family: FuturaBQMedium!important; font-size: 14px!important; letter-spacing: .5px; margin-top: 15px } .perk-available { color: #222!important } .pdp-container .product-options .annual-supply-savings, .pdp-container .product-options .grand-total .total-savings span { color: #1f1f1f!important } .pdp-container .product-options .annual-supply-savings span, .pdp-container .product-options .total-savings span, .pdp-container .product-options .total-savings-ria span { display: inline-block; width: 50% } .pdp-container .product-options .annual-supply-savings span.total_figures, .pdp-container .product-options .total-savings span.total_figures, .pdp-container .product-options .total-savings-ria span.total_figures { float: right; text-align: right } .pdp-container .lens-measures p { border-bottom: 2px solid #ea6c26; display: inline-block; position: relative; text-align: center; padding: 0 6.5px 5px } .pdp-container .lens-measures p::before { background: #ea6c26; border-radius: 50%; bottom: -4px; content: " "; display: block; height: 6px; left: -4px; position: absolute; width: 6px } .pdp-container .lens-measures p span { color: #3f2a2e; display: block } .pdp-container .lens-measures p span:first-child { font-family: FuturaBQBold; text-transform: uppercase } .pdp-container .item-title { width: 100%; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; background-color: #fff; text-align: center; padding: 13px } .pdp-container .item-title.sticky-bottom { background-color: #fff; box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .5) } .pdp-container .item-title .catalog_link { margin-right: 10px; } .pdp-container .item-title .price { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.6 } .pdp-container .item-title .price span { font-weight: 700; margin-left: 6.5px } .pdp-container .item-title .st-button.add-to-cart, .pdp-container .item-title .st-button.add-to-cart+span.select-lens-error-message { width: 135px; display: block; margin: 6.5px 0 } .pdp-container .frame-section p.title, .pdp-container .lens-section p.title { width: calc(100% - 50px); font-size: 18px } .pdp-container .frame-section p.total-savings, .pdp-container .lens-section p.total-savings { text-align: right; margin: 13px 0 } .pdp-container .addons-section { border: 0; display: none; position: relative } .pdp-container ul.accordion-menu.top-level.pdp>li { padding: 20px 12px } .pdp-container ul.accordion-menu.top-level.pdp>li>a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; padding: 0 } .pdp-container ul.accordion-menu.top-level.pdp>li>a.expanded::after { top: 11px } .pdp-container ul.accordion-menu.top-level.pdp>li>a::after { top: 7px } .pdp-container .product-info ul.top-level>li>ul li h3, .pdp-container .product-info ul.top-level>li>ul li h4, .pdp-container .product-info ul.top-level>li>ul li strong { color: #3f2a2e; text-transform: uppercase; font-family: FuturaBQBook; font-size: 14px } .pdp-container .product-info p { color: #3f2a2e; text-transform: lowercase!important; font-family: FuturaBQBook!important; font-size: 14px } #myInfo.contact-info-wrapper form.lc2 fieldset legend, .lc-lens-enh .accordion-menu>li+ul>li, .pdp-container .add-to-tray.st-button-base, .pdp-container .find-in-stores.st-button-base, .pdp-container .frame-dimensions, .select-lens-step1, .select-lens-step2 { font-family: Verdana, Arial, Helvetica, sans-serif } .pdp-container .product-options span.not-lined-through{ text-decoration:none!important; font-size: 15px!important; color: #1f1f1f!important; font-weight: 400!important; font-family: FuturaBQBook!important; } .pdp-container .find-in-stores.st-button-base::before { content: ''; background: url(../../assets/lc2_sprite.gif) -66px -128px; background-size: 570px; width: 20px; height: 28px; vertical-align: middle } .pdp-container .add-to-tray.st-button-base::before { background: url(../images/favorites-empty.png) -6px -7px no-repeat!important; transform: scale(.7); width: 41px; height: 41px; content: " "; display: inline-block; vertical-align: middle; overflow: hidden } .pdp-container .add-to-tray.favorited-item.st-button-base::before { background: url(../images/favorites.png) -6px -7px no-repeat!important } .lens-container>ul li, .lens-container>ul li:last-of-type { border-left: 0 } .lens-color-actual>ul li a, .lens-color-actual>ul li:last-of-type a, .lens-container>ul li a, .lens-container>ul li:last-of-type a { border-left: 1px solid #fff } .lens-container .tab-pane>div { -ms-flex-direction: column; flex-direction: column; margin: 0 } .lens-options-row h4 { font-family: FuturaBQBold; font-size: 18px; font-weight: 700; letter-spacing: .4px; color: #1f1f1f; margin: 40px 0 30px; padding: 0 } .add-ons .lens-container, .lens-color-actual, .lens-color-default { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center } #myAccount.account-container #right.right-container .big-container h1, #myAccount.account-container .contact-info-wrapper .big-container h1 { font-size: 16px; color: #523f42 } .account-order-detail-container .order-header, .history-detail .order-header { font-size: 21px; color: #1f1f1f; text-transform: uppercase; font-family: FuturaBQBold, Arial, Helvetica, sans-serif } .account-order-detail-container .order-header span, .history-detail .order-header span, .history-detail h1 span { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-transform: none; font-weight: 700 } .history-detail .list-order { padding: 16px 20px } .history-detail form.lc2 .input-container, .history-detail form.lc2 .select_container { vertical-align: bottom } .history-detail form.lc2 .select_container { margin-right: 0 } .history-detail form.lc2 .select_container label { display: inline-block; vertical-align: middle; margin: 0 13px 0 0 } #myAccount #right.redesign2017 .big-container.history-detail .view-more { width: auto; margin: 13px 0 } #myAccount #right.redesign2017 .big-container.history-detail .input-container button { background-image: url(/wcsstore/LensCraftersStorefrontAssetStore/images/calenderIcon.png); background-size: 17px; background-repeat: no-repeat; background-position: 50%; background-color: #326fa8; text-indent: -9999px; vertical-align: middle; margin: 0; padding: 7px 17px } .account-order-detail-container { display: flex; -ms-flex-direction: column; flex-direction: column; padding: 0px 20px } .account-order-detail-container>div { display: flex; flex-wrap: wrap; border-bottom: 1px solid #d5d5d5; padding: 10px 0; padding-top: 20px!important; } .account-order-detail-container p { margin: 1.5px 0!important } .account-order-detail-container p>span { display: block; font-weight: 700; font-size: 13px } .account-order-detail-container .order-product-info h2 { text-transform: capitalize!important } .account-order-detail-container .order-product-info p:first-of-type { margin-top: 0!important } .account-order-detail-container .order-product-info p:nth-of-type(2) span, .account-order-detail-container .order-product-info p:nth-of-type(3) span{ display: inline; text-transform: capitalize; font-size: 14px; } .account-order-detail-container .order-shipping-billing>div { width: 100%; padding-right: 0 } .account-order-detail-container .order-total>div { display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; } .account-order-detail-container .order-total p { display: flex; -ms-flex-pack: justify; justify-content: space-between; text-transform: uppercase; border-bottom: 1px solid #d5d5d5; } .account-order-detail-container .order-total p:nth-of-type(1), .account-order-detail-container .order-total p:nth-of-type(7), .account-order-detail-container .order-total p:nth-of-type(8) { border: 0!important; margin: 0!important; padding: 0!important } .account-order-detail-container .order-total p:nth-of-type(7) span { font-size: 14px; text-transform: capitalize; font-weight: 400 } .account-order-detail-container .order-total p:last-of-type span{ font-family: FuturaBQBold; } .account-order-detail-container .order-print .st-button { width: 100px; min-width: auto } #myInfo.contact-info-wrapper { padding: 0 36px } #myInfo.contact-info-wrapper .fe-row { float: none; margin: 0 0 13px } #myInfo.contact-info-wrapper .middle { padding: 6.5px 20px 52px } #myInfo.contact-info-wrapper .middle .heading { display: block; margin: 0 0 8.5px } #myInfo.contact-info-wrapper .ship-other-address { margin-top: 6.5px } #myInfo.contact-info-wrapper .fe.submit { bottom: -45px } #myInfo.contact-info-wrapper form.lc2 .input-container label, #myInfo.contact-info-wrapper form.lc2 .select_container label, #stateOk { text-transform: uppercase; margin: 0 } #myInfo.contact-info-wrapper form.lc2 .input-container label[for=Phone1], #myInfo.contact-info-wrapper form.lc2 .input-container label[for=Phone2], #myInfo.contact-info-wrapper form.lc2 .input-container label[for=birth_date], #myInfo.contact-info-wrapper form.lc2 .input-container label[for=birth_year], #myInfo.contact-info-wrapper form.lc2 .select_container label[for=Phone1], #myInfo.contact-info-wrapper form.lc2 .select_container label[for=Phone2], #myInfo.contact-info-wrapper form.lc2 .select_container label[for=birth_date], #myInfo.contact-info-wrapper form.lc2 .select_container label[for=birth_year] { opacity: 0 } #myInfo.contact-info-wrapper form.lc2 .radio { display: inline-block; vertical-align: bottom } #myInfo.contact-view .middle { padding: 13px 20px } #myInfo.contact-view .middle .name { font-weight: 700; color: #000!important; margin: 0 } #myInfo.contact-view .billing-shipping-info .shipping-info { margin: 0 70px 0 0 } .history-detail h1 { font-size: 25px; margin: 43px 0 20px } .account-order-detail-container h2 { font-size: 18px; text-align: left } .account-order-detail-container .order-info p { font-size: 14px; display: flex; -ms-flex-pack: justify; color: #000000; text-transform: capitalize; } .account-order-detail-container .order-billing-info { border-top: 1px solid #d5d5d5 } /* .account-page.dashboard .account-top-nav h1, .account-page.dashboard .account-top-nav h1+p { color: #fff } */ .account-page.dashboard .faves>a.mystore::before { background: url(../../assets/lc2_sprite.gif) -328px -140px no-repeat; background-size: 660px; width: 56px; height: 36px } .account-page.dashboard .faves>a.mystore-ca:before { background: url(../images/redesign/icons.png) -112px 0 no-repeat; background-size: 320px; width: 27px; height: 36px } #myInfo.contact-info-wrapper h1 { line-height: 1; padding: 0 } #myInfo.contact-info-wrapper p.subtext { font-size: 13px; padding: 0 12% 10px } #myInfo.contact-info-wrapper .heading { text-transform: uppercase; margin: 26px 0 6.5px } #myInfo.contact-info-wrapper form.lc2 .input-container::after { bottom: 30px; left: 263px } #myInfo.contact-info-wrapper form.lc2 .label_radio { width: auto; float: left; margin-right: 13px } #myInfo.contact-info-wrapper form.lc2 .dash, #myInfo.contact-info-wrapper form.lc2 .paren { display: inline-block; position: static } table.dataTable { width: 100%; clear: both; border-collapse: separate; border-spacing: 0; margin: 0 auto } table.dataTable thead td, table.dataTable thead th { text-align: left; border-bottom: 1px solid #d5d5d5; line-height: 3.7; padding: 0 6.5px } table.dataTable tfoot td, table.dataTable tfoot th { border-top: 1px solid #d5d5d5; padding: 10px 18px 6px } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer; *cursor: hand } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right } table.dataTable thead .sorting { background-image: url(../../assets/plugins/images/sort_both.png) } table.dataTable thead .sorting_asc { background-image: url(../../assets/plugins/images/sort_asc.png) } table.dataTable thead .sorting_desc { background-image: url(../../assets/plugins/images/sort_desc.png) } table.dataTable thead .sorting_asc_disabled { background-image: url(../../assets/plugins/images/sort_asc_disabled.png) } table.dataTable thead .sorting_desc_disabled { background-image: url(../../assets/plugins/images/sort_desc_disabled.png) } table.dataTable tbody tr.selected { background-color: #b0bed9 } table.dataTable tbody td, table.dataTable tbody th { text-align: left; line-height: 6; padding: 0 6.5px } table.dataTable.cell-border tbody td, table.dataTable.cell-border tbody th { border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5 } table.dataTable.cell-border tbody tr td:first-child, table.dataTable.cell-border tbody tr th:first-child { border-left: 1px solid #ddd } table.dataTable.display tbody tr.odd.selected, table.dataTable.stripe tbody tr.odd.selected { background-color: #acbad4 } table.dataTable.display tbody tr:hover.selected, table.dataTable.hover tbody tr:hover.selected { background-color: #aab7d1 } table.dataTable.display tbody tr.odd>.sorting_2, table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 { background-color: #f3f3f3 } table.dataTable.display tbody tr.odd>.sorting_3, table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 { background-color: #f5f5f5 } table.dataTable.display tbody tr.odd.selected>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 { background-color: #a6b4cd } table.dataTable.display tbody tr.odd.selected>.sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 { background-color: #a8b5cf } table.dataTable.display tbody tr.odd.selected>.sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 { background-color: #a9b7d1 } table.dataTable.display tbody tr.even>.sorting_2, table.dataTable.order-column.stripe tbody tr.even>.sorting_2 { background-color: #fcfcfc } table.dataTable.display tbody tr.even>.sorting_3, table.dataTable.order-column.stripe tbody tr.even>.sorting_3 { background-color: #fefefe } table.dataTable.display tbody tr.even.selected>.sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 { background-color: #aebcd6 } table.dataTable.display tbody tr.even.selected>.sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 { background-color: #afbdd8 } table.dataTable.display tbody tr:hover>.sorting_2, table.dataTable.order-column.hover tbody tr:hover>.sorting_2 { background-color: #ececec } table.dataTable.display tbody tr:hover>.sorting_3, table.dataTable.order-column.hover tbody tr:hover>.sorting_3 { background-color: #efefef } table.dataTable.display tbody tr:hover.selected>.sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 { background-color: #a2aec7 } table.dataTable.display tbody tr:hover.selected>.sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 { background-color: #a3b0c9 } table.dataTable.display tbody tr:hover.selected>.sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 { background-color: #a5b2cb } table.dataTable.compact thead td, table.dataTable.compact thead th { padding: 4px 17px 4px 4px } table.dataTable.compact tbody td, table.dataTable.compact tbody th, table.dataTable.compact tfoot td, table.dataTable.compact tfoot th { padding: 4px } table.dataTable, table.dataTable td, table.dataTable th { box-sizing: content-box } .dataTables_wrapper { position: relative; clear: both; zoom: 1 } .dataTables_wrapper .dataTables_filter { float: right; text-align: right; margin-bottom: 13px } .dataTables_wrapper .dataTables_filter input { background: #f7f6f7; border: 1px solid #d5d5d5; border-radius: 5px; width: 145px; margin-left: 6.5px; padding: 10px 7px } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding: .755em 0 } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: .25em } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; margin-left: 2px; text-align: center; text-decoration: none!important; cursor: pointer; *cursor: hand; color: #333!important; border: 1px solid transparent; border-radius: 2px; padding: .5em 1em } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333!important; border: 1px solid #979797; background-color: #fff; background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%) } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover { cursor: default; color: #666!important; border: 1px solid transparent; background: 0 0; box-shadow: none } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #fff!important; border: 1px solid #111; background-color: #585858; background: linear-gradient(to bottom, #585858 0%, #111 100%) } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: 0; background-color: #2b2b2b; background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); box-shadow: inset 0 0 3px #111 } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background: 0 0 } .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing { color: #333 } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { margin-top: -1px; -webkit-overflow-scrolling: touch } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing { height: 0; overflow: hidden; margin: 0!important; padding: 0!important } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0 } table.dataTable.dtr-inline.collapsed>tbody>tr>td.child, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty, table.dataTable.dtr-inline.collapsed>tbody>tr>th.child { cursor: default!important } table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child { position: relative; padding-left: 30px; cursor: pointer } table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before { top: 9px; left: 4px; height: 14px; width: 14px; display: block; position: absolute; color: #fff; border: 2px solid #fff; border-radius: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: center; font-family: 'Courier New', Courier, monospace; line-height: 14px; content: '+'; background-color: #31b131 } table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child, table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child { padding-left: 27px } table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before { top: 5px; left: 4px; height: 14px; width: 14px; border-radius: 14px; line-height: 14px; text-indent: 3px } table.dataTable.dtr-column>tbody>tr>td.control, table.dataTable.dtr-column>tbody>tr>th.control { position: relative; cursor: pointer } table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before { top: 50%; left: 50%; height: 16px; width: 16px; margin-top: -10px; margin-left: -10px; display: block; position: absolute; color: #fff; border: 2px solid #fff; border-radius: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: center; font-family: 'Courier New', Courier, monospace; line-height: 14px; content: '+'; background-color: #31b131 } table.dataTable>tbody>tr.child { padding: .5em 1em } table.dataTable>tbody>tr.child:hover { background: 0 0!important } table.dataTable>tbody>tr.child ul { display: inline-block; list-style-type: none; margin: 0; padding: 0 } table.dataTable>tbody>tr.child ul li { border-bottom: 1px solid #d5d5d5; padding: .5em 0 } table.dataTable>tbody>tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: 700 } div.dtr-modal { position: fixed; box-sizing: border-box; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; padding: 10em 1em } div.dtr-modal div.dtr-modal-display { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 50%; height: 50%; z-index: 102; overflow: auto; background-color: #f5f5f7; border: 1px solid #000; border-radius: .5em; box-shadow: 0 12px 30px rgba(0, 0, 0, .6); margin: auto } div.dtr-modal div.dtr-modal-content { position: relative; padding: 1em } div.dtr-modal div.dtr-modal-close { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border: 1px solid #eaeaea; background-color: #f9f9f9; text-align: center; border-radius: 3px; cursor: pointer; z-index: 12 } div.dtr-modal div.dtr-modal-close:hover { background-color: #eaeaea } div.dtr-modal div.dtr-modal-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; background: rgba(0, 0, 0, .6) } div.DTS div.DTS_Loading { z-index: 1 } div.DTS div.dataTables_scrollBody { background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, #fff 10px, #fff 20px) } div.DTS div.dataTables_scrollBody table { z-index: 2 } .datePicker .ui-state-default, .datePicker .ui-widget-content .ui-state-default, .datePicker .ui-widget-header .ui-state-default { font-weight: 400; color: #555 } .datePicker .ui-state-active, .datePicker .ui-widget-content .ui-state-active, .datePicker .ui-widget-header .ui-state-active { background: #fff; font-weight: 400; color: #212121 } .datePicker .ui-state-highlight a, .datePicker .ui-widget-content .ui-state-highlight a, .datePicker .ui-widget-header .ui-state-highlight a { color: #363636 } .datePicker .ui-state-error, .datePicker .ui-widget-content .ui-state-error, .datePicker .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a } .datePicker .ui-state-error a, .datePicker .ui-state-error-text, .datePicker .ui-widget-content .ui-state-error a, .datePicker .ui-widget-content .ui-state-error-text, .datePicker .ui-widget-header .ui-state-error a, .datePicker .ui-widget-header .ui-state-error-text { color: #cd0a0a } .datePicker .ui-priority-secondary, .datePicker .ui-widget-content .ui-priority-secondary, .datePicker .ui-widget-header .ui-priority-secondary { opacity: .7; filter: alpha(opacity=70); font-weight: 400 } .datePicker .ui-state-disabled, .datePicker .ui-widget-content .ui-state-disabled, .datePicker .ui-widget-header .ui-state-disabled { opacity: .35; filter: alpha(opacity=35); background-image: none } .datePicker .ui-corner-left, .datePicker .ui-corner-tl { border-top-left-radius: 4px } .datePicker .ui-corner-br { border-bottom-right-radius: 4px } .datePicker .ui-widget { font-family: FuturaBQBold, Verdana, Arial, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: 400 } .datePicker .ui-widget .ui-widget { font-size: 1em } .datePicker .ui-widget-content { border: 1px solid #cac9c6; color: #222; background: 0 0; height: auto } #ui-datepicker-div.ui-datepicker .ui-widget-header a, .datePicker .ui-widget-content a, .datePicker .ui-widget-header a { color: #222 } .datePicker .ui-widget-header { height: 23px; border: 1px solid #cac9c6; background-color: #f3f3f3; color: #222; font-weight: 700; border-radius: 4px 4px 0 0!important; -webkit-border-radius: 4px 4px 0 0!important; -moz-border-radius: 4px 4px 0 0!important } .datePicker .ui-state-default a, .datePicker .ui-state-default a:link, .datePicker .ui-state-default a:visited { color: #555; text-decoration: none } .datePicker .ui-state-active a, .datePicker .ui-state-active a:link, .datePicker .ui-state-active a:visited, .datePicker .ui-state-hover a, .datePicker .ui-state-hover a:hover { color: #212121; text-decoration: none } .datePicker .ui-corner-all, .datePicker .ui-corner-top { border-top-left-radius: 4px; border-top-right-radius: 4px } .datePicker .ui-corner-right { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .datePicker .ui-corner-tr { border-top-right-radius: 4px } .datePicker .ui-datepicker { width: 17em; display: none; padding: .2em .2em 0 } .datePicker .ui-datepicker select.ui-datepicker-month, .datePicker .ui-datepicker select.ui-datepicker-year { width: 49% } .datePicker .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 } .datePicker .ui-datepicker .ui-datepicker-prev { position: absolute; top: 2px; width: 1.8em; height: 1.8em; left: 2px } .datePicker .ui-datepicker .ui-datepicker-prev span { width: 15px; height: 14px; display: block; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -7px; text-indent: -9999px; background: url(../images/assets/date-left-arrow.png) no-repeat } .datePicker .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; right: 2px } .datePicker .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 } #ui-datepicker-div.ui-datepicker td, .datePicker .ui-datepicker td { border: 1px solid #e1e1e1 } .datePicker .ui-datepicker .ui-datepicker-buttonpane { background-image: none; border-left: 0; border-right: 0; border-bottom: 0; margin: .7em 0 0; padding: 0 .2em } .datePicker .ui-datepicker .ui-datepicker-buttonpane button { float: right; cursor: pointer; width: auto; overflow: visible; margin: .5em .2em .4em; padding: .2em .6em .3em } .datePicker .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em } .datePicker .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .datePicker .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .datePicker .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .datePicker .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .datePicker .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .datePicker .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 } .datePicker .ui-datepicker-rtl { direction: rtl } .datePicker .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto } .datePicker .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto } .datePicker .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto } .datePicker .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto } .datePicker .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .datePicker .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px } .datePicker .ui-widget input, .ui-widget button, .ui-widget select, .ui-widget textarea { font-family: Verdana, Arial, sans-serif; font-size: 1em } .datePicker .ui-corner-bl, .ui-corner-left { border-bottom-left-radius: 4px } .datePicker .ui-datepicker table, .ui-datepicker-calendar { width: 100%; font-size: .9em; border-collapse: collapse; border: 1px solid #e1e1e1; border-top: none; border-bottom: none; margin: 0 0 .4em } #myAccount .fe input.hasDatepicker { width: 115px; background: url(../images/assets/calendar-icon.png) 102px center no-repeat } #ui-datepicker-div.ui-widget-content { background: 0 0; height: auto; border: 1px solid #cac9c6; color: #222 } #ui-datepicker-div.ui-datepicker { width: 90vw; padding: .2em .2em 0 } #ui-datepicker-div.ui-datepicker .ui-datepicker-prev { left: 2px; height: 1.8em; position: absolute; top: 2px; width: 1.8em } #ui-datepicker-div.ui-datepicker .ui-datepicker-next span, #ui-datepicker-div.ui-datepicker .ui-datepicker-prev span, .datePicker .ui-datepicker .ui-datepicker-next span { display: block; height: 14px; left: 50%; margin-left: -7px; margin-top: -7px; position: absolute; text-indent: -9999px; top: 50%; width: 15px } #ui-datepicker-div.ui-datepicker .ui-datepicker-prev span { background: url(../images/assets/date-left-arrow.png) no-repeat } #ui-datepicker-div.ui-datepicker .ui-datepicker-next { right: 2px; height: 1.8em; position: absolute; top: 2px; width: 1.8em } #ui-datepicker-div.ui-datepicker th, .datePicker .ui-datepicker th { border: 0; font-weight: 700; text-align: center; padding: .7em .3em } #ui-datepicker-div.ui-datepicker td a, #ui-datepicker-div.ui-datepicker td span, .datePicker .ui-datepicker td a, .datePicker .ui-datepicker td span { display: block; text-align: center; text-decoration: none; padding: 11px 0 } #ui-datepicker-div.ui-datepicker td a.ui-state-highlight, #ui-datepicker-div.ui-datepicker td span.ui-state-highlight { border: 2px solid #6eabce; padding: 3px!important } #ui-datepicker-div.ui-widget { font-family: FuturaBQBold, Verdana, Arial, sans-serif; font-size: 14px; text-transform: uppercase; background-color: #fff; font-weight: 400 } #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default { color: #555; font-weight: 400 } #ui-datepicker-div .ui-widget-header { color: #222; font-weight: 700; background-color: #f3f3f3; border: 1px solid #cac9c6; border-radius: 4px 4px 0 0!important; height: 32px; position: relative; padding: .2em 0 } #ui-datepicker-div .ui-state-disabled, #ui-datepicker-div .ui-widget-content .ui-state-disabled, .datePicker #ui-datepicker-div .ui-state-disabled { background-image: none; opacity: .35 } #scrollBar .price { color: #5a5a5a; font: 18px FuturaBQBold, Arial, Helvetica, sans-serif; } #scrollBar .price span { font: 18px FuturaBQBold, Arial, Helvetica, sans-serif; } .pdp-main-info.product .brand-logo { width: 50%; display: inline-block } .product-options .existing-lens-selection-text .existing-lens-name { padding-right: 70px } .product-options .existing-lens-selection-text .existing-lens-name span { position: absolute; top: 0; right: 0 } .pdp-container .product-images .left-arrow, .pdp-container .product-images .right-arrow { background-size: 500px; margin-top: 80px; width: 25px; height: 25px; z-index: 2; cursor: pointer; transform: scaleX(.9) } .pdp-container .product-images .left-arrow { background-image: url(../../images/brands-carousel-arrow-left.png)!important; background-repeat: no-repeat; background-position: center; left: 7px; position: absolute } .pdp-container .product-images .right-arrow { background-image: url(../../images/brands-carousel-arrow-right.png)!important; background-repeat: no-repeat; background-position: center; right: 7px; position: absolute } #HomePage .espot-zone3 a, #HomePage .espot-zone4 a { font-family: FuturaBQBook, Arial, Helvetica, sans-serif } .add-to-tray.st-button-base.addtowish::before { width: 25px; height: 27px; background-position: -145px 128px; display: inline-block; vertical-align: middle } .eachExam .datePicker .ui-datepicker { width: 100%; display: none; padding: .2em .2em 0 } .eachExam .datePicker .ui-widget-content { border: 0; color: #222; background: 0 0; height: auto } #box.generic_error_container { width: 90%; margin: auto } .redesign2017 .account-page.logon.perkSignIn p { line-height: 1.3em } .pdp-container .item-title.sticky-bottom .catalog_link .brand .productbrand.bold { font-family: FuturaBQBold!important; font-size: 15px!important } #content_wrapper_box form.lc2 #payment_method_creditcard .input-container label, #content_wrapper_box form.lc2 #payment_method_creditcard .select_container label, .pdp-container .product-info ul.accordion-menu.top-level.pdp { margin-top: 10px } .pdp-container .product-info ul.accordion-menu.top-level.pdp>li>a { font-size: 14px!important; font-family: FuturaBQBold!important; letter-spacing: .5px; color: #4a4a4a } .pdp-container #show-lens-options-PDP-main span, .pdp-container .addons-section span, .pdp-container .frame-section span, .pdp-container .item-title.sticky-bottom .catalog_link .brand .price, .pdp-container .lens-section span, .pdp-container .product-options .frame-section p, .pdp-container .product-options .lens-section p, .pdp-container .product-options .product-info .accordion-menu.top-level.pdp p, .pdp-container .product-options p.title { font-family: FuturaBQBook!important; font-size: 15px!important } .product-options .product-info .accordion-menu.top-level.pdp p { text-transform: inherit!important } .pdp-container .sizing-fit li { font-family: FuturaBQBook!important; font-size: 15px } #cvc_number { width: 107px!important } #date_of_birth_group-error { margin: 15px 0 10px } #stateOK { font-family: Verdana, Arial, sans-serif; font-weight: 700; color: #523f42; position: relative; text-transform: uppercase; margin: 0 } .checkout-wrapper ul.accordion-menu.in-page.in-page-full li .cardPaymentHeader { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 18px; padding: 0 } .accordion-menu.in-page-full>li .cardPaymentHeader { display: block; color: #523f42; font-weight: 700; font-size: 18px; text-align: left; position: relative; padding: 26px 0 } .lc-lens-enh { display: flex; -ms-flex-direction: column; flex-direction: column; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; text-align: left } h4.lc-lens-enh-title { font-family: FuturaBQBold; font-size: 18px; letter-spacing: .4px; color: #1f1f1f; margin-bottom: 30px } .redesign2017 .lc-lens-enh .lc-lens-enh-item.added .lc-lens-enh-check .st-button::after { content: ''; background: url(../../assets/lc2_sprite.gif) 1248px 271px; background-size: 539px; width: 26.3px; height: 26.3px; display: block; position: absolute; top: -7px } .lc-lens-enh-item.not-available { opacity: .5 } .lc-lens-enh-price { width: 110px } .lc-lens-enh .st-button, .lc-lens-enh-not-available { width: 21px; height: 21px; border-radius: 3px; border: 1px solid gray; padding: 0 } .lc-lens-enh-not-available { display: none; -ms-flex-item-align: start; align-self: flex-start; background-color: #d3d3d3 } .lc-lens-enh .accordion-menu { -ms-flex: 1; flex: 1 } .lc-lens-enh .accordion-menu>li>a { color: #222; font-size: 16px } .lc-lens-enh .accordion-menu>li>a:after { display: inline-block; float: right } .lc-lens-enh .lc-lens-enh-item .lc-lens-enh-detail { width: 100%; padding: 0 0 40px 20px } .lc-lens-enh .lc-lens-enh-item .lc-lens-enh-title { display: flex; justify-content: space-between; align-items: flex-start; position: relative } .lc-lens-enh .lc-lens-enh-item .lc-lens-enh-name { font-family: FuturaBQBold; font-size: 16px; letter-spacing: .5px; color: #1f1f1f; text-transform: uppercase; width: 64% } .lc-lens-enh .lc-lens-enh-item .lc-lens-enh-descr { font-family: FuturaBQBook; font-size: 14px; line-height: 1.36; letter-spacing: .5px; color: #5a5a5a } .lc-lens-enh .st-button>span:before { content: ''; width: 14px; height: 14px; background-size: 14px; background-image: url(../assets/add-enh.png); display: inline-block; vertical-align: sub; margin-right: 10px } .lc-lens-enh .st-button input:checked+span:before { background-image: url(../assets/added-enh.png) } .warning { color: #ea6c26; font-size: 12px; margin: 3px 0 5px 2px } form.lc2 .input-container.recheck input, form.lc2 .select_container.recheck select { border: 1px solid #ea6c26!important } #CVVDetailsSection.question>ul.accordion-menu.in-page>li:first-child>a:after { content: "?"; border: 1px solid #4d8eca; border-radius: 50%; background: 0 0!important; height: 24px; width: 24px; text-align: center; line-height: 23px; font-size: 20px } #CVVDetailsSection.question>ul.accordion-menu.in-page>li.expanded:first-child>a.expanded:after { content: "X"; font-size: 13px } div#CVVDetailsSection { position: relative; top: 5px; float: left } #order_payment_method div.cc-cvc.input-container { width: 100%!important; } div#cardImageContainer { float: right; min-height: 53px; z-index: 999999; margin-top: -53px; width: 67px; background: #cfcfcf; border-radius: 0 4px 4px 0 } div#cardImageContainer>span { width: 53px; background-size: 100%; height: 38px; background-repeat: no-repeat; margin: 10px auto -10px } .month_year::before, .year::before { content: none!important } #use_insurance { background-color: #f0f0f0; height: 60px; margin-bottom: 5px; border: 1px solid #d3d3d3 } #prescription_needed { background-color: #69c; width: 60%; height: 40px } #promo-placeholder a { font-weight: 700; text-decoration: none; color: #444 } div.mobile-header>p { font-size: 15px; margin-bottom: 20px } .cart-item-info>div { width: 100%; /* margin: 18px 0 */ } h1.shopCartTitle { font-size: 25px } div.hasWarranty .price, div.lensQPS .price, div.lensSavings .price, div.pairSavings .price, div.productTitleDetails .price { font-size: 16px; font-weight: 400; line-height: normal; height: 35px } .rowDescr { width: 60%; float: left; padding-top: 10px; padding-right: 3px } .frame .lensSavings.insurance .rowDescr { width: 100%; align-items: center } .hasWarranty .price, .lensQPS .price, .lensSavings .price, .pairSavings .price { float: right; text-align: right; display: flex; flex-direction: column; justify-content: center; text-transform: none } .lensQPS .rowDescr p { width: 78%; float: left } .lensSavings { width: 100%; justify-content: space-between; margin-top: 6px; align-items: center; } .lensSavings .price { display: table; width: auto; height: auto!important; font-size: 14px!important; padding-top: 2px } .cont-hic_sh { padding-bottom: 10px } .select_container #shippingSelector>span:before { content: ''; background: url(../images/sprites/newCheckSprite.png) -106px -13px; background-size: auto; width: 23px; height: 23px; float: left; margin: 0 10px 0 0 } .select_container #shippingSelector span.hic_sh.hic_select:before { content: ''; background-position: -80px -13px } .hic_sh { color: #523f42; font-size: 16px; vertical-align: top; border: 0!important; background: 0 0!important; text-align: left; line-height: 19px; text-transform: capitalize; font-family: FuturaBQBook; padding: 0 } div.select-shipping-method.cart { /* overflow: auto; */ background: #e8e8e8; padding: 20px; border: solid 1px #d5d5d5; background-color: #f7f7f7; } div.select-shipping-method.cart.boss-method, div.select-shipping-method.cart.shipping-boss{ margin-top : 10px; } div.select-shipping-method.cart .shipping-method h3.choose-shipping { text-transform: none; font-size: 16px!important; padding: 0 } .shipping-method .info { font-size: 14px; font-family: FuturaBQBook, Arial, Helvetica, sans-serif; padding: 5px; color: #1f1f1f; } div#promoCode_wrapper{ font-weight: 700; margin-bottom: 10px; font-size: 14px; padding: 10px } a#togglePromoCode:after{ content: ""; background-image: url(../../images/arrow-down-ico.png); position: absolute; width: 20px; height: 20px; margin-left: 2px; background-repeat: no-repeat; cursor: pointer; } a#togglePromoCode.open:after { content: ""; background-image: url(../../images/arrow-down-ico.png); transform: rotate(180deg); position: absolute; width: 20px; height: 20px; margin-left: 2px; margin-top: 2px; background-repeat: no-repeat; cursor: pointer; } a#toggleIDMEPromoCode:after{ content: ""; background-image: url(../../images/arrow-down-ico.png); position: absolute; width: 20px; height: 20px; margin-left: 2px; background-repeat: no-repeat; cursor: pointer; } a#toggleIDMEPromoCode.open:after { content: ""; background-image: url(../../images/arrow-down-ico.png); transform: rotate(180deg); position: absolute; width: 20px; height: 20px; margin-left: 2px; margin-top: 2px; background-repeat: no-repeat; cursor: pointer; } div#promoCode_IDME_wrapper { font-weight: 700; margin-bottom: 30px; font-size: 14px; padding: 10px; } #insurance-switch, #total_breakdown .calculate-tax, .grandTotal.grand_total, .top.taxes.cart { border: 1px solid #d3d3d3; overflow: hidden; background-color: #f7f7f7; margin: 10px 0; padding: 15px; } .top.taxes.cart span { display: inline-block; width: 50%; float: left; text-transform: none } .top.taxes.cart .total_figures { text-align: right; padding: 0 } #promoCode_wrapper .promo-field, #promoCode_IDME_wrapper .promo-field{ border: 0; padding-bottom: 0 } .total_details.order_total { display: flex; flex-flow: column nowrap; margin-bottom: 15px; } .orderSubtotalContainer, .totalSavingContainer { display: flex; flex-flow: row nowrap; align-items: center; } .orderSubtotalContainer p, .totalSavingContainer p { flex-basis: 50%; } .cartItemTitle a, .lensQPS>.rowDescr p:nth-child(2) span, .rowDescr p span { background: #fff; z-index: 999; display: inline-block; position: relative } span.lensLabel { background: none !important; margin-left: 5px; } .lensPrice { float: right; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #1f1f1f; } .lensPrice>span.offer-price.with-saving { font-size: 11px!important; text-decoration: line-through; margin-right: 3px; } .lensPrice>span.saving-price { font-size: 11px!important; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: right; color: #d0021b !important; } #shippingSelector { display: table } #shippingSelector>span { display: table-row; width: 100% } #shippingSelector>span>span { display: table-cell; width: 10% } .hic_select>span:last-child { font-weight: 700; font-size: 16px; font-family: FuturaBQBold } #prescription-needed { display: none; margin-top: 15px; margin-bottom: 10px; background-color: #6eabce; color: #fff; border-radius: 5px; padding: 7px 12px } #prescription-needed-link:before { /* content:''; */ background: url(../../assets/lc2_sprite.gif) -960px -375px; background-size: 600px; height: 28px; padding-left: 36px; vertical-align: middle; padding-top: 3px; } ul li.frame-recap { background-color: #fff!important; border: none; } ul li.frame-recap .title{ padding: 65px; padding-top: unset; padding-bottom: 15px; } ul li.frame-recap .title a{ text-decoration: underline; } ul li.frame-recap .cart-d{ border: 1px solid #d5d5d5;; } .frame-recap li { line-height: 1.6; font-size: 13px; color: #523f42 } .frame-recap>ul>li { /* padding-bottom: 14px; */ border-top: 1px solid #d5d5d5; } .right-nav { width: calc(100% - 20px); display: inline-block; vertical-align: top; margin: 0 10px; } .cart-d.confirm .img a, .right-nav .cart-d .img a { text-align: center; display: block } .right-nav span { font-size: 16px; color: #3f2a2e; font-weight: 400!important } ul .price { font-family: FuturaBQBook, Arial, Helvetica, sans-serif; float: right; font-weight: 700; text-transform: uppercase } .right-nav .calculate-tax label { display: block; margin-top: 18px; font-family: FuturaBQBold; font-weight: 700; color: #3f2a2e; text-transform: capitalize; font-size: 16px; position: relative } .checkout-wrapper-steps label { color: #3f2a2e } .right-nav .calculate-tax .calculate.open:after { width: 0; content: ""; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #6daacd; float: right; position: absolute; right: 30px; margin-top: -12px } .right-nav .calculate-tax .calculate { float: right; color: #4d8eca } .right-nav .calculate-tax input { background: #fff; border: 1px solid #d5d5d5; border-radius: 5px; width: 100%; margin-top: 6px; color: #523f42; font-size: 14px; padding: 10px 7px } .right-nav .calculate-tax .submit { border: 0; font-size: 16px; position: absolute; margin-top: -37px; width: 70px; background: #fff; color: #4d8eca; line-height: 15px; height: 21px; font-family: FuturaBQBook; font-weight: 400; right: 30px; padding: 10px 7px } .button, button, input[type=submit] { cursor: pointer; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-weight: 400 } .promoInputContainer #ShoppingCart_ApplyPromo_Button{ font-size: 12px; border-radius: 5px; width: 85px; margin-left: 10px; float: right; padding: 14px; height: 49px; margin-top: 7px; } .right-nav .grandTotal .main-total { font-size: 16px; line-height: 22px; font-weight: 700; font-family: FuturaBQBold; color: #3f2a2e } .account-ocr { font-family: FuturaBQBook, Arial, Helvetica, sans-serif!important; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; } #thank-you-new-account-open{ text-transform: capitalize; } #new-account-ocr, #sign-in-ocr{ position: fixed; top: 0; display: block; overflow: hidden; width: 100%; height: 100%; padding: 20px; background-color: white; z-index: 20000; overflow: hidden; overflow-y: scroll; left: 0; } #sign-in-ocr input[type=submit]{ margin-top: 10px; } #new-account-ocr .title, #sign-in-ocr .title{ margin-bottom: 15px; border-top: 1px solid #d5d5d5; padding-top: 15px; } #new-account-ocr .back-section, #sign-in-ocr .back-section{ margin-bottom: 10px; } #new-account-ocr .checkbox{ padding-top: 30px; } #new-account-ocr .blue-button, #sign-in-ocr .blue-button{ border-radius: 0px; font-family: FuturaBQBook, Arial, Helvetica, sans-serif; } #new-account-ocr input[type=text], #new-account-ocr input[type=password], #sign-in-ocr input[type=text], #sign-in-ocr input[type=password]{ border-radius: 0px; background-color: white; border: 1px solid #d5d5d5; margin: auto; } #new-account-ocr .title .thank-you-create-account, #sign-in-ocr .title .thank-you-create-account{ font-size: 20px; text-transform: uppercase; font-family: FuturaBQMedium; margin-top: 10px; margin-bottom: 10px; } #new-account-ocr label, #sign-in-ocr label{ font-size: 14px; font-family: FuturaBQBook; font-weight: bolder; } #new-account-ocr .thank-you-back, #sign-in-ocr .thank-you-back{ color: black; font-size: 20px; font-family: FuturaBQMedium; margin-top: 10px; margin-bottom: 10px; font-family: FuturaBQBook; text-transform: uppercase; } #new-account-ocr .back, #sign-in-ocr .back{ font-family: "FuturaBQLight", Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; font-weight: bold; margin-bottom: 10px; width: 15px; } #new-account-ocr span.required, #sign-in-ocr span.required{ font-size: 16px; font-family: FuturaBQBook; font-weight: normal; } #new-account-ocr #age-error{ padding-left: 20px; font-style: normal; } #sign-in-ocr span.required{ position: static !important; font-style: normal; } #headerEmailAddressField-error::before, #logonPassword-error::before{ visibility:hidden } #new-account-ocr .title .thank-you-close{ font-size: 16px; font-family: FuturaBQLight; font-weight: 300; margin-top: 15px; } .shopping-cart-page.thank-you-page #thank-you-header, .account-ocr { margin: 0 10px 20px } .shopping-cart-page.thank-you-page #thank-you-header h2 { margin-bottom: 10px; text-align: center; font-size: 32px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.8px; color: #333333; font-family: FuturaBQBook, Arial, Helvetica, sans-serif; } .shopping-cart-page.thank-you-page #thank-you-header p { line-height: 1.3; text-align: center; } .shopping-cart-page.thank-you-page ul.account-options { margin: 10px 0 } .shopping-cart-page.thank-you-page ul.account-options li { border-top: 2px solid #e8e8e8; padding: 20px } .shopping-cart-page.thank-you-page a.drop-down-closed:after, .shopping-cart-page.thank-you-page a.drop-down-open::after { width: 0; content: ""; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #000; border-bottom: 0; position: absolute; margin-left: 7px; margin-top: 7px } .shopping-cart-page.thank-you-page a.drop-down-open::after { border-bottom: 8px solid #000; border-top: 0 } .shopping-cart-page.thank-you-page a.open-dialog::after { content: ''; background: url(../images/sprites/newCheckSprite.png) -12px; background-size: auto; width: 18px; height: 20px; position: absolute; color: #000; margin-left: 5px; margin-top: 3px } .shopping-cart-page.thank-you-page #order-prescription { background: #e8e8e8; padding: 20px; margin-bottom: 20px; } .shopping-cart-page.thank-you-page #order-prescription p { font-family: FuturaBQBook, Arial, Helvetica, sans-serif; font-size: 16px; margin-bottom: 10px; width: 100%; display: flex; } .shopping-cart-page.thank-you-page #order-prescription p span{ width:50%; } .shopping-cart-page.thank-you-page #order-prescription p span.bold-text{ width:50%; font-size: 16px; } #ShippingMethodEntry .same:before, #shippingBillingPageNext:before, #shippingBillingPageNextAffirm:before, #shippingBillingPageNextAfterpay:before, .checkout-step-header h2 .secure-payment:before { content: ''; background: url(../images/sprites/newCheckSprite.png) -33px; background-size: auto; width: 18px; height: 20px; position: absolute; margin-left: -25px; color: #000 } .checkout-step-header h2 { text-align: left; font-size: 18px!important } .checkout-step-header h2 .secure-payment { font-size: 16px!important; margin-left: 24px; display: inline-block; padding-bottom: 18px } #shippingBillingPageNext:before, #shippingBillingPageNextAffirm:before, #shippingBillingPageNextAfterpay:before, .checkout-step-header h2 .secure-payment:before { background-position: -164px; width: 16px; margin-left: -24px; margin-top: 2px } .checkout-step-header .total-amount { border-top: 1px solid #d5d5d5; font-weight: 700; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-size: 14px; padding: 15px 0 } .accepted-cards { display: flex; align-items: center; flex-wrap: wrap; margin: 10px 0 } #shippingBillingPageNext:before, #shippingBillingPageNextAffirm:before, #shippingBillingPageNextAfterpay:before { background-position: -55px; width: 18px; margin-left: -35px; margin-top: 12px } #CVVCodeLocation { content: ''; background: url(../images/icons/ccv.png) no-repeat; width: 60px; height: 45px; float: left; margin-top: 10px } .lc2.checkout-form .check.save-cc-container label span, .lc2.checkout-form .check.accept-terms label span, #PayPalshippingBillingPageNext span, #savedCreditCardFormContainer .check.accept-terms label span { font-weight: 400; font-size: 16px!important } .email-address, .lineTitle .title { font-weight: 700!important; font-family: Verdana, Arial, Helvetica, sans-serif } #perk-amount, #perk-name, #promo-amount, #promo-name, .cart-item-image, .cart-item-info span, .more-info { font-family: FuturaBQBook, Arial, Helvetica, sans-serif!important } .prescription-lc { margin-bottom: -12px; margin-left: 29px; margin-right: 10px; padding-left: 10px; padding-top: 18px; height: 55px; width: 82%; background-color: #fff!important; border: 1px solid #d5d5d5; font-size: 15px } .prescrInfoTitle { margin-top: 60px!important } .frame-recap.confirm { margin-top: 20px } .frame-itemdetail { padding-left: 10px; padding-right: 10px; border: 1px solid #000!important } .cart-d.confirm { margin-top: -22px } .otherItemsContainer img { mix-blend-mode: multiply } .cart-d.confirm>ul>li.frame-recap.confirm:last-of-type { margin-bottom: 13px; margin-top: -60px; padding: 26px 26px 26px 10px } .doctor-info-restyle { border-top: 0!important; border: 1px solid #000; padding-top: 0!important; padding-left: 10px; padding-right: 10px } .prescriptionsFieldset { margin-bottom: 35px!important } .cart-d.confirm .styled-link.prescriptions { text-align: left; text-decoration: none; font-weight: lighter; font-size: 13px } .styled-link.prescriptions.two-pds { margin-top: -30px } div#item-arrow { content: ""; width: 0; height: 0; border-color: #000 transparent transparent; border-style: solid; border-width: 7.5px 9px 0 7.5px; margin: -1px auto 10px } .cart-d.confirm.prescr { width: 122%; margin-left: -33px } .itemBlocksContainer { margin-left: auto; margin-right: auto } span.prescriptionTitleFor { font-weight: 700!important; font-size: 17px } .order-success.page-container.checkout.prescription { margin-top: -50px } .thank-you-page .cart-item-container .cart-item-info .hasWarranty span.checked { content: ''; background: url(../images/sprites/newCheckSprite.png) -33px; background-size: auto; width: 18px; height: 20px; position: absolute; color: #000; margin-left: -25px } #perk-name, #promo-name, .more-info { background-color: #fff; position: relative; } #perk-amount, #perk-name, #promo-amount, #promo-name { color: #049d46 } #perk-name, #promo-name { font-size: 15px!important; text-transform: lowercase; padding-right: 6px; margin-right: -5px; display: inline-block } #perk-amount, #promo-amount { font-size: 15px; float: right; padding-top: 3px } .perk-container { margin-top: 10px; margin-bottom: 10px } .more-info { font-size: 15px; line-height: 1.27; padding-bottom: 5px; padding-right: 20px } .cart-d span { font-weight: 400!important; margin-right: 5px; font-size: 16px; color: #3f2a2e } .pac-container { border-radius: 0 0 5px 5px; box-shadow: none; background-color: #f7f6f7; border: 1px solid #d5d5d5; padding-bottom: 40px; z-index: 999999!important } .pac-item { color: #000; font-size: 14px; border: 0 } .pac-logo:after { content: normal } .pac-matched { font-family: FuturaBQBold; font-weight: 900; font-size: 14px } .pac-footer { position: absolute; bottom: 0; width: 100%; border-top: 1px solid #d5d5d5; font-size: 14px; padding: 10px } .pac-footer span { display: inline-block; width: 46% } .additional-address-data>p, .checkout-wrapper-steps p.use-different, .pac-footer span.enter-manually { cursor: pointer; color: #4d8eca } form.checkout-form.lc2 .address_summary.show { content: ""; display: table!important; clear: both } form.checkout-form.lc2 .address_summary .edit-addr, p.use-different { padding-top: 10px; font-size: 16px; color: #4d8eca } #checkout_cart.checkout-step-2 { padding: 0 20px } .checkout-step-3 .cc-cvc h5, .form-area h5 { font-size: 11px; font-weight: 400; color: #aaa } .wellcalldocInputFields { padding-left: 45px } .right-nav.prescr { width: 100%; margin: 0!important } .useSamePrescriptionDiv .useSamePrescrDesc { padding-left: 30px } .right-nav.prescr .prescription-lc { margin-left: 0; width: 100% } button#searchDoctorInformation { width: 100px; float: right; margin: 10px 0 } li.prescriptionProvided { background: #f7f7f7 } .checkout-wrapper ul.accordion-menu.in-page.in-page-full li .addr-line-2 p.show-addr-line-2 { color: #4d8eca; font-size: 14px; margin-top: 20px } .shopCartTotals .calculate-tax h3, #total_breakdown .calculate-tax span { display: inline-block; text-transform: none; font-size: 15px!important; padding: 0; font-family: FuturaBQMedium, Arial, Helvetica, sans-serif!important; } .shopCartTotals .calculate-tax .calculate:after { margin-top: 6px; border-top: 8px solid #4d8eca; border-bottom: 0 } .shopCartTotals .calculate-tax .calculate.open:after, .shopCartTotals .calculate-tax .calculate:after { width: 0; content: ""; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; cursor: pointer; position: absolute; right: -17px; top: 0 } .shopCartTotals .calculate-tax .calculate.open:after { margin-top: 6px; border-bottom: 8px solid #4d8eca; border-top: 0 } .shopCartTotals .calculate-tax .show-tax p { margin-top: 14px; margin-bottom: 7px } .shopCartTotals .calculate-tax label { display: block; font-family: FuturaBQBold; font-size: 14px; margin-top: 30px } .shopCartTotals .calculate-tax input { background: #fff; border: 1px solid #d5d5d5; border-radius: 5px; margin-top: 10px; color: #523f42; font-size: 14px; width: 100%!important; padding: 14px 7px } #billing_address .step-footer .go-to-the-next-step:before, #guestShopperContinue:before { content: ''; background: url(../images/sprites/newCheckSprite.png) -55px; background-size: auto; width: 18px; height: 20px; position: absolute; color: #000; margin-left: -35px; margin-top: 12px } .right-nav .frame-recap>.title span { font-family: FuturaBQBold; font-size: 16px; text-transform: uppercase; } .presc-need-alert, .right-nav .frame-recap li { font-family: FuturaBQBook; font-size: 14px } .right-nav .frame-recap li.lens-recap:after { content: ""; display: table; clear: both } .right-nav .frame-recap .lens-descr { padding-left: 5px; width: 80% } .tax-summary.typ{ border: solid 1px #d5d5d5!important; border-bottom:none!important; background:white!important; } #PaymentMethodEntry { border-bottom: solid 1px #d5d5d5!important; background:white; } #PaymentMethodEntry h2{ text-transform:none; font-size:16px; } .tax-summary{margin-bottom: -18px!important;} .toggle-summary+.summary-arrow:after { content: "\25bC" } #help-footer p.need-help:before { content: "\1f4ac"; margin-right: 5px } .presc-need-alert { color: #4d8eca; font-size: 16px; margin-top: 10px } .shopCartTotals .calculate-tax .calculate { float: right; margin-right: 20px; margin-top: 5px; cursor: pointer; position: relative } .shopCartTotals .calculate-tax .submit { border: 0; font-size: 16px; position: relative; float: right; margin-top: -47px; width: 70px; background: 0 0; color: #4d8eca; font-family: FuturaBQBook, Arial, Helvetica, sans-serif; font-weight: 400; text-transform: none } #PaymentMethodEntry .payment { font-size: 16px; text-transform: uppercase; font-weight: 600!important; } .right-nav .frame-recap>.title { padding-bottom: 15px } .right-nav .frame-recap .lens-label { width: 10% } .total-savings .total-savings-label { width: 50%; text-align: left } #Search_Forms_div ul.st-tabs.results-tabs li a span, .summary-arrow { float: right; margin-left: 10px } .toggle-summary.open+.summary-arrow:after { content: "\25b2" } #accept_terms-error:before, #prescription-needed-link::after, .presc-need-alert:before { content: '' } #help-footer { margin: 15px 0 40px; padding: 15px } #help-footer p { font-size: 16px; padding: 3px 0 } .presc-need-alert:before { background: url(../assets/lc2_sprite.gif) -898px -420px; background-size: 600px; height: 28px; padding-left: 36px; vertical-align: middle; padding-top: 3px; margin-right: 10px } #prescription-needed-link::after { width: 0; height: 0; display: inline-block; border-color: transparent transparent transparent #4d8eca; border-style: solid; border-width: 5px 0 5px 9px } .wholePrescrContainer { width: calc(100% - 26px); margin: 0 13px; padding-top: 1px; } .error-avalara { border: 1px solid #ce0a2d!important } .accept-terms.error:after { top: 70px!important; left: 0!important } #creditCardFormContainer form.lc2 .input-container.error::after { right: 295px; top: 93px!important } #creditCardFormContainer form.lc2 .input-container.check.accept-terms.error>span.required { margin-top: 33px!important } .page-container.checkout.checkout-step-2.ucp_active #billing_address form.lc2 .accordion-menu.in-page.in-page-full.billing-addr.form-area .input-container.error::after, .page-container.checkout.checkout-step-2.ucp_active #billing_address form.lc2 .accordion-menu.in-page.in-page-full.shipping-addr.form-area .input-container.error::after, .page-container.checkout.checkout-step-2.ucp_active form.lc2 .accordion-menu.in-page.in-page-full.billing-addr.form-area #ShippingAddr .insert-manually.billing .input-container.error::after { margin-right: 280px; top: 97px!important } .page-container.checkout.checkout-step-2.ucp_active #billing_address form.lc2 .accordion-menu.in-page.in-page-full.shipping-addr.form-area .insert-manually .input-container.error::after { margin-right: 280px; top: 114px!important } .input-container.error, .select_container.error { padding-bottom: 27px } .checkout-wrapper span.required { position: absolute!important; left: 0!important; top: 100px; width: 300px; margin: 0!important } span.required[for=cc_cvc_1] { top: 75px } #shippingAddressForm #date_of_birth_group-error { margin-top: 395px!important; margin-left: 25px!important } #shippingAddressForm #shipping_phone1-error { top: 120px } .prescriptionsFieldset .input-container.error:last-child span.required { top: 60px } #shippingAddressForm #address1-error { margin-top: 20px!important } #upload-form span.required { position: static!important; padding-left: 25px } #content_wrapper_box form.lc2 #shippingAddressForm #basicInformationFormDiv .date-parent .select_container::before { top: 30px!important } #total_breakdown .calculate-tax span.required { position: static!important; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; margin: 10px auto 15px 25px!important } #showTaxSubtitleStyle { position: relative; font-size: 16px; top: 23px; margin-bottom: 20px; font-family: FuturaBQBook!important } span.required-avalara { display: inline-block; left: 0!important; top: 100px; width: 300px; margin-right: 0!important; color: #cf0a2c; font-size: 13px; font-style: italic; margin-left: 18px } #basicInformationFormDiv .fe-row label.labelHeader.dob { font-family: FuturaBQBold; font-size: 14px } .shopping-cart-page.thank-you-page #userRegModelFormConfirm #age-error { position: relative!important; top: 5px; font-weight: 400 } .calculate-tax span.calculate { border: 0; float: right; margin-top: -47px; width: 70px; background: 0 0; color: #4d8eca; font-weight: 400; text-transform: none } .calculate-tax .calculate span.price { font-weight: 400; color: #523f42 } .input-container.card-number.error { padding-bottom: 45px } .input-container.three-input.phone input#shipping_phone1 { width: 100%!important; text-align: left!important } #my_notification_container { margin-bottom: 35px } #help-footer .need-help:before { content: ''!important; background: url(../../images/sprites/needHelp.png) no-repeat; background-size: contain; width: 25px; height: 23px; display: inline-block; margin-right: 10px; position: relative; top: 5px } #prescriptionMode #selectPrescription-error { left: 26px!important; top: auto; bottom: -24px; margin: auto!important } #content_wrapper_box .checkout-step-3 form.lc2 .label_check input[type=checkbox]+span, .checkout-wrapper .checkout-step-3 ul.accordion-menu.in-page.in-page-full li p { line-height: 1em } #checkoutDoctorInfo #doctor-info { overflow: auto } #doctorsResultContainer h1 { font-weight: 400; padding-bottom: 10px; border-bottom: 1px solid #d5d5d5; text-transform: none } #doctorsResultContainer p { margin: 6px 0 } #doctorsResultContainer #didnotfind a.open:after, #doctorsResultContainer #didnotfind a:after { width: 0; content: ""; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; margin-top: 10px; margin-left: 5px } #doctorsResultContainer #didnotfind a:after { float: right; border-bottom: 8px solid #000; border-top: 0 } #doctorsResultContainer #didnotfind a.open:after { border-top: 8px solid #000; border-bottom: 0 } #doctorsResultContainer ul#doctorsResultList li { border-bottom: 1px solid #d5d5d5; padding: 14px 0 } #doctorsResultContainer ul#doctorsResultList li label.doctorsResultOption span { font-family: FuturaBQBook, Arial, Helvetica, sans-serif; font-size: 16px; margin-top: 6px; margin-bottom: 6px; margin-left: 18px; position: relative } #doctorsResultContainer ul#doctorsResultList li p { font-family: FuturaBQBook, Arial, Helvetica, sans-serif; font-size: 16px; margin-top: 6px; margin-bottom: 6px; margin-left: 50px } #prescriptionForContainer p.bold { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; color: #3f2a2e } .prescriptionTitleFor, .whosprescr { font-family: FuturaBQBold, Arial, Helvetica, sans-serif!important; font-weight: 400!important; font-size: 16px!important; color: #3f2a2e!important } #prescriptionProvided span.model, a.lc-btn, button.lc-btn { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-size: 18px } .prescriptionsCompleted h1 { font-size: 24px!important; color: #3f2a2e } .providedPrescriptionThanks .prescriptionsCompleted { margin-top: 14px } #prescriptionForContainer .view-name { position: relative; background-color: #f7f6f7; border: 1px solid #d5d5d5; border-radius: 5px; margin-top: 6px; color: #523f42; padding: 15px 8px } #prescriptionForContainer .view-name p { font-family: FuturaBQBook, Arial, Helvetica, sans-serif; font-size: 16px; min-height: 25px } #prescriptionForContainer .edit-name { color: #4d8eca; font-family: FuturaBQBook, Arial, Helvetica, sans-serif; font-size: 16px; position: absolute; top: 12px; right: 15px } .input-container.check.accept-terms span { text-transform: none!important } span.lc-sprite { display: inline-block; background: url(../assets/lc2_sprite.gif); background-size: 500px; margin-right: 5px } span.lc-frames-big { background-position: -248px -113px; width: 40px; height: 16px } span.lc-lenses-big { background-position: -292px -114px; width: 30px; height: 20px } span.lc-exam, span.lc-exam-green { background-position: -325px -113px; width: 30px; height: 27px; position: relative; top: 4px } span.lc-exam-green { background-position: -83px -145px } span.lc-contact-lenses { background-position: -358px -113px; width: 35px; height: 22px } #content_wrapper_box form.lc2 .select_content, form.lc2 .select_content { margin: 6.5px 0 0 } #content_wrapper_box form.lc2 .select_content label, form.lc2 .select_content label { color: #3f2a2e; display: block!important; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: .025em; margin-top: 18px; position: relative } #content_wrapper_box form.lc2 .select_content-options, form.lc2 .select_content-options { display: flex; justify-content: flex-start } #content_wrapper_box form.lc2 .select_content-options .select_container, form.lc2 .select_content-options .select_container { width: 110px; margin-right: 5px } #content_wrapper_box form.lc2 .select_content-options .select_container select, form.lc2 .select_content-options .select_container select { width: 88%; padding-left: 6px } #content_wrapper_box form.lc2 .select_content-options .select_container::before, form.lc2 .select_content-options .select_container::before { top: 28px; right: 14%; border-top: 6px solid #3f2a2e } a.lc-btn, button.lc-btn { background-color: #4179b1; border: 1px solid #4179b1; border-radius: 5px; color: #fff; cursor: pointer; display: inline-block; font-size: 13px; font-weight: 400; height: auto; letter-spacing: .06em; line-height: 1; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; transition: background-color 150ms, border-color 150ms, color 150ms; padding: 15px 30px } a.lc-btn:focus, a.lc-btn:hover, button.lc-btn:focus, button.lc-btn:hover { background-color: #558bc1; color: #fff; outline: 0; border-color: #558bc1 } a.lc-btn.lc-disabled, a.lc-btn[disabled], button.lc-btn.lc-disabled, button.lc-btn[disabled] { cursor: not-allowed; background-color: #656262; border-color: #656262 } a.lc-btn-outline:focus, a.lc-btn-outline:hover, button.lc-btn-outline:focus, button.lc-btn-outline:hover { background-color: transparent; color: #6d4950; border-color: #6d4950 } a.lc-btn-small, button.lc-btn-small { padding: 10px 30px } a.lc-btn-clear:focus, a.lc-btn-clear:hover, button.lc-btn-clear:focus, button.lc-btn-clear:hover { background-color: transparent; color: #6d4950; border-color: transparent } a.lc-btn-clear-blue:focus, a.lc-btn-clear-blue:hover, button.lc-btn-clear-blue:focus, button.lc-btn-clear-blue:hover { background-color: transparent; color: #739fcc; border-color: transparent } a.lc-btn-orange:focus, a.lc-btn-orange:hover, button.lc-btn-orange:focus, button.lc-btn-orange:hover { background-color: #f18b43; color: #fff; border-color: #f18b43 } a.lc-btn-green:focus, a.lc-btn-green:hover, button.lc-btn-green:focus, button.lc-btn-green:hover { background-color: #00ca62; color: #fff; border-color: #00ca62 } .lc-lookup-container { font-family: FuturaBQBook, Arial, Helvetica, sans-serif; margin: 10px auto } .lc-lookup-head { text-align: center; margin-bottom: 20px; padding: 20px 0 } .lc-lookup-head h1 { font-size: 18px; color: #3f2a2e } .lc-lookup-head .lc-subtitle { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; padding-left: 1em; padding-right: 1em; color: #3f2a2e; line-height: 1.5; letter-spacing: .05em; margin: 5px auto } .ui-dialog .lc-lookup-head .lc-subtitle { width: 100%; font-size: 14px; margin-bottom: 0 } .lc-lookup-one-more-chance { padding-bottom: 28px; color: #3f2a2e } .lc-lookup-one-more-chance>h3, .lc-lookup-one-more-chance>span { font-size: 16px; color: #3f2a2e } .lc-lookup-loading, .lc-lookup-loading p { color: #3f2a2e; margin: 0 auto; padding: 0 1em } .lc-lookup-loading { text-align: center; min-height: 300px } .lc-lookup-loading h2 { font-size: 22px; color: #3f2a2e; font-weight: 400; letter-spacing: .05em; line-height: 1.3; margin: 0 auto 5px; padding: 0 } .lc-lookup-loading p { font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif } .lc-lookup-footer { display: flex; flex-direction: column; margin: 30px 0 200px } .ui-dialog .lc-lookup-footer { margin: 60px 15px 0 } .lc-lookup-need-help { text-align: center; border-top: 1px solid #d5d5d5; padding: 15px } .ui-dialog .lc-lookup-need-help { background-color: #f7f6f7 } .ui-dialog .lc-lookup-need-help a { color: #3f7ab2; text-decoration: underline; font-weight: 700 } .lc-lookup-need-help h3 { margin: 10px 0 0; padding: 0 } .lc-lookup-err-container { text-align: center; font-weight: 400; padding: 10px 10px 20px } .ui-dialog .lc-lookup-err-container { border-top: 0; padding: 40px 0 70px } .lc-lookup-err-container h5 { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 32px; font-weight: 400; letter-spacing: .06em; padding: 0 10px } .lc-lookup-err-container h2, .lc-lookup-err-container p { font-size: 24px; font-weight: 400; letter-spacing: .06em; color: #3f2a2e; line-height: 1.3; margin: 0 auto; padding: 0 10px } .lc-lookup-err-container p { font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5; padding: 10px } .lc-lookup-err-container p span.bold { display: block; font-weight: 700 } .lc-lookup .ui-dialog { border: 1px solid #d5d5d5; border-radius: 0; box-shadow: none; overflow: visible; padding: 0 } .lc-lookup .ui-dialog.lc-dialog-center { left: 2%!important; width: 96%!important; margin: 0 auto!important } .lc-lookup .ui-dialog-titlebar { background-color: #f7f6f7; border-radius: 0; padding: 32px } .lc-lookup .ui-dialog-titlebar-close { position: absolute; top: -2em; right: 0; margin-right: 10px; color: #fff; font-size: 13px } .lc-lookup .ui-dialog-titlebar-close .ui-icon { color: #3f2a2e; font-weight: 400; letter-spacing: .05em; margin-right: 0 } .lc-lookup .ui-dialog-titlebar-close .ui-icon::after { background-image: none; vertical-align: middle; display: inline; content: 'X'; margin-top: 3px; position: relative; color: #3f2a2e; padding: 0 } .lc-lookup .ui-dialog-title { display: block; text-align: center; font-size: 18px; color: #3f2a2e; letter-spacing: .06em; text-transform: uppercase; line-height: 1.5 } .lc-lookup .label_check span { font-size: 16px; float: none; margin: 0 } .lc-lookup .lc-content-dialog { overflow: hidden; padding: 0 0 15px } .lc-lookup .lc-content-dialog #plan-info .radio { border-top: 1px solid #d5d5d5; padding-top: 40px; padding-bottom: 20px; margin-top: 30px } .lc-lookup .lc-content-dialog-form form.lc2 .select_content { margin-top: 25px; margin-bottom: 12.5px; padding-bottom: 25px; border-bottom: 1px solid #d5d5d5 } .lc-lookup .lc-content-dialog-form form.lc2 .radio { display: inline-block; line-height: 23px; position: relative; width: 100%; padding-top: 10px; margin: 7px 0 } .lc-lookup .lc-content-dialog-form form.lc2 .radio-label { font-size: 16px; letter-spacing: .06em; color: #3f2a2e; font-family: FuturaBQBook, Arial, Helvetica, sans-serif; font-weight: 400 } .lc-lookup .lc-content-dialog-form form.lc2 .radio-label:before { content: ''; background: url(../assets/lc2_sprite.gif) -62px -64px; background-size: 500px; width: 23px; height: 23px; float: left; margin: 0 10px 0 0 } .lc-lookup .lc-content-dialog-form form.lc2 .radio input[type=radio] { cursor: pointer; height: 16px; left: 0; opacity: 0; position: absolute; width: 16px } .lc-lookup .lc-content-dialog-form form.lc2 .radio input[type=radio]:checked+span:before { content: ''; background: url(../assets/lc2_sprite.gif) -89px -64px; background-size: 500px } .lc-lookup .lc-content-dialog-form form.lc2 .lc-info { background-color: #fff; margin-top: 0; display: none; padding: 0 23px } .lc-lookup .lc-content-dialog-form form.lc2 .lc-info .radio input { display: block; margin-left: 33px; padding-left: 12px; width: 140px } .lc-lookup .checkbox { margin-right: 0; width: 100%; font-size: 16px; padding: 10px 20px } .lc-lookup .checkbox span::before { margin-top: 3px } .lc-lookup .lc-dialog-form { background-color: #fff; border-radius: 0; padding: 0 } .lc-lookup .lc-dialog-form .lc-lookup-one-more-chance { justify-content: space-between; color: #3f2a2e; padding: 7px 0 } .lc-lookup .lc-dialog-form .label_check span { font-size: 14px; display: inline-block } .lc-lookup .lc-dialog-form .lc-lookup-head .lc-subtitle { width: 100%; font-size: 16px; margin-bottom: 0; padding: 0 25px } .lc-lookup .lc-dialog-form .lc-lookup #personal-info-submit { font-size: 13px; font-family: FuturaBQBook, Arial, Helvetica, sans-serif } .lc-lookup .lc-dialog-form .lc-content-dialog { overflow: hidden; padding: 0 7px 15px } .lc-lookup .lc-dialog-form .lc-info { padding-top: 25px; margin-top: 15px } .lc-lookup .lc-dialog-form .lc-footer-dialog { background-color: #f7f6f7; text-align: center; border-top: 1px solid #d5d5d5; padding: 15px 20px } .lc-lookup .selectBox-dropdown-menu { z-index: 100004 } .lc-lookup .lc-btn { width: 92%; margin: 4% } .lc-elig { display: flex; flex-direction: column; padding: 20px 0 } .lc-elig-row { display: flex; position: relative; width: 100%; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; padding: 35px 0 10px } .lc-elig-row>div { width: 33.33% } .lc-elig-row>div a { font-size: 16px; text-decoration: underline } .lc-elig-row>div:nth-of-type(1) { text-transform: uppercase; padding-left: 84px } .lc-elig-row>div:nth-of-type(2) { padding-left: 84px } .lc-elig-row :not(.lc-elig-header)>div:nth-of-type(1) { font-size: 22px } .lc-elig-row-dropdown { display: none; padding: 0 0 0 84px } .lc-elig-header { text-transform: uppercase; padding: 10px 0 } .lc-elig-available-status:before { content: ''; display: inline-block; background: url(../assets/lc2_sprite.gif) -422px -114px; background-size: 500px; width: 16px; height: 16px; margin-right: 10px; vertical-align: top } .lc-elig-available .lc-elig-available-status .lc-exam { background-position: -83px -145px; height: 27px; position: relative; top: 4px; width: 30px } .lc-elig-available .lc-elig-available-status:before { background-position: -397px -114px; width: 21px; height: 16px } .lc-elig.lc-elig-small { border-bottom: 0; padding: 0 } .lc-lookup-eligible .lc-elig.lc-elig-small { margin-bottom: 50px } .lc-elig.lc-elig-small .lc-elig-row { flex-direction: column } .lc-elig.lc-elig-small .lc-elig-row>div:nth-of-type(1) { font-size: 24px; letter-spacing: .06em; padding: 0 20px } .lc-elig.lc-elig-small .lc-elig-row>div:nth-of-type(2) { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin-top: 10px; color: #3f2a2e; padding: 0 55px } @keyframes lds-rolling { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @-webkit-keyframes lds-rolling { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } .lds-rolling { position: relative; width: 100px!important; height: 100px!important; -webkit-transform: translate(-50px, -50px) scale(.5) translate(50px, 50px); transform: translate(-50px, -50px) scale(.5) translate(50px, 50px); } .lds-rolling div, .lds-rolling div:after { position: absolute; width: 68px; height: 68px; border: 8px solid #787879; border-top-color: transparent; border-radius: 50% } .lds-rolling div { -webkit-animation: lds-rolling 1s linear infinite; animation: lds-rolling 1s linear infinite; top: 100px; left: 100px } .lds-rolling div:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #header-insurance.logged:before, #header-insurance.not-logged:before { content: ''; background: url(../assets/lc2_sprite.gif) 214px 294px; background-size: 320px; width: 21px; height: 24px; margin-top: -4px } #header-insurance.not-logged:before { background-position: 187px 294px } .lc-lookup span.required { font-style: normal; letter-spacing: normal; width: auto } .lc-lookup .checkbox span.required, .lc-lookup .radio span.required, .lc-lookup .select_content span.required { margin-left: 25px!important; margin-top: 5px!important; position: static!important } #insurancePage .select_content-options.error select, .lc-lookup .radio.error input { border: 1px solid #ce0a2d!important; background: #fef2f4!important } #insurance-switch { text-align: center; cursor: pointer } #insurance-switch>span { text-transform: uppercase; font-family: FuturaBQBold; font-size: 19px; position: relative; top: -4px } #insurance-pdp #insurance-switch.insurance-on span, #insurance-pdp.insurance-on #insurance-switch span, #insurance-switch.insurance-on span, #insurance-used span, .lensLabel.insurance-on, .price.insurance-on { color: #2f8656 } #insurance-pdp #insurance-switch.insurance-on > span:before, #insurance-pdp.insurance-on #insurance-switch > span:before, #insurance-switch.insurance-on>span:before { background-position: 242px 188px } #insurance-content .error { color: #000; font-family: FuturaBQBook; border: 1px solid #cf0329; background-color: #fae7eb; padding: 15px } #insurance-used span { position: relative; top: -6px } #insurance-switch>span:before, #insurance-used span:before, .insuranceUsed.logged:before { content: ''; background: url(../assets/lc2_sprite.gif) 212px 188px; display: inline-block; background-size: 360px; width: 24px; height: 28px; position: relative; top: 6px } #insurance-used span:before { position: relative; top: 8px; margin-right: 5px; background-size: 360px; width: 24px; height: 28px; background-position: 242px 188px } #insurance-switch .switch-outer { width: 42px; height: 24px; background: #5b494c; display: inline-block; border: 2px solid #5b494c; border-radius: 18px; position: relative; top: -2px; margin-left: 4px; text-align: left } #insurance-switch .switch-inner { width: 20px; height: 20px; background: #fff; display: inline-block; border-radius: 13px } #insurance-switch.insurance-on .switch-outer, #insurance-pdp.insurance-on #insurance-switch .switch-outer { background: #2f8656; text-align: right; border-color: #2f8656 } #insurance-pdp #insurance-switch { font-family: FuturaBQBold, Arial, helvetica, sans-serif; font-size: 14px; background: 0 0; border: 0; margin: 0; padding: 0 } #insurance-pdp #insurance-switch>span { font-size: 16px; font-family: FuturaBQBook; font-weight: 700; top: -6px; letter-spacing: .5px; color: #1f1f1f } #insurance-pdp #insurance-switch>span:before { top: 8px; margin-right: 15px } .lc-lookup .ui-widget-overlay.black-overlay { position: fixed } .lc-lookup form.lc2 .select_container select { border-radius: 6px; width: 100%!important } .lc-cart-insurance-warning { position: relative; padding-left: 25px; font-size: 16px; line-height: 1.2; width: 660px; color: #760000 } .lc-cart-insurance-warning>p { font-size: 16px; letter-spacing: -.02em } .lc-cart-insurance-warning:before { content: ''; position: absolute; top: 0; left: 0; width: 16px; height: 16px; background: url(/webapp/wcs/stores/LensCraftersStorefrontAssetStore/images/insurance/warning.png); background-size: 16px } #insurance-price-loader>.lc-dialog-center { position: fixed; top: 50%!important; transform: translateY(-50%) } .calculate-price-enh { height: 35px!important; width: 70%!important; line-height: 35px!important; display: block; margin: 0 auto!important } .ria-modal-calculated-price { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-size: 15px; color: #523f42; display: inline-block; left: 95px; position: relative; top: 10px; width: 70%; margin: 0 auto } .logged.insuranceUsed span { line-height: 7px; vertical-align: text-top; text-align: center; margin-left: 12px; color: #00a750; text-transform: initial!important } .insuranceUsed.logged:before { background-size: 320px; width: 21px; height: 24px; background-position: 214px 294px } .insuranceColor { color: #00a750 } .providedPrescriptionContainer .prescriptionProvided::before, div.prescriptionProvided::before { content: ''; background: url(../assets/lc2_sprite.gif) -898px -420px; background-size: 600px; height: 28px; padding-left: 36px; vertical-align: middle; padding-top: 3px } .providedPrescriptionContainer .prescriptionProvided::before, div.prescriptionProvided::before { background-position: -924px -420px } .subtitleRequired { margin-left: 35px } #radio-separator { border-bottom: 2px solid #d5d5d5; width: 40%; text-align: center } #radio-separator span { background-color: #fff; position: relative; top: 6px; padding: 0 10px } .iphFix360 { display: block; height: 100%; z-index: 12000; position: fixed!important; top: 0; left: 0; width: 100% } .s7container.s7innercontainer { left: 0!important; top: 0!important } small.prescr-form-required:before { content: '*'; font-weight: 700 } .lens-color-actual>ul, .lens-container>ul { width: auto; justify-content: left; margin: 0 -13px } .lens-container>ul li:last-child a { text-overflow: ellipsis; overflow: hidden } #userRegModelFormConfirm span.required { position: static!important; margin: 5px 0 0!important; width: 320px; } #userRegModelFormConfirm .input-container.error { padding-bottom: 0!important } #perks-insurance-modal-overlay { width: 100%; height: 2054px; background: #000; opacity: .7; position: absolute; top: 0; left: 0; z-index: 1001; display: none } #perks-insurance-modal { z-index: 1002; outline: 0; position: absolute; height: auto; width: 346.5px; top: 210px; left: 14px; background: #fff; border-radius: 6px; display: none; padding: 16px 16px 25px } #perks-insurance-modal .close-button { text-transform: uppercase; text-align: right; font-family: futuraBQBold } #perks-insurance-modal .close-button>span { width: 80px } #perks-insurance-modal .close-button>span span { font-size: 12px; display: inline-block; color: #4d8eca } #perks-insurance-modal .close-button .close-x { font-size: 10px; background: #4d8eca; color: #fff; margin-left: 5px; border-radius: 10px; position: relative; top: -1px; padding: 3px } #perks-insurance-modal h2 { text-align: left; line-height: 20px; font-size: 16px; font-family: futuraBQBold; color: #3f2a2e; margin: 15px 0 10px } #perks-insurance-modal p { font-size: 13px; margin-bottom: 20px; color: #3f2a2e } #perks-insurance-modal button.perks-cancel, #perks-insurance-modal button.perks-use-insurance { display: inline-block; width: 145px; border-radius: 3px; font-size: 14px; padding: 12px 0 } #perks-insurance-modal button.perks-cancel { float: left; background-color: #fff; border: 1px solid #000; color: #000 } li.perk-section { margin-top: 20px; background: #e9f4ff; padding: 0 } .perk-section-first-row { display: flex; flex-flow: row nowrap; position: relative; padding: 5px 23px 2px } h3.perk-title { font-family: FuturaBQBook!important; font-size: 16px!important; font-weight: 700; margin-top: -2px; color: #1f1f1f; padding: 0!important } #perk-available { font-size: 16px!important; color: #4d82b4!important; margin-top: -5px; font-family: FuturaBQBook } .perk-icon:before { content: ''; background: url(/webapp/wcs/stores/LensCraftersStorefrontAssetStore/images/upcoming-perks-new-big.png); background-size: 25px; width: 24px; height: 25px; display: inline-block; position: relative; filter: grayscale(100%); opacity: .7; margin-right: 15px; top: 6px } .perk-triangle:after { content: '\25C0'; transform: rotate(-180deg); font-size: 13px; color: #4d82b4; float: right } .perk-triangle { cursor: pointer; transform: rotate(90deg); position: absolute; right: 35px; top: 15px } .perk-triangle-rotated { margin-right: -9px; margin-bottom: 2px; cursor: pointer; transform: rotate(-90deg) } .perk-accordion { display: none; padding: 15px 15px 0 } .perk-box { height: auto; border-radius: 5px; border: 2px solid #b9b9b9; position: relative; background: #fff } .perk-check, .perk-check-active { position: absolute; top: -2px; color: #fff; height: 15px; text-align: center; border-radius: 5px; padding-bottom: 3px; cursor: pointer; margin: 0 } .perk-check { left: -2px } .perk-check-active { right: 0; border: 0 } .perk-check-active:before { display: block; position: absolute; top: 3px; right: 0; content: ''; background: url(../assets/lc2_sprite.gif) 1248px 271px; background-size: 539px; width: 26.3px; height: 26.3px; transform: scale(.8); filter: hue-rotate(-75deg) } .perk-box-active { height: auto; position: relative; border-radius: 5px; border: 3px solid #3fb273 } .perk-accordion-expires, .perk-accordion-expires-active { width: 70%; padding-left: 10px; padding-bottom: 5px } .perk-accordion-title, .perk-accordion-title-active { font-weight: 700; padding: 15px 10px 5px } .bottom-perk { display: flex; flex-flow: row nowrap; justify-content: space-between } [class*=circle_] { width: 15px; height: 15px; text-align: center; background: #4d82b4; border-radius: 50%; line-height: 1!important; margin-right: 15px; cursor: pointer } #perk-question-tag, #perk-question-tag-active { font-family: Verdana; font-size: 12px!important; font-weight: 700; color: #fff!important; padding-top: 2px; padding-left: 1px; cursor: pointer } .perks-text { font-family: Verdana; font-size: 12px; line-height: 1.67; text-align: left; color: #555 } .perks-text>p { color: #555; padding-top: 10px; font-size: 13px } .bottom_perk_content_espot { display: flex; flex-flow: row nowrap; justify-content: space-between; margin-top: 15px; margin-bottom: 5px } .bottom_perk_content_espot>p:nth-child(2) { font-weight: 700; text-align: right } .ui-dialog.st-dialog .ui-dialog-titlebar-close { right: 10px; top: 10px; z-index: 10 } .ui-dialog.st-dialog .ui-dialog-titlebar-close .ui-icon { color: #4d8eca; font-family: FuturaBQBold; font-size: 12px; text-transform: uppercase } .info-dialog, .info-dialog-pdp-mobile { width: 480px; padding: 15px } .info-dialog-pdp-mobile>h1, div.info-dialog>h1 { font-family: FuturaBQBold; font-size: 17px!important; font-weight: 700; text-align: left; color: #ee7723!important; margin-top: 19px } .perk-espot .perk-title-container p { font-family: FuturaBQBold; font-size: 17px; font-weight: 700; text-align: left; color: #ee7723!important; padding: 20px 0 5px!important } .perk-espot .perk-title-container { background-color: #fff!important; color: #ee7723!important; width: 100% } .perk-espot .perk-content-container { width: 100%!important; margin-bottom: -20px!important; border: 0!important; display: flex!important; flex-flow: column-reverse wrap; padding: 0!important } .button-product-perk { width: 60%; border-radius: 2px; background-color: #326fa8; display: block; margin: auto; padding: 10px } .button-product-perk>a { font-family: FuturaBQBold; font-size: 15px; font-weight: 700; text-align: center; letter-spacing: normal; color: #fff; display: block; padding: 10px } .perk-espot.eligible-product .button-product-perk { display: block; position: absolute; bottom: 24px; left: 68px; padding: 0 } .perk-espot .perk-content-container>p:nth-child(1) { letter-spacing: normal!important; font-weight: 400!important; font-family: Verdana!important; font-size: 14px!important; width: 60%!important; position: relative; top: -70px; margin: 0!important; padding: 0 } .perk-espot .perk-content-container>p:nth-child(1):before { content: "Code: " } .perk-espot .perk-content-container>p:nth-child(2) { font-weight: 700!important; font-family: Verdana!important; width: 50%!important; align-self: flex-end; text-align: right; font-size: 14px!important; position: relative; top: -12px } .perk-espot .perk-content-container>p:nth-child(3) { padding-right: 0!important; padding-left: 0!important; padding-top: 10px!important; line-height: 1.54; font-size: 13px!important } #header-shield-box { width: 100%; background-color: #f8f8f8; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5); display: flex; flex-flow: column } .header-shield-box1 { height: 52px; border-bottom: solid 1px #f1eeed; display: flex; flex-flow: row; justify-content: center; align-items: center } .heder-shield-title { font-family: FuturaBQMedium; font-size: 14px; font-weight: 600; letter-spacing: .5px; color: #1f1f1f; width: 46%; bottom: 0; height: fit-content } .header-shield-content { height: 101px; display: flex; justify-content: space-around; align-items: center; flex-flow: column; padding-top: 10px; padding-bottom: 10px } .heder-shield-title span.ba { background: url(../assets/plugins/images/sort_desc.png) -3px -7px no-repeat; float: right; width: 13px; height: 13px; position: absolute; margin-left: 16px } .header-shield-content a { font-family: FuturaBQBook; font-size: 15px; font-weight: 500; letter-spacing: .5px; color: #5a5a5a } .logged, .not-logged { background: url(../assets/lc2_sprite.gif) -132px -91px no-repeat; background-size: 320px; width: 20px; height: 20px; margin-right: 24px } .logged { background-position: -106px -91px } ul[id^=MenuLinks] li.brands+li, ul[id^=MenuLinks]>li.trends-accordion>ul>li:nth-child(2) { justify-content: flex-end } ul[id^=MenuLinks] li.brands+li a { color: #326fa8!important } ul#MenuLinks>li:first-child>ul>li:first-child { align-items: flex-start!important } .most-popular h3, [id^=MenuLinks] .eyeglasses-accordion .eyeglasses-shop, [id^=MenuLinks] .eyeglasses-accordion .sunglasses-shop { font-family: FuturaBQBook!important; font-size: 15px!important; font-weight: 600; letter-spacing: .5px; color: #1f1f1f; padding-left: 20px } .most-popular h3 { align-self: flex-start; margin-bottom: 5px } .most-popular h3:first-child { margin-top: 11px; margin-bottom: -16px } [id^=MenuLinks] .most-popular { height: 457px; display: flex; flex-flow: column wrap; justify-content: space-around } [id^=MenuLinks] .most-popular>div { display: flex; flex-flow: row wrap; height: 303px; justify-content: center; align-items: center; margin-left: 21px } [id^=MenuLinks] .most-popular>div>div { width: 120px; height: 81px; margin-right: 25px; display: flex; flex-flow: column } [id^=MenuLinks] .most-popular>div>div>a>div { display: inline-block; width: 120px; height: 55px; overflow: hidden; position: relative } [id^=MenuLinks] .most-popular>div>div:first-child>a>div>img { left: -365px; top: -194px; width: 860px } [id^=MenuLinks] .most-popular>div>div:nth-child(2)>a>div>img { left: -213px; top: -222px } [id^=MenuLinks] .most-popular>div>div:nth-child(3)>a>div>img { left: -831px; top: -332px } [id^=MenuLinks] .most-popular>div>div:nth-child(4)>a>div>img { left: -831px; top: -395px } [id^=MenuLinks] .most-popular>div>div:nth-child(5)>a>div>img { left: -26px; top: -222px } [id^=MenuLinks].sunglasses .most-popular>div>div:first-child>a>div>img { top: -134px } [id^=MenuLinks].sunglasses .most-popular>div>div:nth-child(4)>a>div>img { left: -26px; top: -155px } [id^=MenuLinks].sunglasses .most-popular>div>div:nth-child(6)>a>div>img { top: -134px; left: -540px; width: 860px } [id^=MenuLinks] .most-popular>div>div>a { font-family: FuturaBQBook; font-size: 14px; letter-spacing: .5px; color: #5a5a5a; text-align: center; margin: auto; padding: 0!important } [id^=MenuLinks] .brands-accordion>ul>li:first-child { display: flex; flex-flow: row wrap; width: 295px; border-left: none; border-right: none; padding-top: 25px; justify-content: center; height: fit-content; margin-right: 0; margin-left: 45px } [id^=MenuLinks] .brands-accordion>ul>li:nth-child(2)>a { color: #326fa8!important; font-weight: 600; margin-left: 153px } [id^=MenuLinks] .trends-accordion>ul>li:nth-child(2)>a { color: #326fa8!important; font-weight: 600 } #MenuLinks .brands+li>a, [id^=MenuLinks] .trends-accordion>ul>li:nth-child(2)>a { justify-self: flex-end!important; padding-right: 4vw; margin: 0 } [id^=MenuLinks] .trends-accordion>ul>li:first-child { display: flex; flex-flow: column wrap; justify-content: space-around; align-items: center!important; height: fit-content; padding-top: 10px } [id^=MenuLinks] .trends-accordion>ul>li:first-child>a>div { width: 320px; height: 50px; border-radius: 2px; border: 1px solid #cac9c6; margin-bottom: 25px; display: flex; flex-flow: row; justify-content: space-around; align-items: center; background-size: 56px; background-position: 0 -4px } [id^=MenuLinks] .trends-accordion>ul>li>a>div>img { width: 50px; position: absolute; left: 0 } [id^=MenuLinks] .trends-accordion>ul>li>a:nth-child(3n)>div>img { transform: scaleX(-1) } [id^=MenuLinks] .trends-accordion h2:after { content: ' '; background: url(../images/arrows/arrow_r.png) no-repeat; width: 20px; height: 20px; background-size: 7px; position: absolute; right: 45px; margin-top: 10px } .trends-accordion h2 span { font-family: FuturaBQBook; font-weight: 400 } [id^=MenuLinks] .exam-accordion ul li:last-child { height: fit-content; padding-bottom: 50px; padding-top: 50px } [id^=MenuLinks] .exam-accordion ul li:last-child div { width: 250px; height: 45px; border-radius: 3px; background-color: #326fa8; margin: auto } [id^=MenuLinks] .exam-accordion ul li:last-child div span { background-image: url(../images/schedule_chart.png); background-position: center; background-repeat: no-repeat; background-size: 24px; position: absolute; width: 24px; height: 24px; margin-top: 9px; margin-left: 14px } [id^=MenuLinks] a.schedule { font-family: FuturaBQBook; font-size: 13px!important; font-weight: 700; letter-spacing: .5px; color: #fff!important; line-height: 3.4!important; text-align: center; margin: auto } [id^=MenuLinks] li.account-accordion, [id^=MenuLinks] li.account-accordion ul { background-color: #fff!important; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .5)!important } [id^=MenuLinks] li.account-accordion ul { height: 257px } [id^=MenuLinks] li.account-accordion ul li { display: flex; flex-flow: column; height: 80%; justify-content: space-around; border: 0; margin-top: 15px } [id^=MenuLinks] li.account-accordion ul li>a:last-child { background-color: #fff!important; border-top: none!important } [id^=MenuLinks] .accordion-bottom { height: 50px; width: 100%; position: absolute; bottom: 0; display: flex; flex-flow: row nowrap } [id^=MenuLinks] .accordion-bottom div { border: 1px solid #f1eeed; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center } .title-categories h1, .title-categories p, [id^=MenuLinks] .accordion-bottom div a { font-family: FuturaBQBook; font-weight: 600; letter-spacing: .5px; color: #5a5a5a } [id^=MenuLinks] .accordion-bottom div a { width: fit-content; font-size: 16px } [id^=MenuLinks] .accordion-bottom div.accordion-find-a-store span { position: relative; right: 3vw; display: inline-block; top: 5px; background: url(../images/redesign/icons.png) -111px -240px no-repeat; background-size: 320px; width: 13px; height: 19px } [id^=MenuLinks] .accordion-bottom div.accordion-favorites span { position: absolute; left: 4vw; background: url(../images/redesign/icons.png) 0 -70px no-repeat; background-size: 320px; width: 16px; height: 19px } .transition-scale-in { transform: scaleX(1) } .transition-scale-out { transform: scaleX(0) } .pdp-container .item-image-options .views-buttons>a { display: inline-block; width: 9px; height: 9px; border: 1px solid #7daed3; border-radius: 9px; margin: 0 4px } .pdp-container .item-image-options .views-buttons>a.active { background-color: #7daed3 } #insurance-perks-container { border-top: solid 2px #cac9c6; margin-top: 15px; padding: 30px 12px } .rectangle-light { border-radius: 3px; border: 1px solid #7daed3; padding: 10px 23px } #insurance-pdp #insurance-switch .switch-outer { width: 37px; height: 17px; border-radius: 8px; background-color: #999; border: 1px solid #999; top: 8px; float: right } #insurance-pdp #insurance-switch .switch-inner { width: 15px; height: 15px; background-color: #fff } #insurance-pdp #insurance-switch.insurance-on .switch-outer, #insurance-pdp.insurance-on #insurance-switch .switch-outer { background-color: #2f8656; border: 1px solid #2f8656 } .title-categories { display: flex; flex-flow: row; justify-content: space-between; align-items: center; height: 60px; padding: 13px } .title-categories h1 { font-family: FuturaBQMedium!important; font-size: 20px!important; font-weight: 300; padding: 0 } .title-categories span { font-weight: 600 } .plp-actions { width: 100%; height: 158px; background-color: #f8f8f8; display: flex; flex-flow: row wrap; line-height: normal!important } .plp-actions a { font-size: 15px!important; font-weight: 500!important; letter-spacing: .5px; color: #326fa8!important } .plp-actions p { font-size: 13px!important; font-weight: 500!important; color: #5a5a5a!important; line-height: 13px!important } .plp-actions.sticky-nav .openRefine { width: 100%!important; padding: 12px; display: flex; } .plp-actions.sticky-nav .refine { border-radius: 2px; background-color: #fff; border: 1px solid #7daed3; height: 45px; line-height: 42px } .openRefine .open-filters { margin-right: 5px; width: 60% !important; } .plp-actions>div:not(.faceted_search).filter>a.open-filters-prescription:before { background: none; margin-right: 0px; display: inline; } .plp-actions.sticky-nav .sort-by { width: 60%!important } .plp-actions.sticky-nav .sort-by ul.accordion-menu.top-level { padding: 0 12px 12px } .plp-actions.sticky-nav .sort-by ul.accordion-menu.top-level>li { width: 100%; height: 40px; border-radius: 2px; background-color: #fff; border: 1px solid #7daed3; margin-top: 5px; display: flex } .plp-actions.sticky-nav .sort-by ul.accordion-menu.top-level>li:after { content: '\25bc'; background: 0 0; display: block; height: 30px; position: absolute; right: 3px; top: 3px; width: 24px; z-index: 1; font-size: 10px; color: #326fa8; text-align: center; line-height: 30px; transform: scaleX(1.7) scale(.8); padding: 0 } .plp-actions.sticky-nav .sort-by ul.accordion-menu.top-level>li>a { font-weight: 500!important; color: #5a5a5a!important; line-height: 15px!important; font-size: 13px!important; width: 100%!important; text-align: left; margin: 0 } .plp-actions.sticky-nav>div.view { width: 30%!important; display: flex!important; justify-content: space-around; margin-top: 25px } .plp-actions.sticky-nav p.view-title { position: relative; left: 12vw; height: fit-content } .plp-actions.sticky-nav .sort-by ul.accordion-menu.top-level li .sortByFacetTemp { width: 100%; height: 100%; padding-left: 11px; padding-bottom: 0; padding-top: 0; font-family: FuturaBQMedium; font-size: 15px; background-color: #fff } .body588 .sort-by ul.accordion-menu.top-level li .sortByFacetTemp:after, .plp-actions.sticky-nav .sort-by ul.accordion-menu.top-level li .sortByFacetTemp:after { content: ''; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid red; display: inline-block; position: absolute } .faceted_search_sidebar { position: fixed; width: 100%; display: flex; flex-flow: column; background-color: #fff; z-index: 999999999!important; overflow-y: scroll; -webkit-overflow-scrolling: touch; border-bottom: 1px solid #000; top: 0; left: 0; bottom: 0 } .faceted_search_prescription_sidebar { position: fixed; width: 100%; display: flex; flex-flow: column; background-color: #fff; z-index: 999999999!important; overflow-y: scroll; -webkit-overflow-scrolling: touch; border-bottom: 1px solid #000; top: 0; left: 0; bottom: 0 } .faceted_search_sidebar>div>div:not(:first-child).filter-container { padding-left: 20px; padding-right: 20px; margin-bottom: 50px } .faceted_search_sidebar .faceted-header { width: 100%; height: 60px; display: flex; border-bottom: solid 1px #979797; margin-bottom: 35px; justify-content: space-between; align-items: center; padding-left: 19px; padding-right: 19px } .faceted_search_sidebar .faceted-header a { font-family: FuturaBQBook; font-size: 17px; font-weight: 600; letter-spacing: .5px; color: #5a5a5a } .faceted_search_prescription_sidebar .faceted-header { width: 100%; height: 80px; display: flex; border-bottom: solid 1px #979797; margin-bottom: 20px; justify-content: space-between; align-items: center; padding-left: 19px; padding-right: 19px } .faceted_search_prescription_sidebar .faceted-header .open-filters-prescription { width: 90%; border: 0px; } .faceted_search_prescription_sidebar .faceted-close { margin-right: -10px; } .open-filters-prescription .prescription-title { font-family: FuturaBQMedium; font-size: 18px; color: #333333; margin-bottom: 5px; } .open-filters-prescription .prescription-subtitle { font-family: FuturaBQLight; font-size: 16px; color: #333333; letter-spacing: .5px; margin-bottom: 5px; } .prescription-filter-form { margin-top: 30%; } @media only screen and (max-height: 650px) { .prescription-filter-form { margin-top: 20%; } } @media only screen and (max-height: 580px) { .prescription-filter-form { margin-top: 5%; } } .lc-accordion.text-underline{ text-decoration: underline; } .prescription-info-text { margin-top: 20px; } .prescription-info { font-family: FuturaBQLight; color: #1f1f1f; margin-left: 5%; font-size: 14px; text-decoration: underline; } .prescription-form-row-title, .prescription-form-row { display: flex; flex-direction: row; margin-bottom: 20px; align-items: center; justify-content: center; } .prescription-form-column-title { font-family: FuturaBQLight; font-size: 15px; color: #5a5a5a; width: 20px; margin-right: 15px; letter-spacing: 0.25px; } .errorEmpty { font-family: FuturaBQBook; font-size: 14px; color: #d0021b; margin-bottom: 15px; text-align: center; letter-spacing: 0.6px; } .error-empty .prescription-select-value { border-color: red; border-width: 2px; } .prescription-form-column { font-family: FuturaBQBook; font-size: 15px; color: #5a5a5a; width: 88px; text-align: center; letter-spacing: 0.25px; margin-right: 15px; } .prescription-select { width: 75px; height: 30px; /*border-width: 1px;*/ border-style: solid; border-image: initial; appearance: menulist; box-sizing: border-box; } .prescription-text-light { font-family: FuturaBQLight; font-size: 15px; color: #5a5a5a; } .prescription-bottom { position: absolute; bottom: 0px; width: 100%; } .prescription-button { display: flex; justify-content: space-between; background-color: #f2f2f2; padding: 10px; } .prescription-bottom .line { height: 1px; border: solid 0.1px #979797; margin: 5%; } .prescription-schedule { margin-bottom: 40px; font-family: FuturaBQLight; font-size: 14px; color: #333333; letter-spacing: 0.44px; margin-left: 5%; } @media only screen and (max-height: 600px) { .prescription-schedule { margin-bottom: 20px; } .prescription-select-table { height: 150px !important; } } .link-schedule { font-family: FuturaBQBook; color: #326fa8; text-decoration: underline; } .prescription-form-button-clear { width: 120px; border: solid 1px #333333; background-color: #ffffff; color: #333333; font-family: FuturaBQBook; font-size: 14px; } .prescription-form-button { width: 130px; background-color: #326fa8; color: #ffffff; font-family: FuturaBQBook; font-size: 14px; } .prescription-select-table { display: flex; flex-direction: column; width: 85px; height: 250px; overflow-y: auto; overflow-x: hidden; font-size: 13.3333px; align-items: center; background-color: white; border: solid 0.5px #4a4a4a; border-top: 0px; z-index: 99999; position: relative; } .prescription-select-table::-webkit-scrollbar { width: 4px; } .prescription-col-container { display: flex; } .prescription-select-value { display: flex; font-size: 13.3333px; background-color: white; width: 85px; height: 30px; text-align: center; justify-content: flex-start; align-items: center; border: 1px solid; cursor: pointer; background-image: url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/arrow-down-ico.png); background-repeat: no-repeat; background-position: right; padding-left: 5px; } .prescription-select-row { cursor: pointer; color: #4a4a4a; width: 40px; height: 35px; display: flex; align-items: center; justify-content: center; border-top: solid 0.5px #d8d8d8; } .prescription-select-row-zero { cursor: pointer; color: #4a4a4a; width: 80px; display: flex; align-items: center; justify-content: center; padding-top: 5px; padding-bottom: 5px; } .prescription-select-row:hover, .prescription-select-row-zero:hover { background-color: #326fa852; } #lens-selection-popup .faceted-header span.close, .faceted_search_prescription_sidebar .faceted-header span.faceted-close { background: url(../images/x.png) no-repeat; position: relative; width: 25px; height: 25px; display: flex; background-size: 76% } #lens-selection-popup .faceted-header span.close, .faceted_search_sidebar .faceted-header span.faceted-close { background: url(../images/x.png) no-repeat; position: relative; width: 25px; height: 25px; display: flex; background-size: 76% } .filter-container { margin-bottom: 30px } .filter-container .filter-title { font-family: FuturaBQBold; font-size: 13px; text-transform: uppercase; color: #5a5a5a; cursor: pointer; margin-bottom: 32px } .filter-container.collapsed .filter-title:after, .filter-container.expanded .filter-title:after { content: '\02014'; font-family: FuturaBQBold; font-size: 18px; color: #326fa8; float: right; line-height: 10px } .filter-container.collapsed .filter-title:after { content: '+' } .filter-container .filter-options { margin: 15px 10px } .filter-options .label_check { display: block; background-size: contain; width: 15px; height: 15px } #price-slider-container { font-family: FuturaBQBook; font-size: 12px; font-weight: 700; color: #222 } #price-slider.ui-slider { height: 13px; display: block; background-color: #fff; position: relative; margin-bottom: 3px } #price-slider.ui-slider.ui-corner-all { border-radius: 13px } #price-slider.ui-slider .ui-slider-range { background-color: #7daed3; height: 10px; border-radius: inherit; z-index: 0; margin-top: 8px } #price-slider.ui-slider .ui-slider-handle { position: absolute; background-color: #fff; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #7daed3; box-sizing: border-box; z-index: 1; -ms-touch-action: none; touch-action: none } #price-slider.ui-slider .ui-slider-handle:last-of-type { margin-left: -13px } #price-slider-max, #price-slider-min { display: inline-block; margin-top: 18px; font-size: 14px } .ui-slider { z-index: 8; text-align: left } .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } .ui-slider .ui-slider-range { background-position: 0 0; border: 0; display: block; font-size: .7em; position: absolute; z-index: 11 } .controL_indicator.control_image { background: url(lc_site_sprite_frames_faceshape.png) -23px -162px no-repeat; background-size: 700px; width: 82px; height: 56px; position: relative; opacity: 1; border: 0 } .control input:checked~.control_image:after { background-image: url(checked.png); background-repeat: no-repeat; position: relative; display: inline-block; width: 15px; height: 15px; left: 0; top: 43px } .control-checkbox { position: relative; display: block; cursor: pointer; font-family: FuturaBQMedium; font-size: 12px; font-weight: 500; letter-spacing: .5px; color: #5a5a5a; left: 27px; height: 20px; margin-bottom: 20px } .control-checkbox input[type=checkbox] { position: absolute; z-index: -1; opacity: 0 } .control-checkbox span { font-family: FuturaBQBook; margin-left: 5px } .control-checkbox .control_indicator { position: relative; top: -17px; left: -28px; width: 21px; height: 21px; border: 1px solid #999; border-radius: 3px; opacity: 1; margin-left: 0!important; box-sizing: border-box } .control-checkbox input[type=checkbox]:disabled~.control_indicator { pointer-events: none; border: 1px solid #999; border-radius: 3px; opacity: .3 } .control-checkbox .control_indicator:after { position: relative; display: none; content: '' } .control-checkbox input[type=checkbox]:checked~.control_indicator:after { background-image: url(../images/checked.png); background-repeat: no-repeat; background-size: 90%; position: relative; display: inline-block; width: 21px; height: 21px; left: 3px } .control-checkbox.control-size-big .control_indicator, .control-checkbox.control-size-big input[type=checkbox]:checked~.control_indicator:after { width: 21px; height: 21px } #face_shape_filter .face-shape { display: flex; flex-flow: row wrap; width: 260px; justify-content: flex-start; padding-left: 20px } #face_shape_filter .face-shape a span { font-family: FuturaBQBook; font-size: 14px; letter-spacing: .5px; color: #5a5a5a; margin: 10px } #face_shape_filter .face-shape a:nth-child(1), #face_shape_filter .face-shape a:nth-child(3) { margin-right: 91px } #face_shape_filter .face-shape a div { width: 59px; height: 73px; background-image: url(../images/sprites/face_shape_sprite.png); background-repeat: no-repeat; background-size: 400%; margin: 7px auto } #color_filter .filter-options { display: flex; flex-flow: row wrap } #color_filter .filter-options a { margin-right: 20px; margin-bottom: 25px; position: relative; border-radius: 50%; font-size: 0 } #color_filter .filter-options a.facet-link-selected:before { position: absolute; content: " "; display: block; border-radius: 50%; top: -4px; left: -4px; width: 40px; border: 1px solid #326fa8; height: 40px; margin: 0 auto } #color_filter a.icon span:nth-child(2) { width: 32px; height: 32px; background-color: red; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 52%; color: transparent; display: flex } #color_filter a.icon.large-Black span:nth-child(2) { background-color: #000 } #color_filter a.icon.large-Clear-White span:nth-child(2), #color_filter a.icon.large-Grey span:nth-child(2), #color_filter a.icon.large-Ivory span:nth-child(2) { background-color: #fff; border: 1px solid #000 } #color_filter a.icon.large-Gold span:nth-child(2) { background: linear-gradient(to top, #d6cc3a, #575314) } #color_filter a.icon.large-Copper-Bronze span:nth-child(2) { background-color: #633a11 } #color_filter a.icon.large-Silver-Gunmetal-Grey span:nth-child(2) { background: linear-gradient(to top, #8e95a9, #373f59) } #color_filter a.icon.large-Tortoise span:nth-child(2) { background: linear-gradient(to right, #8b4817, #261d1c), radial-gradient(circle at 31% 78%, #edb252, rgba(241, 176, 80, 0)) } #color_filter a.icon.large-Brown-Tan span:nth-child(2) { background-color: tan } #color_filter a.icon.large-Red-Burgundy span:nth-child(2) { background-color: #9a142d } #color_filter a.icon.large-Blue span:nth-child(2) { background-color: #0272bc } #color_filter a.icon.large-Green span:nth-child(2) { background-color: #39b54a } #color_filter a.icon.large-Orange-Yellow span:nth-child(2) { background-color: #efe439 } #color_filter a.icon.large-Pink-Purple span:nth-child(2) { background-color: #939 } #color_filter a.icon.large-Multi span:nth-child(2) { background: linear-gradient(to right, orange, #ff0, green, #0ff, #00f, violet) } .facet-subnav.frame-shape { display: flex; flex-direction: row; flex-wrap: wrap; width: 260px; justify-content: space-between } .facet-subnav.frame-shape li { width: 110px; height: 75.1px; text-align: center; margin-bottom: 15px } .facet-subnav.frame-shape li a { position: relative; background: url(../images/sprites/lc_site_sprite_frames_faceshape.png) no-repeat; font-family: FuturaBQBook; font-size: 14px; letter-spacing: .5px; background-size: 588px; width: inherit; display: inline-block; height: 45px; color: #5a5a5a } .facet-subnav.frame-shape li a span { display: block; margin-top: 59px } .facet-subnav.frame-shape li a.facet-link-selected span:before, .filter-options.face-shape a.facet-link-selected:before { content: ''; background-image: url(../images/checked.png); background-repeat: no-repeat; background-size: 90%; display: inline-block; width: 14px; height: 14px } .facet-subnav.frame-shape li a.facet-link-selected span:before { margin-left: -12px } .filter-options.face-shape a.facet-link-selected:before { position: absolute; left: -12px; top: 88px } .facet-subnav.frame-shape li a.link-disabled { opacity: .3 } .facet-subnav.frame-shape .fr-sh-Butterfly { background-position: -21px -127px; background-size: 800px } .facet-subnav.frame-shape .fr-sh-Cat.Eye { background-position: -175px -129px; background-size: 800px } .facet-subnav.frame-shape .fr-sh-Panthos { background-position: -677px -320px; background-size: 800px } .facet-subnav.frame-shape .fr-sh-Geometric { background-position: -550px -370px; background-size: 800px } .facet-subnav.frame-shape .fr-sh-Navigator { background-position: -446px -125px; background-size: 800px } .facet-subnav.frame-shape .fr-sh-Oval { background-position: -500px -132px; background-size: 800px } .facet-subnav.frame-shape .fr-sh-Pillow { background-position: -15px -178px; background-size: 800px } .facet-subnav.frame-shape .fr-sh-Irregular { background-position: -585px -166px; background-size: 712px; } .facet-subnav.frame-shape .fr-sh-Pilot, .facet-subnav.frame-shape .fr-sh-PilotAviator { background-position: -341px -131px; background-size: 800px } .facet-subnav.frame-shape .fr-sh-Rectangle { background-position: -177px -175px; background-size: 800px } .facet-subnav.frame-shape .fr-sh-Round { background-position: -665px -127px; background-size: 800px } .facet-subnav.frame-shape .fr-sh-Square { background-position: -295px -152px; width: 100%; height: 45px } .facet-subnav.frame-shape .fr-sh-Rimless { background-position: -673px -276px; background-size: 800px } .facet-subnav.frame-shape .fr-sh-Semi-Rimless { background-position: -676px -323px; background-size: 800px } .faceted-filters-bottom, .faceted-filters-bottom-placeholder { width: 100%; height: 70px; display: flex; overflow: hidden } .faceted-filters-bottom { box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .5); position: fixed; justify-content: space-around; align-items: center; bottom: 0; left: 0; background-color: #f8f8f8; z-index: 9 } .faceted-filters-bottom a { width: 40%; height: 45px; border-radius: 3px; background-color: #fff; border: 1px solid #7daed3; display: flex; justify-content: center; align-items: center; font-family: FuturaBQBook; font-size: 15px; font-weight: 700; letter-spacing: .5px; color: #326fa8 } .faceted-filters-bottom a:nth-child(2) { background-color: #326fa8; color: #fff } .sortByFacetTemp { content: '\25bc' } .sortByFacetTemp li { text-align: left; border-bottom: 1px solid #f1f1f1; padding: 12px } .catalog-item .badges, .catalog-item .color-count, .catalog-item .names { padding-left: 20px; text-align: left } .sortByFacetTemp li a { color: #5a5a5a!important } .products_holder .item_container .item .badges { font-family: FuturaBQBold, Verdana, Arial, sans-serif; font-weight: 400; left: 10px; position: absolute; top: 147px; z-index: 10 } .products_holder .item_container .item .color-count { font-family: FuturaBQBook; font-size: 15px; font-weight: 500; letter-spacing: normal; color: #999 } .grid .catalog-item .badges { bottom: 84px; text-align: left } .catalog-item .badges { position: absolute; bottom: 45px; min-height: 20px } .catalog-item .color-count { margin-top: 45px; text-transform: capitalize; color: #999; font-family: FuturaBQBook; font-size: 15px!important } .catalog-item .BF-margin { margin-top: 45px; } .grid .catalog-item .color-count { margin-top: 21px; font-size: 14px!important; padding-left: 7px; margin-bottom: 15px } .catalog-item .price, .grid .catalog-item .price { position: absolute; font-family: FuturaBQBook!important; color: #5a5a5a } .grid .catalog-item .price { top: 137px; width: 48px; right: 14px } .catalog-item [id^=compare-favorites] { top: 10px; left: 10px; right: 10px; position: absolute; display: none } .catalog-item [id^=compare-favorites] .compare-holder .label_check span { margin-left: 25px!important; float: none } .catalog-item [id^=compare-favorites] .compare-holder a { color: #999; font-family: FuturaBQBold; font-size: 11px; text-transform: uppercase } .catalog-item [id^=compare-favorites] [id^=myFavorites] a { background: url(../images/heart-empty.png) center center no-repeat; display: block; height: 19px; overflow: hidden; text-indent: -9999px; width: 21px } .catalog-item [id^=compare-favorites] [id^=myFavorites] a.favorited-item { background: url(../images/heart-full.png) center center no-repeat } .catalog-item .compare-holder.compare-swatch-overflow { left: 151px } .catalog-item .catEntryThumbnail .compare-holder { left: 101px } .catalog-item .catEntryThumbnail .compare-holder.compare-swatch-overflow { left: 131px } .catalog-item .compare-holder label { color: #6eabce; font-size: 13px; font-weight: 700; width: 15px; height: 15px; background-size: contain; display: block } .catalog-item .ProductThumbnailInfoDIV { visibility: visible; position: relative } .catalog-item .lazy-container { padding-top: 14px } #viewMoreProducts { padding: 10px } .pdp-product-siblings-section { padding: 12px 0 } .pdp-product-siblings-section.size h2 { width: 50%; float: left; padding: 0 } .pdp-product-siblings-section h2.frame-info-title, .pdp-product-siblings-section.size h2 { font-size: 14px!important; color: #1f1f1f; text-align: left } .pdp-product-siblings-section h2.frame-info-title span { font-family: FuturaBQBook, Arial, Helvetica, sans-serif; letter-spacing: 1px } .pdp-product-siblings-section .pdp-product-siblings { overflow: scroll; white-space: nowrap } .pdp-product-siblings-section .pdp-product-siblings .carousel-item { display: inline-block; padding-bottom: 5px; text-align: center; float: inherit; width: unset; margin-right: auto; } .pdp-product-siblings-section .pdp-product-siblings .carousel-item img { height: 50px } .pdp-product-siblings-section .pdp-product-siblings .carousel-item .sibling-info { width: 80%; padding-bottom: 8px; margin: 0 12px } .pdp-product-siblings-section .pdp-product-siblings .carousel-item .sibling-frame-color, .pdp-product-siblings-section .pdp-product-siblings .carousel-item .sibling-lens-color { display: block; font-family: FuturaBQBook, Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: .5px; color: #5a5a5a; font-weight: 700; padding: 2px 0 } .pdp-product-siblings-section .pdp-product-siblings .carousel-item.current .sibling-info { border-bottom: 3px solid #326fa8 } .pdp-product-siblings-section.size { padding: 12px } .pdp-product-siblings-section.size a.more-info { width: 50%; float: right; text-align: right; font-family: FuturaBQBook; font-weight: 700; font-size: 14px; letter-spacing: .5px; color: #326fa8 } .pdp-product-siblings-section.size a.more-info:after, li.lens-subsection.selected .edit-lens-link::after { content: ''; background: url(../images/sprites/newCheckSprite.png) -12px -13px; background-size: auto; width: 20px; height: 20px; position: absolute; margin-left: 5px } .pdp-product-siblings-section.size .pdp-product-sibling-size { width: 100%; padding-top: 25px; display: flex; justify-content: space-around } .pdp-product-siblings-section.size .pdp-product-sibling-size .size-container { width: 31%; border-radius: 3px; border: 1px solid #7daed3; padding: 8px 0 } .pdp-product-siblings-section.size .pdp-product-sibling-size .size-container.current { border: 2px solid #326fa8; position: relative } .pdp-product-siblings-section.size .pdp-product-sibling-size .size-container.current:after { content: ''; background: url(../assets/lc2_sprite.gif) 1020px 224px #fff; background-size: 440px; width: 25px; height: 25px; display: block; position: absolute; top: -8px; right: -12px } .size-container .size-measures, .size-container .size-name { display: block; text-align: center; font-family: FuturaBQBook; font-weight: 700; letter-spacing: .5px; text-transform: uppercase } .size-container .size-name { font-size: 13px; color: #333 } .size-container .size-measures { font-size: 12px; color: #5a5a5a } .pdp-container .product-options .frame-offer-section, .pdp-container .product-options .frame-section, .pdp-container .product-options .lens-offer-section, .pdp-container .product-options .lens-section, .pdp-container .product-options .perk-saving-section { white-space: nowrap; padding-bottom: 15px } .pdp-container .product-options .frame-offer-section span.title, .pdp-container .product-options .lens-offer-section span.title, .pdp-container .product-options .perk-saving-section span.title { width: 20px; text-align: left; text-transform: uppercase; padding: 0 } .pdp-container .product-options .frame-section p.title, .pdp-container .product-options .lens-section p.title { width: 100%; letter-spacing: .5px; color: #1f1f1f; font-weight: 400; position: relative; display: table } .pdp-container .product-options .frame-section p.title span, .pdp-container .product-options .lens-section p.title span { font-size: 15px; letter-spacing: .5px; color: #1f1f1f; font-weight: 400; } .pdp-container .product-options .frame-section p.title .frame-offer{ color: #cf0a2c !important; } .pdp-container .accordion-menu-select-lens>li>a::before { content: "\002B"; margin-right: 5px } .pdp-container .accordion-menu-select-lens>li>a.st-button { line-height: normal; border-radius: 3px; padding: 10px 0 } .pdp-container .accordion-menu-select-lens>li>a.st-button:focus { background: #326fa8; } .pdp-container .product-options .frame-offer-section span, .pdp-container .product-options .frame-section .title .frame-label, .pdp-container .product-options .lens-offer-section span, .pdp-container .product-options .lens-section .title .lens-label, .pdp-container .product-options .perk-saving-section span { position: relative; overflow: hidden; font-size: 15px; font-family: FuturaBQLight; letter-spacing: .04em; display: table-cell!important; } .pdp-container .frame-offer-section span, .pdp-container .frame-section .title .price-value, .pdp-container .lens-section .title .price-value:not(.not-lined-through), .pdp-container .perk-saving-section span { width: 1%; vertical-align: bottom; padding-left: .5em; font-family: FuturaBQLight!important; font-size: 15px; font-style: normal; font-stretch: normal; line-height: normal; text-align: right; color: #1f1f1f; display: table-cell!important; float: none!important; } .pdp-container .lens-offer-section span{ width: 1%; vertical-align: bottom; padding-left: .5em; font-family: FuturaBQBold!important; font-size: 15px; font-style: normal; font-stretch: normal; line-height: normal; text-align: right; color: #1f1f1f; display: table-cell!important; float: none!important } .pdp-container #lens-details { text-transform: capitalize; padding: 5px 0 0 10px } li.lens-subsection { margin-bottom: 10px!important; display: block; padding: 5px 0 0!important } li.lens-subsection .prescription-disclaimer, li.lens-subsection .selected-lens-info .existing-lens-selection-text p { font-family: FuturaBQBook; font-size: 16px; letter-spacing: .5px; text-align: left; color: #1f1f1f } li.lens-subsection.selected .selected-lens-info { display: block; border-bottom: solid 1px #cac9c6 } li.lens-subsection .prescription-disclaimer { font-size: 14px; line-height: 1.4; font-weight: 600; width: 90%; margin-top: 23px; margin-bottom: 10px } .pdp-container li.lens-subsection.selected .edit-lens .remove-lens-link::before, li.lens-subsection .prescription-disclaimer::before { content: ''; background: url(../assets/lc2_sprite.gif) 1108px 235px; background-size: 470px; width: 15px; height: 15px; display: inline-block; position: relative; top: 3px } li.lens-subsection.selected .edit-lens { font-family: FuturaBQMedium; font-size: 16px!important; font-weight: 500; letter-spacing: .5px; text-align: right; color: #326fa8; text-transform: capitalize; width: 100% } li.lens-subsection.selected .edit-lens-link { margin-right: 30px; width: 22px; display: inline-block } li.lens-subsection.selected .edit-lens-link::after { background-position: -12px -9px } .pdp-container li.lens-subsection.selected .edit-lens .edit-lens-link, .pdp-container li.lens-subsection.selected .edit-lens .remove-lens-link { width: auto; font-family: FuturaBQBook; font-size: 16px; letter-spacing: .5px; color: #326fa8; margin: 0 0 0 40px } .pdp-container li.lens-subsection.selected .edit-lens .remove-lens-link::before { width: 14px; height: 14px; background-position: 1126px 234px; top: 2px } .prescription-disclaimer>span { display: inline-block; background-color: #1f1f1f; text-align: center; border-radius: 10px; font-size: 12px; padding: 0 4px } .pdp-container .grand-total { padding: 0 12px; } .pdp-container .grand-total .add-to-cart, .pdp-container .grand-total .add-to-cart-cl { background-color: #cf0a2c; line-height: normal; border-radius: 3px; font-size: 15px; padding: 12px 20px } .pdp-container .product-options .actions>button, .pdp-container .product-options .actions>div { height: auto; width: 49%; display: inline-block; font-family: FuturaBQBook; font-size: 16px; letter-spacing: .5px; color: #5a5a5a; padding: 0 } .pdp-container .product-options .actions>button.find-in-stores { width: fit-content; margin-right: 18px; background: #326fa8; color: white; padding: 0px 10px; font-weight: bold; } .pdp-container .product-options .actions>button.find-in-stores:focus { background-color: white; color: #4a4a4a; } .pdp-container .product-options .actions .share-social-links { font-family: FuturaBQBook; font-size: 14px; letter-spacing: .5px; color: #1f1f1f; font-weight: 700; width: fit-content; float: right; top: 7px; position: relative; margin-top: 10px } .pdp-container #asian-fit, .pdp-container #estmated-delivery-date { font-size: 15px; font-family: FuturaBQBook; text-align: center; font-weight: 700; text-transform: capitalize; margin: 5px } .pdp-container #asian-fit { text-transform: uppercase; font-size: 14px; letter-spacing: .5px; color: #326fa8; margin: 25px 0 15px; padding: 12px 23px } .pdp-container #asian-fit::after { content: "\25B6"; font-size: 12px } #scrollBar a.st-button.add-to-cart, #scrollBar a.st-button.add-to-cart-cl { background-color: #cf0a2c; width: auto; letter-spacing: .5px; border-radius: 3px; padding: 0 30px } @media screen and (device-aspect-ratio: 40/71) { #scrollBar a.st-button.add-to-cart, a.st-button.add-to-cart-cl { padding: 0 5px } [id^=MenuLinks] .most-popular>div>div { margin-right: 0px; } [id^=MenuLinks] .most-popular>div { margin-left:0px; } #SiteFooter .footer-email div h2.signup { margin-left: 30px } .cart-item-info>div{ margin: 30px 0; } } #lens-selection-popup { position: fixed; width: 100%; display: flex; flex-flow: column; background-color: #fff; z-index: 999999999!important; overflow-y: scroll; -webkit-overflow-scrolling: touch; border-bottom: 1px solid #000; top: 0; left: 0; bottom: 0; padding-bottom: 80px } #lens-selection-popup .step-add-lens { width: 100%; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; padding-right: 10px } #lens-selection-popup .step-add-lens li { display: flex; width: fit-content; align-items: center; padding: 0 } #lens-selection-popup .step-add-lens li p, #lens-selection-popup .step-add-lens li.active p { display: inline-block; height: 35px; width: 35px; text-align: center; vertical-align: middle; padding-top: 7px; border-radius: 20px; color: #fff; margin: 0 } #lens-selection-popup .step-add-lens li p { background: #999; font-family: FuturaBQBold!important; font-size: 15px!important } #lens-selection-popup .step-add-lens li.active p { background: #326fa8; font-family: FuturaBQBold!important } #lens-selection-popup .step-add-lens li.done p { background: #326fa8; font-size: 0!important } #lens-selection-popup .step-add-lens li.done:before { content: ' '; background-image: url(../assets/lc2_sprite.gif); filter: brightness(0) invert(1); background-size: 523px; background-position: -354px -357px; width: 34px; height: 33px; position: absolute; transform: scale(.5) } #lens-selection-popup .select-material { font-family: FuturaBQBold!important; font-size: 18px; font-style: normal; font-stretch: normal; line-height: normal; text-align: left; color: #1f1f1f; padding: 20px } #lens-selection-popup .step-add-lens li.active span { display: inline-block; padding-left: 5px; padding-right: 8px; background: #fff; font-family: FuturaBQMedium; font-size: 15px; letter-spacing: .5px; width: max-content } #lens-selection-popup .step-add-lens li:not(.active) span { display:none } .navigation-divider, li.active+.navigation-divider { display: inline-block; max-width: 34px; min-width: 5%; height: 1px; border-bottom: 2px solid #999; top: -3px; position: relative } li.active+.navigation-divider { max-width: 91px; min-width: 15% } .navigation-divider.done { border-color: #326fa8 } #lens-selection-popup>div>div:not(:first-child).filter-container { padding-left: 20px; padding-right: 20px } #lens-selection-popup .faceted-header { width: 100%; height: 60px; display: flex; border-bottom: solid 1px #979797; margin-bottom: 15px; justify-content: space-between; align-items: center; padding-left: 19px; padding-right: 19px } #lens-selection-popup .faceted-header a { font-family: FuturaBQBold; font-size: 20px; letter-spacing: .7px; color: #1f1f1f; text-transform: uppercase } #lens-selection-popup .lens-container>ul { font-weight: 700; text-transform: uppercase; width: 100%; border-bottom: 0; background-color: #fff; margin: 30px 0!important } #lens-selection-popup .lens-container>ul li { background-color: transparent!important; border-left: none!important; border-right: none!important; border-top: none; display: inherit } #lens-selection-popup .lens-color-actual>ul li a, #lens-selection-popup .lens-container>ul li a { text-transform: capitalize; font-family: FuturaBQBook; position: relative; padding: 0 25px 0 30px } #lens-selection-popup .select-lens-type { border-radius: 3px; border: 2px solid #326fa8 } #lens-selection-popup .select-lens-type .lens-type-description { font-family: FuturaBQMedium; font-size: 15px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #5a5a5a; margin-top: 10px; margin-bottom: 5px } #lens-selection-popup .select-lens-type.active { background-color: transparent; border: 2px solid #326fa8!important } #lens-selection-popup .select-lens-type.active:before { content: ''; background: url(../../assets/lc2_sprite.gif) 1248px 271px #fff; background-size: 539px; width: 26.3px; height: 26.3px; display: block; position: absolute; top: -10px; left: 94% } #lens-selection-popup .select-lens-type div .select-lens-type-price span { border-bottom: 0; color: #222 } #lens-selection-popup .lens-color-actual>ul li a:before, #lens-selection-popup .lens-container>ul li a:before { content: ''; border: 1px solid gray; border-radius: 50%; background-position: -62px -64px; background-size: 500px; width: 23px; height: 23px; float: left; z-index: 9; margin: 0 10px 0 -27px } #lens-selection-popup .lens-color-actual>ul li a.active:after, #lens-selection-popup .lens-container>ul li a.active:after { content: ''; background: #326fa8; border-radius: 50%; background-size: 500px; width: 11px; height: 11px; float: left; z-index: 9; left: 9px; top: 6px; position: absolute } #lens-selection-popup .lens-selection-popup-bottom { width: 100%; height: 70px; box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .5); position: fixed; bottom: 0; left: 0; background-color: #fff; overflow: hidden; font-family: FuturaBQBold; font-size: 15px; letter-spacing: .5px; padding: 15px } #lens-selection-popup .lens-selection-popup-bottom a { width: 46%; height: auto; border-radius: 3px; background-color: #fff; border: 1px solid #326fa8; font-size: 15px; font-weight: 700; letter-spacing: .5px; color: #326fa8; text-align: center; padding: 14px 0 } #lens-selection-popup .lens-selection-popup-bottom a:nth-child(2) { background-color: #326fa8; color: #fff; float: right } #lens-selection-popup .lens-color-actual>div.active { background-color: transparent; border: 2px solid #326fa8!important; position: relative } #lens-selection-popup .lens-color-actual div.lens-holder.active:before { content: ''; background: url(../../assets/lc2_sprite.gif) 1248px 271px #fff; background-size: 539px; width: 26.3px; height: 26.3px; display: block; position: absolute; top: -10px; left: 95% } .active-step>h4 { text-transform: uppercase; text-align: left; font-family: FuturaBQBold; font-size: 18px; letter-spacing: .4px; color: #1f1f1f; margin: 40px 0 30px; padding: 20px 0 0 } #WC_CachedItemDisplay_div_1 { min-height: 167px } #face_shape_filter .face-shape .fa-sh-Oval div { background-position: 0 -62px; width: 46px } #face_shape_filter .face-shape .fa-sh-Round div { background-position: -6px 14px; background-size: 340%; width: 46px } #face_shape_filter .face-shape .fa-sh-Square div { background-position: -72px 7px; width: 46px } #face_shape_filter .face-shape .fa-sh-Heart div { background-position: -132px 6px; width: 46px } #lens-selection-popup .popup-table, #lens-selection-popup .popup-table2 { position: relative; overflow: hidden; font-size: 15px; font-family: FuturaBQLight; letter-spacing: .04em; display: table; margin-bottom: 13px } #lens-selection-popup .popup-table .paypopup-label:after, #lens-selection-popup .popup-table2 .paypopup-label:after { content: ""; position: absolute; bottom: .2em; margin-left: .5em; width: 100%; border-bottom: 1px dashed #999 } #lens-selection-popup .popup-table .final-total-price, #lens-selection-popup .popup-table .price, #lens-selection-popup .popup-table2 .price { width: 1%; padding-left: .5em; font-size: 15px; line-height: normal; text-align: right; display: table-cell!important; float: none!important; color: #1f1f1f; vertical-align: bottom; white-space: nowrap; font-style: normal; font-stretch: normal } #lens-selection-popup .popup-table .final-total-price { letter-spacing: 0; font-family: FuturaBQBold!important } #lens-selection-popup .popup-table .paypopup-label, #lens-selection-popup .popup-table2 .paypopup-label { display: table-cell!important; float: none!important; position: relative; overflow: hidden; font-size: 15px; font-family: FuturaBQMedium; letter-spacing: .04em } #lens-selection-popup .popup-table .price, #lens-selection-popup .popup-table2 .price { font-family: FuturaBQMedium!important; letter-spacing: 0 } .pdp-container .select-lens-step0 h4 { font-family: FuturaBQBold; font-size: 20px; letter-spacing: .5px; color: #1f1f1f; margin: 20px 0 } .pdp-container .select-lens-type.plano-lens, .pdp-container .select-lens-type.single-vision-lens { margin: 30px 0!important; padding: 10px 20px } .add-ons .addon-name, .pdp-container .select-lens-type h5 { font-family: FuturaBQBold; font-size: 16px; letter-spacing: .5px; color: #1f1f1f; text-transform: uppercase } .pdp-container .select-lens-type.plano-lens p, .select-lens-type.single-vision-lens p { font-size: 15px!important; letter-spacing: .5px; color: #1f1f1f; font-weight: 700 } .select-lens-step1 .material-description { background-color: #e9f4ff; letter-spacing: .5px; color: #326fa8; text-transform: none; padding: 12px } .select-lens-step1 .material-description ul>li>a { font-family: FuturaBQBook; font-weight: 700; font-size: 18px; color: #326fa8; text-transform: none } .select-lens-step1 .material-description ul.accordion-menu>li>a::after { content: " "; display: block; position: absolute; background: url(../images/redesign/icons.png) -16px -194px no-repeat; background-size: 320px; width: 13px; height: 15px; top: 9px; right: 14px } .select-lens-step1 .material-description ul.accordion-menu>li.expanded>a::after { background: url(../images/redesign/icons.png) -17px -187px no-repeat; background-size: 320px; width: 14px; height: 6px; top: 13px; right: 13px } .select-lens-step1 .material-description ul.accordion-menu>li .difference-content { margin-top: 25px; font-size: 18px; color: #1f1f1f } .select-lens-step1 .material-description ul.accordion-menu>li .difference-content h5 { font-family: FuturaBQBold; letter-spacing: .5px; text-transform: uppercase } .select-lens-step1 .material-description ul.accordion-menu>li .difference-content div { font-family: FuturaBQBook; line-height: 1.22; letter-spacing: .6px; margin-top: 8px } .lens-color-actual .tab-panes { margin: 30px 0 } .lens-color-actual>ul>li { display: inline-block; font-weight: 700 } .lens-holder.check-row { border-radius: 3px; border: 2px solid #326fa8; text-align: center; position: relative; margin-bottom: 20px; padding: 20px 0 } .body588 .pagination-mobile { width: 94%; display: block; text-align: center; margin: 0 auto } .pagination-mobile .paging { display: inline-block; color: #999; font-size: 15px; font-family: FuturaBQBook; font-weight: 700; text-transform: none; line-height: 38px } .pagination-mobile .paging .on-page { color: #1f1f1f } .pagination-mobile a { display: inline-block; width: 38px; height: 38px; border-radius: 2px; background-color: #fff; border: 1px solid #7daed3; cursor: pointer } .pagination-mobile a span { color: #326fa8; line-height: 38px } .pagination-mobile a.prev-page { float: left; margin-right: -38px } .pagination-mobile a.next-page { float: right; margin-left: -38px } #Search_Forms_div .search-tabs { flex-wrap: nowrap; overflow-x: auto } #Search_Forms_div ul.st-tabs.results-tabs { display: flex; flex-wrap: nowrap; overflow-x: visible; margin: 0 12px 30px } #Search_Forms_div ul.st-tabs.results-tabs li { flex: 1 1 auto } #Search_Forms_div ul.st-tabs.results-tabs li.tab { border: 0; height: 58px; display: flex; flex: 0 0 auto; padding: 0 } #Search_Forms_div ul.st-tabs.results-tabs li:nth-child(2), #Search_Forms_div ul.st-tabs.results-tabs li:nth-child(3) { margin-left: 15px } #Search_Forms_div ul.st-tabs.results-tabs li a { position: relative; display: block; border: 1px solid #326fa8; border-radius: 5px; background-color: #fff; text-align: left; font-family: FuturaBQBold; font-weight: 700; letter-spacing: .5px; color: #326fa8; box-sizing: border-box; height: 45px; width: auto; padding: 10px } #Search_Forms_div ul.st-tabs.results-tabs li.on a { border: 2px solid #326fa8; background-color: #e9f4ff } #Search_Forms_div ul.st-tabs.results-tabs li.on a:before { bottom: -17px; content: " "; display: block; left: 50%; margin-left: -13px; position: absolute; width: 27px; height: 25px; background: url(../images/search_tabs_selected_arrow.png) no-repeat; border: 0 } #MenuLinks5 .accordion, .accordion * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #MenuLinks5 .accordion p, #MenuLinks5 .accordion-section-title { width: 100%; display: flex; align-items: center; font-family: FuturaBQMedium; padding: 15px 15px 15px 25px } #MenuLinks5 .accordion p { border: 1px solid #ccc; min-height: 71px } #MenuLinks5 .accordion-section-content { overflow: hidden; display: none } #MenuLinks5 .accordion { box-shadow: 0 1px 3px rgba(0, 0, 0, .25); border-radius: 3px; background: #f7f7f7 } #MenuLinks5 .accordion-section-title { height: 60px; border-bottom: 1px solid #999; background: #fff; transition: all linear .15s; color: #000; position: relative } #MenuLinks5 .accordion-section-title:last-child { height: 67px } #MenuLinks5 .accordion-section-title.active, .accordion-section-title:hover, .contactLensEdit>a { text-decoration: none } #MenuLinks5 .accordion-section:last-child .accordion-section-title img { filter: grayscale(100%); height: 165%; width: auto } #MenuLinks5 .accordion-section-title.active:not(:last-child):after, #MenuLinks5 .accordion-section-title:not(:last-child):after { content: " "; position: absolute; right: 36px; top: 23px; background: url(../images/redesign/icons.png) -143px -304px no-repeat; background-size: 320px; width: 13px; height: 15px; transform: rotate(90deg) } #MenuLinks5 .accordion-section-title.active:not(:last-child):after { transform: rotate(-90deg) } .body588 .results_grid { display: flex; flex-flow: row wrap; justify-content: space-between; margin-top: 30px } .body588 .item_container { display: flex; height: 320px; width: 100%; justify-content: center; margin-bottom: 33px } .body588 .item, .body588 .item:hover { border: 1px solid #e9f4ff; height: 320px!important } .body588 .item { display: flex; flex-flow: row; width: fit-content } .body588 .item:hover { box-shadow: 2px 3px 4px 0 rgba(50, 111, 168, .5) } .body588 .item_container .item-tile { background-color: #fff; position: relative; display: flex; width: 94%; height: 320px } .body588 .item_container .item .img { display: flex; width: 100%; height: 171px; justify-content: center; align-items: center; margin: 0 auto } .body588 .item_container .item img { height: auto; max-height: 170px; width: auto; max-width: 350px; margin: auto } .body588 .item_container .item .price { position: absolute; bottom: 15px; right: 15px } .body588 .item_container .item .price .box-price-container { font-family: FuturaBQMedium; font-size: 10px; color: #5a5a5a; letter-spacing: .5px; width: 150px; text-align: right } .body588 .item .price .box-price { display: inline; vertical-align: bottom; margin: 0 2.5px } .body588 .item .price .box-annual-supply-price, .body588 .item .price .box-offer-price { font-size: 13px; font-weight: 500 } .body588 .item .price .box-offer-price.with-saving { font-size: 10px; color: #5a5a5a; text-decoration: line-through } .body588 .catEntryThumbnail { display: flex; flex-flow: column; width: 100%; height: 100% } .body588 .image-holder { margin-top: 40px; width: 100% } .body588 .item .main_quickinfo_button { position: absolute; display: flex; justify-content: flex-end; top: 5px } .body588 .item .main_quickinfo_button a { background: url(../mobile20/images/favorites-empty.png) center no-repeat!important; height: 41px; width: fit-content; content: " "; vertical-align: middle; overflow: hidden; transform: scale(.5) } .body588 .item .main_quickinfo_button a span { font-size: 0; background-color: transparent } .body588 .item .names { padding-left: 20px; position: relative; margin-top: 19px } .body588 .item .names p { margin-bottom: 5px } .body588 .item .names, .body588 .item .names a { width: 100%; overflow-wrap: break-word } .body588 .item .names span { color: #5a5a5a; font-family: FuturaBQBold; display: block; text-transform: uppercase; width: 95%; letter-spacing: .5px; overflow-wrap: break-word; font-size: 15px } .body588 .item .names span a.manufacturer { font-size: 15px; color: gray; font-weight: 400; font-family: FuturaBQMedium; text-transform: capitalize } .body588 .item .badges { font-family: FuturaBQBold, Verdana, Arial, sans-serif; text-transform: uppercase!important; font-weight: 400; left: 10px; padding-left: 10px; position: absolute; top: 208px!important } .body588 .item .badges span { margin-right: 10px; font-size: 13px; letter-spacing: .5px } #badges .badge-pre-release, .body588 .badges .badge-pre-release { color: #c23a9a } #badges .badge-polarized, .body588 .badges .badge-polarized { color: #22bdea } #badges .badge-best-seller, .badge-Best, .body588 .badges .badge-best-seller { color: #cb8f2e } .body588 .badges .badge-limited-availability { color: #9822ea } .body588 .pagination-compare-sort .catalog-search { height: fit-content; position: relative; right: 0; bottom: 0; left: 217px } .body588 .pagination-compare-sort .catalog-search input[type=text], .body588 .site-padding .catalog-search input[type=text] { width: 229px; height: 32px; border-radius: 2px; border: 1px solid #7daed3; float: none; display: inline-block; padding-left: 15px; font-size: 14px } .body588 .pagination-compare-sort .catalog-search a { display: block; position: absolute!important; top: 6px; left: 210px; background: url(../images/search.png) center no-repeat; background-size: 80%; width: 20px!important; height: 18px } .body588 .item_container .item .item-discount { width: auto; height: 25px; border-radius: 3px; background-color: #cf0a2c; position: absolute; top: 0; display: table; padding-right: 5px } .body588 .item_container .item .item-discount h2 { color: #fff; font-family: FuturaBQBold; font-size: 14px; text-align: left; line-height: 25px; margin-left: 10px } .body588 .site-padding .catalog-search { height: fit-content; width: 100%!important; position: relative; right: 0; bottom: 0; padding-left: 12px; padding-right: 12px } .body588 .site-padding .catalog-search input[type=text] { width: 100%; height: 45px } .body588 .site-padding .search-btn a { display: block; position: absolute!important; top: 14px; left: 88%; background: url(../../images/search.png) center no-repeat; background-size: 100%; width: 20px!important; height: 18px } .body588 .sort-by ul.accordion-menu.top-level li .sortByFacetTemp { width: 100%; height: 100%; padding-left: 11px; padding-bottom: 0; padding-top: 0; font-family: FuturaBQMedium; font-size: 15px } .body588 .site-padding .plp-actions { height: 238px } #plp .plp-espot { background-color: #d8d8d8; border: 1px solid #979797; display: flex; justify-content: center; align-items: center; width: auto; height: 100% } #plp .plp-espot h2 { font-family: FuturaBQMedium; font-size: 19px; letter-spacing: .5px; color: #326fa8 } .pdp-main-info h1.contact-lens-name { font-family: FuturaBQBold; font-size: 20px; letter-spacing: .5px; color: #1f1f1f; margin-bottom: 10px } .pdp-main-info h2.contact-lens-brand { font-family: FuturaBQMedium; font-size: 16px; font-weight: 400; letter-spacing: .6px; color: #5a5a5a; margin-bottom: 10px; text-align: left } .contact-lens-rx-tables { width: 100%; margin-top: 30px } table.contact-lens-boxes-table, table.contact-lens-rx-table { width: 100%; font-family: FuturaBQMedium; font-size: 15px; color: #5a5a5a; text-align: left; table-layout: fixed; border-collapse: collapse; white-space: nowrap } table.contact-lens-boxes-table { height: 75px } table.contact-lens-rx-table tr { height: 35px; vertical-align: middle } table.contact-lens-boxes-table td, table.contact-lens-boxes-table th, table.contact-lens-rx-table td, table.contact-lens-rx-table th { width: 33.3%; vertical-align: middle } .contact-lens-rx-area h2, table.contact-lens-boxes-table th, table.contact-lens-rx-table th { font-size: 16px; color: #1f1f1f; text-align: left; font-weight: 400 } .contact-lens-rx-area h2 { font-weight: 700; letter-spacing: .6px; margin: 0 20px } .contact-lens-boxes-table-row { background-color: #f8f8f8 } table.contact-lens-boxes-table tr.row-space, table.contact-lens-rx-table tr.row-space { height: 30px } .contactLens-name { width: 285px; background: #fff; display: inline-block; position: relative; padding-right: 4px; font-family: FuturaBQ; font-size: 14px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: .3px; text-align: left; color: #1f1f1f; text-transform: uppercase } .control-select select { width: 100%!important; height: 100%; border: 1px solid #7daed3!important; border-radius: 2px; overflow: hidden; -webkit-appearance: none; -moz-appearance: none; font-family: FuturaBQMedium; font-size: 15px!important; color: #5a5a5a; cursor: pointer; background-color: white; margin: 0!important; padding: 7px 24px 7px 10px!important } .control-select:after { top: 50%; transform: translateY(-50%) scaleX(1.7) scale(.8) } .contact-lens-rx-tables .control-select:after, .contactLens .control-select:after, .control-select:after { content: '\25bc'; position: absolute; right: 8px; font-size: 10px; color: #326fa8; text-align: center; pointer-events: none } .contactLens .control-select:after { transform: translateY(-50%) scaleX(1.7) scale(.8); top: 65% } .contact-lens-rx-tables .control-select:after { top: 12px; transform: scaleX(1.7) scale(.8) } .control-select.disabled select, .control-select.disabled:after { color: graytext!important } .control-select.disabled select { border-color: #a9a9a9!important } .control-select select.required { border-color: #ce0a2d!important } .contact-lens-prescription, .contactLens-th th { font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal } .contactLensEdit p, .updownCLButton { line-height: normal!important; text-align: left; font-family: FuturaBQMedium!important } .contact-lens-prescription { width: 100%; height: auto; background-color: #f7f7f7; padding-top: 5px; margin-top: 20px; letter-spacing: .5px!important } .lensQPS { padding-bottom: 15px; background-color: #f7f7f7; } .lens-prescription { width: 106% !important; height: auto; /* background-color: #f7f7f7; */ padding-top: 5px; margin-top: -20px; margin-left: -10px !important; letter-spacing: .5px!important; } span.lensLabel.lens-type { text-transform: uppercase; } .contactLens-th th { font-family: FuturaBQMedium; font-size: 15px; letter-spacing: normal; text-align: left; padding-left: 53px } .contact-lens-prescription-table td:not(:first-child) { text-align: center; padding-left: 47px } .prescription-content>p { font-weight: 700; /* padding-bottom: 12px; padding-top: 6px */ } .thank-you-page .updownLensButton { background-color: transparent!important; } .updownLensButton { font-size: 14px!important; font-style: normal; font-stretch: normal; letter-spacing: .5px!important; color: #1f1f1f!important; cursor: pointer; padding-bottom: 5px; font-weight: 500; background-color: #f7f7f7; margin-top: 45px; } .updownLensButton.open:after, .updownLensButton:after { content: ""; background-image: url(../../images/brands-carousel-arrow-right.png); filter: grayscale(100%); transform: rotate(90deg); position: absolute; width: 16px; height: 21px; margin-left: 2px; margin-top: 2px; background-size: 7px 14px; background-repeat: no-repeat; cursor: pointer } .updownLensButton.open:after { transform: rotate(270deg); margin-left: 6px; width: 15px; height: 15px; margin-top: -3px } .updownCLButton, .updownLensButton { font-size: 14px!important; font-style: normal; font-stretch: normal; letter-spacing: .5px!important; color: #1f1f1f!important; cursor: pointer; padding-bottom: 5px; font-weight: 500; } .updownCLButton.open:after, .updownCLButton:after { content: ""; background-image: url(../../images/brands-carousel-arrow-right.png); filter: grayscale(100%); transform: rotate(90deg); position: absolute; width: 16px; height: 21px; margin-left: 2px; margin-top: 2px; background-size: 7px 14px; background-repeat: no-repeat; cursor: pointer } .updownCLButton.open:after { transform: rotate(270deg); margin-left: 6px; width: 15px; height: 15px; margin-top: -3px } .contactLensEdit { float: right; right: 9vw; position: absolute; display: none; margin-top: -21px; width: 26px; height: 18px } .contactLensEdit p { font-size: 15px!important; font-weight: 500!important; font-style: normal!important; font-stretch: normal!important; letter-spacing: .6px!important; width: fit-content; color: #326fa8!important } .contactLensEdit>a>p:after { content: ' '; white-space: pre-wrap!important; background: url(../../images/sprites/newCheckSprite.png) -13px; background-size: auto; width: 11px; height: 12px; margin-top: -15px } table.contact-lens-prescription-table { display: none; margin-left: 8vw; margin-top: 10px; padding: 15px 0; } .contact-lens-prescription-table>tbody>tr>td>p { padding-top: 24px; font-family: FuturaBQMedium!important; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #1f1f1f } .contactLens .contact-lens-rx-prescription-tables { display: flex; flex-flow: row nowrap; justify-content: center; } #order-detail .contact-lens-rx-prescription-tables p, #order-detail .contact-lens-rx-prescription-tables-header p, .contactLens .contact-lens-rx-prescription-tables p, .contactLens .contact-lens-rx-prescription-tables-header p { font-family: FuturaBQMedium; font-size: 16px; color: #1f1f1f } #order-detail .contact-lens-rx-prescription-tables-header, .contactLens .contact-lens-rx-prescription-tables-header { display: flex; justify-content: center; padding-left: 32px; padding-right: 42px; margin-top: 20px } #order-detail .contact-lens-rx-prescription-tables-header p, #order-detail .contact-lens-rx-prescription-tables>div>p, .contactLens .contact-lens-rx-prescription-tables-header p, .contactLens .contact-lens-rx-prescription-tables>div>p { margin-bottom: 23px } .productTitleDetails .control-select { width: 85px!important; height: 40px; margin-top: 3px; margin-right: 25px } h1.shopCartTitle { font-family: FuturaBQBook, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 24px; margin-bottom: 11px; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.4px; text-align: center; color: #1f1f1f; } p.shopCartDesc{ padding-left: 20px; padding-right: 20px; padding-bottom: 29px; } .cart-item-container .contact-lens-boxes-table th { font-family: FuturaBQMedium!important; font-size: 12px!important; font-weight: 500!important; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: .5px; text-align: left; color: #5a5a5a } .boxPriceCL, .cart-item-info .contactLPrice { font-family: FuturaBQMedium!important; font-style: normal; font-stretch: normal; line-height: normal; text-align: right } .boxPriceCL { font-size: 14px!important; letter-spacing: 1px!important; font-weight: 500 } .boxPriceCL span.box-list-price.with-saving { font-size: 11px; text-decoration: line-through } .cart-item-container .cart-item-info .contactLPrice:before { content: ""; width: 215px; border-bottom: 1px dashed #a9a9a9; display: block; height: 18px; position: absolute; right: 59px } .cart-item-info .contactLPrice { font-size: 14px; font-weight: 500!important; letter-spacing: normal; color: #1f1f1f; margin-top: -20px } .contact-lens-info-checkout .contactLentTitle, .subtotal p { font-size: 14px; font-style: normal; font-stretch: normal; line-height: normal; text-align: left; color: #1f1f1f } .subtotal p{ font-family: FuturaBQMedium!important; background-color: #fff; height: 20px; z-index: 2; font-weight: 500; letter-spacing: .5px } .cart-item-info .subtotal { margin-top: -8px } .contact-lens-info-checkout .contactLentTitle { width: 240px; font-family: FuturaBQBook; font-weight: 400; letter-spacing: .3px; margin-top: 10px } .contacts .img { margin-top: 5px; min-height: 100px; display: flex; justify-content: center; align-items: center } .contact-lens-info-checkout .boxPrice { white-space: nowrap; width: 70px; height: 14px; font-family: FuturaBQBook; font-size: 12px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: .4px; text-align: left; color: #1f1f1f; margin-top: 20px; margin-bottom: 5px; } .contact-lens-info-checkout .priceCL, .contact-lens-info-checkout .quantityCL { height: 16px; font-family: FuturaBQBook; font-size: 14px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #1f1f1f } .contact-lens-info-checkout .quantityCL { white-space: nowrap; background-color: #fff; width: 64px; text-align: left } .quantity-contact-lenses { background: #fff; width: 67px; display: inline-block; z-index: 3; position: relative } .contact-lens-info-checkout .priceCL:before { content: ""; width: 59vw; border-bottom: 1px dashed #a9a9a9; display: inline-block; height: 18px; position: absolute; right: 76px; margin-top: -3px; z-index: 0; } .contact-lens-info-checkout .priceCL { width: 49px; text-align: right; float: right } table.contact-lens-boxes-table td.col-space, table.contact-lens-rx-table td.col-space { width: 20px!important } .contact-lens-box-price { font-family: FuturaBQBook; font-size: 15px; letter-spacing: .5px; color: #1f1f1f; margin: 0 20px; padding: 0!important } .contact-lens-box-price .box-price { font-family: FuturaBQMedium; font-size: 18px; float: right; color: #5a5a5a } .contact-lens-box-price .box-price .box-offer-price { color: #cf0a2c; margin-left: 5px } .contact-lens-box-price .box-price .box-list-price.with-saving { font-size: 12px; text-decoration: line-through } .contact-lens-discount { border-top: 2px solid #cac9c6; padding: 20px } .contact-lens-discount span { vertical-align: baseline } .contact-lens-discount span.offer-tag { display: inline-block; width: 35px; height: 35px; background-image: url(../images/offer-tag.png); background-repeat: no-repeat; background-size: contain; margin-right: 8px } .contact-lens-discount h2, .contact-lens-discount p { color: #cf0a2c!important; line-height: normal; text-align: left } .contact-lens-discount h2 { font-family: FuturaBQBold!important; font-size: 24px!important; text-transform: none!important } #order-detail .contact-lens-rx-prescription-tables .col-label>p, #perk-name:first-letter, #promo-name:first-letter, .account-order-detail-container .order-info>div span, .account-order-detail-container .order-product p span, .addons-container>span:nth-child(1), .checkout-accordion-recap h4, .checkout-step-5 .sign-in .input-container label, .checkout-step-5 form.lc2 .input-container label, .checkout-wrapper h3, .contactLens .contact-lens-rx-prescription-tables .col-label>p, .lc-lookup .lc-content-dialog-form form.lc2 .header-form, .pdp-container .change-colors-views p span.glasses-color, .rowDescr .lensLabel, .uppercase, .whats-next h3, a.vto-button-mobile-home { text-transform: uppercase } .contact-lens-discount p { font-family: FuturaBQMedium!important; font-size: 16px!important } .contact-lens-rx-tables .contacts-error-box, .contact-lens-rx-tables .contacts-error-incomplete, .contact-lens-rx-tables .contacts-error-rx { display: block; font-family: FuturaBQMedium; color: #c00; font-size: 13px; margin: 10px 20px } .contact-lens-divider { height: 2px; border: 1px solid #cac9c6; clear: both; margin: 20px 0 } .contact-banner-container { width: 100%; text-align: center; margin: 0 auto } .contact-banner-container>h1 { font-family: FuturaBQBook; font-size: 40px; letter-spacing: 4px; color: #1f1f1f; margin-bottom: 45px; margin-top: 35px } .contact-banner-container>div:not(.contacts-espot) { display: flex; flex-flow: row wrap; justify-content: space-between; width: 100%; padding-right: 23px; padding-left: 23px } .contact-banner-container>div>a { margin-bottom: 40px } .contacts-espot { background-color: #d8d8d8; text-align: center; border: 0 } .contacts-espot, .contacts-espot img { height: auto; width: 100% } .contacts-espot .owl-item, .contacts-espot .owl-wrapper, .contacts-espot .owl-wrapper-outer { height: 230px } .contacts-espot .contacts-espot-elem { height: 100%; display: flex; justify-content: center; align-items: center; width: 100% } .contactLens label, .contacts-espot .contacts-espot-elem h3 { font-family: FuturaBQMedium; font-size: 24px; color: #326fa8 } .contacts-espot .owl-pagination>div { border: 1px solid #1f1f1f; border-radius: 50%; display: inline-block; height: 9px; vertical-align: middle; width: 9px; margin: 19px 6px 0 } .contacts-espot .owl-pagination>div.active { background: #1f1f1f } .owl-theme .owl-controls .owl-buttons div { display: inline; width: 20px; height: 20px; background: center center no-repeat; position: relative; top: -142px } .contacts-espot .owl-prev { background-image: url(../../images/brands-carousel-arrow-left.png)!important; filter: grayscale(100%) brightness(0); top: -124px!important; left: 5px } .contacts-espot .owl-next { background-image: url(../../images/brands-carousel-arrow-right.png)!important; filter: grayscale(100%) brightness(0); right: -90vw } .contactLens .control-select { width: 90px; display: inline-block; margin-right: 10px } .contactLens .boxPriceCL { display: inline-block; float: right; position: relative; top: 6px; right: 0 } .contactLens label { font-size: 12px; letter-spacing: .5px; color: #5a5a5a; top: -3px; position: relative } .contactLens .subtotal , .frameSubtotal{ display: flex; justify-content: space-between; width: 100%; margin-bottom: 20px ; margin-top: 23px } .contactLens .contactLPrice, .contactLens .subtotal>div:first-child { background: #fff; height: 20px; z-index: 2; position: relative; display: block } .contactLens .contactLPrice:before, .similar-products:after { content: ""; position: absolute } .contactLens .contactLPrice:before { width: 60vw; border-bottom: 1px dashed #a9a9a9; display: block; height: 18px; right: 66px; z-index: -4 } .product-not-available-mobile { width: 260px; height: 38px; font-family: FuturaBQBold; font-size: 15px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: .5px; text-align: center; color: #1f1f1f; margin: 30px auto } .pdp-line-copy-mobile { height: 2px; border: 1px solid #cac9c6; margin-top: 20px; margin-bottom: 20px } .shopping-cart-content .frame.false { width: auto; border: 1px solid #d0021b; margin-bottom: 1vh } .false .price, .product-not-available-cart { font-style: normal; font-stretch: normal; line-height: normal } .false .price { text-decoration: line-through!important; font-family: FuturaBQBook; font-size: 14px; font-weight: 400; letter-spacing: normal; text-align: right; color: #000 } .product-not-available-cart, .similar-products-a { font-family: FuturaBQMedium; font-weight: 500; font-size: 16px } .product-not-available-cart { width: 80%; height: 38px; letter-spacing: .5px; text-align: left; color: #d0021b } .label-product-not-available { letter-spacing: .5px } .similar-products-a { width: 55%; height: 19px; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #326fa8!important } .continueShoppingDiv { width: 202px; height: 40px; float: right; margin-right: 1vh; margin-top: 4vh; margin-bottom: 2vh } .button-continue-shopping { width: 202px; height: 40px; background-color: #326fa8!important; padding: inherit } .similar-products:after { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #4d8eca; border-bottom: 0; cursor: pointer; right: -13px; top: 7px; transform: rotate(-90deg) } .accordion-doctor .accordion-title { width: 100%; position: relative; border-bottom: 1px solid #326fa8; padding: 10px } .accordion-doctor .accordion-title.open:after, .accordion-doctor .accordion-title:after { content: " "; position: absolute; right: 6px; top: 16px; background: url(../images/redesign/icons.png) -16px -193px no-repeat; background-size: 320px; width: 13px; height: 15px } .accordion-doctor .accordion-title.open:after { background-position: -16px -179px } #doctorPhoneContainer input[type=text] { width: 29.5%!important; display: inline-block; margin-left: 15px!important } #doctorPhoneContainer input[type=text].phone-prefix { margin-left: 0!important } .accordion-doctor .accordion-content { padding-top: 15px } #doctor-info #doctorSelect:before { top: 45px } #order-detail .contact-container { padding-top: 0; padding-bottom: 10px; border-top: none!important; border-bottom: 1px solid #ccc } #order-detail .contact-header { display: flex; align-items: center; justify-content: flex-start; height: 70px } #order-detail .contact-header>a { max-width: 30% } .contact-header img{ display: inline-block; width: 100%; text-align: left; margin-left: 25px } .contact-header img { margin-left: 0 } #order-detail .contact-description h2 { font-size: 16px; margin-bottom: 5px } a.vto-button-mobile-home { width: 70%; height: 46px; line-height: 46px; background: #4589c8; border-radius: 3px; border: 0; color: #fff; display: inline-block; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: .07em; text-align: center; margin: 0; padding: 0 13px } .redesign2017 .vto-application .fullscreenable.fullscreen { text-align: center; z-index: 999; position: relative; overflow: initial } .redesign2017 .site-breadcrumb a { width: 100%; display: block; border: 1px solid #979797; font-family: FuturaBQMedium; color: #326fa8; font-size: 18px; padding: 10px } .redesign2017 .vto-application .vto-mobile .instructions-container { padding: 0 25px } .redesign2017 .vto-application .vto-mobile .instructions-title { color: #000; font-size: 18px } .redesign2017 .vto-application .vto-mobile .instructions-item-caption { width: 100%; color: #000; font-family: FuturaBQMedium; font-size: 18px } .redesign2017 .vto-application .vto-mobile .video-capture .open-camera { font-family: FuturaBQBold; background: #326fa8; border-radius: 3px; font-size: 15px; letter-spacing: .5px } .redesign2017 .vto-application .vto-mobile .alert { font-family: FuturaBQMedium; color: #f6151a; border: 0; margin: 0 } .pdp-container .item-image-options .Rectangle-4 { width: 50%; height: auto; margin-left: 10px; margin-top: 20px } .redesign2017 .vto-application .question-container .question { font-family: FuturaBQMedium; font-size: 15px } .redesign2017 .vto-application .question-container .question-answer .button-group .button-container .glassesGenderLabel { width: auto; min-width: 150px; border: 0; color: #fff; font-size: 15px; font-family: FuturaBQBold; margin: 0 10px } .redesign2017 .vto-application .button-overlay-active .button-caret { fill: #fff } .redesign2017 .vto-application .button-dark { color: #fff; background-color: #326fa8; font-family: FuturaBQBold; font-size: 15px; border-radius: 3px; max-width: 226px } .redesign2017 .vto-application .preview-page .bottom-buttons .button-light { color: #326fa8; border: 1px solid #326fa8; background-color: #fff; font-family: FuturaBQBold; border-radius: 3px; font-size: 15px } .redesign2017 .vto-application .question-container .question-answer .button-group .button-container { margin: 0 10px } .redesign2017 .vto-application .question-container .question-answer .button-group .button-container .glassesFitLabel { width: 100%; border: 0; min-width: 100px; color: #fff; font-size: 15px; font-family: FuturaBQBold } .redesign2017 .vto-application .preview-page .canvas-container .rotate-bar .rotate-text { font-size: 20px; font-family: FuturaBQMedium; text-transform: none; line-height: 5px; margin: 0 } .redesign2017 .vto-application .preview-page-save-account-title { color: #000; font-family: FuturaBQMedium } .redesign2017 .vto-application .preview-page-save-account .continue-button { z-index: 999999999999; text-decoration: none; color: #326fa8; font-family: FuturaBQMedium } .redesign2017 .vto-application .preview-page-save-account-overlay { background-color: rgba(238, 238, 238, .7) } .lds-spinner { display: inline-block; width: 48px; height: 48px } .lds-spinner div { transform-origin: 25px 25px; animation: lds-spinner 1.2s linear infinite } .lds-spinner div:after { content: " "; display: block; position: absolute; top: 5px; left: 25px; width: 2px; height: 10px; border-radius: 20%; background: #326fa8 } .lds-spinner div:nth-child(1) { transform: rotate(0); animation-delay: -1.1s } .lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s } .lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -.9s } .lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -.8s } .lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -.7s } .lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -.6s } .lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -.5s } .lds-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -.4s } .lds-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -.3s } .lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -.2s } .lds-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -.1s } .lds-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s } .vto-buttons .switch-outer { width: 44px; height: 20px; top: -1px; position: relative; text-align: left; border-radius: 9.5px; background-color: #5b494c; border: 1px solid #5b494c; z-index: 999; float: left; cursor: pointer; display: none } .vto-buttons .switch-outer.selected { background-color: #326fa8; border: 1px solid #326fa8 } .vto-buttons .switch-outer .switch-inner { width: 18px; height: 18px; position: relative; background: #fff; display: inline-block; border-radius: 13px } .pdp-container .item-image-options .pdp-switch-container { display: none; margin-top: 10px; padding-bottom: 20px } .pdp-container .item-image-options .pdp-switch-container .pdp-content-img { /* width: 21px; */ height: 21px; overflow: hidden; float: left; margin-left: 5px; margin-right: 5px; } .pdp-switch-container .pdp-content-img#pdp-icon-face { /* width: 21px; */ height: 21px; overflow: hidden; float: left; margin-left: 5px; margin-right: 5px; } .pdp-switch-container .pdp-content-img#pdp-icon-face .VTO_face-img.black { display:inline-block; } .pdp-switch-container .pdp-content-img#pdp-icon-face .VTO_face-img.blue { display:none; } .pdp-switch-container.active .pdp-content-img#pdp-icon-face .VTO_face-img.black { display:none; } .pdp-switch-container.active .pdp-content-img#pdp-icon-face .VTO_face-img.blue { display:inline-block; } .pdp-container .item-image-options .pdp-switch-container .Remove-my-virtual-model { bottom: 10px; right: 15px; font-size: 14px; color: #326fa8; font-family: FuturaBQBook, Arial, Helvetica, sans-serif; font-weight: 700; z-index: 9999; margin-right: 10px; float: right; display: none } .pdp-canvas-content .vto-application .vto-desktop .coming-soon-page-icon { width: 50px; height: 50px; object-fit: contain } .pdp-canvas-content .vto-application .vto-desktop .coming-soon-page-text { font-style: normal; font-stretch: normal; line-height: 1.39; letter-spacing: normal; text-align: center; color: #1f1f1f; font-family: FuturaBQMedium!important; padding-top: 0 } .pdp-canvas-content .vto-application .vto-desktop .render-error-page-title { font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: normal; text-align: center; color: #1f1f1f; font-family: FuturaBQMedium; font-size: 18px } .pdp-canvas-content .vto-application .vto-desktop .render-error-page-text { font-family: FuturaBQMedium; font-size: 18px; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #1f1f1f; padding-bottom: 0; padding-top: 0 } .vto-mobile-class .lds-spinner { padding-bottom: 150px; padding-top: 100px } .vto-mobile-class .vto-application h4.processing-text { width: 200px; left: -75px; position: absolute; font-family: FuturaBQMedium; font-size: 18px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; text-align: center; color: #1f1f1f; padding-top: 30px } .vto-mobile-class .vto-application .welcome-overlay-layout { height: 41vh } .vto-mobile-class .vto-application .welcome-overlay-layout-button { margin-bottom: 200px; min-height: 40px } #no-results * { font-family: FuturaBQMedium; font-size: 16px } .faceted_search_sidebar .show-more-facet { cursor: pointer; font-family: FuturaBQMedium; font-size: 15px; color: #326fa8 } .modal-california { color: #3f2a2e; margin-bottom: 10px; margin-top: 10px; display: block } .modal-california-box { padding: 10px!important } .modal-california-box>div:first-child { position: relative; display: table; top: -20px } .modal-california-box>div:first-child>div { background: url(/wcsstore/LensCraftersStorefrontAssetStore/mobile20/images/redesign/icons.png) -514px -3px no-repeat; transform: scale(.3); width: 113px; height: 100px; position: absolute; top: -37px; left: -43px; filter: hue-rotate(14deg) brightness(130%) } .modal-california-box>div:first-child>h2 { text-align: left; font-size: 18px; left: 40px; position: relative } .redesign2017 .vto-application .welcome-overlay-title { color: #333; margin-top: 140px } .contact-lens-loader { float: right; display: inline-block; text-indent: -9999em; width: 20px; height: 20px; border-radius: 50%; background: 0 0; position: relative; -webkit-animation: load3 1s infinite linear; animation: load3 .8s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); margin: 0 auto auto -20px } .contact-lens-loader:after, .contact-lens-loader:before { content: ''; position: absolute; top: 0; left: 0 } .contact-lens-loader:before { width: 50%; height: 50%; background: #fff; border-radius: 100% 0 0 } .contact-lens-loader:after { background: #cf0a2c; width: 75%; height: 75%; border-radius: 50%; bottom: 0; right: 0; margin: auto } .category-header.perk-category { display: flex; flex-flow: column; align-items: center; padding-top: 20px } .category-header.perk-category>p { font-family: FuturaBQBook; font-size: 14px; font-weight: 700; letter-spacing: 1px; color: #3f2a2e } .category-header.perk-category>h1 { font-family: FuturaBQBold; font-size: 24px; font-weight: 700; color: #3f2a2e; text-align: center } .category-header.perk-category>a { background-color: #fff; width: 150px } .trends_lp .hero .kids { z-index: 999!important } .cart-item-container .lensQPS .price span.offer-price.with-saving, .price.offerprice span.offer-price.with-saving { font-size: 14px!important; text-decoration: line-through; } .cart-item-container .frameSubtotal.price{ width: 88px; margin-top: 0px; } .cart-item-container .frameSubtotal span.offer-price.with-saving{ font-size: 11px!important; text-decoration: line-through; padding-top: 3px; } .cart-item-container .frameSubtotal span.saving-price, .cart-item-container .lensQPS .price span.saving-price, .price.offerprice span.saving-price { color: #cf0a2c!important; font-weight: 500; font-family: FuturaBQMedium; font-size: 11px !important; } .price.offerprice span.saving-price.BF, .price.offerprice span.offer-price.BF { font-size: 14px; } #address-error-modal-popup { z-index: 999999!important } #spinViewImage { width: 655px } .small-text { font-size: .8em } .button.submit { border: 0; font-family: FuturaBQBold } span.TRY-THEM-ON { width: 100px; margin-left: 9px } a#AccNav_vto-start-button { align-items: center } #vto-try-them-on>div { height: 41px } .product-options .frame-offer-section .price { color: #cf0a2c!important } .selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow, .selectBox-inline:focus { border-color: #666 } .pdp-container .frame-dimensions .dimension-value td, .redesign2017 #compare_view h1, .redesign2017 h1 { font-size: 24px !important; } .lc-lookup-need-help p, .pdp-container .item-title .st-button.add-to-cart #productAddToCartTextSection, .redesign2017 .fyl-page.fyl-steps.face-shape h1, .title-categories p { font-size: 15px } .pdp-item-info .bg-description, .redesign2017 .lc-lens-enh .lc-lens-enh-item .lc-lens-enh-check .st-button:hover { background: #fff } #myAccount.account-container #right.right-container .big-container .lc-loader.right-nav-loader, #myAccount.account-container .contact-info-wrapper .big-container .lc-loader.right-nav-loader, .pdp-container .select-lens-type input[type=radio]+label, .redesign2017 #compare_view .lc-loader.right-nav-loader, .redesign2017 .lc-loader.right-nav-loader { margin-top: 13px } #myAccount.account-container #right.right-container .big-container .lc-loader img, #myAccount.account-container .contact-info-wrapper .big-container .lc-loader img, .body588 .item_container .item .price.offerprice, .redesign2017 #compare_view .lc-loader img, .redesign2017 .lc-loader img { position: static } .catalog-item .badges p, .contact-lens-discount span.discount-container, .inline-block, .pdp-container .item-image-options .pdp-switch-container.active .pdp-content-img .VTO_face-img.blue, .rx-fields .checkbox, li.lens-subsection.selected .remove-lens-link { display: inline-block } .cart-container, .checkout_wrapper { box-sizing: border-box } .account-order-detail-container .order-shipping-billing>div p, .nomargin, .otherItemsContainer .label_check input[type=checkbox]+span, .prescriptionsFieldset .input-container { margin: 0!important } .pdp-container .addons-section .price, .register-sign-form p, .right-nav .accordion-menu>li>ul>li~li .price, .right-nav .product-details span, .right-nav>ul>li>div, .totalSavingContainer, .totalSavingContainer p.price { font-weight: 400 } #content_wrapper_box form.lc2 .input-container .enter-address-header, #content_wrapper_box form.lc2 .input-container.phone label, .right-nav>ul>li p { text-transform: none } .right-nav .title, .shopping-cart-page.thank-you-page #order-prescription #order-number { font-size: 16px; } #content_wrapper_box form.lc2 .select_container .selectBox-dropdown.selectBox-menuShowing, .accordion-menu.cart-m>li>a .price, .accordion-menu.checkout-m>li>a .price, .history-table table td:first-of-type a, .right-nav .accordion-menu a, form.lc2 .select_container .selectBox-dropdown.selectBox-menuShowing { color: #523f42 } #order-detail .contact-lens-rx-prescription-tables-header p:nth-child(3), #order-detail .contact-lens-rx-prescription-tables>div:nth-child(3), #shippingSelector>span>span:last-child, .contactLens .contact-lens-rx-prescription-tables-header p:nth-child(3), .contactLens .contact-lens-rx-prescription-tables>div:nth-child(3), .lc-elig-row>div:nth-of-type(3), .orderSubtotalContainer p.price, .pac-footer span.enter-manually, .pdp-container .product-options .actions>div, .right-nav .grandTotal .total-savings, .totalSavingContainer p.price, table.dataTable tbody td.dt-body-right, table.dataTable tbody th.dt-body-right, table.dataTable td.dt-right, table.dataTable tfoot td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable th.dt-right, table.dataTable thead td.dt-head-right, table.dataTable thead th.dt-head-right { text-align: right } .account-order-detail-container .order-print, .account-order-detail-container .order-total>div:nth-child(1), .cart-item-image .cart-item-thumb .img img, .catalog-item.featured .ProductThumbnailInfoDIV, .checkout-wrapper-content.container-step-5 .checkout-step-5, .checkout-wrapper-content.mobile>div, .datePicker .ui-datepicker select.ui-datepicker-month-year, .lc-elig.lc-elig-small .lc-elig-row>div, .lens-color-actual span.required, .lens-color-default span.required, .pagination-mobile, .pdp-container .product img, .right-nav .frame-recap .title, .right-nav .grandTotal div, .select_container.small-input.date.cardInfo, a.st-button, button.st-button, label[for=cvc_number] { width: 100% } .cart-item-image .cart-item-thumb .img .side-frame-image, .right-nav .cart-d .side-frame-image{ width: 200px!important; } .order-product-img img{ width: 100% } li.lens-subsection .selected-lens-info{ display:none; } #MenuLinks5 .accordion-section-content, #content_wrapper_box form.lc2 .card-number.error::after, #content_wrapper_box form.lc2 .card-number.success::after, #content_wrapper_box form.lc2 .input-container label.nodisplay, #content_wrapper_box form.lc2 .input-container.error.three-input::after, #content_wrapper_box form.lc2 .input-container.success.three-input::after, #content_wrapper_box form.lc2 .input-container.success.three-input:after, #content_wrapper_box form.lc2 .input-container>span, #content_wrapper_box form.lc2 .radio>span, #content_wrapper_box form.lc2 .select_container label.nodisplay, #content_wrapper_box form.lc2 .select_container.cardInfo::before, #content_wrapper_box form.lc2 .select_container.error.three-input::after, #content_wrapper_box form.lc2 .select_container.success.three-input::after, #content_wrapper_box form.lc2 .select_container.success.three-input:after, #content_wrapper_box form.lc2 .select_container>span, #content_wrapper_box form.lc2 .select_content-options+span, #content_wrapper_box form.lc2 .small-input.error::after, #content_wrapper_box form.lc2 .small-input.success::after, #content_wrapper_box form.lc2 .textarea-container label.nodisplay, #content_wrapper_box form.lc2 .textarea-container.error.three-input::after, #content_wrapper_box form.lc2 .textarea-container.success.three-input::after, #content_wrapper_box form.lc2 .textarea-container.success.three-input:after, #content_wrapper_box form.lc2 .three-input.error::after, #content_wrapper_box form.lc2 .three-input.success::after, #insurance-used, #lens-selection-popup .label_radio span:before, #lens-selection-popup .step-add-lens li span, #prescriptionForContainer .edit-name-cont, .block-text::before, .checkout-step-3 .delete-link, .contactLens .contact-lens-prescription-table, .contactLensesQPS, .content-block-promoCode, .control-select select::-ms-expand, .hide-accordion, .lc-lens-enh-item.not-available .st-button, .lc-lookup #lc_step_2 .lc-lookup-head, .lc-lookup .lc-dialog-form .lc-lookup-head h1, .lens-selection-modal .ui-dialog-titlebar-close .ui-icon::after, .page-container.checkout.checkout-step-1.doctor-info-restyle, .pdp-container .item-image-options .Rectangle-4, .pdp-container .item-image-options .pdp-switch-container .pdp-content-img .VTO_face-img.blue, .pdp-container .item-image-options .pdp-switch-container .pdp-content-img.active .VTO_face-img.black, .pdp-container .item-image-options .pdp-switch-container.active .pdp-content-img .VTO_face-img.black, .pdp-container .item-title .st-button.add-to-cart::before, .perk-espot .button-product-perk, .redesign2017 .vto-application .vto-mobile .instruction-privacy-policy, .right-nav .grandTotal span:after, .right-nav .product-details span::after, .select_container.noshow::before, .ui-dialog .lc-lookup-head h1, div.DTS div.dataTables_length, div.DTS div.dataTables_paginate, form.lc2 .card-number.error::after, form.lc2 .card-number.success::after, form.lc2 .input-container label.nodisplay, form.lc2 .input-container.error.three-input::after, form.lc2 .input-container.success.three-input::after, form.lc2 .input-container.success.three-input:after, form.lc2 .input-container>span, form.lc2 .radio>span, form.lc2 .select_container label.nodisplay, form.lc2 .select_container.cardInfo::before, form.lc2 .select_container.error.three-input::after, form.lc2 .select_container.success.three-input::after, form.lc2 .select_container.success.three-input:after, form.lc2 .select_container>span, form.lc2 .select_content-options+span, form.lc2 .small-input.error::after, form.lc2 .small-input.success::after, form.lc2 .textarea-container label.nodisplay, form.lc2 .textarea-container.error.three-input::after, form.lc2 .textarea-container.success.three-input::after, form.lc2 .textarea-container.success.three-input:after, form.lc2 .three-input.error::after, form.lc2 .three-input.success::after, input#prescription.invisible, table.dataTable.dtr-inline.collapsed>tbody>tr.child td:before { display: none } #myInfo.contact-info-wrapper .headingContainer, .cart-container .cart-item-container:last-of-type, .cart-item-container .cart-item-totals>div:last-of-type, a.pds.expanded, ul[id^=MenuLinks]>li>ul>li.brands>a:last-child, ul[id^=MenuLinks]>li>ul>li.brands>a:nth-last-child(2) { margin-bottom: 0 } #prescriptionConfirmEspot, .cart-item-container form.lc2 .label_check { margin: 15px 0 } #content_wrapper_box form.lc2 .label_radio input[type=radio]:checked+span, .bold, .bold-text, .datePicker .ui-priority-primary, .datePicker .ui-widget-content .ui-priority-primary, .datePicker .ui-widget-header .ui-priority-primary, .history-table table td a, .history-table table td:first-of-type, .history-table table td:last-of-type, .lc2 .promo-field label, .pdp-container .item-title.sticky-bottom .catalog_link .brand .price span, .select-lens-step1 label, .select-lens-step2 label, .warranty label, form.lc2 .label_radio input[type=radio]:checked+span, table.dataTable tfoot th, table.dataTable thead th { font-weight: 700 } #content_wrapper_box form.lc2 .select_container, #face_shape_filter .face-shape a, #success-lc, .accordion-menu-select-lens>li, .accordion-menu>li, .catalog-item .badges-container, .checkout-step-5 .sign-in .sign-form-fields, .checkout-step-5 form.lc2 .sign-form-fields, .contacts-espot .owl-buttons, .control-select, .input-container.card-number error, .lds-spinner, .product-options .existing-lens-selection-text #show-lens-options-PDP-main, .redesign2017 .lc-lens-enh .lc-lens-enh-item.added .lc-lens-enh-check, .similar-products, [id^=MenuLinks] .most-popular>div>div>a>div>img, [id^=MenuLinks] .trends-accordion>ul>li>a>div, form.lc2 .select_container { position: relative } #content_wrapper_box form.lc2 .promo-field .label_input .label, #content_wrapper_box form.lc2 .select_content-options.error+span, #insurance-used.insurance-on, #stateOK, .accordion-menu>li>a, .account-order-detail-container h1 span, .card-images, .card-images>span.active, .checkout-step-4 ul.accordion-menu p, .checkout-wrapper-steps.checkout-step-5, .history-detail h1 span, .lc-lens-enh-item.not-available .lc-lens-enh-not-available, .lc-lookup .lc-content-dialog-form, .lc-lookup .lc-content-dialog-form form.lc2.lc-lookup-form-focus .lc-info, .order_total, .order_total .items, .pdp-container .addons-section.selected, .pdp-container .item-image-options .pdp-switch-container.active .Remove-my-virtual-model, .showPromo, form.lc2 .promo-field .label_input .label, form.lc2 .select_content-options.error+span { display: block } .accordion-menu-select-lens>li>a.expanded .price, .accordion-menu>li>a.expanded .price, .lc-lookup .lc-btn.hidden, .lc-lookup .radio .hidden, .pdp-container .product-images.pdp-vto, .pdp-container a.lens-selected, form.checkout-form.lc2 .address_summary, li.addons-section, table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before { display: none!important } #perks-insurance-modal button.perks-use-insurance, #price-slider-max, .accordion-menu .price, .catalog-item [id^=compare-favorites] [id^=myFavorites], .datePicker .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .datePicker .ui-datepicker-rtl .ui-datepicker-group, .modal-nav-confirm a, .modal-nav-confirm span.required, .price.confirm, .vto-buttons .switch-outer.selected .switch-inner { float: right } .accordion-menu.cart-m, .accordion-menu.checkout-m, .prescription-options li, .pupillary-modal .accordion-menu p { padding: 6.5px 0 } .accordion-menu.in-page>li>ul, .account-order-detail-container .order-print p, a.pds+ul>li p+p { padding-bottom: 13px } .accordion-menu.in-page-full>li, table.dataTable.display tbody th, table.dataTable.row-border tbody td, table.dataTable.row-border tbody th { border-top: 1px solid #d5d5d5 } #ShippingMethodEntry span.price, .accordion-menu.cart-d>ul>li, .accordion-menu.checkout-d>ul>li, .addons-container, .lc-lookup .lc-dialog-form .lc-lookup-one-more-chance>h3, .lens-container, .pdp-container .change-colors-views p span, .pdp-container .pdp-main-info p, .pdp-container .product-category, .select-lens-type .select-lens-type-price .price{ font-size: 14px } .tax-summary .price { font-size: 16px; font-weight: 500; } .right-nav .tax-summary h2, .right-nav .subtotal-label{ text-transform: capitalize!important; } .my-wishlist .right-side-info .product-buttons a, .pdp-container .frame-section .title>span, div.orderSubtotalContainer p.price, div.totalSavingContainer p.price { float: none } #pupInformation, .selectBox-options, .selectBox-options li, .selectBox-options li a { color: #000 } #content_wrapper_box form.lc2 .card-number input[type=email], #content_wrapper_box form.lc2 .small-input input[type=email], #content_wrapper_box form.lc2 .small-input input[type=text], #content_wrapper_box form.lc2 .three-input input[type=email], form.lc2 .card-number input[type=email], form.lc2 .card-number input[type=tel], form.lc2 .small-input input[type=email], form.lc2 .small-input input[type=tel], form.lc2 .small-input input[type=text], form.lc2 .three-input input[type=email] { width: 52px; margin-right: 9px; text-align: center } #order-detail .contact-lens-rx-prescription-tables-header p:nth-child(2), #order-detail .contact-lens-rx-prescription-tables>div:nth-child(2), .active-lens .header-wrapper, .cart-item-image .cart-item-thumb .img, .contactLens .contact-lens-rx-prescription-tables-header p:nth-child(2), .contactLens .contact-lens-rx-prescription-tables>div:nth-child(2), .history-detail h1, .mobile-header, .pdp-container .item-image-options .views-buttons, .pdp-container .lens-measures, form.lc2 .three-input input[type=tel], table.dataTable tbody td.dt-body-center, table.dataTable tbody th.dt-body-center, table.dataTable td.dt-center, table.dataTable tfoot td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable th.dt-center, table.dataTable thead td.dt-head-center, table.dataTable thead th.dt-head-center { text-align: center } #content_wrapper_box form.lc2 .three-input input[type=tel], #order-detail .contact-lens-rx-prescription-tables-header p:nth-child(1), #order-detail .contact-lens-rx-prescription-tables>div:nth-child(1), .add-ons .lens-container, .catalog-item .price, .contact-lens-prescription-table td:first-child, .contactLens .contact-lens-rx-prescription-tables-header p:nth-child(1), .contactLens .contact-lens-rx-prescription-tables>div:nth-child(1), .grid .catalog-item .names, .grid .catalog-item .price, .order-success .register-sign-form, .pdp-container .change-colors-views p, .pdp-container .product-options .actions>button, table.dataTable tbody td.dt-body-left, table.dataTable tbody th.dt-body-left, table.dataTable td.dataTables_empty, table.dataTable td.dt-left, table.dataTable tfoot td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable th.dt-left, table.dataTable thead td.dt-head-left, table.dataTable thead th.dt-head-left { text-align: left } #content_wrapper_box form.lc2 .label_check.blue.on, #content_wrapper_box form.lc2 .select_container .selectBox-arrow, .logged.insuranceUsed, form.lc2 .label_check.blue.on, form.lc2 .select_container .selectBox-arrow { background: 0 0 } #content_wrapper_box form.lc2 .label_check input[type=checkbox]:focus+span, #content_wrapper_box form.lc2 .label_radio input[type=radio]:focus+span, form.lc2 .label_check input[type=checkbox]:focus+span, form.lc2 .label_radio input[type=radio]:focus+span { box-shadow: 0 0 2px #000 } #insurance-content, .checkout-container .label_radio { margin-bottom: 10px } #content_wrapper_box form.lc2 .label_radio input[type=radio], #lens-selection-popup input[type=radio], form.lc2 .label_radio input[type=radio] { left: 0; position: absolute; width: 16px; height: 16px; opacity: 0; cursor: pointer } #myInfo.contact-info-wrapper form.lc2 .three-input input[type=text], #myInfo.contact-view .middle .heading, #myInfo.contact-view .middle p, #prescription-needed .prescription-needed label.label_check, .checkout-step-5 .sign-in .label_check .star, .checkout-step-5 form.lc2 .label_check .star, .history-detail form.lc2 .select_container .selectBox-dropdown, .number, .pdp-container #scrollBar.item-title .st-button.add-to-cart, .pdp-container #scrollBar.item-title .st-button.add-to-cart-cl, .pdp-container .brand-img img, .pdp-container .product-options .actions .share-social-links>a:last-child, .rx-fields .select_container select { margin: 0 } .my-wishlist.product-list-container p.disclaimer, .pdp-container .existing-lens-addons p, .pdp-container .existing-lens-color, .select-lens-type .select-lens-type-price, small.prescr-form-required { font-size: 12px } #insurance-perks-container #insurance-pdp #insurance-switch span, #lens-selection-popup .lens-selection-popup-bottom a:nth-child(1), .card-number input[type=tel], .catalog-item [id^=compare-favorites] .compare-holder, .checkout-step-3 .question, .checkout-step-3 .security-code-img, .dataTables_wrapper .dataTables_length, .datePicker .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .datePicker .ui-datepicker-multi .ui-datepicker-group, .datePicker .ui-datepicker-rtl .ui-datepicker-buttonpane button, .pdp-item-info .frame_details span:first-of-type, input#cvc_number, input[name=hic_cc] { float: left } #content_wrapper_box form.lc2 label, #content_wrapper_box form.lc2 label[for=call-doctor], #content_wrapper_box form.lc2 label[for=text-prescription], #content_wrapper_box form.lc2 label[for=upload-prescription], #content_wrapper_box label[for=call-doctor], #content_wrapper_box label[for=text-prescription], #content_wrapper_box label[for=upload-prescription], .accordion-menu .accordion-header-link a, .account-order-detail-container .order-total p span:first-of-type, .info-dialog-container, .lc-lookup .lc-dialog-form .lc-footer-dialog button, .lc-lookup .lc-dialog-form .lc-lookup-one-more-chance>span, .lens-selection-modal h3, .pdp-container .frame-dimensions .label-value td, .pdp-container .item-title .st-button.add-to-cart, .top.taxes.cart .total_figures a, .upload-prescription-form .delete-link, .upload-prescription-form li, .upload-prescription-form p, form.lc2 label, form.lc2 label[for=call-doctor], form.lc2 label[for=text-prescription], form.lc2 label[for=upload-prescription], label[for=call-doctor], label[for=text-prescription], label[for=upload-prescription] { font-size: 13px } .lc-lens-enh .st-button, .lc-lens-enh-item .st-button, .lens-color-actual>ul li a.active, .lens-container>ul li a.active { background-color: #fff } table.dataTable tbody tr { background-color: #fff; height: 154px; border: solid 1px #cfcfcf; display: grid; grid-template-columns: 60% 40%; margin: 10px; font-family: FuturaBQMedium; } .lens-color-actual>div.active, .lens-color-default>div.active, .select-lens-type.active { background-color: #e5f6ed } .account-order-detail-container .order-info, .select-lens-type ul { padding: 0 0 13px } #togglePromoCode,#toggleIDMEPromoCode, .hic_sh, .select-lens-type input[type=radio]+label, .store-locator-page form#store_locator_form input[type=submit] { cursor: pointer; font-family: FuturaBQMedium, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #1f1f1f; } #productFullImage, #spinViewImage, .account-order-detail-container>div:last-of-type, .billing-addr.form-area, .checkout-wrapper ul.accordion-menu.in-page.in-page-full li:first-of-type, .eachExam .datePicker table, .lens-options-row.add-ons, .quick-view-pinterest-container img, .step-footer { border: 0 } #ShippingMethodEntry p, #content_wrapper_box form.lc2 label[for=dontneed], #content_wrapper_box form.lc2 label[for=need], #eyeExamSigninLink, .account-order-detail-container .order-product .order-product-info h2, .add-ons .lens-container .label_check, .add-ons .lens-container>div .label_check span, .add-ons .lens-container>div .label_radio span, .checkout-container .radio>label, .lens-color-actual>div .label_check span, .lens-color-actual>div .label_radio span, .lens-color-default>div .label_check span, .lens-color-default>div .label_radio span, .right-nav span.subtotal-label, .total-savings .total-savings-label, .total-savings .total-savings-price, form.checkout-form.lc2 .address_summary .view-address p, form.lc2 label[for=dontneed], form.lc2 label[for=need] { font-size: 16px } .checkout-wrapper-content .step-footer .st-button.submit, .datePicker .ui-datepicker.ui-datepicker-multi, .modal-nav a.st-button { width: auto } #header.checkout, .modal-nav, .right-nav .promotion_used { display: flex; -ms-flex-pack: justify; justify-content: space-between } .pupillary-modal, .shipping_method .lc2 { padding-top: 6.5px } .catalog-item .st-button.find-store::before, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .rx-fields .checkbox, .rx-fields .pd-select-one { vertical-align: middle } #CVVDetailsSection+.valid, #cardImageContainer+span.valid, .checkout-step-5 .sign-in .label_check, .checkout-step-5 form.lc2 .label_check, .checkout-wrapper ul.accordion-menu.in-page.in-page-full, .dataTables_wrapper .dataTables_scroll, .pdp-container .existing-lens-addons>p, .upload-prescription-form .prescription-important-note { clear: both } .congrats-wcs .link, .history-detail form.lc2 .select_container:first-of-type { margin-right: 26px } .cart-mobile, .congrats-wcs .send-rx { padding: 26px 0 } .cart-item-image, .lc-lookup-loading .lds-rolling { margin: 0 auto } #doctorsResultContainer ul#doctorsResultList li label.doctorsResultOption input[type=radio]:checked+span, .framesQPS .frameSubtotal, .framesQPS>ul>li>ul>li, .lc-lookup .lc-content-dialog-form form.lc2.lc-lookup-form-focus .lc-info .radio .header-form, .pdp-container .price, .shopping-cart-page.thank-you-page #order-prescription #order-number b, .shopping-cart-page.thank-you-page #thank-you-header p b { font-family: FuturaBQBold, Arial, Helvetica, sans-serif } #checkoutDoctorInfo .rx-fields .select_container.prescriptions::before, #content_wrapper_box form.lc2 .select_container.no-label::before, form.lc2 .select_container.no-label::before { top: 30px } #badges .badge-exclusive, .accordion-doctor .accordion-title p, .body588 .badges .badge-exclusive, .checkout-wrapper ul.accordion-menu.in-page.in-page-full li>a.prescription-accordion { color: #326fa8 } .accordion-menu.billing-addr>li>ul, .checkout-glasses-info, .contact-lens-prescription-table>tbody>tr:last-child>td>p { padding-bottom: 26px } #CVVDetailsSection.question>ul.accordion-menu.in-page>li:first-child>a, .pdp-container ul.accordion-menu.top-level.pdp>li ul, .prescription-options, .prescription-options li:first-of-type, .right-nav .grandTotal, .right-nav .grandTotal .main-total { padding: 0 } .checkout-accordion-recap, .lc-lookup #content_wrapper_box { padding: 0 13px } .catalog-item .badges p, .catalog-item .names p.brand-name, .final-total, .pdp-container .product-options p.select-lens-type-price, a.st-button.st-button-base { font-family: FuturaBQBold!important } .pdp-container .the-price .price, .redesign2017 .pdp-container .product-options .accordion-menu-select-lens .st-button.st-button-big { font-size: 15px!important } .account-order-detail-container .order-total p:nth-of-type(3), .account-order-detail-container .order-total p:nth-of-type(6), .account-order-detail-container .order-total p:nth-of-type(8), .pdp-container .product-info p::first-letter, .pdp-container .product-options .total-savings-ria, .right-nav>ul>li#ShippingMethodEntry #content p { text-transform: capitalize } .pdp-container .product-options .actions>button.orange, .perk-box, .perk-box-active, table.contact-lens-rx-table { margin-bottom: 15px } .datePicker .ui-datepicker-multi-2 .ui-datepicker-group, .pdp-container .product-info ul.top-level>li>ul li strong, .pdp-main-info.product .brand-logo img, .total-savings .total-savings-price { width: 50% } .account-order-detail-container .order-product .order-product-img{ width: 30%; } .account-order-detail-container .order-product .order-product-info{ width: 70%; color: #000000!important; font-family: FuturaBQBold; } .account-order-detail-container .order-product .order-product-info p{ color: #000000!important; font-family: FuturaBQMedium; } #myInfo.contact-info-wrapper .row, #myInfo.contact-info-wrapper form.lc2 .input-container, #myInfo.contact-info-wrapper form.lc2 .select_container, .select-lens-step1, .select-lens-step2 { margin: 13px 0 } .account-order-detail-container .order-info>div, .account-order-detail-container .order-info>div:first-of-type { width: 100%; } #myInfo.contact-view .billing-shipping-info, .account-order-detail-container .order-total, .body588 #results_grid, .hasWarranty, .lc-lens-enh-item, .lensQPS, .lensSavings, .pairSavings { display: flex } #myInfo.contact-info-wrapper #stateDiv, .ui-slider-vertical .ui-slider-range-max, span.required[for=acceptPaymentTerm] { top: 0 } .datePicker .ui-widget:active, .ui-dialog.st-dialog .ui-dialog-titlebar-close, .ui-dialog.st-dialog .ui-dialog-titlebar-close *, table.dataTable thead td:active, table.dataTable thead th:active { outline: 0 } table.dataTable.cell-border tbody tr:first-child td, table.dataTable.cell-border tbody tr:first-child th, table.dataTable.display tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.row-border tbody tr:first-child th { border-top: none } table.dataTable.display tbody tr.even.selected>.sorting_1, table.dataTable.display tbody tr.selected>.sorting_1, table.dataTable.display tbody tr.selected>.sorting_2, table.dataTable.display tbody tr.selected>.sorting_3, table.dataTable.order-column tbody tr.selected>.sorting_1, table.dataTable.order-column tbody tr.selected>.sorting_2, table.dataTable.order-column tbody tr.selected>.sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 { background-color: #acbad5 } div.DTS tbody td, div.DTS tbody th, table.dataTable tbody td.dt-body-nowrap, table.dataTable tbody th.dt-body-nowrap, table.dataTable td.dt-nowrap, table.dataTable tfoot td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable th.dt-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable thead th.dt-head-nowrap, table.dataTable.nowrap td, table.dataTable.nowrap th { white-space: nowrap } table.dataTable tbody td.dt-body-justify, table.dataTable tbody th.dt-body-justify, table.dataTable td.dt-justify, table.dataTable tfoot td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable th.dt-justify, table.dataTable thead td.dt-head-justify, table.dataTable thead th.dt-head-justify { text-align: justify } .dataTables_wrapper.no-footer div.dataTables_scrollBody table, .dataTables_wrapper.no-footer div.dataTables_scrollHead table, .lc-lookup .lc-content-dialog-form form.lc2.lc-lookup-form-focus#plan-info .radio, table.dataTable>tbody>tr.child ul li:last-child, ul[id^=MenuLinks]>li>ul>li:last-child { border-bottom: none } table.dataTable.dtr-column>tbody>tr.parent td.control:before, table.dataTable.dtr-column>tbody>tr.parent th.control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before { content: '-'; background-color: #d33333 } .lc-lookup .lc-dialog-form .lc-content-dialog-form, table.dataTable>tbody>tr.child ul li:first-child { padding-top: 0 } .lc-lookup form.lc2 .select_container, div.DTS, li.addons-section.selected { display: block!important } #ui-datepicker-div td .ui-state-active span, #ui-datepicker-div td a.ui-state-active, .datePicker td .ui-state-active span, .datePicker td a.ui-state-active { padding: 3px!important } .datePicker .ui-corner-all, .datePicker .ui-corner-bottom { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } #ui-datepicker-div.ui-datepicker .ui-datepicker-next span, .datePicker .ui-datepicker .ui-datepicker-next span { background: url(../images/assets/date-right-arrow.png) no-repeat } #doctorsResultContainer, .datePicker .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right } .lc-lens-enh .lc-lens-enh-item .lc-lens-enh-price, .lensQPS .rowDescr p:first-child { width: 22% } #promo-placeholder, .productTitleDetails .contact-lens-boxes-table { margin: 20px 0 } .hasWarranty .price, .lensQPS .price, .pairSavings .price { width: 40% } .lensSavings[data-insurance] *, .pdp-container #estmated-delivery-date .delivery-value, .pdp-container .product-options .perk-saving-section span { color: #3fb273 } .lensSavings *, .modal-california-box * { font-family: FuturaBQMedium } #help-footer p.need-help, .grandTotal.grand_total, .top.taxes.cart { font-family: FuturaBQBold; font-weight: 600!important; } .cart-item-container .cart-item-info .price:before, #perk-amount:before, #promo-amount:before, .cart-item-container .cart-item-totals .frameSubtotal.item-price-row span:before{ content: ""; width: 200px; border-bottom: 1px dashed #a9a9a9; display: block; height: 18px; position: absolute; right: 59px } #doctorsResultContainer ul#doctorsResultList li:last-child, .frame-recap>ul>li:last-child, .lc-lookup .ui-dialog .lc-lookup-head { border-bottom: 0; } #doctorsResultContainer h1, #doctorsResultContainer p, .accepted-cards, .calculate-tax span.calculate, .checkout-wrapper ul.accordion-menu.in-page.in-page-full li p, .lc2.checkout-form .check.save-cc-container label span, .lc2.checkout-form .check.accept-terms label span, .shopping-cart-page a, .shopping-cart-page.thank-you-page #thank-you-header p, .shopping-cart-page.thank-you-page ul.account-options li, #PayPalshippingBillingPageNext span, #savedCreditCardFormContainer .check.accept-terms label span { font-family: FuturaBQBook, Arial, Helvetica, sans-serif; font-size: 16px; } #ShippingMethodEntry, #ShippingMethodEntry p, #help-footer p, .address_summary .edit-addr, .cart-d span, .pac-footer, .pac-item, .right-nav span, form.checkout-form.lc2 .address_summary .view-address p { font-family: FuturaBQBook, Arial, Helvetica, sans-serif; } #ShippingMethodEntry .same, #accept_terms-error, #content_wrapper_box form.lc2 .select_container.error .required, #content_wrapper_box form.lc2 .textarea-container.error .required, #creditCardFormContainer form.lc2 .input-container.error .required, form.lc2 .input-container.error .required, form.lc2 .select_container.error .required, form.lc2 .textarea-container.error .required { padding-left: 25px; } .accepted-cards .card-images, li.lens-subsection.selected .selected-lens-info>div.existing-lens-addons, li.lens-subsection.selected .selected-lens-info>div.lens-material-container, li.lens-subsection.selected .selected-lens-info>div.no-lens, li.lens-subsection.selected .selected-lens-info>p.existing-lens-color, li.lens-subsection.selected .selected-lens-info>p.title { margin-left: 10px; } #content_wrapper_box form.lc2 .card-number input[type=tel], .body588 .site-padding .plp-actions .sort-by, .label_check.blue.prescriptions, [id^=MenuLinks] li.account-accordion { width: 100%!important } .select_container.prescriptions, input#cvc_number { width: 50%!important } #ShippingMethodEntry .calculate, #ShippingMethodEntry .edit, #ShippingMethodEntry .price, .frame-recap>.title .edit { line-height: 25px } #ShippingMethodEntry .edit, .recipient-summary .edit{ text-decoration: underline; } .right-nav .frame-recap .lens-descr, .right-nav .frame-recap .lens-label, .total-savings .total-savings-label, .total-savings .total-savings-price { display: inline-block; float: left } .checkout-wrapper span.required::before, .lc-lookup span.required:before, span.required-avalara:before { content: ''; background: url(../../images/sprites/newCheckSprite.png) -222px; background-size: auto; pointer-events: none; position: absolute; margin-left: -25px; width: 23px; height: 20px } #checkoutDoctorInfo .rx-fields span.required, #glasses_information .prescriptionsFieldset span.required, span#accept_terms-error.required { position: static!important } .lc-elig-available .lc-elig-available-status .lc-frames-big, span.lc-frames-green { background-position: -5px -144px; width: 40px; height: 16px } .lc-elig-available .lc-elig-available-status .lc-lenses-big, span.lc-lenses-green { background-position: -50px -145px; width: 30px; height: 20px } .lc-elig-available .lc-elig-available-status .lc-contact-lenses, span.lc-contact-lenses-green { background-position: -116px -145px; height: 22px; width: 35px } a.lc-btn-outline, a.lc-btn-outline.lc-disabled:focus, a.lc-btn-outline.lc-disabled:hover, a.lc-btn-outline[disabled]:focus, a.lc-btn-outline[disabled]:hover, button.lc-btn-outline, button.lc-btn-outline.lc-disabled:focus, button.lc-btn-outline.lc-disabled:hover, button.lc-btn-outline[disabled]:focus, button.lc-btn-outline[disabled]:hover { background-color: transparent; color: #3f2a2e; border-color: #3f2a2e } a.lc-btn-clear, a.lc-btn-clear.lc-disabled:focus, a.lc-btn-clear.lc-disabled:hover, a.lc-btn-clear[disabled]:focus, a.lc-btn-clear[disabled]:hover, button.lc-btn-clear, button.lc-btn-clear.lc-disabled:focus, button.lc-btn-clear.lc-disabled:hover, button.lc-btn-clear[disabled]:focus, button.lc-btn-clear[disabled]:hover { background-color: transparent; color: #3f2a2e; border-color: transparent } a.lc-btn-clear-blue, a.lc-btn-clear-blue.lc-disabled:focus, a.lc-btn-clear-blue.lc-disabled:hover, a.lc-btn-clear-blue[disabled]:focus, a.lc-btn-clear-blue[disabled]:hover, button.lc-btn-clear-blue, button.lc-btn-clear-blue.lc-disabled:focus, button.lc-btn-clear-blue.lc-disabled:hover, button.lc-btn-clear-blue[disabled]:focus, button.lc-btn-clear-blue[disabled]:hover { background-color: transparent; color: #4179b1; border-color: transparent } a.lc-btn-orange, a.lc-btn-orange.lc-disabled:focus, a.lc-btn-orange.lc-disabled:hover, a.lc-btn-orange[disabled]:focus, a.lc-btn-orange[disabled]:hover, button.lc-btn-orange, button.lc-btn-orange.lc-disabled:focus, button.lc-btn-orange.lc-disabled:hover, button.lc-btn-orange[disabled]:focus, button.lc-btn-orange[disabled]:hover { background-color: #e72; color: #fff; border-color: #e72 } a.lc-btn-green, a.lc-btn-green.lc-disabled:focus, a.lc-btn-green.lc-disabled:hover, a.lc-btn-green[disabled]:focus, a.lc-btn-green[disabled]:hover, button.lc-btn-green, button.lc-btn-green.lc-disabled:focus, button.lc-btn-green.lc-disabled:hover, button.lc-btn-green[disabled]:focus, button.lc-btn-green[disabled]:hover { background-color: #00a651; color: #fff; border-color: #00a651 } .contact-banner-container>h1:last-child, .lc-lookup-err-container .lc-btn { margin-top: 40px } .lc-lookup .lc-content-dialog-form form.lc2 .radio input[type=radio]:checked+span, .lc-lookup .ui-dialog-title, .lc-lookup .ui-dialog-titlebar-close { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-weight: 400 } .lc-elig-row :not(.lc-elig-header).lc-open:before { transform: rotate(180deg) } .lc-elig-available, .lc-elig-available .lc-elig-available-status, .lc-elig-available .lc-elig-available-status:nth-of-type(1) { color: #008943 } .lc-elig.lc-elig-small .lc-elig-row:before, .pdp-container .accordion-menu-select-lens>li>a::after { content: none } .perk-accordion-expires, .perk-accordion-expires-active, .perk-accordion-title, .perk-accordion-title-active { font-size: 12px!important; text-align: left; color: #3f2a2e } [id^=MenuLinks] .most-popular>div>div:nth-child(6)>a>div>img, [id^=MenuLinks].sunglasses .most-popular>div>div:nth-child(3)>a>div>img { left: -213px; top: -158px } #lens-selection-popup>*, .faceted-filters-bottom-placeholde>*, .faceted-filters-bottom>* { -webkit-transform: translateZ(0) } .catalog-item .names p.brand-name, .grid .lazy-container { padding-top: 0!important } #no-results, select.fastFinderSortDropDown { padding: 20px } .pdp-container .padded-section .prices-section, .pdp-product-siblings-section h2.frame-info-title { padding: 0 12px } #lens-selection-popup .step-add-lens li:first-child, .prescription-content { padding-left: 10px; padding-right: 10px; } .final-price-no-perk, .insurance-price-label p, .perk-saving { color: #3fb273!important } #vto-try-them-on>div, .body588 .pagination-mobile a.next-page, a#AccNav_vto-start-button { display: flex; justify-content: center } .pdp-container .product-images .pdp-cl-image{ width: 100%; } .body588 .badges .badge-new, .body588 .item .price .box-annual-supply-price.with-saving, .boxPriceCL span.box-offer-price { color: #cf0a2c } .cart-item-image .remove_link, .cart-item-info .remove_link, .delete-link:hover { color: #212529 } #ui-datepicker-div .ui-state-highlight, #ui-datepicker-div .ui-widget-content .ui-state-highlight, #ui-datepicker-div .ui-widget-header .ui-state-highlight, .datePicker .ui-state-highlight, .datePicker .ui-widget-content .ui-state-highlight, .datePicker .ui-widget-header .ui-state-highlight { background-color: #f3f3f3; color: #363636; padding: 5px } #ui-datepicker-div.ui-datepicker .ui-datepicker-title, .datePicker .ui-datepicker .ui-datepicker-title { line-height: 1.8em; text-align: center; margin: 0 2.3em } .accordion-menu.billing-addr, .accordion-menu.in-page-full>li:last-of-type, .dataTables_wrapper.no-footer .dataTables_scrollBody, .lc-elig, .lc-elig-header, .lc-lookup .lc-content-dialog #plan-info .radio, .lc-lookup .ui-dialog-titlebar, .lc-lookup-head, .lc-lookup-one-more-chance, a.pds+ul, table.dataTable.no-footer { border-bottom: 1px solid #d5d5d5 } .catalog-item a, .catalog-item p, .plp-actions a, .plp-actions p { font-family: FuturaBQBook!important } @media screen and (max-width:350px) { .checkout-steps li, .checkout-steps li a, .redesign2017 .cart-item-container .lensQPS p { font-size: 11px } .cart-item-container .productTitleDetails a, .framesQPS.product-details .styled-link { font-size: 13px } } @media screen and (max-width:767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center } .dataTables_wrapper .dataTables_paginate { margin-top: .5em } div.dtr-modal div.dtr-modal-display { width: 95% } } @media screen and (max-width:640px) { .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length { float: left; font-weight: 700; text-align: center } .dataTables_wrapper .dataTables_filter { margin-top: .5em } table.dataTable tbody td { line-height: 5.5 } .history-table table.dataTable tbody td { line-height: 2; vertical-align: middle } table.dataTable thead th { line-height: 1.8 } .history-table table.dataTable thead th { line-height: 1.8; vertical-align: middle } } @media screen and (mix-width:320px) { #content_wrapper_box form.lc2 .three-input input[type=tel], form.lc2 .three-input input[type=tel] { margin-right: 17px } } @media screen and (max-width:320px) { div#cardImageContainer>span { width: 55px } div#cardImageContainer { left: 236px; top: 40px } } @media screen and (min-width:400px) { .cart-item-container .cart-item-info .price:before { width: 250px } } @media screen and (min-width:700px) { .cart-item-container .cart-item-info .price:before { width: 570px } } @media only screen and (max-width:320px) { #content_wrapper_box form.lc2 .card-number input[type=tel] { font-size: 15px } table.contact-lens-prescription-table { margin-left: 0 } .productTitleDetails .control-select { width: 67px!important } } @media screen and (orientation:landscape) { #header-shield-box { width: 100%; background-color: #f8f8f8; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5); display: flex; flex-flow: column; margin-top: 15px } .heder-shield-title { width: 24%!important } } @media only screen and (min-width: 375px) { li.active+.navigation-divider { width: 85px } .navigation-divider { width: 25px } } #flash_area #flashcontent p a:hover, #ajaxResponseTextHolderDiv p a:hover { text-decoration: underline; } #basicInformationFormDiv .valid::before { content: ''; background: url(../../assets/lc2_sprite.gif); background-position: -120px -315px; background-size: 500px; margin-right: 5px; width: 11px; height: 9px; display: inline-block; } .warranty-input .lc2 a, #flash_area #flashcontent p a, #ajaxResponseTextHolderDiv p a, #face-shape-subheader-link { text-decoration: underline; } .cart-item-container a[id*="WC_OrderItemDetailsf_links_2_"]:focus { text-decoration: underline; } input#ShoppingCart_ApplyPromo_Button:focus { background: #326fa8 } /*WCAG ACCESIBILITY Start*/ /*focus with orange border*/ #insurance-switch:focus, #togglePromoCode:focus, form.lc2 .select_container select.drop_down_checkout:focus, .plp-actions.sticky-nav .sort-by ul.accordion-menu.top-level li .sortByFacetTemp:focus, .control-checkbox:focus, .facet-subnav .frame-shape a:focus, #face_shape_filter .face-shape a:focus, .faceted_search_sidebar .show-more-facet:focus, #color_filter .filter-options a:focus, .plp-actions>div:not(.faceted_search).view>a:focus, .heder-shield-title:focus, #MainMenu ul.top-level>li>a:focus, #SiteFooter label[for=eighteen_older]:focus, .pdp-container .product-options .actions>button.find-in-stores:focus, #productMainImage:focus, .views-buttons>a:focus, .select-lens-type:focus, a[id^=t1]:focus, #total_breakdown .calculate-tax:focus, #basicInformationFormDiv .fe-row .select_container select:focus, .checkout-wrapper ul.accordion-menu.in-page.in-page-full li .addr-line-2 p.show-addr-line-2:focus, .step-footer .delete-link:focus, #content_wrapper_box form select:focus, /* red button focus*/ #content_wrapper_box form.lc2 .label_radio span:focus, .accountCreated .formPart .buttonCont .skipThisStep:focus, .store-locator-landing-page button.use-my-location:focus, #content_wrapper_box .addMyExams form .dobMonthData .styled-select select:focus, #content_wrapper_box .addMyExams a.button.black-outline:focus, #content_wrapper_box .addMyExams form input[type=checkbox]:focus, .schedule-eye-exam-container .fe label[for^="fitting_"]:focus, .schedule-eye-exam-container .fe label[for^="previousExam_"]:focus, .schedule-eye-exam-container .fe label[for^="check18Years_"]:focus, .schedule-eye-exam-container .appointmentTimes>div>label:focus, .schedule-eye-exam-container .fe label[for^="check_email_offers_"]:focus, .schedule-eye-exam-container .fe label[for^="contacts_"]:focus, .appointmentTimes:focus, .schedule-eye-exam-container .backButton:focus, .schedule-eye-exam-container .step3 .create-an-account:focus, .accountCreated .formPart input[type=checkbox]:focus, p.use-different:focus, #toggleIDMEPromoCode:focus, #shippingSelector>span:focus, .shopCartTotals .calculate-tax .submit:focus{ outline: -webkit-focus-ring-color auto 5px; } .accountCreated .formPart .buttonCont .skipThisStep:focus{ outline: -webkit-focus-ring-color auto 5px; } /* red button focus */ #ShoppingCart a.st-button-orange:focus, #checkoutContent button.st-button-orange:focus, .pdp-container .grand-total .add-to-cart:focus{ background: #e4273b; text-decoration:underline; } /* blue button focus*/ #ShoppingCart.thank-you-page .confirmationPage .submit.go-to-the-next-step:focus, .HPBtn:focus, input[type="submit"]#Footer_SubmitEmail_Button:focus, .pdp-container .accordion-menu-select-lens>li>a.st-button:focus, #content_wrapper_box #LogonDialogForm input[type=submit]:focus, #content_wrapper_box #un_content a#Register_SignIn_Link:focus, .account-page.insurance form input[type=submit]:focus, #content_wrapper_box form input#Profile_AddressSaveChanges_Button:focus, .store-locator-page form#store_locator_form input[type=submit]:focus, #content_wrapper_box #PurchaseHistory .empty-purchases-container button#addnow:focus, #content_wrapper_box .addMyExams #addEyeExamDetails:focus, a[id^=call_for_eyeexam]:focus, #content_wrapper_box #un_content a#Register_SignIn_Link:focus { background-color: #4589c8; text-decoration:underline; } .shopping-cart-page #sign-in:focus, .checkout-step-2 .sign_in a:focus, .view-more-result:focus, #AccNav_vto-start-button:focus, .select-lens-type:focus, a.button.create-account:focus, .accountCreated .formPart .buttonCont .skipThisStep:focus, .accountCreated .formPart .buttonCont input[type=submit].saveDetails:focus, #content_wrapper_box .addMyExams a.button.black-outline:focus, .account-top-nav>a.back:focus, .account-top-nav>a.sign-out:focus span, a[id^=schedule_exam]:focus, .toggle-carrier-list, .schedule-eye-exam-container .new-button:focus, .store-locator-page .store-locator-results a#FindStore_MoreLocations_Button:focus, .schedule-eye-exam-container .new-button:focus span, a.button.new-style-orange-button.btnorange.rightAlign.hic-book-now:focus, .schedule-eye-exam-container .addNewExam:focus, .schedule-eye-exam-container .step3 .create-an-account:focus, .schedule-eye-exam-container .backButton:focus >span{ text-decoration:underline; } #content_wrapper_box #myInfo form.lc2 .select_container select{ -webkit-appearance:menulist; -moz-appearance:menulist; } .accountCreated .formPart .buttonCont input[type=submit].saveDetails:focus{ text-decoration:underline; } #content_wrapper_box form.lc2 .select_container label { text-transform: lowercase; font-weight: normal; font-family: FuturaBQMedium; } #select-small-container #orders_number { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; } #main-table thead{ display:none; } .history-table table.dataTable td a{ font-size: 14px; line-height: 1; } .history-table table tr td:nth-child(1):before{ content: "Order Date\A"; white-space: pre; font-family: FuturaBQ, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 550; font-style: normal; line-height: normal; letter-spacing: normal; color: #000000; text-transform: none; } .history-table table tr td:nth-child(2):before{ content: "Order Number\A"; white-space: pre; font-family: FuturaBQ, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 550; font-style: normal; line-height: normal; letter-spacing: normal; color: #000000; text-transform: none; } .history-table table tr td:nth-child(3):before{ content: "Order Status\A"; white-space: pre; font-family: FuturaBQ, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 550; font-style: normal; line-height: normal; letter-spacing: normal; color: #000000; text-transform: none; } .history-table table tr td:nth-child(4):before{ content: "Total\A"; white-space: pre; font-family: FuturaBQ, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 550; font-style: normal; line-height: normal; letter-spacing: normal; color: #000000; text-transform: none; } table#main-table td:nth-child(-n+2) { background: #f8f8f8; padding-top: 10px; } table#main-table td:nth-child(n+2) { padding-top: 10px; font-weight: normal; } table#main-table td:nth-child(1) { padding-left:35%; grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; color: #1f1f1f; font-weight: normal; } .history-table table tr td:nth-child(3){ text-transform: uppercase; font-size: 11px; color: #1f1f1f; } table#main-table td:nth-child(4) { padding-left:35%; color: #1f1f1f; } .dataTables_empty { background: #ffffff!important; text-align: left!important; grid-column-start: 1!important; grid-column-end: 2!important; grid-row-start: 1!important; grid-row-end: 2!important; } .dataTables_empty:before { content: none!important; } @media only screen and (min-width: 641px) { table.dataTable tbody tr { padding-bottom: 140px; } .contact-status{ padding-left: 140px!important; } } .back_order_list{ text-transform: unset!important; font-family: FuturaBQMedium!important; } .account-order-detail-container{ font-family: FuturaBQMedium; } .order_detail_title{ font-family: FuturaBQBold; text-transform: uppercase; font-size: 16px; padding-bottom:15px!important; } .account-order-detail-container .order-info p>span{ font-size:14px; font-family: FuturaBQMedium; padding-right: 5px; } .prescription-req { font-family: FuturaBQMedium!important; font-size: 14px!important; padding-top:15px; } #prescription_order{ font-family: FuturaBQMedium!important; } .prescription-req span{ font-weight: bold; } #prescription-button-product{ background: #326fa8; width: 230px; height: 40px; text-align: center; font-size: 15px; } .prescription_btn{ width:100%; text-align: right; padding-right: 5px; padding-bottom: 10px; padding-top: 10px; } #order-detail .contact-description{ display: inline-block; width: 100%; text-align: left; color: #000000!important; font-family: FuturaBQBold; } .col-right p, .col-left p, .col-label p{ font-size:14px!important; width:50px; text-align: center; } .price-container{ height: 63px; width:100%; background-color: #f8f8f8; padding-left: 30%; padding-top: 10px; display: flex; } .account-order-detail-container .order-info{ padding-bottom:20px; } .price-detailed{ display:inline-grid; padding-left: 35%; text-align: right; } .price-detailed span{ text-align: right; } .price-detailed span:nth-child(1){ padding-bottom:10px; } .contact-container{ border: unset!important; } .order-shipping-billing{ font-family: FuturaBQBold; text-transform: uppercase; font-size: 16px; color: #000000!important; } .order-shipping-billing p{ color: #000000!important; } .order-billing-info{ padding-top: 15px!important; padding-bottom: 15px!important; } .order-total p{ border: unset!important; } .order-total p span{ text-transform: uppercase!important; font-family: FuturaBQMedium; font-weight: unset; color: #000000; } .order_total_title{ font-family: FuturaBQBold; text-transform: uppercase; font-size: 16px; color: #000000!important; } .promo{ color: #2f8656!important; } .promo:before{ content:"-"; } td.dataTables_empty { display: contents; } #main-table_paginate{ display: block!important; } .contact-price-container{ height: 35px; width:100%; background-color: #f8f8f8; padding-left: 30%; padding-top: 10px; } .price-detail{ padding-left: 69px; display: grid; } .lens-price span{ padding-left: 4px; } .price-total, .contact-price-container span:nth-child(1){ font-weight: Bold; } #order-detail div div div .col-label,#order-detail div div div .col-right,#order-detail div div div .col-left{ display: flex; } .col-label p{ font-size:14px!important; } .prescription-req{ display: none; } #order_in_process, #order_closed{ padding-top:10px; } .contact-status p{ color: #000000!important; font-family: FuturaBQMedium; } .contact-status p span{ display: inline!important; font-weight: bold; font-size: 14px; } .contact-status { padding-bottom: 10px; padding-top: 10px; padding-left: 113px; } .status-action{ display: block; } .status-action a{ text-transform: capitalize; font-family: FuturaBQMedium; } .table#main-table td { font-family: futuraBQMedium } .provide-prescription-table{ font-size: 12px!important; text-transform: initial; } .col-right .warranty-price{ display: none; } #shiping-item-button{ padding-bottom: 10px; font-size:14px; font-family: futuraBQMedium; } #content_wrapper_box form.lc2 .select_container .selectBox-label, form.lc2 .select_container .selectBox-label { padding: 2px 0 } #select-small-container{ margin-left: 25px!important; } #doctorStateContainer::before{ display:none; } .myAccountSelectBox{ width: 115px!important; background: #ffffff!important; margin-top: 3px!important; font-size: 16px; font-family: 'FuturaBQBook', Arial, Helvetica, sans-serif; letter-spacing: 0.025em; } .current-prescription .contact-lens-prescription-table .contact-lens-rx-prescription-tables-header{ display:none; } /* .current-prescription .contact-lens-prescription-table .contact-lens-rx-prescription-tables .col-label p:nth-child(4) { display:none; } */ .current-prescription .contact-lens-prescription-table .contact-lens-rx-prescription-tables .col-label { margin-top: 45px; } .current-prescription .contact-lens-prescription-table .contact-lens-rx-prescription-tables div:nth-child(n+2) { margin-left: 50px; } #order-detail .contact-container .contact-lens-rx-prescription-tables{ padding-top:10px; padding-left: 40px; } .idme-applied-container{ width: 557px; height: 40px; background-color: #ededed; margin-bottom: 10px; } .idme-applied{ font-family: Arial; font-size: 12px; margin-left: 13px; padding-top: 10px; } .total-amount{ margin-top:15px; } .PayPal-radio-button{ display: inline-flex; } .PayPal-link{ margin-top: 2px; margin-left: 35px; } .credit-card-radio-button, .PayPal-radio-button, .Affirm-radio-button, .Afterpay-radio-button { width: 100%; background-color: #f7f7f7; margin-top: 10px; display: inline-flex; justify-content: space-between; padding: 10px; box-sizing: border-box; font: 15px FuturaBQLight, Arial, Helvetica, sans-serif; font-weight: 300; } #CCMethod{ flex-flow: column nowrap; height: 75px; } #CCMethod .card-images{ position: relative; top:3px; left:10px; text-align:right; display:inline; } #CCMethod .fsa-hsa-message{ text-align: center; } .credit-card-radio-button, .PayPal-radio-button { height: 50px; } .PayPal-radio-button, .Affirm-radio-button, .Afterpay-radio-button { margin-top:15px } #AfterpayMethod { flex-direction: column; } #creditCardFormContainer, #PayPalshippingBillingPageNext{ margin-top:20px; border-top: 1px solid #d5d5d5; font-weight: 700; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-size: 14px; padding: 15px 0; } #PayPalshippingBillingPageNext .PayPal-accept-terms{ padding-bottom:15px; padding-top:15px; } .credit-card-radio-button .payment-radio{ margin-top:10px; } .PayPal-radio-button .payment-radio, .Affirm-radio-button .payment-radio, .PayPal-link, .Afterpay-radio-button .payment-radio{ margin-top:10px; } #paypalRecapContainer{ position:relative; } .paypal-logo-dark{ height: 30px; object-fit: contain; float: left; margin-right: 10px; margin-top: inherit; margin-bottom: 10px; } .paypalAccountDetailContainer{ font-family: FuturaBQBook; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; padding-top: 14px; } .removePromotionCode-IDME { width: 121px; height: 17px; font-family: FuturaBQ; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: right; color: #4a4a4a; margin-left: 13px; } .remove-IDME { width: 44px; height: 16px; font-family: FuturaBQ!important; font-size: 14px; font-weight: normal; margin-top: 5px; } .paypal-PaymentMethod { font-family: FuturaBQBold; font-size: 15px; font-weight: bold; } .paypal-PaymentMethod a{ font-weight: normal !important; margin-left: 10px; font-family: FuturaBQBook; font-size: 14px; } #PayPal-terms-message{ text-align: center; font-weight: 100; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; margin-bottom:10px } .PayPal-image, .Affirm-image, .Afterpay-image { display: inline-block; height: 100%; vertical-align: middle; } @media screen and (min-device-width: 321px) and (max-device-width: 409px){ .credit-card-radio-button .card-images,.ccContainer .card-images { margin-left: 5px; margin-top: 1px; } .PayPal-image span { background-image: url(../../images/paypal-dark.png); display: inline-block; width: 53px; background-size: 85%; background-repeat: no-repeat; margin-left: 30px; height: 100%; } .Affirm-image span { background-image: url(../../images/affirm-logo.png); display: inline-block; width: 53px; background-size: 100%; background-repeat: no-repeat; margin-left: 30px; height: 115%; border-radius: 4px; border: 1px solid #d5d5d5; } .Afterpay-image span { background-image: url(../../images/afterpay/afterpay-lockup-blackonmint.png); display: inline-block; width: 53px; background-size: 100%; background-repeat: no-repeat; margin-left: 30px; height: 115%; border-radius: 4px; border: 1px solid #d5d5d5; } .Affirm-first-section{ margin-bottom:15px } .Afterpay-first-section{ margin-bottom: 5px; } #credit-card-text{ width:120px } .accepted-cards .card-images>span, .credit-card-radio-button .card-images>span, .ccContainer .card-images>span { display: inline-block; width: 48px; background-size: 100%; height: 30px; background-repeat: no-repeat; margin: 0 0 0 6px; } .credit-card-radio-button #credit-card-text, .PayPal-radio-button #PayPal-text, .Affirm-radio-button #Affirm-text, #saved-credit-card-text, .Afterpay-radio-button #Afterpay-text{ margin-top:7px; } .PayPal-link{ margin-left: 6px; margin-top:8px; } } @media screen and (max-device-width: 409px){ .PayPal-image span { background-image: url(../../images/paypal-dark.png); display: inline-block; width: 53px; background-size: 80%; background-repeat: no-repeat; margin-left: 15px; height: 100%; display: inline-table; } .Affirm-image span { background-image: url(../../images/affirm-logo.png); display: inline-block; width: 53px; background-size: 100%; background-repeat: no-repeat; margin-left: 15px; height: 115%; border-radius: 4px; border: 1px solid #d5d5d5; } .Afterpay-image span { background-image: url(../../images/afterpay/afterpay-lockup-blackonmint.png); display: inline-block; width: 53px; background-size: 100%; background-repeat: no-repeat; margin-left: 15px; height: 115%; border-radius: 4px; border: 1px solid #d5d5d5; } .Afterpay-first-section{ margin-bottom: 5px; } .accepted-cards .card-images>span, .credit-card-radio-button .card-images > span, .ccContainer .card-images > span { display: inline-block; width: 32px; background-size: 100%; height: 20px; background-repeat: no-repeat; margin: 5px 0 0 3px; } .PayPal-link{ margin-top: 10px; margin-left: 1px; font-size: 12px; } } @media screen and (min-device-width: 410px){ .PayPal-image span { background-image: url(../../images/paypal-dark.png); display: inline-block; width: 53px; background-size: 100%; background-repeat: no-repeat; margin-left: 5px; height: 100%; } .Affirm-image span { background-image: url(../../images/affirm-logo.png); display: inline-block; width: 52px; background-size: 100%; margin-left: 2px; border-radius: 4px; height: 100%; border: 1px solid #d5d5d5; } .Afterpay-image span { background-image: url(../../images/afterpay/afterpay-lockup-blackonmint.png); display: inline-block; width: 52px; background-size: 100%; margin-left: 2px; border-radius: 4px; height: 100%; border: 1px solid #d5d5d5; } .accepted-cards .card-images>span, .credit-card-radio-button .card-images>span, .ccContainer .card-images>span { display: inline-block; width: 35px; background-size: 100%; height: 24px; background-repeat: no-repeat; margin: 0 0 0 6px; } .credit-card-radio-button #credit-card-text, .PayPal-radio-button #PayPal-text, .Affirm-radio-button #Affirm-text, #saved-credit-card-text, .Afterpay-radio-button #Afterpay-text{ margin-top:7px; } .PayPal-link{ margin-left: 6px; margin-top:8px; } } #fromPayPal-step-footer{ border-top: 1px solid #d5d5d5; margin-top: 15px; padding-top: 10px; display: -ms-flexbox; display: flex; justify-content: space-between; display: block; } #doctor-info .date-parent .select_container{ width: 30%!important; margin-right: 2%!important; display: inline-block; position: relative; } .affirm-as-low-as.frame{ float: right; margin-top:15px; } @media (min-width:641px){ .affirm-as-low-as.frame { margin-left: 240px; } } @media(min-width:961px){ .affirm-as-low-as.frame { margin-left: 500px; } } .affirm-as-low-as.contacts{ float: right; margin-bottom: 20px; } @media (min-width:641px){ .affirm-as-low-as.contacts { margin-left: 240px; } } @media(min-width:961px){ .affirm-as-low-as.contacts { margin-left: 500px; } } .affirm-as-low-as.cart{ float: left; width: 228px; font-family: FuturaBQBook; font-size: 14px; font-weight: normal; margin-bottom: 10px; margin-top: 12px; } .affirm-as-low-as.cart a{ font-family: FuturaBQBook; font-size: 14px; font-weight: normal; } #Affirm-text{ height: 100%; } .Affirm-first-section{ display: flex; flex-flow: row nowrap; justify-content: space-between; } .Afterpay-first-section{ width: inherit; display: flex; justify-content: space-between; } .Affirm-second-section{ font-size: 14px!important; } #affirm-message .affirm-modal-trigger{ display: none } #AffirmMethod{ flex-flow: column nowrap; } .affirm-site-modal{ margin-top: 10px; margin-left: 10px; } #lc-warn-paypal-affirm-checkout-error{ display: inline; font-size: 13px; font-style: italic; color: #ee3424!important; top: 100px; width: 300px; margin: 23px; } #lc-warn-paypal-affirm-checkout-error::before{ content: ''; background: url(../../images/sprites/newCheckSprite.png) -222px; background-size: auto; pointer-events: none; position: absolute; margin-left: -25px; width: 23px; height: 20px; } #lc-warn-paypal-error{ display: inline; font-size: 13px; font-style: italic; color: #ee3424!important; top: 100px; width: 300px; margin: 23px; } #lc-warn-paypal-error::before{ content: ''; background: url(../../images/sprites/newCheckSprite.png) -222px; background-size: auto; pointer-events: none; position: absolute; margin-left: -25px; width: 23px; height: 20px; } #affirm.affirm-as-low-as.cart .affirm-ala-price { font-weight: bold !important; } .ccContainer { display: flex; flex-flow: row nowrap; justify-content: space-between; cursor: pointer; font: 17px FuturaBQBook, Arial, Helvetica, sans-serif; max-width: 272px; height: 65px; border: 1px solid #d5d5d5; background-color: #ffffff; margin-top: 10px; padding: 10px; box-sizing: border-box; } .ccContainer label { display: flex !important; flex-flow: column nowrap; justify-content: space-between; cursor: pointer; font-weight: normal; } .ccContainer .card-number { font-family: FuturaBQMedium, Arial, Helvetica, sans-serif; } .ccContainer .cardHolder { font-size: 13px; } .ccContainer .card-images { margin: 0; padding: 0; } .ccContainer.checked { border: 2px solid #326fa8; } #savedCreditCardFormContainer { margin-top: 40px; } .savedCreditCardMessage { font: 19px FuturaBQMedium, Arial, Helvetica, sans-serif; color: #333333; margin-bottom: 25px; } span.methodSelected{ font-family: FuturaBQMedium, Arial, Helvetica, sans-serif; } #credit-card-text.methodSelected{ margin-right:3px; } .reorderListButton{ width: 200px; height: 32px; border: 1px solid #326fa8!important; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; background:#ffffff!important; margin-bottom: 11px; margin-top: 0px!important; border-radius: 0px!important; padding: 0px; } .reorderListButton span{ color: #326fa8; font-family: FuturaBQMedium; font-weight: bold; font-size: 14px; } .reorderListButton a{ font-size: 12px!important; } .detailReorderContainer{ margin-top:13px; } .detailReorderButton{ width: 165px; height: 43px; background-color: #326fa8; border-radius: 0px!important; margin-top:0px!important; } .detailReorderButton span{ color: #ffffff; font-family: FuturaBQLight; font-size: 14px!important; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.47px; text-align: center; color: #ffffff; } .promoInsuranceReorder a{ font-family: FuturaBQBook!important; font-size: 16px; } .promoInsuranceReorder{ margin-bottom: 15px; font-size: 14px; color: #333333; } #payment_method_creditcard .input-container label.cc-form input, #payment_method_creditcard .cc-cvc.input-container input, .date.cardInfo select{ background: white!important; border-radius: 0px; } #shippingAddressForm input, #shippingAddressForm .summary-view-address, #ShippingAddr input{ background: white!important; border-radius: 0px; } #lens-selection-popup .lens-selection-popup-bottom a:focus,#insurance-pdp #insurance-switch:focus span, .plp-actions.sticky-nav .sort-by ul.accordion-menu.top-level li .sortByFacetTemp:focus, #SiteFooter label[for=eighteen_older]:focus{ text-decoration:underline; } #content_wrapper_box #LogonDialogForm input[type=submit]:focus{ background-color: #326fa8; } a.button.orange:focus{ background-color: #E59700; } #lens-selection-popup .lens-selection-popup-bottom a:not(#stepBackButton):focus{ background-color: #4589c8; } #scrollBar .addLenses ul li a{ font-size: 12px !important; line-height: 30px !important; border-radius: 0; padding: 10px 0px; font-size: 14px!important; } #scrollBar .gvp-offer-container li a{ width: 100% !important; } .single-vision { color:#333333 !important; } .accordion-menu-select-lens .single-vision { font-size: 17px; width: 100%; } #scrollBar .gvp-offer-container .single-vision { width: 100% !important; display: none; } .addLenses .single-vision { font-size: 13px !important; display: none; } .body588 .site-padding .catalog-search input[type=text]:focus, #SiteFooter .footer-email input[type=email]:focus{ outline: -webkit-focus-ring-color auto 1px; } #modal-insurance .text-input{ margin-top: 30px; } /* form starting stylings ------------------------------- */ #modal-insurance .group { position:relative; margin-bottom:35px; } #modal-insurance input[type="text"] { font-size:18px; padding:10px 10px 10px 5px; display:block; width:300px; border:none!important; border-bottom:1px solid #757575!important; background-color: unset!important; margin: unset!important; } #modal-insurance input[type="text"]:focus { outline:none!important; } /* LABEL ======================================= */ #modal-insurance label.material-label{ color:#999; font-size:15px; font-weight:normal; position:absolute; pointer-events:none; left:5px; top:10px; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; color: #1f1f1f; } /* active state */ #modal-insurance input:focus ~ label.material-label, #modal-insurance input:valid ~ label.material-label { top:-20px; font-size:14px; color:#333333; } /* BOTTOM BARS ================================= */ #modal-insurance .bar { position:relative; display:block; width:315px; } #modal-insurance .bar:before, .bar:after { content:''; height:2px; width:0; bottom:1px; position:absolute; background:#326fa8; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; } #modal-insurance .bar:before { left:50%; } #modal-insurance .bar:after { right:50%; } #modal-insurance .send-plan-information { background-color: #326fa8; color: #ffffff; padding: 10px 5px 10px 5px; text-align: center; display: block; margin: 0px 60px 0px 60px; } /* active state */ #modal-insurance input[type="text"]:focus ~ .bar:before, #modal-insurance input[type="text"]:focus ~ .bar:after { width:50%; } /* HIGHLIGHTER ================================== */ #modal-insurance .highlight { position:absolute; height:60%; width:100px; top:25%; left:0; pointer-events:none; opacity:0.5; } /* active state */ #modal-insurance input[type="text"]:focus ~ .highlight { -webkit-animation:inputHighlighter 0.3s ease; -moz-animation:inputHighlighter 0.3s ease; animation:inputHighlighter 0.3s ease; } /* ANIMATIONS ================ */ @-webkit-keyframes inputHighlighter { from { background:#326fa8; } to { width:0; background:transparent; } } @-moz-keyframes inputHighlighter { from { background:#326fa8; } to { width:0; background:transparent; } } @keyframes inputHighlighter { from { background:#326fa8; } to { width:0; background:transparent; } } #modal-insurance .bold{ font-family: FuturaBQMedium; font-size: 16px; } #modal-insurance form{ padding: 0px 15px 0px 15px; } #modal-insurance .provide-insurance, #modal-insurance .insurance-card{ font-size: 16px; display: block; text-align: center; padding: 0px 15px 0px 15px; } #modal-insurance .insurance-card{ margin-bottom: 10px; } #modal-insurance .plan-type div span { display: inline-block; } #modal-insurance .plan-type .checked { font-family: FuturaBQMedium; border-bottom: 2px solid #333333; } #modal-insurance .plan-type div { border-bottom: 1px solid #222222; width: 172px; line-height: 1.56; } #modal-insurance .plan-type #medical { margin-left: 10px; } #modal-insurance .plan-type #vision { margin-right: 10px; } #modal-insurance select{ display: block!important; width: 241px!important; height: 30px!important; margin-top: 5px!important; font: 15px "FuturaBQLight", Arial, Helvetica, sans-serif!important; font-weight: 700!important; border-radius: 0px!important; color: #1f1f1f!important; border: solid 0.5px #333333!important; padding: unset!important; text-indent: 5px; } #modal-insurance .radio{ margin-top: 5px; } #modal-insurance{ font-family: FuturaBQLight; position: fixed; background-color: white; border-radius: 4px; z-index: 20000; height: 100%; width: 100%; left: 0; top: 0; } .modal-insurance-title{ display: flex; margin-bottom: 10px; border-bottom: 1px solid #bbb; } #modal-insurance .insurance-information{ font: 16px "FuturaBQBook", Arial, Helvetica, sans-serif; min-width: 730px; margin: 10px 10px 10px 10px; } #modal-insurance .insurance-information::before { content: ''; display: inline-block; background: url(../../images/arrow-ico@3x.png) no-repeat; background-size: 100%; width: 24px; height: 24px; margin-right: 5px; vertical-align: bottom; } #modal-insurance #modal-insurance-close{ width: 25px; height: 25px; background: url(../images/xclose-ico@3x.png) no-repeat; background-size: 100%; } #modal-insurance .plan-type{ margin-top:20px; display:flex; text-transform: uppercase; font-size:16px; text-align: center; } #modal-insurance .select-patient{ margin-top: 20px; margin-bottom: 30px; margin-left: 5px; } #modal-insurance .plan-type{ margin-top:20px; display:flex; text-transform: uppercase; font-size:16px; text-align: center; } #overlay-insurance { position: fixed; background-color: rgba(51, 51, 51, 0.6); width: 100%; height: 100%; left: 0; z-index: 1; top: 0; overflow: hidden; } .pdp-container .lens-select-container { padding: 0 12px; } .pdp-container .lens-select-container .single-vision { font: 13px FuturaBQLight, Arial, Helvetica, sans-serif; margin-top: 15px; } /* GVP */ .pdp-container .lens-select-container.gvp-offer-container { text-align: center; background-color: #F2F2F2; padding: 20px 18px; } .pdp-container .lens-select-container.gvp-offer-container .gvp-offer-title { font: 15px FuturaBQBold, Arial, Helvetica, sans-serif; text-align: center; color: #3e626f; } .pdp-container .lens-select-container.gvp-offer-container .gvp-icon:before { content: ''; display: inline-block; width: 21px; height: 19px; background-image: url('https://assets.lenscrafters.com/extra/image/LensCrafters/global/gvp-icon@2x.png'); background-repeat: no-repeat; background-size: 100% 100%; margin-right: 8px; vertical-align: middle; } .pdp-container .lens-select-container.gvp-offer-container .gvp-offer-text { font: 15px FuturaBQBook, Arial, Helvetica, sans-serif; text-align: center; color: #3e626f; margin: 8px 0 15px 0; } #scrollBar.item-title.sticky-bottom:not(.hide) .lens-select-container.gvp-offer-container { padding: 5px 5px 0px 5px; } /* RX REVIEW */ #checkout_cart, #checkout_cart .input-container label, .checkout-step-header h2, #checkout_cart .label_check input[type=checkbox]+span, .step-footer .st-button.st-button-outline.footer-back-btn,#ShippingMethodEntry, .right-nav .frame-recap>.title span, .right-nav .grandTotal .main-total span, .right-nav h2 { font-family: FuturaBQBook, Arial, Helvetica, sans-serif; } .right-nav #ShippingMethodEntry, .right-nav #Review, .right-nav .tax-summary:not(.typ), .right-nav .recipient-summary{ border:none; background-color: #f2f2f2; margin-bottom: 7px!important; } .right-nav #Review{ margin-top: 7px!important; } .right-nav .recipient-summary .recipient-info{ font-weight: 600!important; } .lc-upload-modal-continer .lc-modal{ max-width: 573px !important; max-height: 350px !important; } .lc-modal-container.lc-doctor-modal-container{ padding:0!important; } .lc-modal-container.lc-doctor-modal-container .lc-modal{ max-width: 573px !important; max-height: 420px !important; } .lc-modal-container.lc-doctor-modal-container .lc-table{ max-height: 320px; height: auto; width: 360px; padding: 0 14px 0 0px; } .lc-upload-modal-continer .lc-modal-header{ font-size:0.1px; } .lc-upload-modal-continer .lc-modal .content{ height: 90%; display: flex; justify-content: center; } .lc-upload-modal-continer .lc-modal img{ margin: auto; max-height: 100%; max-width: 100%; } .frame-recap .itemInfoPrescription { width: 100%; background-color: #f2f2f2; height: auto; margin-top: 11px; padding: 15px 0px; padding-bottom: 15px!important; } .frame-recap .itemInfoPrescription.plano{ background-color:white!important; } .itemInfoPrescription .prescriptionNeeded::before { width: 21px; height: 21px; background: none; display: inline-block; border: solid 1.4px #333333; color: #333333; border-radius: 50%; margin-right: 5px; margin-left: 7px; margin-bottom: 5px; text-align: center; padding: 0px 3px; content: '!'; font-size: 13px; font-weight: 500; } .itemInfoPrescription .prescriptionProvided a{ font-size: 12px; font-weight: 300; text-transform: none; text-align: right; color: #333333; padding: 0 0 0 10px!important; text-decoration: underline; } .itemInfoPrescription .prescriptionProvided { color: #2c7d50!important; margin-left: 29px; } .itemInfoPrescription .prescriptionNeeded, .itemInfoPrescription .prescriptionProvided { width: 152px; height: 21px; font-size: 17px; text-transform: uppercase; letter-spacing: 0.4px; color: #333333; } .itemInfoPrescription .prescriptionProvided::before { background-image: -webkit-image-set(url(../../images/mask.png) 1x, url(../../images/mask@2x.png) 2x, url(../../images/mask@3x.png) 3x); background-image: image-set(url(../../images/mask.png) 1x, url(../../images/mask@2x.png) 2x, url(../../images/mask@3x.png) 3x); background-repeat: no-repeat; background-size: auto; position: absolute; width: 18px !important; height: 20px !important; display: inline-block !important; text-align: center !important; content: '' !important; margin-left: -28px; margin-top: 5px; } .itemInfoPrescription .prescriptionNeededSubtitle{ margin-left:10px; } #checkout-cart-warning .lc-modal,#checkout-back-warning .lc-modal{ min-height: 230px; border: solid 1px #979797; background-color: #ffffff; height: 230px; } #checkout-cart-warning .lc-modal .msg-container,#checkout-cart-warning .lc-modal .warning-buttons, #checkout-back-warning .lc-modal .msg-container,#checkout-back-warning .lc-modal .warning-buttons{ text-align: center; margin-top: 30px; display:flex; } #checkout-cart-warning .lc-modal .msg-container h2, #checkout-back-warning .lc-modal .msg-container h2{ text-transform:none; font-size: 23px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; text-align: center; color: #000000; font-family: "FuturaBQBook", Arial, Helvetica, sans-serif; } #checkout-cart-warning .lc-modal .warning-buttons .lc-button, #checkout-back-warning .lc-modal .warning-buttons .lc-button{ text-transform:uppercase; height: auto; } #checkout-cart-warning .lc-modal .warning-buttons .blue-button, #checkout-back-warning .lc-modal .warning-buttons .blue-button{ margin-right:10px; } #ShippingMethodEntry h2{ text-transform: uppercase!important; font-size: 16px!important; font-weight: 100!important; } .right-nav .grandTotal .main-total .subtotal-label{ text-transform:uppercase; } #ShippingMethodEntry .shipping_address_content, #ShippingMethodEntry .same, #ShippingMethodEntry #content{ font-weight:600!important; } #ShippingMethodEntry .boss-address, #ShippingMethodEntry .boss-name{ font-size: 15px; text-transform: capitalize; } #ShippingMethodEntry .boss-address{ margin-top: 10px; line-height: 18px; } #ShippingMethodEntry .boss-name{ font-weight: 600!important; } #ShippingMethodEntry .shipping_address_content .boss-address{ font-weight:500; } #ShippingMethodEntry #content .price.free{ color: #2c7d50; font-size: 16px; } .right-nav .grandTotal .total-savings span{ color: #2c7d50; } .prescription-needed-link .prescriptionNeeded{ letter-spacing: 0.37px; text-align: center; color: #333333; } .prescription-provided-link .prescriptionProvided{ margin-left: 32px; letter-spacing: 0.37px; color: #2c7d50; } .prescription-needed-link .prescriptionNeeded, .prescription-provided-link .prescriptionProvided{ text-transform: uppercase; font-size: 19px; } .prescription-provided-link .preview{ float: right; } .prescription-provided-link .preview a{ color: #333333; text-decoration:underline; } .prescription-provided-subtitle, .prescription-needed-subtitle{ font-size: 15px!important; margin-left: 6px; margin-bottom: 6px; } .prescription-needed-link .prescriptionNeeded::before { width: 21px; height: 21px; background: none; display: inline-block; border: solid 1.2px #333333; color: #333333; border-radius: 50%; margin-left: 7px; margin-bottom: 3px; text-align: center; padding: 4px 3px 0px 3px; content: '!'; font-size: 14px; font-weight: 500; margin-right: 5px; } .prescription-provided-link .prescriptionProvided::before { background-image: -webkit-image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_green_tick.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_green_tick@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_green_tick@3x.png) 3x); background-image: image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_green_tick.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_green_tick@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_green_tick@3x.png) 3x); background-repeat: no-repeat; background-size: auto; position: absolute; width: 20px !important; height: 20px !important; display: inline-block !important; text-align: center !important; content: '' !important; margin-left: -24px; margin-top: 0px; } .prescription-needed-link, .prescription-provided-link{ background-color: #f2f2f2; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; padding: 20px 10px 20px 10px; width: 101%; margin-bottom: 0; position: relative; margin-left: 0px; margin-right: -1px; margin-top: 0px; } .thank-you-page .cart-item-container{ padding:0; margin-top: 0; } .thank-you-page .cart-item-container .cart-item-image, .thank-you-page .cart-item-container .cart-item-qty, .thank-you-page .cart-item-container .cart-item-info , .thank-you-page .cart-item-container .subtotal{ padding-left:10px; padding-right:10px; } #ShoppingCart div.important { font-family: FuturaBQLight; font-size: 16px; font-style: normal; font-stretch: normal; /* letter-spacing: 0.5px; */ color: #333333; display: inline-block; line-height: 1.44; margin-top: 15px; margin-bottom: 40px; padding: 0 5px; } #ShoppingCart span.important-message { font-family: FuturaBQLight; font-size: 16px; font-weight: 300 !important; font-style: normal; font-stretch: normal; /* letter-spacing: 0.5px; */ line-height: 1.44; color: #333333; } .canceled_header_container .canceled_header_content{ height: 180px; border: solid 0.3px #d5d5d5; text-align: center; padding-top: 30px; } .canceled_header_container .canceled_header_content a{ width:205px; font-weight: 100!important; text-transform: uppercase; } .canceled_header_container .canceled_header_content .canceled_header_content_message{margin-bottom: 25px;margin-top: 10px;} .shopping-cart-page.cancelled-page #thank-you-header { margin: 30px 0 0 0 !important; } .shopping-cart-page.cancelled-page .congrats-wcs-lc{ margin-bottom:25px } #checkout-cart-warning, #checkout-back-warning{ z-index:20001; } .check > .lc-control { font-size: 15px; font-family: FuturaBQBook !important; } .check > .lc-control > .lc-control__indicator{ margin-top: 4px; } .lc-modal-container{ z-index:20000!important; } .hidden-overflow{ overflow:hidden!important; } .cart-item-container .frameSubtotal.price.insurance-on { padding-left: 25px; } #sms-terms-condition-modal .lc-modal .msg-container { margin-top:20px; } #sms-terms-condition-modal .lc-modal .lc-modal-header { color:white; } /*LCDP-4325*/ #scrollBar #catalog_link{ width:30%; } #scrollBar .addLenses{ width:70%; } #scrollBar .addToCart{ width:100%; } #scrollBar .addToCart a{ padding: 0px!important; } #scrollBar .addLenses .accordion-menu-select-lens .single-vision{ display:none; } /*LCDP-4325*/ /* PDP slick dots */ .pdp-container .pdp-image-items .slick-dots { left: 0; } .pdp-container .pdp-image-items .slick-dots li button { display: block; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; border-radius: 50%; border: none; color: white; text-align: center; text-decoration: none; display: inline-block; margin: 2px 2px; border: solid 1px #7daed3; height: 8px; width: 8px; font-size: 0px; } .pdp-container .pdp-image-items .slick-dots li.slick-active button { background-color: #7daed3; } .pdp-container .pdp-image-items .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; } .pdp-container .item-image-options { margin-top: 45px; } .pdp-container .pdp-boss-carousel-container { text-align: center; padding: 0px 40px; margin-bottom: 30px; } .pdp-container .pdp-boss-carousel-container .pdp-boss-carousel .item .item-header { font: 14px FuturaBQMedium, Arial, Helvetica, sans-serif; font-weight: 500; text-align: center; color: #333333; } .pdp-container .pdp-boss-carousel-container .pdp-boss-carousel .item .item-content { font: 14px FuturaBQLight, Arial, Helvetica, sans-serif; font-weight: 300; text-align: center; color: #333333; padding-top: 5px; } .pdp-container .pdp-boss-carousel-container .pdp-boss-carousel .slick-prev:before { content:'<'; display:block; background-image: none; position: absolute; top: 0; width: 25px; height: 25px; z-index: 2; cursor: pointer; opacity: 0.5; display: block; color: #333333; font: 22px FuturaBQBook, Arial, Helvetica, sans-serif; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } .pdp-container .pdp-boss-carousel-container .pdp-boss-carousel .slick-next:before { content:'>'; display:block; background-image: none; position: absolute; top: 0; width: 25px; height: 25px; z-index: 2; cursor: pointer; opacity: 0.5; display: block; color: #333333; font: 22px FuturaBQBook, Arial, Helvetica, sans-serif; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } .pdp-container .pdp-find-in-store-section { width: 70%; border-top: solid 0.7px #979797; text-align: center; margin: 23px auto 0 auto; padding: 23px 0; } .pdp-container .pdp-find-in-store-section a { font: 15px FuturaBQBook, Arial, Helvetica, sans-serif; text-align: center; color: #326fa8; } .pdp-container .social-wishlist-container { display: flex; float: right; align-items: center; } /* Social share */ .pdp-container .social-share-container { margin-right: 16px; } .social-share { width: 23px; height: 23px; position: relative; background-image: url('https://assets.lenscrafters.com/extra/image/LensCrafters/global/social-share.png'); background-repeat: no-repeat; background-size: 100% 100%; text-indent: -9999px; cursor: pointer; z-index: 1000; } .social-share .social-share-list-container { display: none; } .social-share:hover .social-share-list-container { display: block; position: absolute; top: 0; right: 0; padding-right: 24px; text-indent: initial; min-width: 90px; } .social-share ul.social-share-list { background-color: #ffffff; box-shadow: 0 0 7px 0 rgba(51, 51, 51, 0.2); } .social-share ul.social-share-list li { width: auto; margin: 0; padding: 9px !important; } .social-share ul.social-share-list li a.social-share-link { font: 14px FuturaBQLight, Arial, Verdana, sans-serif; font-weight: 300; color: #333333; } .social-share ul.social-share-list li a.social-share-link:hover { text-decoration: underline; } /*SHIP TO STORE*/ .right-nav #ShippingMethodEntry.boss{ border:none!important; background-color: #f2f2f2; } .right-nav #ShippingMethodEntry .boss-info{ margin: 15px 0px; max-width: 270px; } .right-nav #ShippingMethodEntry .boss-info span{ font: 14px FuturaBQMedium, Arial, Verdana, sans-serif; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; color: #333333; } .right-nav #ShippingMethodEntry .lc-accordion-group{ margin-top:10px; } .right-nav #ShippingMethodEntry .lc-accordion-group .lc-accordion.boss-store-info{ display:block; } .right-nav #ShippingMethodEntry .lc-accordion-group .lc-accordion.boss-store-info .boss-name{ padding-top:10px; } .right-nav .ShippingRecipientDetails.typ .container .title{ text-transform:uppercase; font: 16px FuturaBQLight, Arial, Verdana, sans-serif; padding-bottom: 15px; } .right-nav .ShippingRecipientDetails.typ .container .recipient_content *{ font: 16px FuturaBQBook, Arial, Verdana, sans-serif; } .right-nav #Review.typ, .right-nav .ShippingRecipientDetails.typ{ border: solid 1px #d5d5d5!important; background-color: white; margin-bottom: 7px!important; } .rxc-selected-lens-info{ border-radius: 6px; background-color: #f2f2f2; display: flex; flex-direction: column; font-family: FuturaBQBook !important; padding: 11px; } .rxc-selected-lens-info .lc-accordion{ margin: 0; } .rxc-selected-lens-info .lens-recap-container{ display: flex; flex-direction: column; } .rxc-selected-lens-info .lens-recap-container .rxc-edit-lens{ display: flex; justify-content: flex-end; width: 100%; padding: 10px 0px; font-family: sofia-pro; } .rxc-selected-lens-info .lens-recap-container .rxc-edit-lens a{ text-transform: capitalize; display: flex; margin-left: 15px; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #326fa8; } .rxc-selected-lens-info .lens-recap-container .rxc-edit-lens a:hover{ text-decoration: underline; } .rxc-selected-lens-info .lens-recap-container .rxc-edit-lens .edit-lens-link { width: auto; } .rxc-selected-lens-info .lens-recap-container .rxc-edit-lens .edit-lens-link::before{ content: ''; background-repeat: no-repeat; background-image: url(https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202009-rxc/edit.png); background-image: image-set( url(https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202009-rxc/edit.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202009-rxc/edit@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202009-rxc/edit@3x.png) 3x ); background-image: -webkit-image-set( url(https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202009-rxc/edit.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202009-rxc/edit@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202009-rxc/edit@3x.png) 3x ); background-size: auto; width: 20px; height: 20px; position: relative; display: inline-flex; top: 0px; } .rxc-selected-lens-info .lens-recap-container .rxc-edit-lens .edit-lens-link::after { content: none; } .rxc-selected-lens-info .lens-recap-container .rxc-edit-lens .remove-lens-link::before{ content: ''; background: url(../assets/lc2_sprite.gif); background-size: 470px; width: 14px; height: 14px; background-position: 1126px 234px; display: inline-block; position: relative; top: 2px; } .rxc-selected-lens-info .lens-recap-container .lens-info:nth-child(n+3){ border-top: solid 1px white; } .rxc-selected-lens-info .lens-recap-container .lens-info:not(:first-of-type){ display: flex; flex-direction: row; width: 100%; padding: 10px 0px; } .rxc-selected-lens-info .lens-recap-container .lens-info label{ margin: 0; } .rxc-selected-lens-info .lens-recap-container .lens-info .lens-info-title{ font-family: FuturaBQLight !important; width: 90px; font-size: 14px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.7; letter-spacing: normal; } .rxc-selected-lens-info .lens-recap-container .lens-info .lens-info-value, .rxc-selected-lens-info .lens-recap-container .lens-info .lens-info-value p{ font-family: FuturaBQBook !important; font-size: 14px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: black; margin-top: 0px; } input.lc-accordion:checked ~ div.lc-accordion:not(.shipping_method_content.mob){ max-height: 300px !important; } .pdp-container .product-options .frame-section .title .frame-label, .pdp-container .product-options .lens-section .title .lens-label{ width:inherit; } .pdp-container .product-options span.price-lined-through, .pdp-container .product-options .lens-section .title .price-value{ font-size: 12px!important; text-decoration:line-through; margin-bottom: 2.5px; margin-right: 5px; } .pdp-container .product-options .frame-section .title .price-value span{ vertical-align: text-top; } .pdp-container .product-options .lens-section .title .price-value{ vertical-align: middle; } .div-image-fullscreen { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 100001; background-color: white; } .image-full-mobile { width: 100%; height: 100%; } .container-image-fullscreen .slick-dots { position: fixed; top: 80%; } .container-image-fullscreen .slick-dots li button { display: block; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; border-radius: 50%; border: none; color: white; text-align: center; text-decoration: none; display: inline-block; margin: 2px 2px; border: solid 1px #7daed3; height: 8px; width: 8px; font-size: 0px; } .container-image-fullscreen .slick-dots li.slick-active button { background-color: #7daed3; } .container-image-fullscreen .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; } .container-image-fullscreen { position: fixed; width: 100%; height: 100%; left: 0; top: 28%; z-index: 10000; } @media screen and (orientation:landscape) { .container-image-fullscreen { top: 0%; } .container-image-fullscreen-db { top: -10% !important; } .image-full-mobile { width: 60%; margin: auto; } .image-fullscreen-double{ width: 100% !important; height: 100% !important; } } .image-fullscreen { width: 100%; } .image-fullscreen-double{ width: 150%; height: 150%; top: -10%; left: -25%; overflow-x: auto; } .image-overflow { overflow-x: auto; } .image-overflow::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .image-overflow { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .container-image-fullscreen .image.slick-slide { cursor: auto; } .image.slick-slide { cursor: zoom-in; } .close-icon { position:absolute; top:0; right:0; height: 25px; width: 25px; margin: 20px; background: url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose.png); z-index: 999999; cursor: pointer; } .ProductThumbnailInfoDIV + .badges-container{ bottom: 45px; } .category-description{ font-size:14px; line-height:26px; text-transform: none; margin-bottom: 10px; text-align: center; } .category-description a { color: #326FA8!important; font-size: 13px; } #billing_address .live-validation, #payment_method_creditcard .live-validation{ display: inline-block; float: initial; margin-right: 0px; margin-left: 25px; font: 15px "FuturaBQLight", Arial, Helvetica, sans-serif; color: #ee3424; clear: both; font-weight: 600; text-transform:none; } #billing_address .valid-field, #payment_method_creditcard .valid-field{ color: #00a651; font-size: 12px; margin: 3px 0 5px 2px; font-weight:700; } #billing_address .valid-field::before, #payment_method_creditcard .valid-field::before{ content: ''; background: url(../assets/lc2_sprite.gif); background-position: -120px -315px; background-size: 500px; margin-right: 5px; width: 11px; height: 9px; display: inline-block; } #billing_address span:not(.valid-field).live-validation::before, #payment_method_creditcard span:not(.valid-field).live-validation::before{ content: ''; background: url(../../images/sprites/newCheckSprite.png) -222px; background-size: auto; pointer-events: none; position: absolute; margin-left: -25px; width: 23px; height: 20px; } #billing_address .highlighted, #payment_method_creditcard .highlighted{ border: 1px solid #ce0a2d !important; } #billing_address .highlighted-green, #payment_method_creditcard .highlighted-green{ border: 1px solid #00a651 !important; background: #f3fff9; } #recaptcha-space{ margin-top:20px; } input#recaptchaToken_1{ visibility: hidden; width:0px; height:0px; padding:0px; } span#recaptchaToken_1-error{ top:15px; }