s/* main.css merged with owl.carousel.css for LUXLC-463*/ /* * Core Owl Carousel CSS File * v1.24 */ /* clearfix */ /* START - ACCESSIBILITY */ input::-moz-placeholder, textarea::-moz-placeholder { color: #707070; opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #707070; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #707070; } /* END - ACCESSIBILITY */ .owl-wrapper-main { margin: 20px 0; } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; margin: 0; } #collection-carousel.owl-carousel .owl-wrapper-outer { margin: 0; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page,.owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor: url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper,.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% { opacity: 1 } } @-moz-keyframes empty { 0% { opacity: 1 } } @keyframes empty { 0% { opacity: 1 } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity : 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity : 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity : 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity : 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity : 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity : 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity : .5 ; -webkit-transform : translateZ (-500px) translateX (-200%); } 100% { opacity : .5 ; -webkit-transform : translateZ (-500px) translateX (-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity : .5 ; -moz-transform : translateZ (-500px) translateX (-200%); } 100% { opacity : .5 ; -moz-transform : translateZ (-500px) translateX (-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity:.5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade {to { opacity:0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade {to { opacity:0; -moz-transform: scale(.8); } } @keyframes scaleToFade {to { opacity:0; transform: scale(.8); } } @-webkit-keyframes goDown {from { -webkit-transform:translateY(-100%); } } @-moz-keyframes goDown {from { -moz-transform:translateY(-100%); } } @keyframes goDown {from { transform:translateY(-100%); } } @-webkit-keyframes scaleUpFrom {from { opacity:0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom {from { opacity:0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom {from { opacity:0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo {to { opacity:0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo {to { opacity:0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo {to { opacity:0; transform: scale(1.5); } } /* end merge for LUXLC-463*/ /* ------------- *\ * VARIABLES * REDESIGN 2017 \* ------------- */ /* ------------- *\ * GENERAL STYLE * REDESIGN 2017 \* ------------- */ body.home-section { margin: 20px; } body.home-section ol { margin: 20px; } .redesign2017 h1,.redesign2017 #compare_view h1,#myAccount.account-container #right.right-container .big-container h1,#myAccount.account-container .contact-info-wrapper .big-container h1 , .redesign2017 .cart_header h2{ font-family: 'FuturaBQLight', Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; text-transform: uppercase; line-height: 1.6; margin-bottom: 15px; } .checkout-wrapper-header h1{ font-size:21px; text-align:left; margin-left: 75px; float: left; color: #3f2a2e; } .redesign2017 h2,.redesign2017 #compare_view h2,#myAccount.account-container #right.right-container .big-container h2,#myAccount.account-container .contact-info-wrapper .big-container h2 { font-size: 16px; font-weight: bold; text-transform: uppercase; color: #523f42; line-height: 1.6; } .redesign2017 h3,.redesign2017 #compare_view h3,#myAccount.account-container #right.right-container .big-container h3,#myAccount.account-container .contact-info-wrapper .big-container h3 { font-size: 16px; font-weight: bold; text-transform: uppercase; color: #523f42; line-height: 1.6; padding: 13px 0 6.5px 0; } .redesign2017 h4,.redesign2017 #compare_view h4,#myAccount.account-container #right.right-container .big-container h4,#myAccount.account-container .contact-info-wrapper .big-container h4 { font-size: 16px; font-weight: bold; text-transform: uppercase; color: #523f42; line-height: 1.6; padding: 13px 0 6.5px 0; } .redesign2017 p,.redesign2017 #compare_view p,#myAccount.account-container .contact-info-wrapper .big-container p { font-size: 14px; color: #523f42; line-height: 1.6; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0; } #myAccount.account-container #right.right-container .big-container p{ font-family: FuturaBQMedium; color: #000000; } .shipping-disclaimer .info{ margin-bottom: 0px; font-family: FuturaBQLight, Arial, Helvetica, sans-serif!important; } #ShoppingCart .cart-wrapper p:not(.recipient_info), #ShoppingCart .cart-wrapper a, #ShoppingCart .cart-wrapper .price { font-family: FuturaBQLight, Arial, Helvetica, sans-serif!important; } .shipping-disclaimer { width: 347px; } .cart-wrapper a.st-button-orange, #checkoutContent button.st-button-orange{ background-color: #cf0a2c; } .cart-wrapper a.st-button-orange:hover, #checkoutContent button.st-button-orange:hover{ background-color: #e4273b; color: white!important; } .cart-wrapper .right-nav p { font-size: 18px; color: #3f2a2e; text-align: initial; margin-bottom: unset; } .cart-wrapper .right-nav p.info{ margin-bottom: 10px; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #1f1f1f; } .cart-wrapper .frameSaving.item-price-row span { width: 100%; display: block; } #ShoppingCart .cart-wrapper .frameSaving.item-price-row span p { font-family: FuturaBQBook, Arial, Helvetica, sans-serif; font-size: 14px; display: inline-block; font-weight: normal; } .cart-wrapper .frameSaving.item-price-row span p:first-child { float: left; padding-left: 50%; } .packageSaving.item-price-row{ border-top: 1px solid #d5d5d5; margin-bottom: 5px !important; text-transform: none; } .packageSaving.item-price-row p{ margin-top: 5px; font-size: 15px !important; font-weight: normal !important; } .packageSaving.item-price-row span{ font-weight: normal !important; font-family: FuturaBQBook, Arial, Helvetica, sans-serif !important; line-height: 2.0 !important; margin-top: 17px; } .cart-wrapper a.styled-link,.cart-wrapper a.delete-link { font-weight: normal; } .cart-wrapper a.remove_link { color: black!important; } #ShoppingCart .cart-wrapper .cart_header p { font-size: 15px; width: 100%; } .redesign2017 .font-size-small,.redesign2017 #compare_view .font-size-small,#myAccount.account-container #right.right-container .big-container .font-size-small,#myAccount.account-container .contact-info-wrapper .big-container .font-size-small { font-size: 12px; text-align: center; } .redesign2017 .font-size-small.font-size-small-med { font-size: 16px; } .redesign2017 .lc2-title,.redesign2017 #compare_view .lc2-title,#myAccount.account-container #right.right-container .big-container .lc2-title,#myAccount.account-container .contact-info-wrapper .big-container .lc2-title { font-size: 13px; font-weight: bold; text-transform: uppercase; color: #523f42; line-height: 1.6; } .redesign2017 hr,.redesign2017 #compare_view hr,#myAccount.account-container #right.right-container .big-container hr,#myAccount.account-container .contact-info-wrapper .big-container hr { margin: 13px 0; border-color: #d5d5d5; border-style: solid; border-bottom: none; width: 100%; } .redesign2017 li,.redesign2017 #compare_view li,#myAccount.account-container #right.right-container .big-container li,#myAccount.account-container .contact-info-wrapper .big-container li { font-size: 13px; color: #523f42; line-height: 1.6; } .redesign2017 ol,.redesign2017 #compare_view ol,#myAccount.account-container #right.right-container .big-container ol,#myAccount.account-container .contact-info-wrapper .big-container ol { margin: 13px; padding: 0 13px; } .redesign2017 ol > li,.redesign2017 #compare_view ol > li,#myAccount.account-container #right.right-container .big-container ol > li,#myAccount.account-container .contact-info-wrapper .big-container ol > li { margin: 6.5px; } .redesign2017 .price,.redesign2017 #compare_view .price,#myAccount.account-container #right.right-container .big-container .price,#myAccount.account-container .contact-info-wrapper .big-container .price,.redesign2017 .saving,.redesign2017 #compare_view .saving,#myAccount.account-container #right.right-container .big-container .saving,#myAccount.account-container .contact-info-wrapper .big-container .saving { float: right; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; } .redesign2017 .price { font-family: FuturaBQBook, Arial, Helvetica, sans-serif; } .redesign2017 .saving { float: right; font-weight: normal; font-family: FuturaBQBook, Arial, Helvetica, sans-serif; } .select-lens-type p:not(.select-lens-type-price) { margin-bottom: 5px; color: grey; font-size: 14px; font-family: FuturaBQBook, Arial, Helvetica, sans-serif; /* vertical-align: top; */ /* position: relative; */ } .redesign2017 .st-button,.redesign2017 #compare_view .st-button,#myAccount.account-container #right.right-container .big-container .st-button,#myAccount.account-container .contact-info-wrapper .big-container .st-button,.redesign2017 input[type="submit"].st-button,.redesign2017 #compare_view input[type="submit"].st-button,#myAccount.account-container #right.right-container .big-container input[type="submit"].st-button,#myAccount.account-container .contact-info-wrapper .big-container input[type="submit"].st-button { width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; background: #326FA8; border-radius: 5px; border: 2px inset transparent; color: #ffffff; display: inline-block; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 0.03em; margin: 0; padding: 0 13px; text-align: center; text-transform: uppercase; position: relative; } .redesign2017 .st-button:hover,.redesign2017 #compare_view .st-button:hover,#myAccount.account-container #right.right-container .big-container .st-button:hover,#myAccount.account-container .contact-info-wrapper .big-container .st-button:hover,.redesign2017 input[type="submit"].st-button:hover,.redesign2017 #compare_view input[type="submit"].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 input[type="submit"].st-button:hover { background: #4589c8; } .redesign2017 .st-button.st-button-outline,.redesign2017 #compare_view .st-button.st-button-outline,#myAccount.account-container #right.right-container .big-container .st-button.st-button-outline,#myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-outline,.redesign2017 input[type="submit"].st-button.st-button-outline,.redesign2017 #compare_view input[type="submit"].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 input[type="submit"].st-button.st-button-outline { border: 2px solid #523f42; background: none; color: #523f42; } .redesign2017 .st-button.st-button-outline:hover,.redesign2017 #compare_view .st-button.st-button-outline:hover,#myAccount.account-container #right.right-container .big-container .st-button.st-button-outline:hover,#myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-outline:hover,.redesign2017 input[type="submit"].st-button.st-button-outline:hover,.redesign2017 #compare_view input[type="submit"].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 input[type="submit"].st-button.st-button-outline:hover { color: #6f5559; background: none; } .redesign2017 .st-button.st-button-blue-outline,.redesign2017 #compare_view .st-button.st-button-blue-outline,#myAccount.account-container #right.right-container .big-container .st-button.st-button-blue-outline,#myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-blue-outline,.redesign2017 input[type="submit"].st-button.st-button-blue-outline,.redesign2017 #compare_view input[type="submit"].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 input[type="submit"].st-button.st-button-blue-outline { background: transparent; border: 2px solid #326FA8; color: #326FA8; } .redesign2017 .st-button.st-button-blue-outline:hover,.redesign2017 #compare_view .st-button.st-button-blue-outline:hover,#myAccount.account-container #right.right-container .big-container .st-button.st-button-blue-outline:hover,#myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-blue-outline:hover,.redesign2017 input[type="submit"].st-button.st-button-blue-outline:hover,.redesign2017 #compare_view input[type="submit"].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 input[type="submit"].st-button.st-button-blue-outline:hover { background-color: transparent; } .redesign2017 .st-button.st-button-orange,.redesign2017 #compare_view .st-button.st-button-orange,#myAccount.account-container #right.right-container .big-container .st-button.st-button-orange,#myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-orange,.redesign2017 input[type="submit"].st-button.st-button-orange,.redesign2017 #compare_view input[type="submit"].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 input[type="submit"].st-button.st-button-orange { background: #cf0a2c; } .redesign2017 .st-button.st-button-orange:hover,.redesign2017 #compare_view .st-button.st-button-orange:hover,#myAccount.account-container #right.right-container .big-container .st-button.st-button-orange:hover,#myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-orange:hover,.redesign2017 input[type="submit"].st-button.st-button-orange:hover,.redesign2017 #compare_view input[type="submit"].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 input[type="submit"].st-button.st-button-orange:hover { background: #e4273b; } .redesign2017 .st-button.st-button-green,.redesign2017 #compare_view .st-button.st-button-green,#myAccount.account-container #right.right-container .big-container .st-button.st-button-green,#myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-green,.redesign2017 input[type="submit"].st-button.st-button-green,.redesign2017 #compare_view input[type="submit"].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 input[type="submit"].st-button.st-button-green { background: #00a651; } .redesign2017 .st-button.st-button-green:hover,.redesign2017 #compare_view .st-button.st-button-green:hover,#myAccount.account-container #right.right-container .big-container .st-button.st-button-green:hover,#myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-green:hover,.redesign2017 input[type="submit"].st-button.st-button-green:hover,.redesign2017 #compare_view input[type="submit"].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 input[type="submit"].st-button.st-button-green:hover { background: #00d96a; } .redesign2017 .st-button.st-button-base,.redesign2017 #compare_view .st-button.st-button-base,#myAccount.account-container #right.right-container .big-container .st-button.st-button-base,#myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-base,.redesign2017 input[type="submit"].st-button.st-button-base,.redesign2017 #compare_view input[type="submit"].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 input[type="submit"].st-button.st-button-base { background: none; text-transform: uppercase; font-weight: bold; color: #326FA8; line-height: 2.7; height: auto; } .redesign2017 .st-button.st-button-base:hover,.redesign2017 #compare_view .st-button.st-button-base:hover,#myAccount.account-container #right.right-container .big-container .st-button.st-button-base:hover,#myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-base:hover,.redesign2017 input[type="submit"].st-button.st-button-base:hover,.redesign2017 #compare_view input[type="submit"].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 input[type="submit"].st-button.st-button-base:hover { background: none; color: #4589c8; } .redesign2017 .st-button.lens-not-selected,.redesign2017 #compare_view .st-button.lens-not-selected,#myAccount.account-container #right.right-container .big-container .st-button.lens-not-selected,#myAccount.account-container .contact-info-wrapper .big-container .st-button.lens-not-selected,.redesign2017 input[type="submit"].st-button.lens-not-selected,.redesign2017 #compare_view input[type="submit"].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 input[type="submit"].st-button.lens-not-selected { background: #786F70; } .redesign2017 .st-button.st-button-big,.redesign2017 #compare_view .st-button.st-button-big,#myAccount.account-container #right.right-container .big-container .st-button.st-button-big,#myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-big,.redesign2017 input[type="submit"].st-button.st-button-big,.redesign2017 #compare_view input[type="submit"].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 input[type="submit"].st-button.st-button-big { line-height: 3.5; height: auto; font-size: 16px; } .redesign2017 .st-button.st-button-small,.redesign2017 #compare_view .st-button.st-button-small,#myAccount.account-container #right.right-container .big-container .st-button.st-button-small,#myAccount.account-container .contact-info-wrapper .big-container .st-button.st-button-small,.redesign2017 input[type="submit"].st-button.st-button-small,.redesign2017 #compare_view input[type="submit"].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 input[type="submit"].st-button.st-button-small { line-height: 2.7; height: auto; font-size: 13px; } .new-lens-selection-text { font-size: 14px !important; } .redesign2017 .favorited-item::before,.redesign2017 #compare_view .favorited-item::before,#myAccount.account-container #right.right-container .big-container .favorited-item::before,#myAccount.account-container .contact-info-wrapper .big-container .favorited-item::before { background-position: -97px -114px !important; } .redesign2017 .cart_header,.redesign2017 #compare_view .cart_header,#myAccount.account-container #right.right-container .big-container .cart_header,#myAccount.account-container .contact-info-wrapper .big-container .cart_header,.redesign2017 .compare_header,.redesign2017 #compare_view .compare_header,#myAccount.account-container #right.right-container .big-container .compare_header,#myAccount.account-container .contact-info-wrapper .big-container .compare_header { width: 1024px; margin: 0 auto; text-align: center; margin: 60px auto; } .redesign2017 .cart_header p,.redesign2017 #compare_view .cart_header p,#myAccount.account-container #right.right-container .big-container .cart_header p,#myAccount.account-container .contact-info-wrapper .big-container .cart_header p,.redesign2017 .compare_header p,.redesign2017 #compare_view .compare_header p,#myAccount.account-container #right.right-container .big-container .compare_header p,#myAccount.account-container .contact-info-wrapper .big-container .compare_header p { width: 300px; margin: 0 auto; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; color: #3f2a2e; font-size: 15px; } .redesign2017 .lc-loader,.redesign2017 #compare_view .lc-loader,#myAccount.account-container #right.right-container .big-container .lc-loader,#myAccount.account-container .contact-info-wrapper .big-container .lc-loader { display: none; opacity: 0.4; position: static; } .redesign2017 .lc-loader.uplaod-prescription-loader,.redesign2017 #compare_view .lc-loader.uplaod-prescription-loader,#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 { width: auto; padding: 13px; float: left; } .redesign2017 .lc-loader.right-nav-loader,.redesign2017 #compare_view .lc-loader.right-nav-loader,#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 { margin-top: 13px; } .redesign2017 .lc-loader.step-footer-loader,.redesign2017 #compare_view .lc-loader.step-footer-loader,#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 { height: 16px; width: 16px; opacity: 0.4; margin-right: 13px; } .redesign2017 .lc-loader img,.redesign2017 #compare_view .lc-loader img,#myAccount.account-container #right.right-container .big-container .lc-loader img,#myAccount.account-container .contact-info-wrapper .big-container .lc-loader img { position: static; } .indent { margin-left: 13px; } .uppercase { text-transform: uppercase; } .hide,.closed { display: none!important; } .invisible { visibility: hidden; } .inline-block { display: inline-block; } .checkout_wrapper { box-sizing: border-box; } .nomargin { margin: 0 !important; } .gt-lt { font-size: 0.9em; } .styled-link { color: #326FA8; font-size: 16px; margin-left: 47px; } .edit-wrapper .styled-link.has-addon{ margin-left: 62px; } .delete-link { color:black; font-weight: bold; text-transform: none; padding: 0 0 0 3px; /*For Accessibility*/ /*outline: 0;*/ font-size: 16px; } .delete-link:hover { text-decoration: underline; color: #ce0a2d; } .sticky-bottom { position: fixed; z-index: 10000; bottom: 0; padding-top: 26px; } .find-in-store.st-button-base,.add-to-tray.st-button-base,.view-detail.st-button-base { font-size: 14px; line-height: 1.6; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; } .add-to-tray.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 { background: url("../mobile20//images/favorites-empty.png") top left no-repeat!Important; background-position: center!important; width: 41px; height: 41px; content: " "; display: inline-block; vertical-align: middle; overflow: hidden; transform: translateY(-10px) scale(0.5); } .add-to-tray.favorited-item.st-button-base::before { background: url("../mobile20//images/favorites.png") top left no-repeat!Important; background-position: center!important; } .add-to-tray.st-button-base.addtowish::before { background: url("../mobile20//images/favorites.png") top left no-repeat!Important; background-position: center!important; width: 41px; height: 41px; content: " "; display: inline-block; vertical-align: middle; overflow: hidden; transform: translateY(-10px) scale(0.5); } .right-nav { width: 310px; display:inline-block; vertical-align:top; } .right-nav span { font-size: 14px; font-family: FuturaBQBook; color: #3f2a2e; font-weight: normal!important; } #cart-content{ display:inline-block; max-width: 681px; } .right-nav .calculate-tax { position:relative; } .right-nav .calculate-tax .title{ font-size: 14px; } .right-nav .calculate-tax .calculate:after{ content: ''; width: 5px; height: 5px; border-left: 1px solid black; border-top: 1px solid black; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: 10px; margin-top: -3px; display: inline-block; /* float: right; */ right: -50px; top: 5px; position: relative; } .right-nav .calculate-tax .calculate.open:after{ content: ''; width: 5px; height: 5px; border-left: 1px solid black; border-top: 1px solid black; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 10px; margin-top: -3px; display: inline-block; /* float: right; */ right: -50px; top: 8px; position: relative; } .right-nav .calculate-tax .show-tax{ display:none; position:relative; } .right-nav .calculate-tax .calculate { padding-top: 3px; float:right; color:#4d8eca; margin-right: 20px; cursor: pointer; /* height: 25px; */ display: block; /* top: 8px; */ } .right-nav .calculate-tax .calculate .price { font-family: FuturaBQBold, Arial, Helvetica, sans-serif !important; font-size: 14px; font-weight: bold !important; color: #1f1f1f; } .right-nav .calculate-tax input{ background: #fff; border: 1px solid #d5d5d5; border-radius: 0px ; width: 295px; padding: 10px 7px; margin-top: 6px; color: #523f42; font-size: 14px; width: 215px; font-family: FuturaBQBook, Arial, Helvetica, sans-serif; } .right-nav .calculate-tax span{ font-family: FuturaBQLight, Arial, Helvetica, sans-serif; } .right-nav .calculate-tax .submit{ border: 0; width: 295px; padding: 10px 7px; margin-top: 6px; color: #523f42; font-size: 16px; width: 230px; position: absolute; margin-top: -39px; width: 100px; background: transparent; color: #4d8eca; right: 0; line-height: 15px; height: 21px; font-family: FuturaBQBook; font-weight: normal; } .right-nav .calculate-tax label{ display: block; /* margin-top: 18px; */ font-family: FuturaBQBold; /* font-weight: bold; */ color: #3f2a2e; text-transform: capitalize; font-size: 15px; position: relative; margin: 0 auto; } .right-nav #Review{ /* padding-bottom: 15px; */ } .right-nav span.required-star { color: #f4791f!important; } .right-nav a.edit { text-transform: none; float: right; font-weight: normal; } #cart-section .right-nav .st-button-orange span.gt-lt { font-size: 14px; color: white!important; text-decoration: none!important; } .shopping-cart-page .styled-link span.gt-lt,.shopping-cart-page .styled-link span { font-size: 14px; color: #326FA8; vertical-align: middle; } .right-nav > ul > li { overflow: hidden; margin-bottom: 13px; background-color: #f7f7f7; padding: 26px; border: 1px solid #d5d5d5; } .cart-container .right-nav > ul > li#ShippingMethodEntry { background-color: #e8e8e8; border: none; padding: 10px; } .right-nav > ul > li > div { font-weight: normal; } .right-nav > ul > li p { text-transform: none; } .right-nav .st-button { margin-bottom: 6.5px; } .right-nav .title { display: inline-block; text-transform: capitalize; font-weight: 500 !important; font-size: 16px; /* padding-bottom: 6.5px; */ font-family: FuturaBQMedium, Arial, Helvetica, sans-serif; color: #3f2a2e; } .right-nav .shipping_method .title{ font-size: 14px; } .right-nav .title.icon { width: 24px; height: 24px; display: inline-block; } .right-nav .accordion-menu a { color: #3f2a2e; } .right-nav .accordion-menu > li > ul > li { padding: 0; border: 0; margin: 0; text-transform: capitalize; font-weight: normal; padding: 0 20px 0 6px; } .right-nav .accordion-menu > li > ul > li ~ li .price { font-weight: normal; } .right-nav .grandTotal { padding: 6.5px 0; } .cart-items-list-container .checkbox.warranty-input { font-family: FuturaBQBook; color: #3f2a2e; } .cart-items-list-container .checkbox.warranty-input a { font-size: 14px; text-transform: capitalize; } .cart-items-list-container .warrantyPrice{ display: inline-block; vertical-align: top; text-align: right; width: 110px; font-size: 15px; font-family: FuturaBQBook, Arial, Helvetica, sans-serif!important; text-transform: uppercase; color: #3f2a2e; line-height: 31px; float: right; } .cart-items-list-container .warrantyPrice span{ background: white; z-index: 999; display: inline-block; position: relative; padding-left: 5px; /* margin-left: 33px; */ right: 12px; } .cart-items-list-container .warrantyPrice:before { content: ""; width: 380px; border-bottom: 1px dashed darkgrey; display: block; height: 20px; position: absolute; right: 48px; } .right-nav .grandTotal .main-total { font-size: 18px; line-height: 22px; font-weight: bold; /* padding-bottom: 6.5px; */ } .right-nav .grandTotal .subtotal { float: right; font-size: 22px; letter-spacing: -0.05em; margin-top: -2px; } .right-nav .grandTotal .total-savings { font-size: 14px!important; } .right-nav .grandTotal div { width: 100%; } .right-nav .grandTotal span:not(.__affirm-logo):after { display: none; } .right-nav .promo-field .label_input .label { display: block; text-align: left; } #ShoppingCart .cart-item-container { border: 1px solid #d5d5d5; margin-bottom: 10px; padding-bottom: 20px; padding-top: 53px; position: relative; display: flex; flex-flow: row wrap; } #ShoppingCart .cart-item-container .cart-item-description { width: 191px; display: inline-block; vertical-align: top; padding-left:13px; margin-top: 10px; } #ShoppingCart .cart-item-container .cart-item-qty { display: inline-block; } #ShoppingCart.thank-you-page .cart-item-container .edit-wrapper { width: 450px!important; } #ShoppingCart .cart-item-container .edit-wrapper { width: 460px; display: inline-block; float: right; } #ShoppingCart .cart-item-container .edit-wrapper .frame-name{ width: auto; display: inline-block; margin-bottom: 4px; } #ShoppingCart .cart-wrapper .frame-name a{ font-family: FuturaBQBold; background: white; z-index: 1; display: inline-block; position: relative; padding-right: 4px; } #ShoppingCart .cart-item-container .edit-wrapper .frame-price{ display: inline-block; vertical-align: top; text-align: right; width: 100%; font-size: 15px; font-family: FuturaBQBook, Arial, Helvetica, sans-serif!important; text-transform: uppercase; color: #3f2a2e; font-weight: normal; line-height: 13px; margin-top: -19px; padding-bottom: 20px; } #ShoppingCart .cart-item-container .edit-wrapper .frame-price span { background: white; z-index: 1; display: inline-block; position: relative; padding-left: 5px; top: 3px; } #ShoppingCart .cart-item-container .edit-wrapper .frame-price:before{ content: ""; width: 410px; border-bottom: 1px dashed darkgrey; display: block; height: 14px; right: 48px; position: absolute; } #ShoppingCart .cart-item-container .edit-wrapper form:not(.current-prescription) { margin: 10px 0; } .cont-pup { width: 100%; display: inline-block; } #ShoppingCart .cart-item-container .edit-wrapper .edit-prescriptions .lens-name, #ShoppingCart .cart-item-container .edit-wrapper .edit-prescriptions .lens-type, #ShoppingCart .cart-item-container .edit-wrapper .edit-prescriptions .lens-color { font-family: FuturaBQLight, Arial, Helvetica, sans-serif !important; width: 300px; display: inline-block; margin-top: 6px; } #ShoppingCart .cart-item-container .edit-wrapper .edit-prescriptions .lens-name span, #ShoppingCart .cart-item-container .edit-wrapper .edit-prescriptions .lens-type span, #ShoppingCart .cart-item-container .edit-wrapper .edit-prescriptions .lens-color span{ vertical-align: top; background: none; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #333333; } #ShoppingCart .cart-item-container .edit-wrapper .edit-prescriptions .lens-type span{ text-transform: uppercase; } p.lensLabel { font-family: FuturaBQLight, Arial, Helvetica, sans-serif !important; font-size: 15px !important; font-weight: 300 !important; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #333333 !important; } #ShoppingCart .cart-item-container .edit-wrapper .edit-prescriptions .lens-description span{ font-size: 15px; background: none; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #333333; } #ShoppingCart .cart-item-container .edit-wrapper .edit-prescriptions .lens-price{ display: inline-block; vertical-align: top; text-align: right; width: 50%; font-size: 15px; font-family: FuturaBQBook, Arial, Helvetica, sans-serif!important; text-transform: uppercase; color: #3f2a2e; line-height: 0px; margin-top: -13px; float: right; } #ShoppingCart .cart-item-container .edit-wrapper .edit-prescriptions .lens-price span{ display: inline-block; position: relative; padding-left: 5px; } /* #ShoppingCart .cart-item-container .edit-wrapper .edit-prescriptions .lens-price:before{ content: ""; width: 380px; border-bottom: 1px dashed darkgrey; display: block; height: 20px; position: absolute; right: 48px; } */ #ShoppingCart .cart-item-container .cart-item-totals { width: 70%; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #3f2a2e; font-size: 15px; margin-top: 20px; margin-left: 30%; margin-right: 25px; } .frame-totals{ width: 100% !important; margin-left: 0px !important; } p.asp-label { font-family: FuturaBQBook, Arial, Helvetica, sans-serif !important; font-size: 14px !important; margin-left: 248px; } .cl-review{ margin-left: 230px !important; } /* .thank-you-page .cart-item-totals{ margin-right: 5px !important; } */ #ShoppingCart .cart-item-container .prescription-needed{ padding: 10px; background: #6daacd; width: 160px; height: 21px; border-radius: 6px; margin-top:20px; margin-left: 20px; display:none!important; } #ShoppingCart .cart-item-container .prescription-needed label{ margin:0px!important; } #ShoppingCart .cart-item-container .prescription-needed label span{ color: white!important; font-size: 15px!important; font-weight: normal; } #ShoppingCart .cart-item-container .cart-item-totals p { font-size: 18px; font-weight: bold; color: #3f2a2e; } #ShoppingCart .cart-item-container .cart-item-totals > div { margin-bottom: 13px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-right: 25px; } .thank-you .cart-item-container .cart-item-totals .frameSaving { margin-top: 0px!important; } #ShoppingCart .cart-item-container .cart-item-totals .frameSaving { font-family: FuturaBQBook; text-transform: capitalize; font-size: 18px; text-align: right; display: block; color: #3f2a2e; margin-bottom: 0; } #ShoppingCart .cart-item-container .cart-item-totals .frameSaving[data-insurance] *{ color: #2f8656; } #ShoppingCart .cart-item-container .cart-item-totals > .frameSaving:first-child { border-top: 1px solid #d5d5d5; } #ShoppingCart .cart-wrapper .frameSubtotal p{ font-family: FuturaBQBold; font-size: 14px; padding-left: 50%!important; } p.subtotal-label { padding-left: 248px; } p.saving-label { padding-left: 248px; } #ShoppingCart .cart-item-container .cart-item-totals .frameSubtotal { border-top: 1px solid #d5d5d5; padding-top: 9px; margin-bottom: 0; margin-top: 5px; font-family: FuturaBQBold; } #ShoppingCart .cart-item-container .productTitleDetails a { color: #3f2a2e; font-weight: bold; font-size: 14px; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; } .cart-item-perk, .cart-item-promo { margin-bottom: 0px!important; } .cart-item-perk > p, .cart-item-promo > p { font-size: 15px!important; font-weight: normal!important; line-height: 1.27; color: #049d46!important; text-transform: lowercase; } .cart-item-perk > span, .cart-item-promo > span { font-family: FuturaBQBook, Arial, Helvetica, sans-serif!important; font-size: 15px!important; font-weight: normal!important; font-style: normal; text-align: right; color: #049d46!important; } .more-info { display: block; font-size: 15px; } #perk-name, #perk-amount, #promo-name, #promo-amount { color: #049d46; font-size: 15px; } #perk-name:first-letter, #promo-name:first-letter { text-transform:uppercase; } .cart-item-perk ~ a:after, .cart-item-promo ~ a:after{ content: ''; background: url(../images/sprites/newCheckSprite.png); background-size: auto; background-position: -13px; width: 12px; height: 20px; position: absolute; margin-left: 2px; } .addons-container{ margin-top: 10px; } .cart-item-container .edit-prescriptions p, .cart-item-container .addons-container p { color: #3f2a2e; font-weight: normal; text-transform:uppercase; font-size: 14px; margin: 0; } .cart-item-container .edit-prescriptions p .name, .cart-item-container .addons-container p .name { display: inline-block; text-transform: none; font-weight: normal; font-size: 14px; background: white; display: inline-block; position: relative; padding-right: 5px; } .cart-item-container .edit-prescriptions p .has-addon { display: inline-block; width: 58px; } .cart-item-container .delete-link { display: block; position: absolute; text-decoration: underline; text-align: right; right: 24px; /* width: 100%; */ top: 20px; font-size: 16px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.5px; color: #1f1f1f; } .history-table { padding: 13px 0; } .history-table table { border-collapse: collapse; width: 685px !important; } .history-table table td:first-of-type a { color: #523f42; } .accordion-menu > li { position: relative; } .accordion-menu > li > a { display: block; } .accordion-menu > li > a.expanded .price { display: none !important; } .accordion-menu > li > a::after { content: ""; background: url(../assets/lc2_sprite.gif); background-position: -189px -112px; background-size: 500px; width: 14px; height: 10px; } .accordion-menu > li > a.expanded::after { background-position: -208px -112px; } .accordion-menu > li > ul { display: none; } .accordion-menu .price { float: right; } .accordion-menu.cart-m,.accordion-menu.checkout-m { padding: 6.5px 0; } .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") top left no-repeat; background-size: 226px; background-position: -11px -137px; width: 9px; height: 8px; margin-left: 6px; } .accordion-menu.cart-m > li > a .price,.accordion-menu.checkout-m > li > a .price { color: #523f42; } .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: bold; text-transform: uppercase; padding: 6.5px 0; border-bottom: 1px solid #d5d5d5; } .accordion-menu.in-page > li > a { padding: 20px 0; } .accordion-menu.in-page > li > a::after { display: inline-block; margin-left: 6px; } .accordion-menu.in-page > li > ul { padding-bottom: 13px; } .accordion-menu.in-page-full > li { border-top: 1px solid #d5d5d5; } .accordion-menu.in-page-full > li:last-of-type { border-bottom: 1px solid #d5d5d5; } .accordion-menu.in-page-full > li > a { display: block; padding: 26px 0; color: #523f42; font-weight: bold; font-size: 18px; text-transform: uppercase; text-align: left; position: relative; } .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.cart-d > ul > li,.accordion-menu.checkout-d > ul > li { font-size: 14px; } .accordion-menu .accordion-header-link { position: absolute; top: 0; right: 30px; padding: 26px; font-size: 16px; } .lc2-icon { background: url(../assets/lc2_sprite.gif); display: inline-block; background-size: 500px; vertical-align: middle; float: left; margin-right: 13px; margin-left: 10px; } .prescription-phone { background-position: -5px -5px; width: 18px; height: 33px; margin-top: -5px; float: inherit; top: -10px; position: relative; } .prescription-upload { background-position: -248px -64px; width: 17px; height: 22px; float: inherit; top: -6px; position: relative; } .prescription-doctor { background-position: -193px -64px; width: 22px; height: 25px; top: -4px; position: relative; } .shopCartIcon { position: relative; display: inline-block; } .shopCartIcon::after { content: ""; background: url(../assets/lc2_sprite.gif); background-position: -416px -62px; background-size: 490px; width: 19px; height: 20px; display: block; position: relative; top: 3px; } .print-icon-white { position: relative; display: inline-block; vertical-align: middle; margin-right: 6.5px; } .print-icon-white::after { content: ""; background: url(../assets/lc2_sprite.gif); background-position: -373px -62px; background-size: 500px; width: 21px; height: 22px; display: block; } .my-wishlist .right-side-info .product-buttons a { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; } .my-wishlist .right-side-info .product-buttons a.add-to-cart { margin-bottom: 10px; color: white!important; } .my-wishlist .right-side-info .product-buttons a.add-to-cart:focus { background:#e4273b; } .my-wishlist #wishlist-holder .right-side-info .product-buttons .delete-link { width: 100%; text-align: center; display: inline-block; color: #ce0a2d!important; } .product-buttons a { height: auto; margin: 6.5px 0; font-size: 13px; } .product-buttons .add-to-cart::before { content: ''; background: url('../assets/lc2_sprite.gif'); display: inline-block; margin-right: 13px; vertical-align: middle; width: 20px; height: 20px; background-size: 480px; background-position: -382px -61px; } .selectBox-options,.selectBox-options li,.selectBox-options li a { color: #000; } [id^=content_wrapper_box] form.lc2 .input-container > span,form.lc2 .input-container > span,[id^=content_wrapper_box] form.lc2 .select_container > span,form.lc2 .select_container > span,[id^=content_wrapper_box] form.lc2 .radio > span,form.lc2 .radio > span { display: none; /* float: right; */ /* left: -200px; */ } [id^=content_wrapper_box] form.lc2 .input-container > span[for=doctorNameInput_2]{ float:right!important; margin-right: 170px; margin-top: 15px; } [id^=content_wrapper_box] form.lc2 .input-container.error > span.required,form.lc2 .input-container.error > span.required,[id^=content_wrapper_box] form.lc2 .select_container.error > span.required,form.lc2 .select_container.error > span.required,[id^=content_wrapper_box] form.lc2 .radio.error > span.required,form.lc2 .radio.error > span.required { float: right; margin-top: 17px; max-width: 250px; display: block; } form.lc2 .textarea-container,[id^=content_wrapper_box] form.lc2 .select_container,form.lc2 .select_container { display: inline-table; margin-right: 19px; overflow: hidden; line-height: 1.6; position: relative; vertical-align: top; } [id^=content_wrapper_box] form.lc2 .input-container,form.lc2 .input-container,[id^=content_wrapper_box] form.lc2 .textarea-container{ display: block; margin-right: 19px; line-height: 1.6; position: relative; vertical-align: top; } [id^=content_wrapper_box] form.lc2 .input-container.small-input input[type="text"],form.lc2 .input-container.small-input input[type="text"],[id^=content_wrapper_box] form.lc2 .textarea-container.small-input input[type="text"],form.lc2 .textarea-container.small-input input[type="text"],[id^=content_wrapper_box] form.lc2 .select_container.small-input input[type="text"],form.lc2 .select_container.small-input input[type="text"],[id^=content_wrapper_box] form.lc2 .input-container.small-input input[type="password"],form.lc2 .input-container.small-input input[type="password"],[id^=content_wrapper_box] form.lc2 .textarea-container.small-input input[type="password"],form.lc2 .textarea-container.small-input input[type="password"],[id^=content_wrapper_box] form.lc2 .select_container.small-input input[type="password"],form.lc2 .select_container.small-input input[type="password"],[id^=content_wrapper_box] form.lc2 .input-container.small-input select,form.lc2 .input-container.small-input select,[id^=content_wrapper_box] form.lc2 .textarea-container.small-input select,form.lc2 .textarea-container.small-input select,[id^=content_wrapper_box] form.lc2 .select_container.small-input select,form.lc2 .select_container.small-input select { width: 107px; } [id^=content_wrapper_box] .thank-you-page #regSubmit, [id^=content_wrapper_box] .cart-sections-container.thank-you .go-shopping { background-color: #326fa8; } [id^=content_wrapper_box] .cart-sections-container.thank-you .go-shopping:hover { background-color: #4589c8; } [id^=content_wrapper_box] form.lc2 .input-container label,form.lc2 .input-container label,[id^=content_wrapper_box] form.lc2 .textarea-container label,form.lc2 .textarea-container label,[id^=content_wrapper_box] form.lc2 .select_container label,form.lc2 .select_container label { display: block; margin-top: 14px; font-family: 'FuturaBQBook', Arial, Helvetica, sans-serif; font-weight: bold; color: #3f2a2e; text-transform: capitalize; font-size: 15px; position: relative; } [id^=content_wrapper_box] form.lc2 .input-container label.nodisplay,form.lc2 .input-container label.nodisplay,[id^=content_wrapper_box] form.lc2 .textarea-container label.nodisplay,form.lc2 .textarea-container label.nodisplay,[id^=content_wrapper_box] form.lc2 .select_container label.nodisplay,form.lc2 .select_container label.nodisplay { display: none; } [id^=content_wrapper_box] form.lc2 .input-container.error::after,form.lc2 .input-container.error::after,[id^=content_wrapper_box] form.lc2 .textarea-container.error::after,form.lc2 .textarea-container.error::after,[id^=content_wrapper_box] form.lc2 .select_container.error::after,form.lc2 .select_container.error::after,[id^=content_wrapper_box] form.lc2 .input-container.success::after,form.lc2 .input-container.success::after,[id^=content_wrapper_box] form.lc2 .textarea-container.success::after,form.lc2 .textarea-container.success::after,[id^=content_wrapper_box] form.lc2 .select_container.success::after,form.lc2 .select_container.success::after , .input-container.select_container.error::after { content: ''; background: url(../assets/lc2_sprite.gif); background-size: 500px; pointer-events: none; position: absolute; top: 52px; margin-left: 25px; } [id^=content_wrapper_box] form.lc2 .input-container.error.three-input::after,form.lc2 .input-container.error.three-input::after,[id^=content_wrapper_box] form.lc2 .textarea-container.error.three-input::after,form.lc2 .textarea-container.error.three-input::after,[id^=content_wrapper_box] form.lc2 .select_container.error.three-input::after,form.lc2 .select_container.error.three-input::after,[id^=content_wrapper_box] form.lc2 .input-container.success.three-input::after,form.lc2 .input-container.success.three-input::after,[id^=content_wrapper_box] form.lc2 .textarea-container.success.three-input::after,form.lc2 .textarea-container.success.three-input::after,[id^=content_wrapper_box] form.lc2 .select_container.success.three-input::after,form.lc2 .select_container.success.three-input::after { display: none; } [id^=content_wrapper_box] form.lc2 .input-container.error input[type="text"],form.lc2 .input-container.error input[type="text"],[id^=content_wrapper_box] form.lc2 .textarea-container.error input[type="text"],form.lc2 .textarea-container.error input[type="text"],[id^=content_wrapper_box] form.lc2 .select_container.error input[type="text"],form.lc2 .select_container.error input[type="text"],[id^=content_wrapper_box] form.lc2 .input-container.error input[type="password"],form.lc2 .input-container.error input[type="password"],[id^=content_wrapper_box] form.lc2 .textarea-container.error input[type="password"],form.lc2 .textarea-container.error input[type="password"],[id^=content_wrapper_box] form.lc2 .select_container.error input[type="password"],form.lc2 .select_container.error input[type="password"],[id^=content_wrapper_box] form.lc2 .input-container.error .selectBox-dropdown,form.lc2 .input-container.error .selectBox-dropdown,[id^=content_wrapper_box] form.lc2 .textarea-container.error .selectBox-dropdown,form.lc2 .textarea-container.error .selectBox-dropdown,[id^=content_wrapper_box] form.lc2 .select_container.error .selectBox-dropdown,form.lc2 .select_container.error .selectBox-dropdown,[id^=content_wrapper_box] form.lc2 .input-container.error select,form.lc2 .input-container.error select,[id^=content_wrapper_box] form.lc2 .textarea-container.error select,form.lc2 .textarea-container.error select,[id^=content_wrapper_box] form.lc2 .select_container.error select,form.lc2 .select_container.error select { border: 1px solid #ce0a2d; } [id^=content_wrapper_box] form.lc2 .input-container.error .required,form.lc2 .input-container.error .required,[id^=content_wrapper_box] form.lc2 .textarea-container.error .required,form.lc2 .textarea-container.error .required,[id^=content_wrapper_box] form.lc2 .select_container.error .required,form.lc2 .select_container.error .required { float: none; font-style: normal; } [id^=content_wrapper_box] form.lc2 .input-container.error .required::before,form.lc2 .input-container.error .required::before,[id^=content_wrapper_box] form.lc2 .textarea-container.error .required::before,form.lc2 .textarea-container.error .required::before,[id^=content_wrapper_box] form.lc2 .select_container.error .required::before,form.lc2 .select_container.error .required::before { font-style: normal; margin-right: 5px; } [id^=content_wrapper_box] form.lc2 .input-container.success input[type="text"],form.lc2 .input-container.success input[type="text"],[id^=content_wrapper_box] form.lc2 .textarea-container.success input[type="text"],form.lc2 .textarea-container.success input[type="text"],[id^=content_wrapper_box] form.lc2 .select_container.success input[type="text"],form.lc2 .select_container.success input[type="text"],[id^=content_wrapper_box] form.lc2 .input-container.success input[type="password"],form.lc2 .input-container.success input[type="password"],[id^=content_wrapper_box] form.lc2 .textarea-container.success input[type="password"],form.lc2 .textarea-container.success input[type="password"],[id^=content_wrapper_box] form.lc2 .select_container.success input[type="password"],form.lc2 .select_container.success input[type="password"],[id^=content_wrapper_box] form.lc2 .input-container.success .selectBox-dropdown,form.lc2 .input-container.success .selectBox-dropdown,[id^=content_wrapper_box] form.lc2 .textarea-container.success .selectBox-dropdown,form.lc2 .textarea-container.success .selectBox-dropdown,[id^=content_wrapper_box] form.lc2 .select_container.success .selectBox-dropdown,form.lc2 .select_container.success .selectBox-dropdown { border: 1px solid #00a651; background: #f3fff9; } [id^=content_wrapper_box] form.lc2 .input-container.success::after,form.lc2 .input-container.success::after,[id^=content_wrapper_box] form.lc2 .textarea-container.success::after,form.lc2 .textarea-container.success::after,[id^=content_wrapper_box] form.lc2 .select_container.success::after,form.lc2 .select_container.success::after { width: 19px; height: 18px; background-position: -170px -64px; content:initial; } #CVVDetailsSection ~ span.valid{ color: #00a651; display:none!important; font-size: 12px; margin: 3px 0 5px 14px!important; width: auto; } div#shippingCreateEditArea1 span.valid { margin-left: 27px!important; } div#checkoutDoctorInfo span.valid { margin-left: 24px!important; } div#checkoutDoctorInfo #doctorPhoneContainer span.valid{ margin-left: 44px!important; } [id^=content_wrapper_box] form.lc2 .input-container.success .valid,form.lc2 .input-container.success .valid,[id^=content_wrapper_box] form.lc2 .textarea-container.success .valid,form.lc2 .textarea-container.success .valid,[id^=content_wrapper_box] form.lc2 .select_container.success .valid,form.lc2 .select_container.success .valid { color: #00a651; display:none!important; font-size: 12px; margin: 3px 0 5px 72px; width: auto; } .accept-terms > .valid { margin-left: 37px!important; } #CVVDetailsSection ~ span.valid{ margin-left: 14px!important; } [id^=content_wrapper_box] form.lc2 .input-container.success .valid::before,form.lc2 .input-container.success .valid::before,[id^=content_wrapper_box] form.lc2 .textarea-container.success .valid::before,form.lc2 .textarea-container.success .valid::before,[id^=content_wrapper_box] form.lc2 .select_container.success .valid::before,form.lc2 .select_container.success .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; } [id^=content_wrapper_box] form.lc2 .input-container.success.three-input:after,form.lc2 .input-container.success.three-input:after,[id^=content_wrapper_box] form.lc2 .textarea-container.success.three-input:after,form.lc2 .textarea-container.success.three-input:after,[id^=content_wrapper_box] form.lc2 .select_container.success.three-input:after,form.lc2 .select_container.success.three-input:after { display: none; } [id^=content_wrapper_box] form.lc2 input[type="text"],form.lc2 input[type="text"],form.lc2 input[type="number"],[id^=content_wrapper_box] form.lc2 input[type="tel"],form.lc2 input[type="tel"],[id^=content_wrapper_box] form.lc2 input[type="email"],form.lc2 input[type="email"],[id^=content_wrapper_box] form.lc2 input[type="password"],form.lc2 input[type="password"],[id^=content_wrapper_box] form.lc2 textarea,form.lc2 textarea,form.lc2 #addrInfo > div, [id^=content_wrapper_box] form.lc2 #paymentArea1 .select_container .selectBox-dropdown, [id^=content_wrapper_box] form.lc2 #paymentArea1 .select_container .selectBox-dropdown.selectBox-menuShowing { border: 1px solid #d5d5d5; border-radius: 0px; width: 320px; padding: 10px 13px; margin-top: 6px; margin-right: 9px; color: #523f42; font-family: "FuturaBQLight"; font-size: 14px; } [id^=content_wrapper_box] form.lc2 input[type="text"]::-webkit-input-placeholder,form.lc2 input[type="text"]::-webkit-input-placeholder,form.lc2 input[type="number"]::-webkit-input-placeholder,[id^=content_wrapper_box] form.lc2 input[type="tel"]::-webkit-input-placeholder,form.lc2 input[type="tel"]::-webkit-input-placeholder,[id^=content_wrapper_box] form.lc2 input[type="email"]::-webkit-input-placeholder,form.lc2 input[type="email"]::-webkit-input-placeholder,[id^=content_wrapper_box] form.lc2 input[type="password"]::-webkit-input-placeholder,form.lc2 input[type="password"]::-webkit-input-placeholder,[id^=content_wrapper_box] form.lc2 textarea::-webkit-input-placeholder,form.lc2 textarea::-webkit-input-placeholder { color: #523f42; opacity: 0.5; } [id^=content_wrapper_box] form.lc2 input[type="text"]:focus,form.lc2 input[type="text"]:focus,form.lc2 input[type="number"]:focus,[id^=content_wrapper_box] form.lc2 input[type="tel"]:focus,form.lc2 input[type="tel"]:focus,[id^=content_wrapper_box] form.lc2 input[type="email"]:focus,form.lc2 input[type="email"]:focus,[id^=content_wrapper_box] form.lc2 input[type="password"]:focus,form.lc2 input[type="password"]:focus,[id^=content_wrapper_box] form.lc2 textarea:focus,form.lc2 textarea:focus { outline-width: 0; border: 1px solid #786F70; } [id^=content_wrapper_box] form.lc2 .three-input input[type="text"],form.lc2 .three-input input[type="text"],[id^=content_wrapper_box] form.lc2 .card-number input[type="text"],form.lc2 .card-number input[type="text"],[id^=content_wrapper_box] form.lc2 .small-input input[type="text"],form.lc2 .small-input input[type="text"],[id^=content_wrapper_box] form.lc2 .three-input input[type="tel"],form.lc2 .three-input input[type="tel"],[id^=content_wrapper_box] form.lc2 .card-number input[type="tel"],form.lc2 .card-number input[type="tel"],[id^=content_wrapper_box] form.lc2 .small-input input[type="tel"],form.lc2 .small-input input[type="tel"],[id^=content_wrapper_box] form.lc2 .three-input input[type="email"],form.lc2 .three-input input[type="email"],[id^=content_wrapper_box] form.lc2 .card-number input[type="email"],form.lc2 .card-number input[type="email"],[id^=content_wrapper_box] form.lc2 .small-input input[type="email"],form.lc2 .small-input input[type="email"] { width: 44px; margin-right: 9px; text-align: left; } [id^=content_wrapper_box] form.lc2 .three-input.error::after,form.lc2 .three-input.error::after,[id^=content_wrapper_box] form.lc2 .card-number.error::after,form.lc2 .card-number.error::after,[id^=content_wrapper_box] form.lc2 .small-input.error::after,form.lc2 .small-input.error::after,[id^=content_wrapper_box] form.lc2 .three-input.success::after,form.lc2 .three-input.success::after,[id^=content_wrapper_box] form.lc2 .card-number.success::after,form.lc2 .card-number.success::after,[id^=content_wrapper_box] form.lc2 .small-input.success::after,form.lc2 .small-input.success::after { display: none; } [id^=content_wrapper_box] form.lc2 .select_container .selectBox-dropdown,form.lc2 .select_container .selectBox-dropdown { color: darkgray; background: #f7f6f7; margin-top: 6px; cursor: pointer; padding: 5px; border: 1px solid #d5d5d5; border-radius: 6px; font-size: 16px; font-style: normal; line-height: 1.2; padding-left: 13px; font-family: "FuturaBQBook"; margin-right: 10px; } [id^=content_wrapper_box] form.lc2 .select_container .selectBox-dropdown.selectBox-menuShowing,form.lc2 .select_container .selectBox-dropdown.selectBox-menuShowing { color: #523f42; } [id^=content_wrapper_box] form.lc2 .select_container .selectBox-dropdown:focus,form.lc2 .select_container .selectBox-dropdown:focus { color: #786F70; border: 1px solid #326fa8 !important; -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.2); box-shadow: 0 0 2px 1px rgba(0,0,0,0.2); } [id^=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; } [id^=content_wrapper_box] form.lc2 .select_container .selectBox-label,form.lc2 .select_container .selectBox-label { padding: 5px 0; color: #523f42; } [id^=content_wrapper_box] form.lc2 .select_container .selectBox-arrow,form.lc2 .select_container .selectBox-arrow { background: none; } [id^=content_wrapper_box] form.lc2 .select_container .selectBox-active,form.lc2 .select_container .selectBox-active { border: 1px solid #786F70 !important; } [id^=content_wrapper_box] form.lc2 .select_container select,form.lc2 .select_container select { cursor: pointer; width: 195px; margin: 0; } [id^=content_wrapper_box] form.lc2 .select_container select.drop_down_checkout,form.lc2 .select_container select.drop_down_checkout { visibility: hidden; height: 0; display: block !important; position: absolute; bottom: 0; } [id^=content_wrapper_box] form.lc2 .select_container::after,form.lc2 .select_container::after { display: none; } .dataTables_info { display: none; } [id^=content_wrapper_box] form.lc2 .label_check,form.lc2 .label_check { display: inline-block; position: relative; width: 200px; background: none; } [id^=content_wrapper_box] form.lc2 .label_check input[type="checkbox"],form.lc2 .label_check input[type="checkbox"] { position: absolute; left: 0px; top: -3px; opacity: 0; margin: 0; } [id^=content_wrapper_box] form.lc2 .label_check input[type="checkbox"] + span,form.lc2 .label_check input[type="checkbox"] + span { margin: 0 0 0 30px; display: inline-block; line-height: 23px; font-size: 16px; color: #3F2a2e; font-weight: normal; font-family: "FuturaBQBook"; } [id^=content_wrapper_box] form.lc2 .label_check input[type="checkbox"] + span,form.lc2 .label_check input#rx[type="checkbox"] + span { text-transform: initial; } [id^=content_wrapper_box] form.lc2 .label_check input[type="checkbox"] + span::before,form.lc2 .label_check input[type="checkbox"] + span::before, .frame-recap .label_check input[type="checkbox"] + span::before { content: ''; position: absolute; top: 0px; left: 0px; background: url(../assets/lc2_sprite.gif); background-position: -91px -48px; background-size: 400px; width: 23px; height: 23px; visibility: visible; } .warranty.custom-checkbox + span{ position: relative; background:white; /* z-index: 1; */ } .footer-mailing-box input[type="checkbox"]{ width: 16px; height: 16px; border-radius: 2px; background-color: #ffffff!important; border: 1px solid; position: absolute; clip: rect(0,0,0,0); display: block; left: -32px; top: 0; margin-top: 0; opacity: 1; } .warranty.custom-checkbox + span::before{ left: -31px!important; } [id^=content_wrapper_box] form.lc2 .label_check input[type="checkbox"]:checked + span::before,form.lc2 .label_check input[type="checkbox"]:checked + span::before, .frame-recap .label_check input[type="checkbox"]:checked + span::before { background: url(../assets/lc2_sprite.gif); background-position: -112px -49px; background-size: 400px; } [id^=content_wrapper_box] form.lc2 .label_check input[type="checkbox"]:focus + span,form.lc2 .label_check input[type="checkbox"]:focus + span { box-shadow: 0 0 2px black; } [id^=content_wrapper_box] form.lc2 .label_check.blue.on,form.lc2 .label_check.blue.on { background: none; } [id^=content_wrapper_box] form.lc2 .label_radio,form.lc2 .label_radio { position: relative; width: 100%; display: inline-block; margin: 7px 0; line-height: 23px; } [id^=content_wrapper_box] form.lc2 .label_radio input[type="radio"],form.lc2 .label_radio input[type="radio"] { left: 0; position: absolute; width: 16px; height: 16px; opacity: 0; cursor: pointer; } [id^=content_wrapper_box] form.lc2 .label_radio input[type="radio"]:checked + span,form.lc2 .label_radio input[type="radio"]:checked + span { font-family: FuturaBQBook; font-size: 15px; } label + #dontneed:not(:checked) { padding-bottom: 13px; margin-bottom: 13px; border-bottom: 1px solid #d5d5d5; } [id^=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); background-position: -89px -64px; background-size: 500px; filter: hue-rotate(230deg) brightness(130%) saturate(400%); } [id^=content_wrapper_box] form.lc2 .label_radio input[type="radio"]:focus + span,form.lc2 .label_radio input[type="radio"]:focus + span { /*box-shadow: 0 0 2px black;*/ } [id^=content_wrapper_box] form.lc2 .label_radio span,form.lc2 .label_radio span { font-weight: normal; cursor: pointer; text-transform: none; } [id^=content_wrapper_box] form.lc2 .label_radio span:before,form.lc2 .label_radio span:before { content: ''; margin: 0 10px 0 0; background: url(../assets/lc2_sprite.gif); background-position: -62px -64px; background-size: 500px; width: 23px; height: 23px; float: left; } [id^=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; } [id^=content_wrapper_box] form.lc2 .promo-field .label_input .label,form.lc2 .promo-field .label_input .label { display: block; } [id^=content_wrapper_box] form.lc2 .promo-field .promotionCodeFailureResponse,form.lc2 .promo-field .promotionCodeFailureResponse { color: #ee7722; padding: 13px 0 0; font-style: italic; color: red; } [id^=content_wrapper_box] form.lc2 .promo-field .removePromotionCode,form.lc2 .promo-field .removePromotionCode { display: inline-block; color: #ce0a2d; font-size: 11px; font-weight: bold !important; margin-left: 20px; } [id^=content_wrapper_box] form.lc2 .promo-field .removePromotionCode:after, form.lc2 .promo-field .promotionApplied:after { content: ''; width: 100%; height: 1em; display: inline-block; } [id^=content_wrapper_box] form.lc2 .promo-field input[type="text"],form.lc2 .promo-field input[type="text"] { width: calc(100% - 100px); padding: 10px; box-sizing: border-box; } [id^=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; padding: 11px; width: 83px; margin-left: 0px; } [id^=content_wrapper_box] form.lc2 .promo-field input[type="submit"].new-style-button:hover,form.lc2 .promo-field input[type="submit"].new-style-button:hover { background: #4589c8; } [id^=content_wrapper_box] form.lc2 .promo-field .success input[type="submit"].new-style-button,form.lc2 .promo-field .success input[type="submit"].new-style-button { background: #00a651; } [id^=content_wrapper_box] form.lc2 .promo-field .success input[type="submit"].new-style-button:hover,form.lc2 .promo-field .success input[type="submit"].new-style-button:hover { background: #00d96a; } [id^=content_wrapper_box] form.lc2 .promo-field .success::after,form.lc2 .promo-field .success::after { left: 103px; } #promoCode:-moz-placeholder { font-size: 0.85em; } #promoCode::-webkit-input-placeholder { font-size: 0.85em; } .modal-nav { display: -ms-flexbox; /* display: flex; */ -ms-flex-pack: justify; /* justify-content: right; */ padding: 13px; /* background-color: #f7f6f7; */ border-bottom: solid 1px #cac9c6; /* float: right; */ width: 100%; height: 85px; margin-top: 20px; } .modal-nav a.st-button { width: auto; } #confirm-lens-step-0 { color:white!important; } #go-back-lens-modal-button-step1, #go-back-lens-modal-button-2, #go-back-lens-modal-button { border: none!important; font-family: FuturaBQMedium; font-size: 15px; font-weight: 500; color: #326fa8; float: left; text-align: left; padding-left: 15px; } #go-back-lens-modal-button-step1:before, #go-back-lens-modal-button-2:before, #go-back-lens-modal-button:before { content: ''; background-image: url('../images/brands-carousel-arrow-left.png'); width: 25.5px; height: 25.5px; display: block; position: absolute; background-repeat: no-repeat; background-size: 33%; background-position: 10px 1px; background-color: white; top: 12px; left: 4px; } #go-back-lens-modal-button-2:before{ top: 12px ; left: 0px !important; } #go-back-lens-modal-button:before { top: 15px; left: 3px; } #confirm-lens-step1, #finish-lens-modal-button { background-color: #326fa8; height: 40px; line-height: 40px; max-width: 120px!important; padding: 0!important; box-sizing: content-box; float: right; color: white!important; } #confirm-lens-step1:hover, #finish-lens-modal-button:hover { background-color: #4589c8; } .modal-nav-confirm a,.modal-nav-confirm span.required { float: right; } .lens-color h2{ margin-left: 0px !Important; } #lens-color-selection-modal-tabs form{ display: block; position: relative; } .tab-colors-pane .color-name{ font-family: FuturaBQMedium; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #5a5a5a; padding-top: 10px; } #lens-color-selection-modal-tabs form ul{ display: block; height: 50px; border-bottom: solid 2px #cac9c6; padding-left: 20px; margin-bottom: 40px; } #lens-color-selection-modal-tabs form ul div{ /* display: inline-block; */ float: left; margin-right: 25px; position: relative; } #lens-color-selection-modal-tabs form ul div.callout{ padding: 0!important; } #lens-color-selection-modal-tabs form ul div.callout-arrow{ position: relative; top: 37px; /* left: -16px; */ } #lens-color-selection-modal-tabs .material-info{ float: right; top: 5px; position: relative; left: 5px; } #header.checkout { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .checkout-wrapper-header { width: 1140px; margin: 0 auto 52px; text-align: center; } .checkout-wrapper-steps { width: 1040px; margin: 0 auto 52px; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .checkout-wrapper-steps.checkout-step-5 { display: block; } .checkout-step-header { padding: 10px 0 0px 0; border-bottom: 1px solid #d5d5d5; } .checkout-steps ul { padding: 0; list-style-type: none; counter-reset: count; padding: 0; height: 43px; list-style-type: none; counter-reset: count; border-bottom: 1px solid #d6d6d6; } .checkout-steps li { padding: 0 45px; display: inline-block; position: relative; font-family: FuturaBQBook; font-size: 15px; text-transform: capitalize; color: #707070; } .checkout-steps li.active{ font-family: FuturaBQBold, Arial, Helvetica, sans-serif; } .checkout-steps li a { font-size: 15px; } form.checkout-form.lc2{ margin: 15px 0 0 0; } form#PaymentForm1.checkout-form.lc2{ margin-top: 0; } .checkout-wrapper-steps,.checkout-wrapper-steps p { font-family: FuturaBQBook; font-size: 14px; color: #3f2a2e; } .checkout-wrapper-steps label { color: #3f2a2e; } .checkout-wrapper-steps a.styled-link { font-weight: normal; font-size: 16px; } .checkout-steps li.checked:after { background-color: #5b4a4d; border: 2px solid #5b4a4d; color: #ffffff; } .checkout-steps li.checked:before { border-top: 1px solid #d6d6d6; } .checkout-steps li:after { content: counter(count); counter-increment: count; position: absolute; top: 23px; left: calc(50% - 15px); background-color: #f8f8f6; border: 2px solid #d6d6d6; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; color: #d6d6d6; } .checkout-wrapper-content { padding-right: 26px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; } .checkout-wrapper-content > div { width: 700px; } .checkout-wrapper-content.mobile > div { width: 100%; } .checkout-wrapper-content.container-step-5 { width: 100%; border: none; padding: 0; } .checkout-wrapper-content.container-step-5 .checkout-step-5 { width: 100%; } .checkout-wrapper-content .step-footer .st-button.submit { width: auto; } .right-nav .product-details { padding-left: 8px; width: 90%; } .right-nav .product-details span { font-weight: normal; } .right-nav .product-details span::after { display: none; } .page-container.checkout { padding-top: 13px; } .pupillary-modal { padding-top: 6.5px; } .pupillary-modal .accordion-menu { width: 422px; } .pupillary-modal .accordion-menu p { padding: 6.5px 0; } .checkout-step-1 form.lc2 .label_check.blue { float: left; margin: 13px 13px 13px 0; } .pup-wrapper { padding-top: 13px; } .rx-fields .checkbox,.rx-fields .pd-select-one { display: inline-block; vertical-align: middle; } .rx-fields .select_container select { margin: 0; } .checkout-container { clear: both; border-top: 1px solid #d5d5d5; margin-top: 26px; padding-top: 26px; position: relative; } .checkout-container .radio { margin: 18px 0; } .checkout-container .radio > label { font-size: 16px; } .checkout-container .radio > label[for="call-doctor"] > span { display:inline-block; } .checkout-container .radio > label[for="call-doctor"] > em { font-family: FuturaBQMedium; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; text-align: left; color: #5a5a5a; display: inline-block; } .lc2-icon.prescription-doctor{ float:none; } .number { margin: 0; } .number.not-click { pointer-events: none; cursor: default; } #upload-form,#text-number,#doctor-info { padding: 20px 0; margin: 5px 0 20px 0; border-top: solid 1px #cac9c6; } #doctor-info{ position: relative; display: flex; flex-flow: column; } #doctor-info > p:first-child{ margin-bottom: 10px; } #doctor-info > .accordion-title { width: 310px!important; border-bottom: solid 1px #d8d8d8; position: relative; padding: 7px; } #doctor-info > .accordion-title > p{ color: #326fa8; font-size: 14px!important; } #doctor-info > .accordion-title:after{ content: " "; position: absolute; right: 0; top: 12px; background: url(../mobile20/images/redesign/icons.png) top left no-repeat; background-size: 320px; background-position: -16px -193px; width: 13px; height: 15px; } #doctor-info > .accordion-title.open:after{ content: " "; position: absolute; right: 0; top: 8px; background: url(../mobile20/images/redesign/icons.png) top left no-repeat; background-size: 320px; background-position: -16px -179px; width: 13px; height: 15px; } .upload-prescription-form .upload-prescription { width: 224px; clear: both; float: left; margin: 5px 0 16px 0; padding: 8px; line-height: normal; height: auto; font-size: 13px !important; } .upload-prescription-form a.delete-link,.upload-prescription-form .file-uploaded { font-size: 13px; margin: 0; } .upload-prescription-form .delete-link { padding-left: 26px; } .upload-prescription-form .file-uploaded { color: #00a651; font-weight: bold; margin-bottom: 6.5px; } .upload-prescription-form .file-uploaded::before { content: ""; background: url(../assets/lc2_sprite.gif); width: 15px; height: 16px; background-position: -154px -114px; background-size: 500px; display: inline-block; margin-right: 6.5px; vertical-align: sub; } .upload-prescription-form p,.upload-prescription-form li,.upload-prescription-form .delete-link { font-size: 13px; } .upload-prescription-form .prescription-important-note,.upload-prescription-form .is-upload { clear: both; } .checkout_wrapper h3 { padding: 13px 0 6.5px; text-transform: none; } .checkout_wrapper h3.boss{ font-family: FuturaBQLight; font-size: 14px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #333333; padding-top: 4px; padding-bottom: 22px; } .checkout_wrapper .prescription-uploaded { color: #00a651; font-weight: bold; font-size: 14px; } .checkout_wrapper .prescription-uploaded::before { content: ""; background: url(../assets/lc2_sprite.gif); width: 11px; height: 10px; background-position: -120px -114px; background-size: 500px; display: inline-block; margin-right: 2px; } .checkout_wrapper .prescription-notuploaded { color: #ff002c; font-weight: bold; font-size: 14px; } .checkout_wrapper .prescription-notuploaded::before { content: ""; background: url(../assets/lc2_sprite.gif); width: 11px; height: 10px; background-position: -137px -137px; background-size: 500px; display: inline-block; margin-right: 2px; } .prescription-radio { margin: 6.5px 0 26px 26px; } .radio-title label:not([for=call-doctor]) { text-transform: uppercase; font-size: 16px; } .radio-title label p { text-transform: initial; font-size: 16px; margin-left: 42px; } .radio-title label:first-of-type { border-bottom: 0; padding-bottom: 0; } .radio-title label.first-last-name { text-transform: initial!important; } .checkout-step-2 .sign_in { float: right; margin-top: 5px; margin-right: 26px; } .checkout-step-2 #content_wrapper { width: 705px; } .address-validation-area { border-top: 1px solid #d5d5d5; margin-top: 26px; padding-top: 26px; } .shipping_method .lc2 { /* padding-top: 6.5px; */ } .shipping_address p { width: 400px; } .col.shipping_address > fieldset > fieldset{ margin: 30px 0 15px 0; } label[for="expire_year_1"] { opacity: 0; } .select_container.cardInfo > div { display: inline-table; margin-right: 6.5px; } .security-code{ vertical-align: top; } .checkout-step-3 .question { display: inline-block; margin-bottom: 13px; } .security-code-img { background-image: url(../assets/cards/CVCcode.jpg); background-size: contain; background-repeat: no-repeat; width: 100px; height: 72px; float: left; } .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); } .credit-card-image .mastercard { background-image: url(../assets/cards/CreditCard_Icons_Mastercard.jpg); } .credit-card-image .visa { background-image: url(../assets/cards/CreditCard_Icons_Visa.jpg); } .credit-card-image .amex { background-image: url(../assets/cards/CreditCard_Icons_AmericanExpress.jpg); } .credit-card-image .discover { background-image: url(../assets/cards/CreditCard_Icons_Discover.jpg); } .credit-card-image .jcb { background-image: url(../assets/cards/CreditCard_Icons_JCB.jpg); } .credit-card-radio-button .discover { background-image: url(../assets/cards/CreditCard_Icons_Discover.jpg); } .credit-card-radio-button .jcb { background-image: url(../assets/cards/CreditCard_Icons_JCB.jpg); } .PayPal-image span { background-image: url(../images/paypal-dark.png); } .Affirm-image span{ background-image: url(../images/affirm-logo.png); width: 52px; border-radius: 4px; height: 27px; border: 1px solid #d5d5d5; display: inline-block; width: 42px; background-size: 100%; background-repeat: no-repeat; margin-left: 5px; } .PayPal-image { display: inline-block; height: 100%; vertical-align: middle; } .card-images { display: block; } .card-images > span { display: none; margin: 13px 0; height: 93px; width: 130px; text-indent: -999999px; background-size: 130px; background-position: 0 0px; } .card-images > span.active { display: block; } .checkout-step-4 .accordion-menu p { display: inline-block; padding-right: 13px; padding-bottom: 13px; font-size: 18px; font-weight: bold; text-transform: uppercase; font-size: 16px; font-weight: bold; text-transform: uppercase; font-family: FuturaBQBold; vertical-align: top; } .checkout-step-4 .accordion-menu p > span { font-size: 16px; font-weight: normal; display: block; text-transform: initial; font-family: FuturaBQBook; } .checkout-step-4 .accordion-header-link a { font-size: 18px; } .checkout-step-4 .accordion-menu .uploaded-file:before { content: ""; background: url(../assets/lc2_sprite.gif); width: 11px; height: 10px; background-position: -120px -114px; background-size: 500px; display: inline-block; margin-right: 6.5px; } .checkout-step-4 .accordion-menu .uploaded-file span { display: inline; } .checkout-step-4 .step-footer { border: 0; margin: 0; } .register-sign-form { margin: 52px 0 0; color: #3f2a2e; } #createaccount1,#createaccount2,#createaccount3 { font-size: 14px; font-family: FuturaBQLight; } .register-sign-form label span { font-size: 18px; font-family: FuturaBQBook; } .register-sign-form p { font-size: 18px; font-family: FuturaBQBook; } .register-sign-form .create-account .sign-in { font-size: 16px; font-family: FuturaBQBook; } .checkout-step-5 h3 { font-size: 21px; text-align: center; } .checkout-step-5 form.lc2 .subtitle,.checkout-step-5 .sign-in .subtitle { text-align: center; margin-bottom: 13px; } .checkout-step-5 form.lc2 .sign-form-fields,.checkout-step-5 .sign-in .sign-form-fields { position: relative; } .checkout-step-5 form.lc2 .input-container.password-input,.checkout-step-5 .sign-in .input-container.password-input,.checkout-step-5 form.lc2 .input-container.password-input input,.checkout-step-5 .sign-in .input-container.password-input input { width: 210px; } .checkout-step-5 form.lc2 .input-container label,.checkout-step-5 .sign-in .input-container label { text-transform: uppercase; } .checkout-step-5 form.lc2 .checkbox,.checkout-step-5 .sign-in .checkbox { margin: 26px 0; } .checkout-step-5 form.lc2 .create-account,.checkout-step-5 .sign-in .create-account { width: 200px; position: absolute; top: 36px; right: 0; } .checkout-step-5 form.lc2 .label_check,.checkout-step-5 .sign-in .label_check { clear: both; } .checkout-step-5 form.lc2 .label_check .star,.checkout-step-5 .sign-in .label_check .star { margin: 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: 0.5px; } .required-text { text-transform: uppercase; font-weight: bold; } .ResetPasswordForm .required-text{ font-family: 'FuturaBQBook'; font-size: 12px; text-transform: capitalize!important; } .whats-next { margin: 52px 0; text-align: center; } .whats-next img { margin: 52px 0; } .congrats-container { position: relative; width: 100%; height: 360px; background-color: #a39995; } .congrats-espot { position: absolute; width: 100%; height: 360px; } .congrats-espot::after { display: block; content: ""; clear: both; } .congrats-espot img { float: right; height: 360px; } .congrats-espot h1 { padding: 80px 110px; color: #00a651; font-size: 32px; } .congrats-wcs { position: absolute; box-sizing: border-box; width: 100%; height: 343px; padding: 128px 0 0 110px; font-size: 18px !important; font-family: FuturaBQBook !important; } .congrats-wcs a.link { margin-right: 26px; font-weight: bold; text-transform: uppercase; font-family: FuturaBQBold; font-size: 18px; } .congrats-wcs .send-rx { padding: 26px 0; } .congrats-wcs p.send-rx { font-size: 18px; font-family: FuturaBQBook; } a.send-lc { font-size: 18px; font-family: FuturaBQBook; } #userRegModelFormConfirm { font-size: 18px; font-family: FuturaBQBook; } .pw-submit { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; margin-top: 13px; } .step-footer { border-top: 1px solid #d5d5d5; margin-top: 26px; padding-top: 26px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; display: block; } .step-footer .st-button.st-button-outline { width: 93px; } .st-button.st-button-outline.footer-review-btn.review.checkout-submit-alt { color: #4d8eca; } .st-button.st-button-outline.footer-review-btn.review.checkout-submit-alt:hover { color: #6eabce; } .step-footer .st-button.st-button-outline.footer-back-btn { border: 0; padding-left: 0; text-align: left; } .step-footer .st-button.submit { border: 0; } .step-footer-submit { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-align: center; align-items: baseline; } .back-warning { overflow: hidden; } .back-warning h2 { font-size: 30px; } .back-warning > div { line-height: 1.6; } .back-warning .st-button { width: auto; } .back-warning .warning-buttons { float: right; padding: 6.5px 0; } .cart-container { box-sizing: border-box; } .cart-container .cart-item-container:last-of-type { margin-bottom: 0; border-bottom: 0; } .cart-sections-container { width: 990px; display:block; margin: 0 auto; } .cart-sections-container.thank-you{ width: 957px !important; display:block; margin: 0 auto; margin-bottom: 150px; min-height: 520px; } .thank-you .cart-items-container { /* border-bottom: 1px solid #d5d5d5; */ } .cart-items-list-container { /* border: 1px solid #d5d5d5; */ position: relative; margin-bottom: 46px; margin-right: 6px; display: inline-block; vertical-align: top; border-bottom:0; width: 100%; } .cart-items-list-container .remove-all { position: absolute; bottom: -32px; right: 32px; font-size: 16px; } .cart-items-container { width: 100%; } .right-nav .promotion_used { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .right-nav .styled-link { width: 100%; text-align: center; display: inline-block; padding: 13px 0; } /* #header_links .mini-shop-cart { padding: 12px 7px 14px; } */ .header-myaccount { width: 287px !important; } .header-myaccount.has-notification { width: 255px !important; } /*.tah-quantity{ display: block; position: absolute; top: -8px; //left: 50%; background-color: #d73954; //z-index: 9!important; color: #ffffff; //font-size: 11px; width: 16px; height: 16px; //line-height: 16px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-style: normal; } #tah-quantity-header { //color: white!important; }*/ /*#wishlist-quantity-header { top: 2px; left: 75%; color: white!important; z-index: 19; }*/ /* .wishlist-icon:after { content: ""; background: url('../assets/lc2_sprite.gif') no-repeat -135px -160px; background-size: 716px; width: 35px; height: 29px; display: none; -webkit-filter: grayscale(0.8); filter: grayscale(0.8); } */ /* #wishListCountSection:before { content: ""; background: url('../assets/lc2_sprite.gif') no-repeat -117px -137px; background-size: 621px; width: 28px; height: 27px; display: block; -webkit-filter: grayscale(0.8); filter: grayscale(0.8); position: absolute; top: 10px; left: 90px; z-index: -1; } */ /*@media only screen and (device-width: 768px) { .wishlist-icon:after { -webkit-backdrop-filter: grayscale(8); } }*/ .redesign2017 #compare_view #compare_details.compare-column { padding: 26px 0; margin-bottom: 52px; } .redesign2017 #compare_view #compare_details.compare-column .each-compare-product,.redesign2017 #compare_view #compare_details.compare-column .compare-label { color: #3f2a2e; border: none; margin: 0 5px; width: 218px; float: left; padding: 0; } .redesign2017 #compare_view #compare_details.compare-column .each-compare-product .left-side-compare,.redesign2017 #compare_view #compare_details.compare-column .compare-label .left-side-compare { background: #f9f9f8; } .redesign2017 #compare_view #compare_details.compare-column .each-compare-product .left-side-compare > div,.redesign2017 #compare_view #compare_details.compare-column .compare-label .left-side-compare > div { word-wrap: break-word; font-size: 16px; font-family: FuturaBQBook; text-transform: capitalize; height: 56px; position: relative; margin: 0; padding: 0 13px; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; word-break: break-all; } .redesign2017 #compare_view .st-button { font-size: 14px; } .redesign2017 #compare_view .compare_header p { font-size: 16px; } .redesign2017 #compare_view #compare_details.compare-column .each-compare-product .left-side-compare > div:after,.redesign2017 #compare_view #compare_details.compare-column .compare-label .left-side-compare > div:after { content: ''; position: absolute; bottom: 0; left: 0; width: 210%; height: 1px; display: block; border-bottom: 1px solid #d5d5d5; } .redesign2017 #compare_view #compare_details.compare-column .each-compare-product .left-side-compare > div:first-child,.redesign2017 #compare_view #compare_details.compare-column .compare-label .left-side-compare > div:first-child { height: 220px; } .redesign2017 #compare_view #compare_details.compare-column .each-compare-product .left-side-compare > div:last-child,.redesign2017 #compare_view #compare_details.compare-column .compare-label .left-side-compare > div:last-child { background: #ffffff; } .redesign2017 #compare_view #compare_details.compare-column .each-compare-product .left-side-compare > div:nth-of-type(7),.redesign2017 #compare_view #compare_details.compare-column .compare-label .left-side-compare > div:nth-of-type(7) { height: 164px; } .redesign2017 #compare_view #compare_details.compare-column .each-compare-product .left-side-compare > div:nth-of-type(7),.redesign2017 #compare_view #compare_details.compare-column .compare-label .left-side-compare > div:nth-of-type(7),.redesign2017 #compare_view #compare_details.compare-column .each-compare-product .left-side-compare > div:nth-of-type(8),.redesign2017 #compare_view #compare_details.compare-column .compare-label .left-side-compare > div:nth-of-type(8) { padding: 0; } .redesign2017 #compare_view #compare_details.compare-column .each-compare-product .left-side-compare > div:nth-of-type(7)::after,.redesign2017 #compare_view #compare_details.compare-column .compare-label .left-side-compare > div:nth-of-type(7)::after,.redesign2017 #compare_view #compare_details.compare-column .each-compare-product .left-side-compare > div:nth-of-type(8)::after,.redesign2017 #compare_view #compare_details.compare-column .compare-label .left-side-compare > div:nth-of-type(8)::after { border-bottom: none; } .redesign2017 #compare_view #compare_details.compare-column .each-compare-product .left-side-compare .product_image img,.redesign2017 #compare_view #compare_details.compare-column .compare-label .left-side-compare .product_image img { width: 130%; margin-left: -15%; } .redesign2017 #compare_view #compare_details.compare-column .each-compare-product:last-of-type,.redesign2017 #compare_view #compare_details.compare-column .compare-label:last-of-type { margin-right: 0; } .redesign2017 #compare_view #compare_details.compare-column .each-compare-product:nth-of-type(2),.redesign2017 #compare_view #compare_details.compare-column .compare-label:nth-of-type(2) { margin-left: 0; } .redesign2017 #compare_view #compare_details.compare-column .compare-label { margin: 0; width: 87px; background: #ffffff; } .redesign2017 #compare_view #compare_details.compare-column .compare-label .left-side-compare { background: #ffffff; } .redesign2017 #compare_view #compare_details.compare-column .compare-label .left-side-compare > div { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; text-transform: uppercase; -ms-flex-align: start; align-items: flex-start; text-align: left; font-size: 13px; padding: 0; } .redesign2017 #compare_view #compare_details.compare-column .each-compare-product.empty { background-position: 50% 3%; } .redesign2017 #compare_view #compare_details.compare-column .each-compare-product.empty .st-button { width: auto; } .redesign2017 #compare_view #compare_details.compare-column .each-compare-product.empty p { margin: 125px 0 16px 0; } .redesign2017 #compare_view #compare_details.compare-column #product-info { width: calc(100% - 26px); margin: 6.5px 0 0; } .redesign2017 #compare_view #compare_details.compare-column #product-info h2,.redesign2017 #compare_view #compare_details.compare-column #product-info a,.redesign2017 #compare_view #compare_details.compare-column #product-info span { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-size: 16px; } .redesign2017 #compare_view #compare_details.compare-column #product-info span { text-transform: none; font-size: 12px; } .redesign2017 #compare_view #compare_details.compare-column #product-info .price { color: #3f2a2e; float: none; } .redesign2017 #compare_view #compare_details.compare-column .remove-product-from-compare { position: static; font-size: 14px; } .my-wishlist.my-favotites-lenes .favorites-top .print-info-holder p a { font-family: Verdana, Arial, Helvetica, sans-serif; } #myAccount.account-container #right.right-container .big-container h1,#myAccount.account-container .contact-info-wrapper .big-container h1 { font-size: 16px; color: #000000; } .history-detail .order-header,.account-order-detail-container .order-header { font-size: 16px; color: #523f42; font-size: 21px; color: #1f1f1f; text-transform: uppercase; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; } .history-detail .order-header span,.account-order-detail-container .order-header span { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-transform: none; font-weight: bold; } .history-detail .list-order { padding: 16px 20px; } .history-detail h1 span { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-transform: none; font-weight: normal; } .history-detail form.lc2 { margin: 27px 0; } .history-detail form.lc2 .select_container,.history-detail form.lc2 .input-container { vertical-align: bottom; } .history-detail form.lc2 .select_container { margin-right: 0; } .history-detail form.lc2 .select_container:first-of-type { margin-right: 26px; } .history-detail form.lc2 .select_container label { display: inline-block; vertical-align: middle; margin: 0 13px 0 0; } .history-detail form.lc2 .select_container .selectBox-dropdown { margin: 0; } #myAccount #right.redesign2017 .big-container #purchaseSyncDashboard { margin-top: 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; margin: 0; padding: 7px 17px; text-indent: -9999px; vertical-align: middle; } .account-order-detail-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 16px 20px; } .account-order-detail-container > div { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 26px 0; border-bottom: 1px solid #d5d5d5; } .account-order-detail-container > div:last-of-type { border: 0; } .account-order-detail-container p { margin: 6.5px 0 !important; text-transform: capitalize; } .account-order-detail-container p > span { font-size: 13px; color: #000000; } .account-order-detail-container .order-info { padding: 0 0 13px; border: unset!important; } .account-order-detail-container .order-info > div span { text-transform: uppercase; } .account-order-detail-container .order-info > div:first-of-type { padding: 0; width: 100%; } .account-order-detail-container .order-product > div:nth-child(1) { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; text-align: center; } .account-order-detail-container .order-product > div:nth-child(1) img { max-width: 160px; height: auto; } .account-order-detail-container .order-product p span { font-weight: bold; } .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 { display: inline; } .account-order-detail-container .order-shipping-billing > div { width: 345px; padding-bottom: 10px; padding-left: 10px; height: 127px; background-color: #f8f8f8; } .account-order-detail-container .order-shipping-billing > div p { margin: 0 !important; } .account-order-detail-container .order-total { display: -ms-flexbox; display: flex; } .account-order-detail-container .order-total > div { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 286px; padding-bottom: 13px; } .account-order-detail-container .order-total { border-bottom: 1px solid #d5d5d5!important; margin-bottom: 10px!important; padding-bottom: 10px!important } .account-order-detail-container .order-total > div:nth-child(1) { width: 100%; } .account-order-detail-container { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #d5d5d5; padding-bottom: 13px !important; } .order-total p{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; text-transform: uppercase; } .account-order-detail-container .order-total p span:first-of-type { font-size: 13px; margin-left: 65%; text-transform: uppercase; } .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) { text-transform: capitalize; } .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; padding: 0 !important; margin: 0 !important; } .account-order-detail-container .order-total p:nth-of-type(7) span { font-size: 14px; text-transform : capitalize; font-weight: normal; } .account-order-detail-container .order-print { width: 222px; } .account-order-detail-container .order-print .st-button { width: 100px; min-width: auto; } #myInfo.contact-info-wrapper { } #myInfo.contact-info-wrapper #stateDiv { top: 0; } #myInfo.contact-info-wrapper .row { margin: 13px 0; } #myInfo.contact-info-wrapper .fe-row { margin: 0 0 13px; float: none; } #myInfo.contact-info-wrapper .headingContainer { margin-bottom: 0; } #myInfo.contact-info-wrapper .middle { padding: 6.5px 20px 52px; } #myInfo.contact-info-wrapper .middle .heading { display: block; margin: 0 0 8.5px 0; } #myInfo.contact-info-wrapper .ship-other-address { margin-top: 13px; } #myInfo.contact-info-wrapper .fe.submit { bottom: -45px; } #myInfo.contact-info-wrapper form.lc2 .input-container,#myInfo.contact-info-wrapper form.lc2 .select_container { margin-right: 11px; } #myInfo.contact-info-wrapper form.lc2 .input-container label,#myInfo.contact-info-wrapper form.lc2 .select_container label { margin: 0 0 6.5px 0; } #myInfo.contact-info-wrapper form.lc2 .input-container label[for="Phone1"],#myInfo.contact-info-wrapper form.lc2 .select_container label[for="Phone1"],#myInfo.contact-info-wrapper form.lc2 .input-container label[for="Phone2"],#myInfo.contact-info-wrapper form.lc2 .select_container label[for="Phone2"],#myInfo.contact-info-wrapper form.lc2 .input-container label[for="birth_date"],#myInfo.contact-info-wrapper form.lc2 .select_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="birth_year"] { opacity: 0; } #myInfo.contact-info-wrapper form.lc2 .radio { display: inline-block; vertical-align: bottom; } #myInfo.contact-view .middle { padding: 13px 20px 13px; } #myInfo.contact-view .middle p { margin: 0; } #myInfo.contact-view .middle .name { font-weight: bold; margin: 0; color: #000 !important; } #myInfo.contact-view .middle .heading { margin: 0; } #myInfo.contact-view .billing-shipping-info { display: -ms-flexbox; display: flex; } #myInfo.contact-view .billing-shipping-info .shipping-info { margin: 0 70px 0 0; } table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; } table.dataTable thead th,table.dataTable tfoot th { font-weight: bold; } table.dataTable thead td { padding: 0 6.5px; text-align: left; border-bottom: 1px solid #d5d5d5; line-height: 3.7; } table.dataTable thead th{ padding: 0 6.5px; text-align: left; border-bottom: 1px solid #d5d5d5; line-height: 3.7; font-size: 14px; font-family: FuturaBQBold; } table.dataTable thead th:active,table.dataTable thead td:active { outline: none; } table.dataTable tfoot th,table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #d5d5d5; } 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_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: 110px; /* 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 { background-color: #ffffff; } table.dataTable tbody tr.selected { background-color: #B0BED9; } table.dataTable tbody th,table.dataTable tbody td { padding: 0 6.5px; text-align: left; line-height: 5; } table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td { border-top: 1px solid #d5d5d5; } table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td { border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; } table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; } table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected { background-color: #acbad4; } table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected { background-color: #aab7d1; } 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.display tbody tr.selected > .sorting_1,table.dataTable.display tbody tr.selected > .sorting_2,table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad5; } 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: whitesmoke; } 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_1,table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad5; } 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.no-footer { border-bottom: 1px solid #d5d5d5; } table.dataTable.nowrap th,table.dataTable.nowrap td { white-space: nowrap; } table.dataTable.compact thead th,table.dataTable.compact thead td { padding: 4px 17px 4px 4px; } table.dataTable.compact tfoot th,table.dataTable.compact tfoot td { padding: 4px; } table.dataTable.compact tbody th,table.dataTable.compact tbody td { padding: 4px; } table.dataTable th.dt-left,table.dataTable td.dt-left { text-align: left; } table.dataTable th.dt-center,table.dataTable td.dt-center { text-align: center; } table.dataTable td.dataTables_empty { text-align: left; } table.dataTable th.dt-right,table.dataTable td.dt-right { text-align: right; } table.dataTable th.dt-justify,table.dataTable td.dt-justify { text-align: justify; } table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap { white-space: nowrap; } table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left { text-align: left; } table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center { text-align: center; } table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right { text-align: right; } table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify { text-align: justify; } table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left { text-align: left; } table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center { text-align: center; } table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right { text-align: right; } table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify { text-align: justify; } table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; } table.dataTable,table.dataTable th,table.dataTable td { box-sizing: content-box; } .dataTables_wrapper { position: relative; clear: both; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; } .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; padding: 10px 7px; margin-left: 6.5px; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding: 0.755em 0; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333 !important; border: 1px solid transparent; border-radius: 2px; } .dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #979797; background-color: white; background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !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: none; 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-color: white; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); } .dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate { color: #333; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td { vertical-align: middle; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #d5d5d5; } .dataTables_wrapper.no-footer div.dataTables_scrollHead table,.dataTables_wrapper.no-footer div.dataTables_scrollBody table { border-bottom: none; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @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: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter { float: left; font-weight: bold; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } table.dataTable tbody td { line-height: 5.5; } table.dataTable thead th { line-height: 3.3; } } table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { cursor: default !important; } table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { display: none !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: white; border: 2px solid white; 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 > tbody > tr.parent > td:first-child:before,table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { content: '-'; background-color: #d33333; } table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before { display: none; } 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: white; border: 2px solid white; 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-column > tbody > tr.parent td.control:before,table.dataTable.dtr-column > tbody > tr.parent th.control:before { content: '-'; background-color: #d33333; } table.dataTable > tbody > tr.child { padding: 0.5em 1em; } table.dataTable > tbody > tr.child:hover { background: transparent !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: 0.5em 0; } table.dataTable > tbody > tr.child ul li:first-child { padding-top: 0; } table.dataTable > tbody > tr.child ul li:last-child { border-bottom: none; } table.dataTable > tbody > tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: bold; } 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%; margin: auto; z-index: 102; overflow: auto; background-color: #f5f5f7; border: 1px solid black; border-radius: 0.5em; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); } 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, 0.6); } @media screen and (max-width: 767px) { div.dtr-modal div.dtr-modal-display { width: 95%; } } div.DTS { display: block !important; } div.DTS tbody th,div.DTS tbody td { white-space: nowrap; } div.DTS div.DTS_Loading { z-index: 1; } div.DTS div.dataTables_scrollBody { background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px); } div.DTS div.dataTables_scrollBody table { z-index: 2; } div.DTS div.dataTables_paginate,div.DTS div.dataTables_length { display: none; } .checkout-wrapper-header p { font-family: FuturaBQBook; font-size: 18px; color: #3f2a2e; } #checkoutDoctorInfo [id^=content_wrapper_box] form.lc2 .label_radio span,form.lc2 .label_radio span { font-weight: normal; cursor: pointer; font-family: FuturaBQBook; font-size: 16px; display: inline-table!important; } .radio-title .dobcontainer label { border-bottom: 0; padding-bottom: 0; margin-top: 13px; display: block; } label[for="need"] { border-top: 1px solid #d5d5d5; padding-top: 25px; margin-top: 13px!important; } .dobcontainer { padding-bottom: 10px; } .dobcontainer p { margin-left: 32px; } #basicInformationFormDiv .fe-row label { display: block; margin-top: 18px; font-family: FuturaBQBold; font-weight: bold; color: #3f2a2e; text-transform: capitalize; font-size: 14px; position: relative; } .dobcontainer .small-input,#basicInformationFormDiv .fe-row .small-input { margin-right: 6px!important; } .dobcontainer .small-input .selectBox-dropdown,#basicInformationFormDiv .fe-row .small-input .selectBox-dropdown { width: 82px!important; } .checkout-step-4 .frameSaving.item-price-row p { display: inline-block; font-weight: normal; } .checkout-step-4 .frameSaving.item-price-row span { width: 100%; display: block; } .checkout-step-4 .frameSaving.item-price-row span p:first-child { float: left; } .checkout-step-4 .frameSaving.item-price-row span p:nth-child(2) { float: right; } .dobcontainer .select_container { vertical-align: bottom; } /* For Accessibility * { outline: none!important; } */ #basicInformationFormDiv > div > div.date-parent > span { width: 100%; } .right-nav .st-button.st-button-orange1097 { font-family: FuturaBQBold!important; } .question a { font-family: FuturaBQBook; font-size: 18px; } .other_styles .styles_container { height: fit-content; display: flex; justify-content: flex-start; align-items: flex-start; } .other_styles .styles_container>div{ margin: 0; margin-right: 26px; margin-top: 35px; } #modal-no-lens-choosed h3 { font-size: 16px; line-height: 1.6; padding: 13px 0 6.5px 0; } #modal-no-lens-choosed .no-response { margin-right: 4px; } #checkout-back-warning > div > p,#modal-no-lens-choosed > div > p { font-family: FuturaBQBook; font-size: 16px; line-height: 1.6; } .lc-lens-enh { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; font-family: FuturaBQMedium; text-align: left; margin: 15px; } .enh-thumbnail{ width: 24px; height: 19px; top: 5px; left: 3px; position: relative; } h4.lc-lens-enh-title { text-align: left; text-transform: none; margin: 10px 80px; } .lc-lens-enh-item { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; /* border: 1px solid #ddd; */ padding: 15px 30px 15px 15px; margin: 5px 0; background-color: #fff; transition: background-color 200ms ease-in-out; width: 100%; } .lc-lens-enh-description{ font-family: FuturaBQMedium; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; text-align: left; color: #5a5a5a; margin-left: 30px; max-width: 750px; } .lc-lens-enh-item > * { padding: 5px 15px 5px 5px; } .lc-lens-enh-item .enh-label{ width: 121px; height: 19px; font-family: FuturaBQBold !important; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; text-align: left; color: #1f1f1f; width: 80%; text-transform: uppercase; } .lc-lens-enh-item.added { /* background-color: #f2faf6; */ } .lc-lens-enh-item.added .st-button { background-color: #00a651; } .lc-lens-enh-item.added .st-button > span:before { background-image: url('../assets/added-enh.png'); } .lc-lens-enh-item.not-available { opacity: .5; } .lc-lens-enh-item.not-available .lc-lens-enh-not-available { display: block; } .lc-lens-enh-item.not-available .st-button { display: none; } .lc-lens-enh-price { width: 96px !important; font-family: FuturaBQBold; font-size: 14px; } .lc-lens-enh-not-available { display: block; /* width: 227px; */ text-transform: uppercase; font-size: 12px; padding: 0 0; -ms-flex-item-align: start; /* align-self: flex-start; */ /* float: left; */ /* position: relative; */ } .lc-lens-enh .accordion-menu { -ms-flex: 1; flex: 1; border-right: 1px solid #ddd; margin-right: 15px; } .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; margin-left: 10px; margin-top: 3px; } .lc-lens-enh .accordion-menu > li + ul > li { font-family: Verdana, Arial, Helvetica, sans-serif; } .lc-lens-enh .st-button { width: 200px; height: 35px; line-height: 35px; transition: background-color 200ms ease-in-out; } .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 a{ border: 1px solid rgb(234, 108, 38) !important; } a.package{ pointer-events: none; } a.package::after{ content: initial !important; } /* payment rework LUXLC-482 */ div#cardImageContainer { float: right; height: 39px; z-index: 99999; z-index: 2; position: absolute; margin-top: -40px; left: 254px; width: 67px; background: #cfcfcf; border-top-left-radius: 0; border-bottom-left-radius: 0; } div#cardImageContainer>span { width: 53px; background-size: 100%; height: 38px; background-repeat: no-repeat; margin-top: 7px; } #CVVDetailsSection.question>ul.accordion-menu.in-page>li:first-child { width: 200px; margin-right: 29px; } .total-savings-price { font-weight: normal; float: right; font-size:14px!important; } /* es.lenscrafters.com */ /*#578890.29 Misalignment*/ .explore-catalog .explore-content .browse-by-holder ul li a { font-size: 12px; } /*#609147//12.18.15//Navigation http://es.lenscrafters.com/ */ ul#right-nav-header li { /* width: 139px !important; padding: 12px 20px 13px !important;*/ } /*#609143.19//1.29.16//forget password http://es.lenscrafters.com/ */ #header .dialog .ResetPasswordForm .needHelp + a.cancel { margin-left: 23px !important; } #header .dialog a.cancel { margin: 0 4px 0 154px !important; } /*629362/2016.3.9//myaccount/ http://es.lenscrafters.com/ */ .notification-myaccount-user div#header-myaccount-notify { width: 100px; } /* #header_wrapper #header_links .header-account-signin { left: 100px; position: relative; } */ /*629704/2016.3.10//dropdown/ http://es.lenscrafters.com/ */ #header_links ul#left-nav-header li.top-level ul.subnav li.column.browse ul.help { width: 700px; } /*#636297.18//5.13.16// https://es.lenscrafters.com/?akamai-feo=off */ div.EyeExamWidget.inNav h2 { font-size: 19px; } /*#636297.20//05.17.16// https://es.lenscrafters.com/ */ .header-sign-in-modal{ /* right: -275px !important; */ } .header-sign-in-modal > div.content > form > a[id^=forgotPasswordLink]{ display: block !important; clear: both !important; } #right > div.perk-banner.perk-filled.rounded-block.clearfix > a { margin-top: 30px !important; } /*659972/2016.7.8//dropdown/ http://es.lenscrafters.com/ */ ul#left-nav-header li.top-level ul.subnav li.column.browse ul.help { margin: 3px 0 0; } ul#left-nav-header li.top-level ul.subnav li.column.browse ul.help li { margin: 0 1px; padding: 0; } ul#left-nav-header li.top-level ul.subnav li.column.browse ul li a { font-size: 12px !important; } /*#674278.3//10.12.16// https://es.lenscrafters.com */ a#AddedFavorites_ViewAll_Button > span{ min-width: 170px; } div#WC_CachedItemDisplay_FBLike_div > a.wishlist-print-link.blue_link.blue.button.print-list{ min-width: 90px; } div[id*="WC_WishListResultDisplay"] > div.right-side-info > div.product-buttons > a.blue.button.find-in-store > span{ padding: 5px 45px; } /*#674278.5//10.12.16// https://es.lenscrafters.com/lc-us/womens-sunglasses */ form.scheduleExamForm > div.contactInfoSection.infoSectionOne > div.exam-heading > p.signInLink > a#eyeExamSigninLink{ width: 70px; margin-left: -10px; margin-top: -10px; display: block; } /*#720805//3.22.17// https://es.lenscrafters.com/ */ div#header_links > div.notification-myaccount-user > div.header-myaccount { /*width: 160px !important;*/ text-align: left; margin-left: 10px; } /*#715250.7//3.23.17// https://es.lenscrafters.com/ScheduleExamView?catalogId=11651&clearExams=1&langId=-1&storeNumber=5387&storeId=10851 */ div#examSignInSection > form#ScheduleExamLoginForm > div.center-align > a#examCancelButton, div#examSignInSection > form#ScheduleExamLoginForm > div.center-align > a.LogOnModalSubmitButton > span, div#examSignInSection > form#ScheduleExamLoginForm > div.center-align > a#ExamLogOnModalSubmitButton > span { font-size: 12px; letter-spacing: 0.05em; } /*#715250.15//3.24.17// http://es.lenscrafters.com/ProductDisplay?searchSource=&filterTerm=&maxPrice=&orderBy=2&langId=-1&productId=375211&beginIndexSolr=0&sType=&catalogId=11651&searchTerm=&minPrice=&categoryId=124551&storeId=10851&filterFacet= */ div#scrollBar.item-title.sticky-bottom > div.addToCart > a#selectLensOrAddToCartPDPScrollBar > div#productAddToCartTextSection{ font-size: 10px; padding-left: 0; padding-right: 0; letter-spacing: 0; } div#scrollBar.item-title.sticky-bottom > div.addToCart > a#selectLensOrAddToCartPDPScrollBar.st-button.add-to-cart.st-button-orange{ font-size: 10px; padding: 0; margin: 0; } /*#727119.3//5.16.17// https://es.lenscrafters.com/ */ div.header-reset-password-done-modal > div.content > h2, div.header-reset-password-done-modal > div.content > p{ white-space: normal; } /*#727119.6//5.16.17// https://es.lenscrafters.com/lc-us/eye-exam?storeId=10851&catalogId=11651&langId=-1&latLong=26.310307%7C-80.098886&page=0&apptId=&reschedule=&fromPage=ScheduleEyeExam&locationEntry=33441&productId=&startIndex=0 */ div[id*="storeLocation-"].storeLocation > div.store > form > div.eye-exam-availablity{ font-size: 10px; letter-spacing: 0; margin-top: -6px; } /* https://es.lenscrafters.com/webapp/wcs/stores/servlet/LogonForm?catalogId=11651&langId=-1&storeId=10851&krypto=TOKO9AQvir%2FUvevfmMxAUOgYjboTtm%2B5fYflJGqx6oVwQ%2FbwwQjV8u9WIufJok0yajfH9%2B7pamC66j1XLA2UgRbVOvbog2FgPNbttVnGA0A%3D&ddkey=https%3ALogoff */ div.header-myaccount > div > div.content > span{ white-space: normal; } /* https://es.lenscrafters.com/lc-us/eyeglasses?sid=ProdStylDDNL4-EYELP-US-112413 */ section.espotgrid > div.espotgrid_col.espotgrid_col-left > aside.eyespy > div.eyespy_text > h2.eyespy_title{ font-size: 40px; letter-spacing: 0; margin-top: 30px; } section.espotgrid > div.espotgrid_col.espotgrid_col-left > aside.eyespy > div.eyespy_text > h2.eyespy_title > span.eyespy_bigger{ font-size: 60px; } section.espotgrid > div.espotgrid_col.espotgrid_col-left > aside.eyespy > div.eyespy_text > h2.eyespy_title > span.eyespy_bigger > span{ font-size: 60px; } /* https://es.lenscrafters.com/lc-us/sunglasses?sid=ProdStylDDNL5-SUNLP-US-112413 */ div.espots-bottom.landing.bottom-espots-sunglasses > div.width_980 > div.left-image > div.ad_product.espot_content > div.exp_container > section.exp_hero > div.exp_hero_txt > h1{ line-height: 1; font-size: 56px; } div.espots-bottom.landing.bottom-espots-sunglasses > div.width_980 > div.left-image > div.ad_product.espot_content > div.exp_container > section.exp_hero > div.exp_hero_txt > h2.exp_hero_subheading{ line-height: 1.2; font-size: 24px; } /*#727119.25//5.19.17// http://es.lenscrafters.com/lc-us/ray-ban/805289445883 */ li > a.st-button.st-button-small:before, li > div > div > a.st-button.add-to-cart:before{ margin-left: -16px; } /*#727119.27//5.24.17// https://es.lenscrafters.com/OrderPaymentView?mode=payment&catalogId=11651&langId=-1&storeId=10851&forceShipmentType=1 */ #payment_method_creditcard > fieldset > div.select_container.date.cardInfo > div.month_year > label{ white-space:nowrap; } #billing_address > form > div.step-footer > div:nth-child(2) > a.st-button.st-button-outline.footer-back-btn{ width:100px; } #wrapper > div > div:nth-child(2) > a.st-button.st-button-outline.footer-back-btn{ width:100px; } #reset-all-field-button{ display: none; font-size:12px; } /*Checkout review */ select[name="shipping_method"]{ display:none!important; } .styled-link.edit-link{ display:block!important; } .edit-wrapper .styled-link{ font-size: 14px; margin-left: 37px; } .promo-code{ margin-bottom: 25px; text-transform: uppercase; } .idme-promo-code{ margin-top: 45px; margin-bottom: 25px; } .idme-applied-container{ width: 557px; height: 40px; background-color: #ededed; margin-bottom: 10px; } .idme-applied{ font-family: Arial; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #000000; margin-right: 272px; background-color: #ededed; margin-left: 14px; 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; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: right; color: #326fa8; } .show-promo{ font-size: 15px!important; font-family: FuturaBQBold, Arial, Helvetica, sans-serif!important; text-transform: none; padding-bottom: 10px; margin-top:-25px; cursor: pointer; display:block; color:#523f42!important; } .show-promo: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; } .show-idme-promo{ font-size: 15px!important; font-family: FuturaBQBold, Arial, Helvetica, sans-serif!important; padding-bottom: 10px; margin-top:-25px; cursor: pointer; display:block; font-weight: 600; color:#523f42; } .content-block-promoCode{ display:none; width:550px; } .content-block-promoCodeIdme{ display:none; width:550px; } .use-insurance{ display:none; } .checkout-form.lc2 .fe.input-container, .checkout-step-3 .input-container{ display: block; } .checkout-form.lc2 .fe.input-container label:not(.first-last-name),.checkout-step-3 .input-container label{ text-transform:capitalize!important; font-size: 13px!important; } .insert-manually, .insert-additional{ display:none; } #billingCreateEditArea1{ display: block; } .shipping_method .info{ font-size: 13px!important; } .shipping_method .cont-hic_sh p{ font-size: 16px!important; font-weight:normal!important; } .shipping_method .cont-hic_sh .hic_select + p{ font-family: FuturaBQBold, Arial, Helvetica, sans-serif!important; } .shipping_method span, .shipping_method a { /* font-size: 15px; */ /* text-transform: capitalize; */ /* font-family: FuturaBQBook; */ /* color: #3f2a2e; */ } .calculate-tax .title{ font-family: FuturaBQMedium, Arial, Helvetica, sans-serif; font-size: 16px; padding-bottom:0; } .frame-recap .title { font-size: 16px; font-weight: bold !important; width: 80%; position: relative; text-transform: none !important; padding: 15px 25px; } .frame-recap .title.prescription{ font-size: 16px; font-weight: bold !important; width: 70%; position: relative; text-transform: none !important; } .frame-recap .title.prescription:after{ border: 0px; } .frame-recap .title.exp { border-bottom:0; padding-bottom: 15px; } .frame-recap .title a, .right-nav.checkout .edit { font-weight: normal !important; margin-left: 10px; font-family: FuturaBQBook; font-size: 14px; } .frame-recap .title:after{ width: 0; content: ""; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #000; border-top:0; float: right; position: absolute; right: 0px; margin-top: 7px; } ul li.frame-recap > ul > li:before{ content: ""; border-bottom: 1px solid #d5d5d5; width: 100%; margin-left: -26px; position: absolute; top: 0px; } .frame-recap .title.exp:after{ width: 0; content: ""; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #000; border-bottom:0; float: right; position: absolute; right: 0px; margin-top: 7px; } .frame-recap img { mix-blend-mode: multiply; } .frame-recap .side-frame-image{ width: 200px; } ul li.frame-recap{ background-color:white!important; overflow:visible; } ul li.frame-recap > ul > li{ padding-bottom:10px; position:relative; } ul li.frame-recap > ul > li:after{ content: ""; width: calc(100% + 52px); margin-left: -26px; position: absolute; } ul li.frame-recap > ul > li:last-child:after{ content: inherit; border: 0; } ul li.frame-recap > ul > li:last-child{ padding-bottom: 0; } #paypalRecapContainer{ position:relative; margin-top: 30px; } div#cardImageContainer.card-images-accept{ right: 0; left: inherit; background:none; width:167px; } #creditCardFormContainer{ position:relative; margin-top: 30px; } div#cardImageContainer.card-images-accept span{ display:inline-block; right:0; } .checkout-step-3.billing_method .checkout-step-header h3{ border-top:1px solid #d5d5d5; padding: 10px 0 6px 0; margin-top: 12px; } .date-parent .select_container{ margin-right:0px!important; } .date-parent{ padding-bottom: 1px; } .view-address, .view-name{ border: 1px solid #d5d5d5; width: 295px; padding: 8px 15px; margin-top: 6px; font-size:16px; color: #523f42; font-family: "FuturaBQBook"; } .view-address p, .view-address p span, .view-address div p:not(.edit_summary){ font-size: 16px; line-height: 1.4em; } .use-different-address, .edit-name-cont{ display:none; } .view-name .edit-name{ float: right; margin-top: -22px; color: #4d8eca; cursor:pointer; } .login-container-ocr{ position: absolute; z-index: 1000; background-color: white; left: 35%; padding: 20px; width: 359px; height: 328px; font-family: FuturaBQLight; font-weight: normal; font-size: 14px; } .login-container-ocr .fe label,.login-container-ocr .fe a{ display: block; margin-bottom: 5px; } .login-container-ocr .LogOnFailureResponseMessageDiv{ margin-left: auto; font-style: unset; } .login-container-ocr .label_check span{ font-size: 16px; width: 100%; margin-top: 10px; font-weight: normal; } .login-container-ocr .fe .button{ width: 110px; height: 40px; border-radius: 0px; text-transform: uppercase; font-family: FuturaBQLight; font-weight: normal; font-size: 14px; } .login-container-ocr .buttons{ margin-top: 70px; width: 270px; } .login-container-ocr .fe .white-button{ width: 110px; height: 40px; border-radius: 0px; border: solid 1px #333333; background-color: white; } .thank-you-page .sign-form-fields{ position: absolute; z-index: 1000; background-color: white; left: 30%; padding: 20px; width: 600px; height: 420px; } .thank-you-page .sign-form-fields span{ display: block; } .thank-you-page .sign-form-fields span.required{ font-size: 13px; font-family: FuturaBQLight; text-transform: none; text-decoration: none; font-style: unset; } .thank-you-page .sign-form-fields .password{ display: flex; height: 110px; } .thank-you-page .sign-form-fields #emailAddress{ height: 90px; } .thank-you-page p.RegFailureResponseMessageDiv{ color: #d0021b; } .thank-you-page .sign-form-fields .thank-you-create-account, .login-container-ocr .thank-you-sign-in{ font-size: 20px; font-family: FuturaBQMedium; } .login-container-ocr input[type=text], .login-container-ocr input[type=password]{ width: 222px!important; border-radius: 0px!important; border: solid 1px #c6c6c6!important; background-color: white!important; width: 222px; height: 40px; text-indent: 5px; } .login-container-ocr .forgot-pass .message{ font-family: FuturaBQMedium!important; } .login-container-ocr .forgot-pass .reset-password-info{ font-size: 12px!important; } .thank-you-page .sign-form-fields .title, .login-container-ocr .fe .title{ display: flex; } .login-container-ocr form div{ margin-top: 25px; height: 70px; } .login-container-ocr form div span{ font-style: unset!important; margin: auto; } .login-container-ocr .fe #logonSubmit{ margin-left: 10px; } .thank-you-page .sign-form-fields .title, .login-container-ocr .fe .passwordField{ display: block!important; } .shopping-cart-page.thank-you-page .sign-form-fields .input-container span.valid { visibility: hidden; } .login-container-ocr .label_check input[type="checkbox"]:checked + span::before { background: url(../assets/lc2_sprite.gif); background-position: -112px -49px; background-size: 400px; } .login-container-ocr .label_check input[type="checkbox"] + span{ display: flex; margin: auto; margin-top: 15px; margin-bottom: 15px; } .login-container-ocr .label_check input[type="checkbox"] + span::before{ content: ''; position: relative; background: url(../assets/lc2_sprite.gif); background-position: -91px -48px; background-size: 400px; width: 23px; height: 23px; visibility: visible; } .thank-you-page .sign-form-fields .thank-you-close, .login-container-ocr .title .thank-you-close{ width: 25px; height: 25px; background: url(../images/xclose-ico@3x.png) no-repeat; background-size: 100%; float: right; margin-left: auto; } .thank-you-page .sign-form-fields .thank-you-create-subtitle{ font-size: 16px; font-family: FuturaBQLight; font-weight: 300; margin-top:15px; } .thank-you-page .sign-form-fields .checkbox label{ display: block; } .thank-you-page .register-sign-form{ margin:0; margin-bottom:20px; } .thank-you-page .right-nav .title{ font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-size: 14px; text-align: left; } .thank-you-page .right-nav a.edit { display:none; } .thank-you-page .right-nav ul > li{ background-color: #ffffff!important; padding: 16px 26px; border-left: none; /* border-top: 1px solid #d5d5d5; */ border-right: 0; border-bottom: 0; margin-bottom: 0; } .thank-you-page .right-nav p{ font-size: 14px!important; } .thank-you-page .cart-item-container{ padding-top:20px; } .thank-you-page .congrats-wcs { position: relative; width: 100%; height: auto; padding: 20px; font-size: 18px !important; font-family: FuturaBQBook !important; background: #e8e8e8; width: 957px; margin: 0 auto 20px auto; /* left: -17px; */ } .thank-you-page #cart-content{ vertical-align:top; width: 690px; margin-top: -6px; } .thank-you-page .cart-item-container .cart-item-totals { margin-top: 0; margin-bottom: 20px; margin-right: 23px; } .thank-you-page > #cart-section > div.right-nav.checkout { margin-left: 0px; } .thank-you-page .right-nav p { width: 100%; text-transform: capitalize; } .thank-you-page #shippingMethodLeftNav, .thank-you-page .shipping_address_content { margin-bottom:10px; } .thank-you-page .right-nav{ width: 274px; margin-left: -13px; } .thank-you-page .remove_link.delete-link{ display:none; } .thank-you-page .cart_header{ width: 956px; margin: 12px auto 0px auto; text-align:left; } .thank-you-page.shopping-cart-page{ margin-bottom: 50px; } div#doctorPhone span.valid { margin-left: 104px!important; } .thank-you-page .st-button-orange.go-shopping { position: relative; top: 0; left: 0; margin: 17px; width: calc(100% - 34px); font-family: FuturaBQBold, Arial, Helvetica, sans-serif !important; color: white!important; } #checkoutDoctorInfo .checkout-container { /* border-bottom: 1px solid #d5d5d5;*/ padding-top: 12px; } #checkoutDoctorInfo .prescription-clarifye{ border-radius: 4px; border: solid 2px #326fa8; padding: 12px; } #checkoutDoctorInfo .prescription-clarifye p{ font-family: FuturaBQMedium; font-size: 14px; } .container-more-info .styled-link { color: black; } .cont-pup{ margin-top: 15px; } .cont-pup .input-container, .container-more-info { display: inline-block!important; } #doctor-info .input-container { margin-left: 18px; margin-bottom: 20px; margin-top: 17px; } #doctor-info button{ margin-top: 20px; width: 100px; min-width: 130px; position: relative; top: -18px; left: 35px; } #doctorPhoneContainer button{ top: 0; left: 35px; } #doctor-info table.searchdoctortable{ float: left; width: 100%; margin-bottom: 20px; margin-top: 20px; } #doctor-info table.searchdoctortable th{ font-size: 14px; text-align: left; color:#666; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; } #doctor-info table.searchdoctortable th:first-child{ padding-left: 32px; } #doctor-info table.searchdoctortable td{ padding: 10px 0px; border-bottom: 1px solid #e2e2e2; font-size: 14px; } #doctor-info table.searchdoctortable tr.selrow td{ font-weight: bold; color:#333; } #doctor-info table.searchdoctortable tr.hidden{ display: none; } #doctor-info #didnotfind a { font-size: 15px; } #doctor-info #didnotfind a:after { width: 0; content: ""; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid black; border-top: 0; float: right; border-top: 0; position: absolute; margin-top: 10px; margin-left: 5px; } #doctor-info #didnotfind a.open:after { width: 0; content: ""; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid black; border-bottom: 0; position: absolute; margin-top: 10px; margin-left: 5px; } .promo-field input{ width:215px!important; } #doctor-info a.otherdoctor{ float: right; font-size: 15px; color:#0282d1; text-align: right; width: 50%; font-weight: bold; cursor: pointer; text-decoration: none !important; } #doctorstabelresult{ overflow: auto; margin-top:20px; clear: right; } .operationsearchdott{ position: relative; padding-right:35px; } .operationsearchdott:before{ content: ''; position: absolute; top: 0; left: 0; background: url(../assets/lc2_sprite.gif); background-position: -91px -48px; background-size: 400px; width: 23px; height: 23px; visibility: visible; } .operationsearchdott.sel:before{ background: url(../assets/lc2_sprite.gif); background-position: -112px -49px; background-size: 400px; } #doctor-info #didnotfind-div{ float: left; width: 100%; margin: 10px 0px; display: none; } #doctor-info #contact_information p{ font-size: 14px !important; } .PaymentEntry .right-nav > ul >li:not(:last-of-type){ margin-bottom:0; border-bottom:0; } .card-number div#cardImageContainer>span{ width: 53px; height: 38px; background-size: 100%; background-repeat: no-repeat; margin-top: 3px; margin-left: 8px; } .thank-you-page .warranty-input a:before{ content: ''; background: url(../images/sprites/newCheckSprite.png); background-size: auto; background-position: -33px; width: 18px; height: 20px; position: absolute; color: black; margin-left:-25px; } #guestShopperContinue{ padding-left: 45px; color: white!important; } #guestShopperContinue:before{ content: ''; background: url(../images/secure-lock.png); background-size: auto; background-repeat: no-repeat; width: 18px; height: 20px; position: absolute; color: black; margin-left: -35px; margin-top: 9px; } .checkout-wrapper-header h1:before{ content: ''; background: url(../images/sprites/newCheckSprite.png); background-size: auto; background-position: -138px; width: 18px; height: 20px; position: absolute; color: black; margin-left: -28px; margin-top: 6px; } #shippingBillingPageNext{ padding-left: 45px; color: white!important; } #shippingBillingPageNext:before{ content: ''; background: url(../images/sprites/newCheckSprite.png); background-size: auto; background-position: -55px; width: 18px; height: 20px; position: absolute; color: black; margin-left: -34px; margin-top: 10px; } .thank-you-page .warranty-input a:after{ content: initial; } .thank-you-page .warranty-input a{ padding-left: 25px; color: black; font-weight: normal; margin-top: 4px; padding-right: 4px; display: block; } .accept-terms, .save-cc-container{ height: 10px; } .accept-terms.check, .save-cc-containers.check{ margin-top:20px; } .accept-terms span, .save-cc-container span{ width: 340px; } .checkout-form.lc2 #addrInfo.fe.input-container{ display:none !important; } .checkout-form.lc2 #addrInfo.fe.input-container.show{ display: block !important; } #WC_shippingAddressCreateEditFormDiv_1_address1_div_12, #WC_step2_address1_div_12{ margin: 10px 0; } .pac-container{ border-radius: 0 0 5px 5px; box-shadow: none; background-color: #f7f6f7; border: 1px solid #d5d5d5; padding-bottom: 40px; } .pac-item{ color: #000; font-family: FuturaBQBook; font-size: 14px; border: none; } .pac-logo:after{ content: normal; } .pac-matched{ font-family: FuturaBQBold; font-weight: 900; font-size: 14px; } .pac-footer{ font-family: FuturaBQBook; position: absolute; bottom: 0; width: 100%; padding: 10px; border-top: 1px solid #d5d5d5; font-size: 14px; } .pac-footer span{ display: inline-block; width: 46%; } .pac-footer span.enter-manually, .additional-address-data > p, .checkout-wrapper-steps p.use-different{ cursor: pointer; color: #4d8eca; } .pac-footer span.enter-manually{ text-align: right; } form.checkout-form.lc2 .input-container.address_summary{ display: none !important; } form.checkout-form.lc2 .input-container.address_summary.show{ content: ""; display: table !important; clear: both; width:100%; width:100%; margin-bottom: 10px; } [id^=content_wrapper_box] form.lc2 .input-container.address_summary label{ margin: 0; } div.address_summary p{ width: 295px; } div.address_summary .edit_summary{ text-align: right; cursor: pointer; color: #4d8eca; } [id^=content_wrapper_box] form.lc2 .select_container.small-input select{ width: 70px; } [id^=content_wrapper_box] form.lc2 .select_container.small-input select.Step1_BirthYear_Select{ width: 100px; } .shipping_address div.insert-manually .select_container .selectBox, .billing_address div.insert-manually .select_container .selectBox { width: 311px !important; } [id^=content_wrapper_box] form.lc2 .input-container.small-input input[name="shipping_zipCode"], [id^=content_wrapper_box] form.lc2 .input-container.small-input input[name="billing_zipCode"]{ width: 295px; } [id^=content_wrapper_box] form.lc2 .three-input input[type="text"].phone{ width: 295px; } p.subLabel{ font-weight: normal; color: #999; } .checkout-form.lc2 .fe.input-container.hide{ display: none !important; } .itemInfoContainer .itemLabel { display: inline; width: 30%; vertical-align: top; font-size: 14px; margin-right: 5px; } .itemInfoContainer span { display: inline-block; width: 70%; } .prescriptionNeeded::before { content: ''; background: url(../assets/lc2_sprite.gif); background-position: -898px -420px; background-size: 600px; height: 28px; padding-left: 36px; vertical-align: middle; padding-top: 4px; } .itemInfoContainer .prescriptionProvided::before { content:''; background: url(../assets/lc2_sprite.gif); background-position: -925px -421px; background-size: 600px; height: 28px; padding-left: 36px; vertical-align: middle; padding-top: 3px; } .itemInfoContainer .prescriptionNeeded, .itemInfoContainer .prescriptionProvided { margin-top: 10px; } .itemInfoContainer .itemSamePrescription{ position: relative; margin-left: 4px; margin-top: 5px; height: 25px; } .itemInfoContainer .itemSamePrescription label{ background: none; width: 100%; display: block; background-image: none!important; } .samePrescriptionContainer .itemSamePrescription{ margin-bottom: 10px; } .currentItemPrescription { position:relative; border: 1px solid black !important; } .currentItemPrescription .triangle{ content: ""; width: 0; height: 0; border-style: solid; border-width: 7.5px 10px 7.5px 0; border-color: transparent #000000 transparent transparent; float: right; position: relative; right: 281px; top: 43px; } .right-nav.checkout > ul > li { padding: 0px; } .right-nav.checkout > ul > li > .container{ padding: 15px 25px; /* display: flex; */ /* flex-direction: row; */ } .right-nav.checkout > ul > li > ul.cart-d > li{ padding: 26px; } .right-nav.checkout > ul > li > ul.cart-d > li.prescriptionSet{ background-color: #f7f6f7; } .prescription-needed-link a{ display: block; margin-left: 210px; padding-right:10px; } .addons-container span{ font-size: 14px; font-family: FuturaBQBook, Arial, Helvetica, sans-serif; } .checkout-step-1 .prescriptionProvided { border-bottom: 1px solid #d5d5d5; padding: 15px 0; } .checkout-step-1 .prescriptionProvided::before { content: ''; background: url(../assets/lc2_sprite.gif); background-position: -927px -420px; background-size: 600px; height: 28px; padding-left: 36px; vertical-align: middle; padding-top: 3px; } .prescriptionProvided .labelProvided{ font-size: 20px; } .prescriptionProvided .model{ font-size: 20px; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; display: block; margin-top: 8px; margin-left: 41px; } .samePrescriptionContainer > div > label > span { font-size: 16px !important; font-weight: bold !important; } .samePrescriptionContainer > div > label { width: 100% !important; } .samePrescriptionContainer > span { display: block; width: 60% !important; margin-top: 20px; } .samePrescriptionDescription{ width: 60% !important; margin-top: 0px !important; } .checkout-step-2 span.required { margin-right: 122px; } span.required[for=WC__ShoppingCartAddressEntryForm_shippingAddressCreateEditFormDiv_1_city_1] { margin-right: 190px!important; } /*span.required[for=WC__ShoppingCartAddressEntryForm_step2_firstName_1], span.required[for=WC__ShoppingCartAddressEntryForm_step2_lastName_1]{ margin-right: 186px!important; }*/ div.checkout-step-2 div.date-parent span.required { margin-top: 16px; margin-right: 166px!important; float: right!important; font-style: normal; } a.selectBox.drop_down_checkout.Step1_BirthYear_Select.birthYear.selectBox-dropdown { margin-right: 32px!important; } div#WC_shippingAddressCreateEditFormDiv_1_email1_div_27 span.required { min-width: 193px!important; margin-right: 105px!important; } div.checkout-step-2 .input-container.error::after{ margin-left: 20px !important; margin-top: 0px!important; } div.checkout-step-2 #WC_shippingAddressCreateEditFormDiv_1_address1_div_11, div.checkout-step-2 #WC_step2_address1_div_11{ margin-top: 20px; } div.checkout-step-2 #WC_shippingAddressCreateEditFormDiv_1_address1_div_11.input-container.error::after{ margin-left: 343px !important; margin-top: 23px!important; } #WC_shippingAddressCreateEditFormDiv_1_address1_div_11 span.required, #WC_step2_address1_div_11 span.required { margin-right: 150px; } div.checkout-step-2 #stateDiv2 span.required { margin-right: 220px!important; } div.checkout-step-2 #WC_shippingAddressCreateEditFormDiv_1_zipCode_div_22 span.required { margin-right: 166px!important; } .checkout-wrapper-steps .right-nav .title, .checkout-wrapper-steps .main-total, #WC_SingleShipmentOrderTotalsSummary_td_0{ font-family: FuturaBQBold; } .checkout-wrapper-steps .right-nav .title{ font-size: 14px; } .right-nav .grandTotal .main-total{ font-size: 16px;} .right-nav .calculate-tax .price { font-family: FuturaBQBook, Arial, Helvetica, sans-serif !important; font-size: 14px; } #PaymentMethodEntry .title { display: inline; } #PaymentMethodEntry .payment { font-size: 14px; text-transform: uppercase; } .checkout-step-3 .question a { font-size: 14px; } .checkout-step-3 .card_info input#cc_cvc_1 { width: 125px !important; margin-right: 9px; float: left; } .checkout-step-3 .card_info .selectBox-dropdown { width: 128px !important; } .checkout-step-3 #creditCardFormContainer h2 { text-transform: none; } .accepted-cards { font-family: FuturaBQBook, Arial, Helvetica, sans-serif; display: flex; font-size: 14px; margin: 10px 0; align-items: center; flex-wrap: wrap; position: absolute; right: 0; top: -23px; } .accepted-cards .card-images { margin-left: 10px; } .accepted-cards .card-images > span { display: inline-block; width: 42px; background-size: 100%; height: 30px; background-repeat: no-repeat; margin-left: 5px; } .credit-card-image span, .PayPal-image span{ display: inline-block; width: 35px; background-size: 100%; background-repeat: no-repeat; margin-left: 5px; } .checkout-step-header h2 .secure-payment { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; } .checkout-step-header h2 .secure-payment:before { content: ''; background-size: auto; background-position: -164px; width: 16px; height: 20px; position: absolute; color: black; margin-left: -24px; margin-top: 2px; } .prescriptionsCompleted{ margin-top: 45px; } .prescriptionsCompleted h1 { font-size: 24px; text-align: left; margin-bottom: 15px; } .prescriptionsCompleted > .orderProcess{ margin-top:25px; font-size:16px; width: 90%; } .prescriptionsCompleted span { font-weight: bold; font-size: 15px; } .step-footer-submit.prescription { position: relative; right: -304px; width: 400px; } #help-footer { margin-top: 25px; margin-left: 25px; } #help-footer .need-help { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-size:16px !important; font-weight: bold; } #help-footer .need-help-num { text-transform: none; } .checkout-step-2 div.date-parent > .select_container{ overflow: visible!important; } .date-parent .select_container.error:nth-child(3)::after { content: ''; background: url(../assets/lc2_sprite.gif); background-size: 500px; pointer-events: none; position: absolute; top: 52px; margin-left: 25px; width: 19px; height: 18px; background-position: -226px -114px; } .checkout-step-2 .sign_in a:after { content: ''; background: url(../images/sprites/newCheckSprite.png); background-size: auto; background-position: -12px; width: 18px; height: 20px; position: absolute; color: black; margin-left: 5px; } #WC_step2_address1_div_11.input-container.error::after { margin-left: 343px!important; margin-top: 23px!important; }.checkout-step-1 .checkout-step-header h2{ width: 65%; display: inline-block; } .checkout-step-1 .checkout-step-header span{ float: right; display: inline-block; padding-top: 10px; font-size: 15px; }.input-container.select_container.error > span::before { content: ''; background: url(../images/sprites/newCheckSprite.png); pointer-events: none; position: absolute; margin-left: -25px; width: 20px; height: 20px; background-position: -226px; } .date-parent .small-input.error + span.required::before{ content: ''; background: url(../images/sprites/newCheckSprite.png); pointer-events: none; position: absolute; margin-left: -25px; width: 20px; height: 20px; background-position: -226px; } .select_container.small-input.date.error div + span.required{ /*margin-left: 29px;*/ } .checkout-step-3 .select_container.small-input.date.error div + span.required{ /*margin-left: 30px;*/ margin-right: 151px!important; } .input-container.small-input.security-code span.required{ vertical-align:top; float: none!important; } .input-container.small-input.security-code span.required::before{ content: ''; background: url(../images/sprites/newCheckSprite.png); pointer-events: none; position: absolute; /* top: 52px; */ margin-left: -25px; width: 20px; height: 20px; background-position: -226px; display:block!important; } .select_container.small-input.date.error div + span.required::before{ content: ''; background: url(../images/sprites/newCheckSprite.png); pointer-events: none; position: absolute; /* top: 52px; */ margin-left: -25px!important; width: 20px; height: 20px; background-position: -226px; display:block!important; } .input-container.card-number.error span.required { margin-right: 75px!important; } .input-container.card-number.error::after { margin-left: 374px!important; display: block!important; } #myAccount.account-container #right.right-container .big-container .st-button{ width: 265px; } .right-nav .subtotal-label { font-family: FuturaBQMedium, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500 !important; } .right-nav .subtotal-label-new { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; } .right-nav .subtotal-summary { border-top: 1px; border-top-style: solid; border-top-color: #cecaca; margin-top: 30px; padding-top: 15px; } #checkoutDoctorInfo .input-container.error span.required { margin-right:170px!important; } #checkoutDoctorInfo .input-container.error span.required[for=text_phone_group] { margin-right: 105px!important; } #checkoutDoctorInfo .input-container.error span.required[for=text_doctorName] { margin-right: 148px!important; } #checkoutDoctorInfo span[for="doctorState"] { margin-top: 0!Important; float: none!important; position: absolute; left: 80px; bottom: 20px; } #checkoutDoctorInfo .date-parent .small-input.error + span.required::before { margin-left: -21px; margin-top: -3px!important; } #checkoutDoctorInfo .date-parent .small-input.error + span.required { position: relative; margin-left: 387px; margin-top: -26px; font-style: normal; } #checkoutDoctorInfo .input-container.error span.required[for=upload_doctorName] { margin-right: 150px!important; } #checkoutDoctorInfo .input-container.error span.required[for=upload_phone_group] { margin-right: 107px!important; } #checkoutDoctorInfo .input-container.error span.required[for=upload_emailAddress] { margin-right: 126px!important; } #upload-form{ padding-top:14px !important; } .input-container.small-input.security-code.error span.required { float: right!important; margin-right: 152px!important; margin-top: -32px!important; } .input-container.name-on-card.error span.required { margin-right: 154px!important; } [id^=content_wrapper_box] form.lc2 .input-container.name-on-card.error::after{ margin-left: 50px; } .select_container.small-input.date.cardInfo.error div + span.required::before { margin-left: -22px; } [id^=content_wrapper_box] form.lc2 .input-container.check.accept-terms.error::after { margin-left: 377px; margin-top: -35px; } [id^=content_wrapper_box] form.lc2 .input-container.check.accept-terms.error span.required { margin-right: 50px; margin-top: -20px } .shopping-cart-page.thank-you-page .register-sign-form p.subtitle { font-size: 16px !important; } .shopping-cart-page.thank-you-page .register-sign-form p.subtitle a { font-size: 16px !important; font-weight: 300; text-decoration: underline; color: #326fa8; } #thank-you-account-open{ text-transform: capitalize; } .thank-you-page-overlay{ position: fixed; background-color: rgba(51, 51, 51, 0.6); width: 100%; height: 100%; left: 0; z-index: 1000; top: 0; overflow: hidden; } .shopping-cart-page.thank-you-page .register-sign-form a#create-account.drop-down-closed:after { width: 0; content: ""; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #6daacd; position: absolute; margin-top: 10px; margin-left: 5px; } .shopping-cart-page.thank-you-page .register-sign-form a#create-account.drop-down-open:after { width: 0; content: ""; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #6daacd; float: right; border-top: 0; position: absolute; margin-top: 10px; margin-left: 5px; } .shopping-cart-page.thank-you-page .register-sign-form a#eyeExamSigninLink:after { content: ''; background: url(../images/sprites/newCheckSprite.png); background-size: auto; background-position: -12px; width: 18px; height: 20px; position: absolute; color: black; margin-left: 5px; margin-top: 2px; } .shopping-cart-page.thank-you-page .sign-form-fields .regSubmit { display: block; width: 170px; top: 20px; text-align: center; padding: 12px 0; text-transform: uppercase; } .shopping-cart-page.thank-you-page .checkbox { margin-top: 15px; margin-bottom: 15px; display: block; } .shopping-cart-page.thank-you-page .checkbox label { width: 100%; height: auto; vertical-align: top; display: flex; } .shopping-cart-page.thank-you-page .sign-form-fields .checkbox span.required { font-size: 14px; } .sign-form-fields #emailAddress.error input[name='logonId']{ display: flex; } .shopping-cart-page.thank-you-page .sign-form-fields .input-container span.required { margin-left: 30px; margin-right: 0 !important; margin-top: 5px!important; float: none !important; } .shopping-cart-page.thank-you-page .sign-form-fields .input-container span.required::before, .shopping-cart-page.thank-you-page .sign-form-fields .checkbox span.required::before { content: ''; background: url(../images/sprites/newCheckSprite.png); pointer-events: none; position: absolute; margin-left: -25px; width: 19px; height: 18px; background-position: -226px; } .shopping-cart-page.thank-you-page .sign-form-fields .input-container.error:after { top: 59px !important; left: 340px; margin-left: 0 !important; } #doctor-info .doctor-info-choice { display: none; } .doctor-info-choice .radio > label{ display: flex!important; flex-flow: row-reverse; justify-content: flex-end; margin-bottom: 15px!important; } #doctor-info #doctornumberform #doctorName_3 span.required { margin-right: 114px !important; } .error-avalara{ border: 1px solid #ce0a2d; } .checkout-wrapper-steps span.required::before{ content: ''; background: url(../images/sprites/newCheckSprite.png); pointer-events: none; position: absolute; margin-left: -25px; width: 19px; height: 18px; background-position: -226px; } .checkout_wrapper.redesign2017 .thank-you-page span.required::before { background: url(../assets/lc2_sprite.gif); background-size: 500px; pointer-events: none; position: absolute; margin-left: -25px; width: 19px; height: 18px; background-position: -226px -114px; } .checkout-wrapper-steps span[for=date_of_birth_group], .checkout-wrapper-steps span[for=WC__ShoppingCartAddressEntryForm_shippingAddressCreateEditFormDiv_1_address1_1]{ top: 71px; } span.required[for="acceptPaymentTerm"]{ top:0px; } span.required[for="cc_cvc_1"]{ top: 75px; } .select_container.small-input.date.cardInfo{ width:100%; } #checkoutDoctorInfo #doctorPhoneForm .input-container.error span.required { margin-right: 100px!important; } .right-nav .itemInfoContainer { margin-bottom: 5px; } .shopping-cart-page .right-nav { width: 282px; display:inline-block; vertical-align:top; } .free{ float: right; } .subtitleTax { margin-top: 20px; font-size: 16px !important; } .right-nav.checkout .calculate-tax span.required { position: static!important; color: #CC0000; font-style: normal; margin: 10px auto 15px 25px; } .right-nav.checkout .calculate-tax span.required::before { content: ''; background: url(../images/sprites/newCheckSprite.png); pointer-events: none; position: absolute; margin-left: -25px; width: 19px; height: 18px; background-position: -226px; } #processToPayment{ padding: 0 30px 0 50px; color: white!important; } #processToPayment:before{ content: ''; background: url(../images/sprites/newCheckSprite.png); background-size: auto; background-position: -52px; width: 30px; height: 30px; position: absolute; color: black; margin-left:-34px; margin-top: 5px; } .thank-you .right-nav { width: 259px !important; position: absolute; margin-left: 17px; margin-top: 8px; } .thank-you .right-nav .right-nav-order-details-container{ border: solid 1px #a0a0a0; } [id^=content_wrapper_box] form.lc2 .label_radio input[type="radio"]:checked + span{ font-family: FuturaBQBold; font-size: 16px; } .thank-you-page .sign-form-fields input[type=text], .thank-you-page .sign-form-fields input[type=password] { width: 222px!important; border-radius: 0px!important; border: solid 1px #c6c6c6!important; background-color: white!important; } #help-footer .need-help:before { content: ''; background: url(../images/sprites/needHelp.png); background-size: contain; width: 25px; height: 23px; display: inline-block; margin-right: 5px; position: relative; top: 5px; } .checkout-steps li.checked { color: #5b4a4d;} span[for=cc_cvc_1]{ padding-left: 13px; } span[for=selectPrescription]{ margin-left: 28px; } .checkout-container span[for=selectPrescription]{ margin-left: 28px; position: absolute; bottom: -18px; } span[for=prescription]{ margin-left: 26px; margin-bottom: 20px; } .congrats-cell.no-prescr { width: 40%; } .congrats-cell { display: inline-block; width: 30%; position: relative; top: 50%; transform: translateY(-50%); float: left; } .congrats-wcs-lc{ font-family: FuturaBQLight, Arial, Helvetica, sans-serif !important; font-size: 16px !important; } .congrats-cell:nth-child(2) p { font-size: 16px; } .order-number-label{ font-family: FuturaBQBook; font-weight: bold; font-size: 16px; letter-spacing: 0.5px; line-height: 19px; color: #333333; text-decoration: none; } .order-number{ font-family: FuturaBQLight; font-size: 16px; letter-spacing: 0.5px; line-height: 19px; color: #333333; text-decoration: none; padding-left: 10px; } .cart-wrapper #DoctorInfoURL{ font-family: FuturaBQBold; color: white!important; } .search-doctor-loading-icon.loading{ display: inline-block; left: -160px; bottom: 30px; position: relative; } .search-doctor-loading-icon { margin-left: 15px; } #didnotfind-div > .phone-input { width: 40px !important; } #searchDoctorInformation{ display:block !important; } span.required[for=call_doctorName] { position: relative !important; left: 28px; bottom: 31px; top: -3px; float: right; left: -203px; } #doctorInformationForm > span{ font-family: FuturaBQBook; font-weight: normal; font-size: 14px !important; margin-top: 20px !important; display: block; } .edit-wrapper .productTitleDetails{ margin-top: 10px; } .thank-you-page .edit-wrapper .edit-prescriptions{ margin-top: -5px; } .edit-wrapper .edit-prescriptions { margin-top: -20px; } [id^=content_wrapper_box] form.lc2 label[for=useAsBilling], [id^=content_wrapper_box] form.lc2 label[for=news]{ width: auto; } .check.sameAsShipping.useAsBilling span:before, .check.newsletter span:before{ background-position: -118px -53px; background-size: 415px; } [id^=content_wrapper_box] form.lc2 .billing_address .input-container label[for=WC__ShoppingCartAddressEntryForm_step2_firstName_1]{ margin-top: 28px; } .checkoutAddress div.back-button-container, .checkoutAddress .step-footer-submit, .is_billing div.back-button-container, .is_billing .step-footer-submit{ float: left; width: 50%; } .checkout_wrapper .checkout-step-3 .checkout-step-header{ padding: 1px 0; } #PaymentForm1 .checkout-step-header{ padding-top: 0; } #PaymentForm1 .checkout-step-header h2{ font-size: 17px; } .checkout_wrapper .checkout-step-3 .checkout-step-header h3{ text-transform: uppercase; font-size: 1em; } .accepted-cards > span { font-size: 13px; } .checkout-wrapper-steps,.checkout-wrapper-steps p.card-details-message{ font-size: 0.95em; line-height: 1.2em; } .is_billing .step-footer-submit .st-button.submit{ width: 256px; } #ShippingAnotherAddress #errorAddress { width: 180px; position: absolute; right: -51px; top: 42px; font-size: 14px; } .shopping-cart-page.thank-you-page .cart-item-container{ padding-right: 0px; padding-top: 20px!important; } #checkoutDoctorInfo { padding-top: 0; } #checkoutDoctorInfo .cont-pup .label_check.blue { width: 252px; } #doctorStateContainer a.selectBox { width: 139px !important; } #checkoutDoctorInfo .rx-fields a.selectBox { width: 130px !important; } #doctorstabelresult > p { font-size: 16px; } #checkoutDoctorInfo .view-name p { min-height: 22px; font-size: 16px; } .timedOutsessionErr { color: red; margin-left: 8%; display: none; } /* .insurance-header a{ */ /* content: "RIA" */ /* } */ /* .insurance-header.not-logged a{ */ /* color: red; */ /* } */ /* .insurance-header.not-logged a:after{ */ /* content: "OFF"; */ /* } */ /* .insurance-header.logged a{ */ /* color: green; */ /* } */ /* .insurance-header.logged a:after{ */ /* content: "ON"; */ /* } */ .lc-cart-insurance-warning { font-size: 16px; padding: 8px 20px; background-color: #FAE7EB; font-family: FuturaBQBook; border: 1px solid #CF0329; margin-bottom: 12px; } .lc-cart-insurance-warning > p { font-size: 14px; letter-spacing: -0.02em; line-height: 1.3em; padding: 10px; } .lc-cart-insurance-warning > p span{ display: inline-block; width: 16px; height: 16px; background: #CF0329; color: white; border-radius: 10px; text-align: center; margin-right: 10px; } #insurance-header-link.logged:after { content: ' '!important; background: url(../assets/lc2_sprite.gif)!important; background-size: 400px!important; width: 24px!important; height: 40px!important; background-position: 267px 217px!important; margin-top: -4px!important; display: block; } #insurance-header-link.not-logged:after { content: ''!important; background: url(../assets/lc2_sprite.gif)!important; background-size: 400px!important; width: 24px!important; height: 29.4px!important; background-position: 234px 207px!important; margin-top: -1px!important; display: block; transform: scale(0.8) translateY(-5px) translateX(6px); } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .radio.error .required::before, .ria-redesign-container form.lc2 .radio.error .required::before { content: 'X'; font-style: normal; margin-right: 5px; } .ria-redesign-container div.checkbox.error span.required::before { content: 'X'; font-style: normal; margin-right: 5px; } .ria-redesign-container div.checkbox.error span.required{ margin-left: 2px; margin-top: 6px; font-style: normal; font-family: FuturaBQBook, Arial, Helvetica, sans-serif!important; } /* #insurance-header-link.not-logged #ria_header_link:after { */ /* content: ''!important; */ /* background: url(../assets/lc2_sprite.gif)!important; */ /* background-size: 320px!important; */ /* width: 21px!important; */ /* height: 24px!important; */ /* background-position: 187px 294px!important; */ /* margin-top: 1px!important; */ /* display: block; */ /* padding: 4px;*/ /* } */ #insurance-switch{ padding: 15px 25px; cursor: pointer; text-align: center; } .error.not-insurable { font-family: FuturaBQBook; text-transform: uppercase; text-align: left; font-size: 12px; padding-top: 5px; line-height: 1.42; letter-spacing: 0.5px; color: #cf0a2c; } #insurance-switch > span{ text-transform: uppercase; font-family: FuturaBQBold; font-size: 14px; position: relative; top: -5px; /* padding-left: 40px; */ } #insurance-switch > span:before{ content: ''; background: url(../assets/lc2_sprite.gif); background-size: 360px; width: 27px; height: 27px; background-position: 212px 188px; display: inline-block; position: relative; top: 8px; } #insurance-switch.insurance-on, #insurance-content.insurance-on #insurance-switch { background: #CDEEDD; } #insurance-switch.insurance-on span, #insurance-content.insurance-on #insurance-switch span { color: #2F8656; } #insurance-switch.insurance-on > span:before, #insurance-content.insurance-on #insurance-switch > span:before { background-position: 242px 188px; } .cart-item-container .edit-wrapper .frame-price.insurance-on, .cart-item-container .edit-wrapper .edit-prescriptions .lens-price.insurance-on, .lensLabel.insurance-on, #insurance-used span{ color: #2F8656; } #insurance-used.insurance-on{ display: block; } #insurance-used span{ position: relative; top: -7px; font-size: 15px; } #insurance-used span:before{ content: ''; background: url(../assets/lc2_sprite.gif); background-size: 360px; width: 24px; height: 28px; background-position: 242px 188px; display: inline-block; position: relative; top: 8px; margin-right: 5px; } #insurance-switch .switch-outer{ width: 28px; height: 13px; display: inline-block; position: relative; top: -4px; margin-left: 4px; text-align: left; border-radius: 8.5px; background-color: #5B494C; border: solid 1px #5B494C; box-sizing: content-box; } #insurance-switch .switch-inner{ width: 13px; height: 13px; background: white; display: inline-block; border-radius: 13px; } #insurance-switch.insurance-on .switch-outer, #insurance-content.insurance-on #insurance-switch .switch-outer { background-color: #2F8656; border: solid 1px #2F8656; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .input-container label, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container label, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .textarea-container label, .ria-redesign-container form.lc2 .input-container label, .ria-redesign-container form.lc2 .select_container label, .ria-redesign-container form.lc2 .textarea-container label{ text-transform: none; } .ria-redesign-container form.lc2 .select_container .selectBox-dropdown { line-height: 1.8!important; } /*ria merge*/ /*ria development.css*/ .ria-redesign-container html { overflow-y: auto; overflow-x: hidden; } .ria-redesign-container .homepage-section { margin: 0; padding: 0; } .ria-redesign-container .homepage-section * { box-sizing: border-box; } .ria-redesign-container .homepage-section h2 { padding-bottom: 13px; margin-bottom: 13px; border-bottom: 1px solid #d5d5d5; } .ria-redesign-container .homepage-section main { text-align: center; display: flex; flex-wrap: wrap; } .ria-redesign-container .homepage-section main p:first-of-type { width: 100%; margin: 52px; } .ria-redesign-container .homepage-section main>div { width: 25%; padding: 26px; } @media screen and (max-width: 700px) { .ria-redesign-container .homepage-section main>div { width: 100%; } } .ria-redesign-container .homepage-section h3 { padding-top: 26px; } .ria-redesign-container .homepage-section li { padding: 6.5px; } .ria-redesign-container .homepage-section li.done a { color: #00a651; } .ria-redesign-container .homepage-section li.done:after { content: ""; background: url(../assets/lc2_sprite.gif) -120px -114px; width: 11px; height: 10px; background-size: 500px; display: inline-block; margin-left: 6px; } .ria-redesign-container .homepage-section a { font-size: 16px; } .ria-redesign-container .styleguide-section { margin: 0; padding: 0; } .ria-redesign-container .styleguide-section main { width: 90%; margin: 0 auto; } .ria-redesign-container .styleguide-section hr { margin: 50px 0; } .ria-redesign-container .styleguide-section p { margin: 10px 0; } .ria-redesign-container .styleguide-section .row { margin: 20px 0; } .ria-redesign-container .styleguide-section .large-6 { width: 50%; min-height: 50px; } .ria-redesign-container .styleguide-section .ss-section:not(:last-child) { padding-bottom: 4rem; border-bottom: 2px solid #ccc; margin-bottom: 4rem; } .ria-redesign-container .styleguide-section .ss-code code { display: block; padding: 1rem; overflow-x: scroll; margin-bottom: 1.5rem; } .ria-redesign-container .styleguide-section .row.display { background: #eee; font-size: 11px; margin-bottom: 10px; line-height: 2rem; border: 1px solid #c6c6c6; margin-left: 0!important; margin-right: 0!important; } .ria-redesign-container .styleguide-section .row.display .columns.large-centered, .ria-redesign-container .styleguide-section .row.display .columns.small-centered, .ria-redesign-container .styleguide-section .row.display .columns:nth-child(2) { background: #e1e1e1; } .ria-redesign-container .styleguide-section .row.display .columns.color-end { background: #d4d4d4; } .ria-redesign-container .styleguide-section .color-block { border-radius: 2px; display: block; padding: 8px 8px 6px; color: #333; text-transform: uppercase; border: 1px solid #ddd; box-shadow: 0 0 8px rgba(0, 0, 0, .1); } .ria-redesign-container .styleguide-section .color-block span { display: block; width: 100%; height: 100px; margin-bottom: .42857rem; } .ria-redesign-container .styleguide-section pre { margin-bottom: 1em; } .ria-redesign-container .styleguide-section .sg-container { display: flex; justify-content: space-around; } .ria-redesign-container .styleguide-section .sg-container .sg-col { padding: 52px 26px; } @media screen and (max-width: 767px) { .ria-redesign-container .styleguide-section .sg-container { flex-wrap: wrap; } .ria-redesign-container .styleguide-section .sg-container .sg-col { width: 100%; } } .ria-redesign-container .styleguide-section .container220 { width: 220px; display: block; } .ria-redesign-container .styleguide-section .container220 a { margin: 6px 0!important; } .ria-redesign-container .styleguide-modal { width: 770px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; border: 1px solid #d5d5d5; padding: 13px; } .ria-redesign-container .styleguide-modal>div { width: 25%; border: 1px solid #d5d5d5; padding: 26px; margin: 13px; } /*ria main.css*/ .ria-redesign-container .redesign2017 input[type=submit].st-button { width: 100%; height: 46px; line-height: 46px; box-sizing: border-box; background: #4179b1; border-radius: 5px; border: 0; color: #fff; display: inline-block; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 13px; letter-spacing: .03em; margin: 0; padding: 0 13px; text-align: center; text-transform: uppercase; position: relative; } .ria-redesign-container .redesign2017 .st-button:hover, .ria-redesign-container .redesign2017 input[type=submit].st-button:hover { background: #6092c5; } .ria-redesign-container .redesign2017 #compare_view .st-button.st-button-outline, .ria-redesign-container .redesign2017 #compare_view input[type=submit].st-button.st-button-outline, .ria-redesign-container .redesign2017 .st-button.st-button-outline, .ria-redesign-container .redesign2017 input[type=submit].st-button.st-button-outline { border: 1px solid #523f42; background: 0 0; color: #523f42; } .ria-redesign-container .redesign2017 .st-button.st-button-outline:hover, .ria-redesign-container .redesign2017 input[type=submit].st-button.st-button-outline:hover { color: #6f5559; background: 0 0; } .ria-redesign-container .styled-link { text-decoration: underline; color: #4179b1; font-weight: 700; } .ria-redesign-container .delete-link { color: #ce0a2d; font-weight: 700; text-transform: none; padding: 0 0 0 3px; outline: 0; } .ria-redesign-container .delete-link:hover { text-decoration: underline; color: #ce0a2d; } .ria-redesign-container .sticky-bottom { position: fixed; z-index: 10000; bottom: 0; padding-top: 26px; } .ria-redesign-container a.lc-btn, .ria-redesign-container button.lc-btn { background-color: #4179b1; border: 1px solid #4179b1; border-radius: 5px; color: #fff; cursor: pointer; display: inline-block; font-size: 13px; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-weight: 400; height: auto; letter-spacing: .06em; line-height: 1; padding: 15px 30px; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; transition: background-color 150ms, border-color 150ms, color 150ms; } .ria-redesign-container a.lc-btn.noBenefitAvailable, .ria-redesign-container button.lc-btn.noBenefitAvailable { background-color: white; color: #4179b1; border: none; } .ria-redesign-container a.lc-btn.noBenefitAvailable:hover, .ria-redesign-container button.lc-btn.noBenefitAvailable:hover { background-color: white; color: #4179b1; border: none; } .ria-redesign-container a.lc-btn:focus, .ria-redesign-container a.lc-btn:hover, .ria-redesign-container button.lc-btn:focus, .ria-redesign-container button.lc-btn:hover { background-color: #558bc1; border-color: #558bc1; color: #fff; outline: 0; } .ria-redesign-container a.lc-btn.lc-disabled, .ria-redesign-container a.lc-btn[disabled], .ria-redesign-container button.lc-btn.lc-disabled, .ria-redesign-container button.lc-btn[disabled] { cursor: not-allowed; background-color: #656262; border-color: #656262; } .ria-redesign-container a.lc-btn-outline, .ria-redesign-container button.lc-btn-outline { background-color: transparent; border-color: #3f2a2e; color: #3f2a2e; } .ria-redesign-container a.lc-btn-outline:focus, .ria-redesign-container a.lc-btn-outline:hover, .ria-redesign-container button.lc-btn-outline:focus, .ria-redesign-container button.lc-btn-outline:hover { background-color: rgba(38, 38, 38, 0); border-color: #6d4950; color: #6d4950; } .ria-redesign-container a.lc-btn-outline.lc-disabled:focus, .ria-redesign-container a.lc-btn-outline.lc-disabled:hover, .ria-redesign-container a.lc-btn-outline[disabled]:focus, .ria-redesign-container a.lc-btn-outline[disabled]:hover, .ria-redesign-container button.lc-btn-outline.lc-disabled:focus, .ria-redesign-container button.lc-btn-outline.lc-disabled:hover, .ria-redesign-container button.lc-btn-outline[disabled]:focus, .ria-redesign-container button.lc-btn-outline[disabled]:hover { background-color: transparent; border-color: #3f2a2e; color: #3f2a2e; } .ria-redesign-container a.lc-btn-small, .ria-redesign-container button.lc-btn-small { padding: 10px 30px; } .ria-redesign-container a.lc-btn-clear, .ria-redesign-container button.lc-btn-clear { background-color: transparent; border-color: transparent; color: #3f2a2e; } .ria-redesign-container a.lc-btn-clear:focus, .ria-redesign-container a.lc-btn-clear:hover, .ria-redesign-container button.lc-btn-clear:focus, .ria-redesign-container button.lc-btn-clear:hover { background-color: rgba(38, 38, 38, 0); border-color: rgba(38, 38, 38, 0); color: #6d4950; } .ria-redesign-container a.lc-btn-clear.lc-disabled:focus, .ria-redesign-container a.lc-btn-clear.lc-disabled:hover, .ria-redesign-container a.lc-btn-clear[disabled]:focus, .ria-redesign-container a.lc-btn-clear[disabled]:hover, .ria-redesign-container button.lc-btn-clear.lc-disabled:focus, .ria-redesign-container button.lc-btn-clear.lc-disabled:hover, .ria-redesign-container button.lc-btn-clear[disabled]:focus, .ria-redesign-container button.lc-btn-clear[disabled]:hover { background-color: transparent; border-color: transparent; color: #3f2a2e; } .ria-redesign-container a.lc-btn-clear-blue, .ria-redesign-container button.lc-btn-clear-blue { background-color: transparent; border-color: transparent; color: #4179b1; } .ria-redesign-container a.lc-btn-clear-blue:focus, .ria-redesign-container a.lc-btn-clear-blue:hover, .ria-redesign-container button.lc-btn-clear-blue:focus, .ria-redesign-container button.lc-btn-clear-blue:hover { background-color: rgba(38, 38, 38, 0); border-color: rgba(38, 38, 38, 0); color: #739fcc; } .ria-redesign-container a.lc-btn-clear-blue.lc-disabled:focus, .ria-redesign-container a.lc-btn-clear-blue.lc-disabled:hover, .ria-redesign-container a.lc-btn-clear-blue[disabled]:focus, .ria-redesign-container a.lc-btn-clear-blue[disabled]:hover, .ria-redesign-container button.lc-btn-clear-blue.lc-disabled:focus, .ria-redesign-container button.lc-btn-clear-blue.lc-disabled:hover, .ria-redesign-container button.lc-btn-clear-blue[disabled]:focus, .ria-redesign-container button.lc-btn-clear-blue[disabled]:hover { background-color: transparent; border-color: transparent; color: #4179b1; } .ria-redesign-container a.lc-btn-orange, .ria-redesign-container button.lc-btn-orange { background-color: #ba550e; border-color: #ba550e; color: #fff; } .ria-redesign-container a.lc-btn-orange:focus, button.lc-btn.lc-disabled:focus,.ria-redesign-container button.lc-btn-orange:focus { font-weight:bold; } .ria-redesign-container a.lc-btn-orange:hover, .ria-redesign-container button.lc-btn-orange:hover { background-color: #ba550e; border-color: #ba550e; color: #fff; } .ria-redesign-container a.lc-btn-orange.lc-disabled:focus, .ria-redesign-container a.lc-btn-orange.lc-disabled:hover, .ria-redesign-container a.lc-btn-orange[disabled]:focus, .ria-redesign-container a.lc-btn-orange[disabled]:hover, .ria-redesign-container button.lc-btn-orange.lc-disabled:focus, .ria-redesign-container button.lc-btn-orange.lc-disabled:hover, .ria-redesign-container button.lc-btn-orange[disabled]:focus, .ria-redesign-container button.lc-btn-orange[disabled]:hover { background-color: #e72; border-color: #e72; color: #fff; } .ria-redesign-container a.lc-btn-green, .ria-redesign-container button.lc-btn-green { background-color: #00a651; border-color: #00a651; color: #fff; } .ria-redesign-container a.lc-btn-green:focus, .ria-redesign-container a.lc-btn-green:hover, .ria-redesign-container button.lc-btn-green:focus, .ria-redesign-container button.lc-btn-green:hover { background-color: #00ca62; border-color: #00ca62; color: #fff; } .ria-redesign-container a.lc-btn-green.lc-disabled:focus, .ria-redesign-container a.lc-btn-green.lc-disabled:hover, .ria-redesign-container a.lc-btn-green[disabled]:focus, .ria-redesign-container a.lc-btn-green[disabled]:hover, .ria-redesign-container button.lc-btn-green.lc-disabled:focus, .ria-redesign-container button.lc-btn-green.lc-disabled:hover, .ria-redesign-container button.lc-btn-green[disabled]:focus, .ria-redesign-container button.lc-btn-green[disabled]:hover { background-color: #00a651; border-color: #00a651; color: #fff; } .ria-redesign-container span.lc-sprite { display: inline-block; background: url(../assets/lc2_sprite.gif); background-size: 500px; margin-right: 5px; } .ria-redesign-container span.lc-frames-big { background-position: -248px -113px; width: 40px; height: 16px; } .ria-redesign-container span.lc-lenses-big { background-position: -292px -114px; width: 30px; height: 20px; } .ria-redesign-container span.lc-frames-green { background-position: -5px -144px; width: 40px; height: 16px; } .ria-redesign-container span.lc-lenses-green { background-position: -50px -145px; width: 30px; height: 20px; } .ria-redesign-container span.lc-exam { background-position: -325px -113px; width: 30px; height: 27px; position: relative; top: 4px; } .ria-redesign-container span.lc-exam-green { background-position: -83px -145px; height: 27px; position: relative; top: 4px; width: 30px; } .ria-redesign-container span.lc-contact-lenses { background-position: -358px -113px; width: 35px; height: 22px; } .ria-redesign-container span.lc-contact-lenses-green { background-position: -116px -145px; height: 22px; width: 35px; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .input-container>span, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .radio>span, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container>span, .ria-redesign-container form.lc2 .input-container>span, .ria-redesign-container form.lc2 .radio>span, .ria-redesign-container form.lc2 .select_container>span { display: none; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .input-container.error>span.required, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .radio.error>span.required, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container.error>span.required, .ria-redesign-container form.lc2 .input-container.error>span.required, .ria-redesign-container form.lc2 .radio.error>span.required, .ria-redesign-container form.lc2 .select_container.error>span.required { float: none; display: block; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .radio.error input[type=text], .ria-redesign-container form.lc2 .radio.error input[type=text] { border: 1px solid #ce0a2d; background: #fef2f4; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .radio.error .required, .ria-redesign-container form.lc2 .radio.error .required { float: none; font-style: normal; margin: 10px 0 0 0px; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .radio.error .required::before, .ria-redesign-container form.lc2 .radio.error .required::before { content: 'X'; font-style: normal; margin-right: 5px; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .input-container, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .textarea-container, .ria-redesign-container form.lc2 .input-container, .ria-redesign-container form.lc2 .select_container, .ria-redesign-container form.lc2 .textarea-container { display: inline-table; margin-right: 19px; overflow: hidden; line-height: 1.33; position: relative; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .input-container label, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container label, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .textarea-container label, .ria-redesign-container form.lc2 .input-container label, .ria-redesign-container form.lc2 .select_container label, .ria-redesign-container form.lc2 .textarea-container label { display: block; margin-top: 18px; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 16px; letter-spacing: .025em; color: #523f42; position: relative; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .input-container.error::after, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .input-container.success::after, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container.error::after, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container.success::after, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .textarea-container.error::after, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .textarea-container.success::after, .ria-redesign-container form.lc2 .input-container.error::after, .ria-redesign-container form.lc2 .input-container.success::after, .ria-redesign-container form.lc2 .select_container.error::after, .ria-redesign-container form.lc2 .select_container.success::after, .ria-redesign-container form.lc2 .textarea-container.error::after, .ria-redesign-container form.lc2 .textarea-container.success::after { content: ''; background: url(../assets/lc2_sprite.gif); background-size: 500px; pointer-events: none; position: absolute; top: 54px; right: 13px; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .input-container.error .selectBox-dropdown, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .input-container.error input[type=text], .ria-redesign-container [id^=content_wrapper_box] form.lc2 .input-container.error input[type=password], .ria-redesign-container [id^=content_wrapper_box] form.lc2 .input-container.error select, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container.error .selectBox-dropdown, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container.error input[type=text], .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container.error input[type=password], .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container.error select, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .textarea-container.error .selectBox-dropdown, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .textarea-container.error input[type=text], .ria-redesign-container [id^=content_wrapper_box] form.lc2 .textarea-container.error input[type=password], .ria-redesign-container [id^=content_wrapper_box] form.lc2 .textarea-container.error select, .ria-redesign-container form.lc2 .input-container.error .selectBox-dropdown, .ria-redesign-container form.lc2 .input-container.error input[type=text], .ria-redesign-container form.lc2 .input-container.error input[type=password], .ria-redesign-container form.lc2 .input-container.error select, .ria-redesign-container form.lc2 .select_container.error .selectBox-dropdown, .ria-redesign-container form.lc2 .select_container.error input[type=text], .ria-redesign-container form.lc2 .select_container.error input[type=password], .ria-redesign-container form.lc2 .select_container.error select, .ria-redesign-container form.lc2 .textarea-container.error .selectBox-dropdown, .ria-redesign-container form.lc2 .textarea-container.error input[type=text], .ria-redesign-container form.lc2 .textarea-container.error input[type=password], .ria-redesign-container form.lc2 .textarea-container.error select { border: 1px solid #ce0a2d; background: #fef2f4; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .input-container.error::after, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container.error::after, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .textarea-container.error::after, .ria-redesign-container form.lc2 .input-container.error::after, .ria-redesign-container form.lc2 .select_container.error::after, .ria-redesign-container form.lc2 .textarea-container.error::after { width: 19px; height: 18px; background-position: -226px -114px; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .input-container.error .required::before, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container.error .required::before, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .textarea-container.error .required::before, .ria-redesign-container form.lc2 .input-container.error .required::before, .ria-redesign-container form.lc2 .select_container.error .required::before, .ria-redesign-container form.lc2 .textarea-container.error .required::before { content: 'X'; font-style: normal; margin-right: 5px; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=text], .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=password], .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=tel], .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=email], .ria-redesign-container [id^=content_wrapper_box] form.lc2 textarea, .ria-redesign-container form.lc2 input[type=text], .ria-redesign-container form.lc2 input[type=password], .ria-redesign-container form.lc2 input[type=tel], .ria-redesign-container form.lc2 input[type=email], .ria-redesign-container form.lc2 textarea { background: #fff; border: 1px solid #3f2a2e; margin-top: 4px; letter-spacing: .025em; color: #3f2a2e; font-size: 16px; font-family: FuturaBQBook, Arial, Helvetica, sans-serif; border-radius: 5px; width: 295px; padding: 9px 10px 7px; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=text]::-webkit-input-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=password]::-webkit-input-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=tel]::-webkit-input-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=email]::-webkit-input-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 textarea::-webkit-input-placeholder, .ria-redesign-container form.lc2 input[type=text]::-webkit-input-placeholder, .ria-redesign-container form.lc2 input[type=password]::-webkit-input-placeholder, .ria-redesign-container form.lc2 input[type=tel]::-webkit-input-placeholder, .ria-redesign-container form.lc2 input[type=email]::-webkit-input-placeholder, .ria-redesign-container form.lc2 textarea::-webkit-input-placeholder { color: #3f2a2e; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=text]:-moz-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=password]:-moz-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=tel]:-moz-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=email]:-moz-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 textarea:-moz-placeholder, .ria-redesign-container form.lc2 input[type=text]:-moz-placeholder, .ria-redesign-container form.lc2 input[type=password]:-moz-placeholder, .ria-redesign-container form.lc2 input[type=tel]:-moz-placeholder, .ria-redesign-container form.lc2 input[type=email]:-moz-placeholder, .ria-redesign-container form.lc2 textarea:-moz-placeholder { color: #3f2a2e; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=text]::-moz-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=password]::-moz-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=tel]::-moz-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=email]::-moz-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 textarea::-moz-placeholder, .ria-redesign-container form.lc2 input[type=text]::-moz-placeholder, .ria-redesign-container form.lc2 input[type=password]::-moz-placeholder, .ria-redesign-container form.lc2 input[type=tel]::-moz-placeholder, .ria-redesign-container form.lc2 input[type=email]::-moz-placeholder, .ria-redesign-container form.lc2 textarea::-moz-placeholder { color: #3f2a2e; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=text]:-ms-input-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=password]:-ms-input-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=tel]:-ms-input-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=email]:-ms-input-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 textarea:-ms-input-placeholder, .ria-redesign-container form.lc2 input[type=text]:-ms-input-placeholder, .ria-redesign-container form.lc2 input[type=password]:-ms-input-placeholder, .ria-redesign-container form.lc2 input[type=tel]:-ms-input-placeholder, .ria-redesign-container form.lc2 input[type=email]:-ms-input-placeholder, .ria-redesign-container form.lc2 textarea:-ms-input-placeholder { color: #3f2a2e; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=text]:focus, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=password]:focus, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=tel]:focus, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=email]:focus, .ria-redesign-container [id^=content_wrapper_box] form.lc2 textarea:focus, .ria-redesign-container form.lc2 input[type=text]:focus, .ria-redesign-container form.lc2 input[type=password]:focus, .ria-redesign-container form.lc2 input[type=tel]:focus, .ria-redesign-container form.lc2 input[type=email]:focus, .ria-redesign-container form.lc2 textarea:focus { outline-width: 0; background-color: #f7f6f7; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=text]:focus::-webkit-input-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=password]:focus::-webkit-input-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=tel]:focus::-webkit-input-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=email]:focus::-webkit-input-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 textarea:focus::-webkit-input-placeholder, .ria-redesign-container form.lc2 input[type=text]:focus::-webkit-input-placeholder, .ria-redesign-container form.lc2 input[type=password]:focus::-webkit-input-placeholder, .ria-redesign-container form.lc2 input[type=tel]:focus::-webkit-input-placeholder, .ria-redesign-container form.lc2 input[type=email]:focus::-webkit-input-placeholder, .ria-redesign-container form.lc2 textarea:focus::-webkit-input-placeholder { color: transparent; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=text]:focus:-moz-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=password]:focus:-moz-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=tel]:focus:-moz-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=email]:focus:-moz-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 textarea:focus:-moz-placeholder, .ria-redesign-container form.lc2 input[type=text]:focus:-moz-placeholder, .ria-redesign-container form.lc2 input[type=password]:focus:-moz-placeholder, .ria-redesign-container form.lc2 input[type=tel]:focus:-moz-placeholder, .ria-redesign-container form.lc2 input[type=email]:focus:-moz-placeholder, .ria-redesign-container form.lc2 textarea:focus:-moz-placeholder { color: transparent; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=text]:focus::-moz-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=password]:focus::-moz-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=tel]:focus::-moz-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=email]:focus::-moz-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 textarea:focus::-moz-placeholder, .ria-redesign-container form.lc2 input[type=text]:focus::-moz-placeholder, .ria-redesign-container form.lc2 input[type=password]:focus::-moz-placeholder, .ria-redesign-container form.lc2 input[type=tel]:focus::-moz-placeholder, .ria-redesign-container form.lc2 input[type=email]:focus::-moz-placeholder, .ria-redesign-container form.lc2 textarea:focus::-moz-placeholder { color: transparent; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=text]:focus:-ms-input-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=password]:focus:-ms-input-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=tel]:focus:-ms-input-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 input[type=email]:focus:-ms-input-placeholder, .ria-redesign-container [id^=content_wrapper_box] form.lc2 textarea:focus:-ms-input-placeholder, .ria-redesign-container form.lc2 input[type=text]:focus:-ms-input-placeholder, .ria-redesign-container form.lc2 input[type=password]:focus:-ms-input-placeholder, .ria-redesign-container form.lc2 input[type=tel]:focus:-ms-input-placeholder, .ria-redesign-container form.lc2 input[type=email]:focus:-ms-input-placeholder, .ria-redesign-container form.lc2 textarea:focus:-ms-input-placeholder { color: transparent; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container select.day, .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container select.month, .ria-redesign-container form.lc2 .select_container select.day, .ria-redesign-container form.lc2 .select_container select.month { width: 52px; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container select.year, .ria-redesign-container form.lc2 .select_container select.year { width: 62px; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container.lc-select-fouc-fix, .ria-redesign-container form.lc2 .select_container.lc-select-fouc-fix { height: 80px; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container.lc-select-fouc-fix.error, .ria-redesign-container form.lc2 .select_container.lc-select-fouc-fix.error { padding-bottom: 0; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container.lc-select-fouc-fix.error>span.required, .ria-redesign-container form.lc2 .select_container.lc-select-fouc-fix.error>span.required { margin-top: 10px; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .label_check, .ria-redesign-container form.lc2 .label_check { display: block; margin: 13px 0; position: relative; width: auto; font-weight: 400; background: 0 0; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .label_check input[type=checkbox]+span::before, .ria-redesign-container form.lc2 .label_check input[type=checkbox]+span::before { content: ''; position: absolute; top: 0; left: 0; background: url(../assets/lc2_sprite.gif) -116px -64px; background-size: 500px; width: 23px; height: 23px; visibility: visible; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .label_check input[type=checkbox]:checked+span::before, .ria-redesign-container form.lc2 .label_check input[type=checkbox]:checked+span::before { background: url(../assets/lc2_sprite.gif) -143px -64px; background-size: 500px; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .label_check input[type=checkbox]:focus+span, .ria-redesign-container form.lc2 .label_check input[type=checkbox]:focus+span { box-shadow: 0 0 2px #000; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .label_check.blue.on, .ria-redesign-container form.lc2 .label_check.blue.on { background: 0 0; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .label_radio, .ria-redesign-container form.lc2 .label_radio { position: relative; width: 100%; display: inline-block; margin: 7px 0; line-height: 23px; color: #3f2a2e; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .label_radio input[type=radio]:checked+span, .ria-redesign-container form.lc2 .label_radio input[type=radio]:checked+span { font-weight: 700; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .label_radio input[type=radio]:focus+span, .ria-redesign-container form.lc2 .label_radio input[type=radio]:focus+span { box-shadow: 0 0 2px #000; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .label_radio span, .ria-redesign-container form.lc2 .label_radio span { font-weight: 400; cursor: pointer; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .promo-field .label_input, .ria-redesign-container form.lc2 .promo-field .label_input { text-transform: none; margin-bottom: 5px; display: block; position: relative; font-weight: 400; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .promo-field .label_input .label, .ria-redesign-container form.lc2 .promo-field .label_input .label { display: block; font-weight: 400; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .promo-field .promotionCodeFailureResponse, .ria-redesign-container form.lc2 .promo-field .promotionCodeFailureResponse { color: #e72; padding: 13px 0 0; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .promo-field .removePromotionCode, .ria-redesign-container form.lc2 .promo-field .removePromotionCode { float: right; color: #ce0a2d; padding: 13px 6px; text-align: center; width: 92px; font-size: 11px; font-weight: 700!important; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .promo-field input[type=submit].new-style-button:hover, .ria-redesign-container form.lc2 .promo-field input[type=submit].new-style-button:hover { background: #6092c5; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .required-star, .ria-redesign-container form.lc2 .required-star { padding-left: 5px; color: #F7F6F7; } .ria-redesign-container .pdp-container h1 span+span { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 400; } .ria-redesign-container .pdp-container .pdp-main-info { overflow: hidden; } .ria-redesign-container .pdp-container .pdp-main-info p { font-size: 13px; } .ria-redesign-container .pdp-container .brand-img { margin-bottom: 13px; } .ria-redesign-container .pdp-container .brand-img img { margin: 0; } .ria-redesign-container .pdp-container .change-colors-views { margin: 0; float: none; } .ria-redesign-container .pdp-container .change-colors-views p { text-align: left; } .ria-redesign-container .pdp-container .change-colors-views p span { color: #523f42; font-size: 12px; font-weight: 700; margin: 0; float: none; } .ria-redesign-container .pdp-container .change-colors-views p span.glasses-color { text-transform: uppercase; } .ria-redesign-container .pdp-container .pdp-item-options ul>li .st-button-base { line-height: 1.33; } .ria-redesign-container .pdp-container .grandTotal .main-total { line-height: 22px; font-weight: 700; } .ria-redesign-container .pdp-container .frame-section span, .ria-redesign-container .pdp-container .lens-section span { font-weight: 700; float: right; } .ria-redesign-container .pdp-container .frame-section .title, .ria-redesign-container .pdp-container .lens-section .title { display: inline-block; text-transform: uppercase; font-weight: 700; padding-bottom: 6.5px; } .ria-redesign-container .pdp-container .label-value td { text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 700; } .ria-redesign-container .pdp-item-info .pdp-item-brand-details .frame_details { font-weight: 700; font-size: 14px; color: #523f42; width: 40.3%; } .ria-redesign-container .ui-widget-overlay.black-overlay { background: #3f2a2e; opacity: .9; } .ria-redesign-container .lens-selection-modal .header-wrapper a { line-height: 1.33; display: inline-block; font-family: FuturaBQBold; text-decoration: underline; font-size: 17px; letter-spacing: .7px; padding: 26px 0 6.5px; } .ria-redesign-container .lens-selection-modal .ui-dialog-titlebar-close { position: absolute; top: 26px; right: 26px; color: #4179b1; font-weight: 400; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: .05em; } .ria-redesign-container .lens-selection-modal .ui-dialog-titlebar-close .ui-icon::after { background-image: none; vertical-align: middle; content: 'X'; padding: 0; margin: 3px -2px 0; position: relative; } .ria-redesign-container .lens-selection-modal .price span { font-weight: 700; float: right; } .ria-redesign-container .lens-container .modal-description { margin: 26px 13px; padding: 0 100px; } .ria-redesign-container .lens-container>ul { font-weight: 700; text-transform: uppercase; text-align: center; width: 100%; display: flex; justify-content: center; border-bottom: 1px solid #d5d5d5; background-color: #f7f6f7; } .ria-redesign-container .select-lens-type h4 { font-weight: 700; text-transform: none; color: #3f2a2e; } .ria-redesign-container .lens-color-actual>div .label_radio span, .ria-redesign-container .lens-color-default>div .label_radio span { font-weight: 700!important; } .ria-redesign-container .checkout-container { clear: both; border-top: 1px solid #d5d5d5; margin-top: 26px; padding-top: 26px; } .ria-redesign-container .checkout_wrapper .prescription-uploaded { color: #00a651; font-weight: 700; font-size: 14px; } .ria-redesign-container .required-text { text-transform: uppercase; font-weight: 700; } .ria-redesign-container .lc-lookup-container { margin: 30px auto; width: 990px; font-family: FuturaBQBook, Arial, Helvetica, sans-serif; } .ria-redesign-container .lc-lookup-head { text-align: center; padding: 20px 0; } .ria-redesign-container .lc-lookup-head h1 { font-size: 24px; color: #3f2a2e; } .ria-redesign-container .ui-dialog .lc-lookup-head h1 { display: none; } .ria-redesign-container .lc-lookup-head .lc-subtitle { font-size: 16px !important; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; width: 374px; margin: 5px auto; color: #3f2a2e; line-height: 1.5; font-weight: 400; } .ui-dialog .lc-lookup-head .lc-subtitle { width: 100%; font-size: 14px; margin-bottom: 0; } .ria-redesign-container .lc-lookup-one-more-chance { display: flex; justify-content: space-between; padding: 10px 0; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; color: #3f2a2e; } .ria-redesign-container .lc-lookup-one-more-chance>h3 { width: 384px; color: #3f2a2e; padding: 0; } .ria-redesign-container .lc-lookup-one-more-chance>span { width: 384px; text-align: right; } .ria-redesign-container .lc-lookup-loading { padding: 90px 0 180px; /* border-top: 1px solid #d5d5d5; */ /* border-bottom: 1px solid #d5d5d5; */ text-align: center; color: #3f2a2e; } .ria-redesign-container .lc-lookup-loading .lds-rolling { margin: 0 auto; } .ria-redesign-container .lc-lookup-loading h2 { font-size: 32px; width: 575px; margin: 0 auto 10px; color: #3f2a2e; text-align: center; } .ria-redesign-container .lc-lookup-loading p { font-size: 14px; width: 575px; margin: 0 auto; color: #3f2a2e; } .ria-redesign-container .lc-lookup-footer { margin: 30px 0 200px; display: flex; justify-content: flex-end; } .ria-redesign-container .ui-dialog .lc-lookup-footer { margin: 30px 0 40px; } .ria-redesign-container .lc-lookup-need-help { text-align: center; padding: 15px; border-top: 1px solid #d5d5d5; } .ui-dialog .lc-lookup-need-help a{ color: #3F7AB2; text-decoration: underline; font-weight: bold; font-size: 16px; } .ria-redesign-container .ui-dialog .lc-lookup-need-help { background-color: #f7f6f7; } .ria-redesign-container .lc-lookup-need-help h3 { margin: 10px 0 0; padding: 0; color: #3f2a2e; } .ria-redesign-container .lc-lookup-err-container { border-top: 1px solid #d3d3d3; padding: 80px; text-align: center; color: #3f2a2e; } .ria-redesign-container .ui-dialog .lc-lookup-err-container { border-top: 0; padding: 40px 0 100px; } .ria-redesign-container .lc-lookup-err-container h5 { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 10px; color: #3f2a2e; } .ria-redesign-container .lc-lookup-err-container h2 { font-size: 32px; width: 575px; margin: 0 auto 10px; color: #3f2a2e; } .ria-redesign-container .lc-lookup-err-container .lc-btn { margin-top: 40px; } #insuranceModal .ria-redesign-container .lc-lookup-err-container .lc-btn { width: 35%; } .ria-redesign-container .lc-lookup-err-container p { font-size: 16px; width: 575px; margin: 0 auto; color: #3f2a2e; } .lc-lookup .ui-dialog { border: 1px solid #d5d5d5; border-radius: 0; box-shadow: none; padding: 0; z-index: 99999 !important; } .lc-lookup .ui-dialog-titlebar { background-color: #f7f6f7; border-bottom: 1px solid #d5d5d5; padding: 32px; border-radius: 0; } .lc-lookup .ui-dialog-titlebar-close { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-size: 13px; padding-top: 3px; right: 1em; top: 2.3em; color: #2b5e8f; } .lc-lookup .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick::after { background-image: none; vertical-align: middle; content: 'X'; padding: 0; margin: 3px 3px 0; position: relative; } .lc-lookup .ui-dialog-title { display: block; text-align: center; font-size: 18px; color: #3f2a2e; letter-spacing: .06em; font-weight: 400; text-transform: uppercase; } .lc-lookup .ria-redesign-container .label_check span { font-size: 16px; color: #3f2a2e; } .lc-lookup .ria-redesign-container .lc-content-dialog { padding: 0 32px 15px; overflow: hidden; } .lc-lookup .ria-redesign-container .lc-content-dialog-form { display: flex; justify-content: space-around; } .lc-lookup .ria-redesign-container .lc-content-dialog-form form.lc2 { padding: 10px; width: 374px; } .lc-lookup .ria-redesign-container .lc-content-dialog-form form.lc2 .header-form { text-transform: uppercase; } .lc-lookup .ria-redesign-container .lc-content-dialog-form form.lc2 .radio { display: inline-block; line-height: 23px; margin: 14px 7px; position: relative; width: 100%; } .lc-lookup .ria-redesign-container .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 .ria-redesign-container .lc-content-dialog-form form.lc2 .radio-label:before { content: ''; margin: 0 10px 0 0; background: url(../assets/lc2_sprite.gif) -62px -64px; background-size: 500px; width: 23px; height: 23px; float: left; } .lc-lookup .ria-redesign-container .lc-content-dialog-form form.lc2 .radio input[type=radio] { cursor: pointer; height: 16px; left: 0; opacity: 0; position: absolute; width: 16px; } .lc-lookup .ria-redesign-container .lc-content-dialog-form form.lc2 .radio input[type=radio]:checked+span { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; font-weight: 400; } .lc-lookup .ria-redesign-container .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 .ria-redesign-container .lc-content-dialog-form form.lc2 .lc-info input:focus{ outline-color: rgb(50, 111, 168); } .lc-lookup .ria-redesign-container .lc-content-dialog-form form.lc2 .lc-info { background-color: #fff; border: 1px solid #d5d5d5; padding: 0 23px 23px; } .lc-lookup .ria-redesign-container .lc-content-dialog-form form.lc2 #ssn_input, .lc-lookup .ria-redesign-container .lc-content-dialog-form form.lc2 #zip_input { margin-left: 33px; width: 80px; display: block; } .lc-lookup .ria-redesign-container .lc-content-dialog-form form.lc2 .lc-info { opacity: .5; } .lc-lookup .ria-redesign-container .lc-content-dialog-form form.lc2.lc-lookup-form-focus .lc-info { opacity: 1; background-color: #f7f6f7; border: 1px solid #d5d5d5; } .lc-lookup .ria-redesign-container .lc-content-dialog-form form.lc2.lc-lookup-form-focus .lc-info .radio .header-form { font-family: FuturaBQBold, Arial, Helvetica, sans-serif; } .lc-lookup .ria-redesign-container .lc-footer-dialog { border-top: 1px solid #d5d5d5; padding: 15px 110px 15px 80px; border-radius: 0; display: flex; justify-content: space-between; } .lc-lookup .ria-redesign-container .checkbox { float: right; margin: 30px 77px 12px 0; font-size: 16px; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; } .lc-lookup .ria-redesign-container .checkbox span{ font-family: FuturaBQBold, Arial, Helvetica, sans-serif!important; } .lc-lookup .ria-redesign-container .checkbox span+span { margin-left: 0; } .lc-lookup .ria-redesign-container .lc-dialog-form { background-color: #fff; padding: 0; border-radius: 0; } .lc-lookup .ria-redesign-container .lc-dialog-form .lc-lookup-one-more-chance { justify-content: space-between; padding: 7px 0; color: #3f2a2e; } .lc-lookup .ria-redesign-container .lc-dialog-form .lc-lookup-one-more-chance>h3 { font-size: 14px; } .lc-lookup .ria-redesign-container .lc-dialog-form .lc-lookup-one-more-chance>span { font-size: 13px; } .lc-lookup .ria-redesign-container .lc-dialog-form .label_check span { font-size: 14px; } .lc-lookup .ria-redesign-container .lc-dialog-form .checkbox { margin-right: 27px; } .lc-lookup .ria-redesign-container .lc-dialog-form .lc-lookup-head h1 { display: none; } .lc-lookup .ria-redesign-container .lc-dialog-form .lc-lookup-head .lc-subtitle { width: 100%; font-size: 14px; margin-bottom: 0; } .lc-lookup .ria-redesign-container .lc-dialog-form .lc-lookup #personal-info-submit { font-size: 13px; font-family: FuturaBQBook, Arial, Helvetica, sans-serif; } .lc-lookup .ria-redesign-container .lc-dialog-form .lc-content-dialog { overflow: hidden; padding: 0 22px 15px; } .lc-lookup .ria-redesign-container .lc-dialog-form .lc-content-dialog-form { padding-top: 0; } .lc-lookup .ria-redesign-container .lc-dialog-form .lc-info { padding-top: 25px; margin-top: 15px; } .lc-lookup .ria-redesign-container .lc-dialog-form .lc-footer-dialog { background-color: #f7f6f7; padding: 15px 48px 15px 20px; } .lc-lookup .ria-redesign-container .selectBox-dropdown-menu { z-index: 100004; } .lc-lookup .ria-redesign-container .selectBox.day, .lc-lookup .ria-redesign-container .selectBox.month { margin-right: 8px; } .lc-lookup .ria-redesign-container .select_container { padding-bottom: 25px; margin-bottom: 8px; border-bottom: 1px solid gray; } .ria-redesign-container .lc-elig { padding: 20px 0; display: flex; flex-direction: column; border-bottom: 1px solid #d5d5d5; } .ria-redesign-container .lc-elig-row { display: flex; position: relative; width: 100%; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; padding: 50px 0 10px; color: #5b4a4d; } .ria-redesign-container .lc-elig-row>div { width: 33.33%; } .ria-redesign-container .lc-elig-row>div a { font-size: 16px; text-decoration: underline; } .ria-redesign-container .lc-elig-row>div:nth-of-type(1) { text-transform: uppercase; padding-left: 84px; color: #3f2a2e; } .ria-redesign-container .lc-elig-row>div:nth-of-type(2) { padding-left: 84px; } .ria-redesign-container .lc-elig-row>div:nth-of-type(3) { text-align: right; } .ria-redesign-container .lc-elig-row:not(.lc-elig-header):before { content: ''; position: absolute; left: 40px; background: url(../assets/lc2_sprite.gif) -443px -113px; background-size: 500px; width: 22px; height: 11px; top: 56px; transition: transform 200ms ease-in-out; } .ria-redesign-container .lc-elig-row:not(.lc-elig-header).lc-open:before { transform: rotate(180deg); } .ria-redesign-container .lc-elig-row:not(.lc-elig-header)>div:nth-of-type(1) { font-size: 22px; } .ria-redesign-container .lc-elig-row-dropdown { display: none; padding: 0 0 0 84px; } .ria-redesign-container .lc-elig-header { border-bottom: 1px solid #d5d5d5; padding: 10px 0; text-transform: uppercase; color: #3f2a2e; } .ria-redesign-container .lc-elig-available-status { color: #5b4a4d; } .ria-redesign-container .lc-elig-available-status:before { content: ''; display: inline-block; background: url(../assets/lc2_sprite.gif) -422px -114px; /* background: url(../assets/lc2_sprite.gif) -226px -114px; */ background-size: 500px; width: 16px; height: 16px; margin-right: 10px; vertical-align: top; } .ria-redesign-container .lc-elig-available, .ria-redesign-container .lc-elig-available .lc-elig-available-status { color: #008943; } .ria-redesign-container .lc-elig-available .lc-elig-available-status:nth-of-type(1) { color: #008943; } .ria-redesign-container .lc-elig-available .lc-elig-available-status .lc-frames-big { background-position: -5px -144px; width: 40px; height: 16px; } .ria-redesign-container .lc-elig-available .lc-elig-available-status .lc-lenses-big { background-position: -50px -145px; width: 30px; height: 20px; } .ria-redesign-container .lc-elig-available .lc-elig-available-status .lc-exam { background-position: -83px -145px; height: 27px; position: relative; top: 4px; width: 30px; } .ria-redesign-container .lc-elig-available .lc-elig-available-status .lc-contact-lenses { background-position: -116px -145px; height: 22px; width: 35px; } .ria-redesign-container .lc-elig-available .lc-elig-available-status:before { background-position: -397px -114px; width: 21px; height: 16px; } .ria-redesign-container .lc-elig.lc-elig-small { padding: 0; border-bottom: 0; } .ria-redesign-container .lc-lookup-eligible .lc-elig.lc-elig-small { margin-bottom: 100px; } .ria-redesign-container .lc-elig.lc-elig-small .lc-elig-row { flex-direction: column; } .ria-redesign-container .lc-elig.lc-elig-small .lc-elig-row:before { content: none; } .ria-redesign-container .lc-elig.lc-elig-small .lc-elig-row>div { width: 100%; } .ria-redesign-container .lc-elig.lc-elig-small .lc-elig-row>div:nth-of-type(1) { font-size: 24px; letter-spacing: .06em; padding: 0 135px; } .ria-redesign-container .lc-elig.lc-elig-small .lc-elig-row>div:nth-of-type(2) { padding: 0 165px; font-size: 14px; margin-top: 10px; } .ria-redesign-container .lc-elig.lc-elig-small .lc-elig-available-status:before { vertical-align: baseline; } .ria-redesign-container .lc-elig.lc-elig-small .lc-btn { margin: 0 30px 0 0; } @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); } } .ria-redesign-container .lds-rolling { position: relative; } .ria-redesign-container .lds-rolling div, .ria-redesign-container .lds-rolling div:after { position: absolute; width: 68px; height: 68px; border: 8px solid #787879; border-top-color: transparent; border-radius: 50%; } .ria-redesign-container .lds-rolling div { -webkit-animation: lds-rolling 1s linear infinite; animation: lds-rolling 1s linear infinite; top: 100px; left: 100px; } .ria-redesign-container .lds-rolling div:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .ria-redesign-container .lds-rolling { 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); } [id^=content_wrapper_box] form.lc2 .select_container .selectBox-dropdown, form.lc2 .select_container .selectBox-dropdown { color: #3f2a2e; /*margin-right: 17px;*/ width: 141px!important; background: #ffffff; margin-top: 3px; cursor: pointer; border: 1px solid #3f2a2e; border-radius: 3px; font-size: 16px; font-style: normal; font-family: 'FuturaBQBook', Arial, Helvetica, sans-serif; letter-spacing: 0.025em; box-sizing: content-box; } .calculate-price-enh{ height: 35px !important; margin-top: 5px !important; margin-right: 2% !important; margin-left: auto !important; } .ria-modal-calculated-price { font-family: 'FuturaBQBold', Arial, Helvetica, sans-serif; font-size: 15px; color: #523f42; display: inline-block; position: relative; top: 10px; margin-left: auto; margin-right: 2%; } .ria-redesign-container .lc-elig-available-msg, .ria-redesign-container .lc-elig-add-msg, .ria-redesign-container .lc-elig-complete-msg, .ria-redesign-container .lc-elig-unavailable-msg { display: inline-block; } .pdp-item-options #insurance-switch { text-align: left; padding: 0px; } #insuranceModal a.lc-btn-clear, #insuranceModal button.lc-btn-clear { visibility: hidden; } #insuranceModal .loading_search_user { width: 800px; } .pdp-item-options #insurance-switch .switch-outer { width: 35px; height: 17px; top: -1px; float: right; top: 8px; /* margin-right: 15px; */ } .pdp-item-options #insurance-switch .switch-inner { width: 15px; height: 15px; position: relative; } .pdp-item-options #insurance-switch.insurance-on .switch-inner, .pdp-item-options #insurance-content.insurance-on #insurance-switch .switch-inner { right: -18px; position: relative; } .pdp-item-options #insurance-switch > span { font-size: 13px; } .pdp-item-options #insurance-switch.insurance-on, .pdp-item-options #insurance-content.insurance-on #insurance-switch { background-color: transparent; } .theiaStickySidebar { width: 235px; } .total-savings-ria{ text-align: right; margin: 13px 0; color: gray !important; font-size: 16px !important; margin-top: 5px; } #insuranceModal .lc-elig-available-msg, #insuranceModal .lc-elig-add-msg, #insuranceModal .lc-elig-complete-msg, #insuranceModal .lc-elig-unavailable-msg { padding-left: 165px; } ul#right-nav-header li.insurance-header.not-logged:hover { background-color: white; } #insuranceModal .row.lc-lookup-head h1{ display:none; } #insuranceModal .ria-redesign-container .checkbox { margin: 30px 0px 12px 0; } #insuranceModal .row.lc-lookup-head h1, #insuranceModal .lc_step_2 .lc-lookup-head, #insuranceModal #lc_step_6 .lc-lookup-head, #insuranceModal #lc_step_4 .lc-lookup-head h1 { display:none; } /*ria merge end */ #lc_step_4 #lookup-form-modal-container .notEligibleButtonsContainer .useAnotherInsuranceButton{ width: 35%; margin-left: 250px; margin-right: 20px; } #lc_step_4 #lookup-form-modal-container .notEligibleButtonsContainer .startShopInsFooterBtn{ margin-right: 60px; } .notEligibleButtonsContainer { margin-bottom: 40px; } #insuranceModal .ui-widget-overlay { position: fixed; } #insuranceModal .lc-elig-available #lensesBenefitTitle:not(.lc-elig-available-status):before, #insuranceModal .lc-elig-available #framesBenefitTitle:not(.lc-elig-available-status):before { content: ''!important; display: inline-block; background: url(../assets/lc2_sprite.gif) -3146px -276px!important; background-size: 460px!important; width: 22px; height: 36px; margin-right: 10px; /* display: block; */ vertical-align: top; left: 105px; top: 43px; } #insuranceModal a.lc-btn.lc-btn-orange, #insuranceModal button.lc-btn { margin-right: -13%; } .logged.insuranceUsed span{ line-height: 7px; vertical-align: text-top; text-transform: lowercase; text-align: center; margin-left: 12px; color: #00A750; text-transform: initial!important; } .insuranceUsed.logged:before { content: ''; background: url(../assets/lc2_sprite.gif); background-size: 320px; width: 21px; height: 24px; background-position: 214px 294px; display:inline-block; } .insuranceColor{ color: #00A750; } #insuranceModal #lc_step_5 .lc-lookup-err-container a.lc-btn.lc-btn-orange, #insuranceModal #lc_step_5 .lc-lookup-err-container button.lc-btn, #insuranceModal #lc_step_6 .lc-lookup-err-container a.lc-btn.lc-btn-orange, #insuranceModal #lc_step_6 .lc-lookup-err-container button.lc-btn { margin-right: 0%; } .ria-redesign-container form.lc2 .select_container { z-index: 10001 !important; } .ria-redesign-container #lc_step_4 a.lc-btn, .ria-redesign-container #lc_step_4 button.lc-btn { background-color: #ba550e; border-color: #ba550e; } #prescriptionConfirmEspot { margin: 15px 0; } #checkoutDoctorInfo #pupilaryDistanceModal div { width: 412px !important; } form#doctorInformationForm { margin: 0; } .subtitleRequired { margin-left: 35px; margin-bottom: 10px; } .notification-myaccount-user, .header-myaccount, .header-myaccount.has-notification { width: auto !important; } ul#right-nav-header { font-size: 0; /* inline-block margin fix */ width: 193px; display: flex; flex-flow: row nowrap; justify-content: space-between; } li.header-search{ padding: 8px!important; } ul#right-nav-header li { float: none; display: inline-block; vertical-align: top; border: 0; } ul#right-nav-header a.favorite-count.active:after { content: ''; display: block; position: absolute; font-size: 12px; font-family: FuturaBQBook; color: white; text-align: center; width: 16px; height: 16px; background: #d73954; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 8px; padding: 0!important; margin-top: -18px; margin-left: 29px; z-index: -1; } ul#right-nav-header a.favorite-count{ width: 40px; height: 40px; display: block; text-align: right; color: white; font-family: FuturaBQBook; z-index: 2; position: relative; left: -5px; top: -5px; font-size: 11px; } ul#right-nav-header li:last-of-type { border-right: 0 !important; } ul#right-nav-header li.insurance-header { padding: 12px 10px 14px; } #radio-separator{ border-bottom: 2px solid #d5d5d5; width: 74%; text-align: center; margin-bottom: 15px; } #radio-separator span{ background-color: #f7f6f7; padding: 0 10px; position: relative; top: 8px; } .checkout-wrapper-steps.PaymentEntry div#checkoutContent .input-container.small-input.security-code .accordion-menu.in-page > li > a::after { display: inline-block; margin-left: 205px; margin-top: -16px; } .prescriptionsCompletedSub{ margin-top: 10px; } .checkout-wrapper-steps.PaymentEntry div#checkoutContent .input-container.small-input.security-code.error span.required { margin-right: 111px!important; } .ria-redesign-container [id^=content_wrapper_box] form.lc2 .select_container .selectBox-label{ padding: 2px 0; }[id^=content_wrapper_box] form.lc2 #paymentArea1{ margin-top: 10px; } [id^=content_wrapper_box] form.lc2 #paymentArea1 .input-container label, [id^=content_wrapper_box] form.lc2 #paymentArea1 .select_container label{ margin-top: 15px; } [id^=content_wrapper_box] form.lc2 #paymentArea1 .select_container .selectBox-dropdown, [id^=content_wrapper_box] form.lc2 #paymentArea1 .select_container .selectBox-dropdown.selectBox-menuShowing{ color: #BDB5B7; padding: 6px 12px; margin-right: 8px; } #shippingAddressDisplayArea > p{ font-size: 1.3em; line-height: 1.3em; margin-bottom: 8px; } .checkout-step-3.billing_method .subtitleRequired{ margin-left: 0; } .editDelivery{ margin-top: -25px; } .checkout-wrapper-steps .right-nav .title.shippingMethodLabel { font-size: 15px; } /* #ria_header_link { display: inline-block; } */ .right-nav > ul > li #shippingMethodLeftNav p { /* text-transform: capitalize; */ font-family: FuturaBQBook; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #1f1f1f; margin-bottom: 11px; } .shopping-cart-page.thank-you-page .checkbox.warranty label { width: auto !important; background:white!important; z-index: 999; } .shopping-cart-page.thank-you-page .checkbox.warranty .warrantyPrice { width: 275px !important; } div#checkoutDoctorInfo .cont-pup .container-more-info{ margin-left: 300px; margin-top: -86px; } small.prescr-form-required{ font-size: 14px; } small.prescr-form-required:before{ content: '*'; font-weight: bold; } #the-directions { width: 493px; overflow: auto; } .each-direction-step { width: 100%; clear: none; float: none; } .each-direction-step .text-narrative { float: right; width: 420px; } .each-direction-step .text-narrative p { float: left; width: 360px; } .each-direction-step .text-narrative .distance { float: left; } #scroll-pane-narrative-directions { width: 100%; } .get-directions #map { width: 495px; float: right; } /* Find my store PDP Google Maps tiles fix */ #StoreLocatorPdpModelDiv .find-a-store #map img { display: block !important; } .loadingLenses { float: right; /* font-size: 10px; */ margin: 7px auto; text-indent: -9999em; width: 20px; height: 20px; border-radius: 50%; background: #ffffff; background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%); background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%); background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%); background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%); background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%); position: relative; -webkit-animation: load3 1s infinite linear; animation: load3 0.8s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .loadingLenses:before { width: 50%; height: 50%; background: #ffffff; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: ''; } .loadingLenses:after { background: #326FA8; width: 75%; height: 75%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } @-webkit-keyframes load3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .text-narrative div { float: left; display: block; clear: left; } #wishlist-holder .view-detail { padding-left: 10px; } #userRegFormLanding .fe.checkbox { clear: left; } #userRegFormLanding .passwordLetterCheck { width: auto !important; position: static; } #perks-insurance-modal-overlay{ width: 100%; height: 1451px; background: #000; opacity: .7; position: fixed; top: 0; left: 0; z-index: 9900; display: none; } #perks-insurance-modal { z-index: 1002; outline: 0px; position: absolute; height: auto; width: 448px; top: 86px; background: #fff; padding: 16px 16px 25px 16px; border-radius: 6px; z-index: 9901; left: 0; right: 0; margin: auto; display: none; } #perks-insurance-modal .close-button { text-transform: uppercase; text-align: right; font-family: futuraBQBold; } #perks-insurance-modal .close-button > span { width: 80px; cursor: pointer; } #perks-insurance-modal .close-button > span span { font-size: 12px; display: inline-block; color: #4d8eca; } #perks-insurance-modal .close-button .close-x { font-size: 14px; background: #4d8eca; color: #fff; margin-left: 5px; padding: 0px 3px 2px 3px; border-radius: 10px; position: relative; top: -1px; } #perks-insurance-modal h2 { margin: 15px 0 10px 0; text-align: left; line-height: 20px; font-size: 16px; font-family: futuraBQBold; color: #3f2a2e; } #perks-insurance-modal p { width: 400px; } #perks-insurance-modal p { font-size: 13px; margin-bottom: 20px; color: #3f2a2e; font-family: Verdana; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.54; letter-spacing: normal; text-align: left; } #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 { background-color: #ffffff; border: solid 1px #000; color: #000; } #perks-insurance-modal .perks-btns { float: right; } #perks-insurance-modal button { text-transform: uppercase; border: 0; } #perks-insurance-modal button.perks-use-insurance { margin-left: 10px; color: #fff; background-color: #3c7ec1; } span[for=WC__ShoppingCartAddressEntryForm_shippingAddressCreateEditFormDiv_1_firstName_1], span[for=WC__ShoppingCartAddressEntryForm_shippingAddressCreateEditFormDiv_1_address1_1], span[for=WC__ShoppingCartAddressEntryForm_shippingAddressCreateEditFormDiv_1_lastName_1] { float: initial!important; margin-right: 0px!important; margin-left: 52px!important; } span[for=WC__ShoppingCartAddressEntryForm_shippingAddressCreateEditFormDiv_1_phone1_1]{ margin-right: 132px!important; } form.lc2 .promo-field .promotionApplied { display: inline-block; } .perks-info-modal { position: fixed!important; top: 50%!important; left: 50%!important; transform: translate(-50%, -50%); width: 480px!important; height: auto; border-radius: 6px; } .info-dialog, .info-dialog-pdp { padding: 15px; width: 480px; } .bottom_perk_content_espot{ display: flex; width: 100%; flex-flow: row nowrap; justify-content: space-between; margin-top: 30px; margin-bottom: 0px; } .bottom_perk_content_espot>p{ margin-bottom: 0px!important; } .bottom_perk_content_espot>p:nth-child(2){ font-weight: bold; } .look-text { text-transform: uppercase; text-align: center; } .look-text1 { font-size: 11px; font-family: FuturaBQBook; color: #655558; width: 167px; word-wrap: break-word; display: block; overflow: hidden; white-space: normal; } .look-text2 { font-size: 18px; font-family: 'FuturaBQBold', Arial, Helvetica, sans-serif; color: #655558; } .look-text3 { font-size: 12px; font-family: FuturaBQBook; color: #326FA8; font-weight: bold; letter-spacing: 1px; } .look-arrow { display: inline-block; height: 13px; } .perk-section{ display: flex; flex-flow: column wrap; padding-bottom: 10px; padding-top: 5px; background: #E9F4FF; } .perk-section-first-row{ display: flex; flex-flow: row nowrap; } .perk-info { height: 30px; } .perk-title{ font-family: FuturaBQBold; font-size: 13px!important; padding: 0px!important; margin-top: -2px; } .perk-icon{ margin-right: 10px; } #perk-available { font-size: 12px!important; color: #4d82b4!important; margin-top: -5px; padding-bottom: 10px; } .perk-icon:before { content: ''; background: url(../images/upcoming-perks-new-big.png); background-size: 27px; width: 27px; height: 27px; background-position: 0px 0px; display: inline-block; position: relative; filter: grayscale(100%); opacity: 0.7; } .perk-triangle:after { content: '\25C0'; transform: rotate(-180deg); font-size: 13px; color: #4d82b4;; float: right; margin-left: 5px; } .perk-triangle{ margin-left: 37px; margin-bottom: 2px; cursor: pointer; transform: rotate(90deg); } .perk-triangle-rotated{ margin-left: 45px; margin-bottom: 2px; cursor: pointer; transform: rotate(-90deg); } .perk-accordion { padding: 15px; padding-bottom: 0px; padding-left: 0px; display: none; } .perk-box{ width: 235px; height: auto; border-radius: 5px; border: solid 2px #b9b9b9; position: relative; margin-bottom: 15px; background: white; cursor: pointer; } .perk-box-active{ position: relative; margin-bottom: 15px; background: white; } .perk-check{ position: absolute; top: -2px; left: -2px; color: transparent; width: 15px; height: 15px; margin: 0px; text-align: center; border-radius: 5px; padding-bottom: 3px; cursor: pointer; } .perk-check-active{ position: absolute; top: -2px; left: -2px; color: white; width: 15px; height: 15px; margin: 0px; text-align: center; border-radius: 5px; padding-bottom: 3px; border: none; cursor: pointer; } .perk-check-active:before { content: ''; display: block; position: absolute; top: 3px; left: 206px; content: ''; background: url(../assets/lc2_sprite.gif); background-size: 539px; width: 26.3px; height: 26.3px; background-position: 1248px 271px; transform: scale(0.8); filter: hue-rotate(-75deg); } .perk-box-active { width: 235px; height: auto; border-radius: 5px; border: solid 3px #3fb273; } .perk-accordion-title-active, .perk-accordion-expires-active, .perk-accordion-title, .perk-accordion-expires { font-size: 12px !important; text-align: left; color: #3f2a2e; padding-left: 10px; padding-bottom: 5px; } .perk-accordion-expires-active, .perk-accordion-expires { width: 80%; } .perk-accordion-title-active, .perk-accordion-title { padding: 10px; padding-top: 15px; padding-bottom: 5px; font-weight: 500; font-family:FuturaBQMedium !important; } .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{ font-family: Verdana; font-size: 12px!important; font-weight: bold; color: white!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: #555555; padding: 20px; padding-top: 10px; } .perks-text > p{ color: #555555; font-size: 12px!important; line-height: 1.67; } .ui-dialog.st-dialog .ui-dialog-titlebar-close,.ui-dialog.st-dialog .ui-dialog-titlebar-close * { outline: none; } .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; } .perk-espot{ height: auto!important; } div[id|=more-info-dialog_]{ height: auto!important; } .perk-espot h1 { font-family: FuturaBQBold; font-size: 17px; font-weight: bold; text-align: left; color: #1F1F1F; padding-bottom: 15px; padding-top: 30px; padding-right: 0px; padding-left: 0px; } .perk-espot h5 { display: none; } .perk-espot .perks-text { padding: 0; } .perk-espot .perks-text p { line-height: 1.67; } .perk-espot .bottom_perk_content_espot>div:nth-child(2){ display: none; } .perk-espot .perks-expired-and-code { display: flex; flex-flow: row-reverse nowrap; justify-content: space-between; flex-basis: 100%; padding-bottom: 5px; } .perk-espot .perks-expired-and-code p { margin-bottom: 0px; font-family: Verdana; font-size: 12px!important; line-height: 1.58; color: #555555; } .perk-espot .perks-expired-and-code > p:first-child{ font-weight: bold; } #perksLanding .bottom_perk_content_espot .view-eligible p a { font-family: FuturaBQBold; font-size: 15px; font-weight: bold; letter-spacing: normal; text-align: center; color: #ffffff!Important; display: block; text-decoration: none!Important; } /*#header-rectagle-top{ height: 35px; background-color: #e9f4ff; } #header-rectagle-top #header-rectangle{ width: 990px; height: 35px; margin: auto; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; } #header-rectagle-top #contact-lens-top > a, #header-rectagle-top #find-a-store a{ font-family: FuturaBQMedium!important; font-size: 16px; letter-spacing: 0.5px; font-weight: normal!important; color: #326fa8; text-transform: uppercase; } #header-rectagle-top #contact-lens-top > a, #header-rectagle-top #find-a-store a:hover{ text-decoration: underline; } #header-rectagle-top #hello > a { font-family: FuturaBQBook; font-size: 14px; font-weight: bold; letter-spacing: 0.5px; color: #1f1f1f; } #header-rectagle-top #find-a-store a{ margin-right: 20px; font-size: 14px; } #header-rectagle-top #find-a-store a:hover{ text-decoration:underline; } #header-rectagle-top .find-and-user{ display: flex; flex-flow: row nowrap; margin-right: 0; justify-content: space-between; align-items: center; } #header-rectagle-top span.icon { background: url(../images/account-new.png)center no-repeat; padding: 3px 20px 0 0; white-space: nowrap; background-size: 100%; margin-right: 10px; } #header-rectagle-top a span.ba { background: url('../images/sprites/lc_site_sprite_topleft.png') no-repeat 0 -480px !important; width: 6px; height: 6px !important; margin: 6px 0 0 6px; }*/ #contanct-lens.top { display: flex; flex-flow: row nowrap; } /* #contact-lens-top span.ba { float: right; } */ .subnav-arrow-eyeglasses, .subnav-arrow-sunglasses, .subnav-arrow-brand, .subnav-arrow-trend, .subnav-arrow-exam, .subnav-arrow-savings, .subnav-arrow-contact-lenses{ display: none; position: absolute; top: 30px!important; left: 34px; z-index: 99999; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f8f8f8; } .subnav-arrow-brand, .subnav-arrow-trend{ left: 22px; } .subnav-arrow-contact-lenses{ left: 44px; } .subnav-eyeglasses, .subnav-sunglasses, .subnav-brand, .subnav-contact-lenses, .subnav-trend, .subnav-exam, .subnav-savings { position: absolute; top: 40px!Important; z-index: 999; width: 100vw; height: 251px!important; border-radius: 1px; background-color: #f8f8f8; box-shadow: 0 2px 4px 0 #5a5a5a; display: flex; flex-flow: column nowrap; align-items: center; padding: 0; margin-right: 0; right: 0; left: 0; margin-left: 0; margin: 0 auto; } /* .subnav-search { position: absolute; z-index: 999; border-radius: 1px; background-color: #f8f8f8; box-shadow: 0 2px 4px 0 #5a5a5a; align-items: center; } */ .subnav-eyeglasses, .subnav-sunglasses, .subnav-brand, .subnav-contact-lenses { width: 1024px; } .subnav-eyeglasses{ transform: translateX(-17px); } .subnav-eyeglasses .subnav-block1, .subnav-eyeglasses .subnav-block2, .subnav-sunglasses .subnav-block1, .subnav-sunglasses .subnav-block2, .subnav-contact-lenses .subnav-block1, .subnav-contact-lenses .subnav-block2 { padding-left: 76px; box-sizing: border-box; } .subnav-contact-lenses { height: 400px!important; } .background-hover{ width: 100%; height: 40px; position: absolute; z-index: 99999; } .subnav-brand, .subnav-trend{ height: 179px!important; } .subnav-block1 { width: 990px; height: 186px; display: flex; flex-flow: row nowrap; margin: 0 auto; margin-top: 20px; } .subnav-savings{ width: 205px; height: 101.8px!important; left: 0; } .subnav-contact-lenses .subnav-block { position: relative; margin-top: 0; border-bottom: solid 1px #cac9c6; } .subnav-contact-lenses .subnav-block1 { height: 100%; width: 922px; border-bottom: solid 1px #cac9c6; margin-top: 0; position: relative; padding-left: 0; } .subnav-block2 { width: 990px; height: 45px; display: flex; flex-flow: row nowrap; align-items: center; margin: auto; } .subnav-contact-lenses .subnav-block2 { height: 60px; } .subnav-contact-lenses .subnav-block2{ position: relative; margin: 0; width: 922px; justify-content: space-between; padding-left: 0; } .subnav-contact-lenses .subnav-block2 .espot-contact{ display: flex; flex-flow: row wrap; } .subnav-contact-lenses .subnav-block2 .espot-contact div{ display: flex; } .subnav-contact-lenses .subnav-block2 .espot-contact div span{ font-family: FuturaBQMedium; font-weight: normal; font-size: 14px; } .subnav-contact-lenses .subnav-block2 .espot-contact > div > p { font-family: FuturaBQMedium; font-size: 15px; font-weight: 500; color: #5a5a5a; width: 305px; } .subnav-contact-lenses .subnav-block2 .espot-contact > div > a { margin-left: 10px; font-family: FuturaBQMedium!important; font-size: 13px!important; color: #326fa8!important; } .subnav-contact-lenses .subnav-block2 .espot-contact > p { font-family: FuturaBQMedium; font-size: 12px; color: #5a5a5a; } .subnav-block2 > a, .subnav-contact-lenses .subnav-shop-content a { font-family: FuturaBQBook!important; font-size: 13px!important; font-weight: 600!important; letter-spacing: 0.5px; color: #326fa8!important; display: flex!important; flex-flow: row nowrap; text-transform: capitalize!important; margin-left: 502px!Important; } .subnav-block2 a span.ba, .subnav-trend a span.ba, .subnav-exam-links a span.ba, .subnav-savings-links a span.ba { float: right; background: url('../images/sprites/lc_site_sprite_topleft.png') no-repeat 0 -480px !important; width: 6px; height: 6px !important; margin: 6px 0 0 6px; } .subnav-eyeglasses a span.ba, .subnav-sunglasses a span.ba{ margin-left: 118px!Important; } .subnav-brand a span.ba{ margin-left: 98px!Important; } .subnav-shop-and-most{ width: 716px; height: 100%; background-color: #f8f8f8; display: flex; flex-flow: row nowrap; border-bottom: 1px solid #cac9c6; border-right: 1px solid #cac9c6; } .subnav-contact-lenses .subnav-shop-and-most{ height: 91%; position: relative; margin-top: 30px; } .subnav-contact-lenses .subnav-shop-and-most{ flex-flow: column nowrap; border-bottom: none; position: relative; } .subnav-shop{ width: 40%; height: 100%; background-color: #f8f8f8; display: flex; flex-flow: column nowrap; } .subnav-shop-title, .subnav-most-title, .subnav-see-also-title { font-family: FuturaBQMedium; letter-spacing: 0.5px; font-weight: 500; color: #5a5a5a; } .subnav-contact-lenses .subnav-shop-title { height: fit-content; margin-bottom: 10px; } .subnav-shop-content{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; padding: 20px; padding-left: 10px; height: 100%; } .subnav-shop-content1{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 50%; height: 80%; } @media only screen and (device-width: 768px) { .subnav-shop-content1{ height: 102px; } } .subnav-contact-lenses .subnav-shop-content{ width: 95%; flex-flow: column; padding-top: 10px; padding-left: 0; padding-bottom: 5px; } /* Style the tab */ .subnav-contact-lenses .tab { overflow: visible; width: 100%; display: flex; justify-content: space-between; margin-bottom: 21px; align-items: center; } /* Style the buttons that are used to open the tab content */ .subnav-contact-lenses .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; transition: 0.3s; position: relative; overflow: visible; width: 100px; padding: 0; display: flex; justify-content: center; } .subnav-contact-lenses .tab button[data-click=BioTrue] { width: 50px; } .subnav-contact-lenses .tab button img{ filter: grayscale(100%); } /* Create an active/current tablink class */ .subnav-contact-lenses .tab button.active:after { content: ""; position: absolute; border-bottom: 2px solid #4d8eca; width: 100%; left: 0px; top: 60px; height: 2px; display: block; } .subnav-contact-lenses .tab button.active:before { content: ""; position: absolute; width: 0; height: 0; top: 64px; left: 46%; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 4px solid #4d8eca; } /* Style the tab content */ .subnav-contact-lenses .tabcontent { display: none; /* padding: 6px 12px; */ height: 90%; margin-top: 0; border-top: none; flex-flow: column wrap; justify-content: space-around; align-items: flex-start; } .subnav-contact-lenses .tabcontent div a{ margin: 0; margin-bottom: 6px!important; font-size: 13px!important; color: #5a5a5a!important; font-weight: normal!important; position: relative; left: 0; bottom: 0; width: auto; padding: 0!important; letter-spacing: normal!important; } .subnav-contact-lenses .tabcontent div a:hover{ color: #326fa8!important; } .subnav-exam-links a:hover{ color: #326fa8!important; } .subnav-savings-links a:hover{ color: #326fa8!important; } .subnav-shop-content1 a:hover{ color: #326fa8!important; } .subnav-contact-lenses .tabcontent p{ margin-bottom: 4px; font-family: FuturaBQBook; font-size: 13px; color: #5a5a5a; } .subnav-contact-lenses .tabcontent > div { display: flex; flex-flow: column wrap; align-items: flex-start; width: 100%; height: 155px; } .subnav-contact-lenses .tabcontent > a{ margin: 0; } .subnav-shop-content1 > a { font-family: FuturaBQBook!important; font-size: 14px!important; font-weight: 700!important; letter-spacing: 0.4px; color: #1f1f1f!important; text-transform: capitalize!important; } .subnav-shop-content2 { display: table!Important; width: 100px; } @media only screen and (device-width: 768px) { .subnav-shop-content2{ height: 102px; } } .subnav-shop-content2 > a, .subnav-see-also-content> a { font-family: FuturaBQBook; font-size: 14px; letter-spacing: 0.5px; color: #5a5a5a; } /*.subnav-shop-content2 > a:hover { color: #ee7723!important; }*/ .subnav-see-also { width: fit-content; height: 100%; display: flex; flex-flow: column nowrap; margin-left: 40px; } .subnav-contact-lenses .subnav-see-also { margin-top: 84px; height: 67%; } .subnav-contact-lenses .subnav-see-also > a{ font-family: FuturaBQBook!important; font-size: 13px!important; font-weight: 600!important; letter-spacing: 0.5px; color: #326fa8!important; display: flex!important; flex-flow: row nowrap; text-transform: capitalize!important; } .subnav-contact-lenses .subnav-see-also .subnav-see-also-content{ display: flex; justify-content: space-around; height: 80%; margin-bottom: 20px; width: 150px; } .subnav-see-also-content { display: flex; flex-flow: column nowrap; margin-top: 15px; height: fit-content; justify-content: space-between; width: 105px; } @media only screen and (device-width: 768px) { .subnav-see-also-content { height: 40px; } } .subnav-most { width: 60% } .subnav-most-content{ display: flex; flex-flow: row wrap; height: 80%; margin-top: 20px; width: 430px; } .subnav-most-content > div { flex-basis: 81px; height: 55px; width: 96px; margin-right: 41px; margin-bottom: 15px; display: flex; flex-flow: column wrap; align-items: center; } .subnav-most-content > div a { width: 100%; height: 100%; } .subnav-most-content > div > a > div{ width: 100%; height: 70%; background-size: 650px; } .subnav-eyeglasses .subnav-most-content > div > a > div, .subnav-sunglasses .subnav-most-content > div> a > div, .subnav-contact-lenses .subnav-most-content > div> a > div{ display: flex; width: 81px; height: 37px; overflow: hidden; position: relative; left: 4px; } .subnav-eyeglasses .subnav-most-content > div > a > div >img, .subnav-sunglasses .subnav-most-content > div> a > div >img, .subnav-contact-lenses .subnav-most-content > div> a > div >img{ position: absolute; width: 673px; height: auto; } .subnav-eyeglasses .subnav-most-content > div:first-child > a > div > img{ left: -240px; top: -129px; width: 568px; } .subnav-eyeglasses .subnav-most-content > div:nth-child(2) > a > div > img{ left: -573px; top: -230px; } .subnav-eyeglasses .subnav-most-content > div:nth-child(3) > a > div > img{ left: -573px; top: -273px; } @media only screen and (device-width: 768px) { .subnav-eyeglasses .subnav-most-content > div:nth-child(3) > a > div > img{ left: -573px; top: -273px; } } .subnav-eyeglasses .subnav-most-content > div:nth-child(4) > a > div > img{ left: -20px; top: -154px; } .subnav-eyeglasses .subnav-most-content > div:nth-child(5) > a > div > img{ left: -150px; top: -154px; } .subnav-eyeglasses .subnav-most-content > div:nth-child(6) > a > div > img{ left: -150px; top: -110px; } .subnav-sunglasses .subnav-most-content > div:first-child > a > div > img{ left: -291px; top: -109px; } .subnav-sunglasses .subnav-most-content > div:nth-child(2) > a > div > img{ left: -240px; top: -129px; width: 568px; } .subnav-sunglasses .subnav-most-content > div:nth-child(3) > a > div > img{ left: -151px; top: -107px; } @media only screen and (device-width: 768px) { .subnav-sunglasses .subnav-most-content > div:nth-child(3) > a > div > img{ left: 196px; top: 71px; } } .subnav-sunglasses .subnav-most-content > div:nth-child(4) > a > div > img{ left: -21px; top: -155px; } .subnav-sunglasses .subnav-most-content > div:nth-child(5) > a > div > img{ left: -151px; top: -156px; } .subnav-sunglasses .subnav-most-content > div:nth-child(6) > a > div > img { left: -21px; top: -109px; } .subnav-brand-content a > div > img{ width: 116px; height: 85px; } .subnav-most-content > div > a > p{ font-family: FuturaBQBook; font-size: 14px; letter-spacing: 0.5px; color: #5a5a5a; height: 20%; text-transform: capitalize; text-align: center; } .subnav-eyeglasses .sep, .subnav-sunglasses .sep, .subnav-contact-lenses .sep, .subnav-contact-lenses .sep-alto { position: relative; background-color: #f8f8f8; width: 80px; height: 49px; margin-bottom: 10px; margin-left: 11px; } .subnav-contact-lenses .subnav-block1 .sep-alto { right: 165px; top: 24px; margin-bottom: 0; position: absolute; width: 44px; height: 56px; } .subnav-contact-lenses .subnav-block1 .sep { right: 166px; bottom: 0; margin-bottom: 0; position: absolute; width: 44px; height: 44px; } .subnav-brand-content{ display: flex; flex-flow: row nowrap; margin: auto; height: 137px; box-sizing: border-box; width: 896px; justify-content: space-between; border-bottom: 1px solid #cac9c6; padding-bottom: 0px; margin-bottom: 0; margin-top: 0; align-items: center; } .subnav-brand-content > a{ width: 116px; height: 83px; overflow: hidden; position: relative; } .subnav-brand-content > a:hover{ border-bottom: 2px solid black; height: 81px; box-sizing: content-box; position: relative; } .subnav-brand-content > a > img{ width: 116px; height: auto; position: absolute; } .subnav-brand-content > a:first-child > img, .subnav-brand-content > a:nth-child(2) > img{ width: 180px; left: -24px; } .subnav-brand-content > a:nth-child(3) > img{ width: 119px; left: 6px } .subnav-brand-content > a:nth-child(4) > img{ width: 119px; top: 10px; left: 6px; } .subnav-brand-content > a:nth-child(5) > img{ width: 139px; top: 10px; left: -5px; } .subnav-brand-content > a:nth-child(6) > img{ width: 109px; top: 25px; left: 10px; } .subnav-brand .subnav-block2, .subnav-trend .subnav-block2 { height: 39px; width: 896px; display: flex; flex-flow: row nowrap; margin: auto; margin-top: 0; margin-bottom: 0; align-items: center; justify-content: flex-end; } .subnav-trend .subnav-block2{ align-items: center; margin: auto; width: 896px; } .subnav-trend { height: 301px!important; } .subnav-trend-content{ display: flex; flex-flow: row wrap; margin-left: 20px; justify-content: center; margin: auto; width: 896px; border-bottom: 1px solid #cac9c6; padding-bottom: 10px; margin-top: 25px; /* overflow: hidden; */ border-radius: 2px; } .subnav-trend-content > div{ width: 273px; height: 90px; background-color: white; margin-right: 35px; margin-bottom: 30px; position: relative; border-radius: 2px; box-shadow: 1px 2px 3px 0 #cac9c6; border: solid 1px #cac9c6; } .subnav-trend-content > div:nth-child(3n){ margin-right:0; } .subnav-trend-content > div > img{ width: 90px; height: auto; } .subnav-trend-content > div:nth-child(3) > img , .subnav-trend-content > div:nth-child(6) > img{ position: absolute; right: 0; } .subnav-trend-content > div >h2{ position: absolute; top: 15px; right: 25px; font-size: 20px; } .subnav-trend-content > div:nth-child(3n) >h2{ right: auto; left: 25px; } .subnav-trend-content > div >a{ position: absolute; bottom: 10px; right: 25px; font-family: FuturaBQBook; font-size: 14px; font-weight: 500; letter-spacing: 0.3px; color: #1f1f1f; } .subnav-trend-content > div:nth-child(3n) >a{ right: auto; left: 25px; } .subnav-exam{ position: absolute; width: 278px; height: 222px!important; /* left: -9vw; */ display: flex; flex-flow: column nowrap; align-items: center; } .subnav-exam-button{ height: 32%; width: 80%; border-bottom: 1px solid #cac9c6; display: flex; align-items: center; justify-content: center; } .subnav-exam-button > div { width: 230px; height: 40px; border-radius: 3px; background-color: #326fa8; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; margin-bottom: 5px; } .subnav-exam-button > div > div { background-image:url('../images/schedule_chart.png'); background-position: center; background-repeat: no-repeat; background-size: 24px; width: 24px; height: 24px; } .subnav-exam-button > div > a { font-family: FuturaBQBook!important; font-size: 13px!important; font-weight: bold!important; letter-spacing: 0.5px; color: #ffffff!important; height: 24px; line-height: 2.4; margin-left: 10px; } .subnav-exam-links, .subnav-savings-links{ display: flex; flex-flow: column nowrap; height: 50%; width: 80%; justify-content: space-around; margin-top: 11px; } .subnav-exam-links { height: 110px; } .subnav-exam-links > a, .subnav-savings-links > a{ font-family: FuturaBQBook!important; font-size: 13px!important; font-weight: 500!important; letter-spacing: 0.5px!important; color: #5a5a5a!important; width: fit-content!important; text-transform: capitalize!important; } .subnav-savings { height: 101.8px!important; position: absolute; display: flex; justify-content: center; align-items: center; width: 205px; } .subnav-savings-links { height: 47%; margin-top: 0; justify-content: space-between; } .subnav-savings-links #link-offers, .subnav-savings-links #link-insurance { text-transform: capitalize!important; } #insurance-header-link { list-style-type: none; padding-right: 5px; } /* div#autoSuggest_content_div { display: flex; flex-flow: column; } */ /* Checkbox */ .control-checkbox { font-size: 18px; position: relative; display: block; cursor: pointer; font-family: FuturaBQMedium; font-size: 12px; font-weight: 500; letter-spacing: 0.5px; color: #5a5a5a; left: 24px; height: 20px; margin-bottom: 10px; } .age-check label{ font-size: 18px; position: relative; display: block; cursor: pointer; font-family: FuturaBQMedium; font-size: 12px; font-weight: 500; letter-spacing: 0.5px; color: #5a5a5a; left: 5px; height: 20px; margin-bottom: 10px; } .control-checkbox input[type="checkbox"] { position: absolute; /*z-index: -1; opacity: 0;*/ /*accessibility fix*/ z-index: 1; opacity: 1; clip: rect(0,0,0,0); } .control-checkbox input[type="checkbox"]:focus + .control_indicator { border-color: #326fa8 !important; -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.3); box-shadow: 0 0 2px 0 rgba(0,0,0,0.3); } .control-checkbox span { font-family: FuturaBQBook; margin-left: 5px; } .control-checkbox .control_indicator{ position: relative; top: -17px; left: -24px; width: 14px; height: 14px; border: 1px solid #999999; border-radius: 3px; opacity: 1; margin-left: 0!important; } .age-check label .control_indicator { position: relative; top: -17px; left: -24px; width: 14px; height: 14px; border: 1px solid #999999; border-radius: 3px; opacity: 1; margin-left: 0!important; } /* Disabled state */ .control-checkbox input[type="checkbox"]:disabled ~ .control_indicator { pointer-events: none; border: 1px solid #999999; border-radius: 3px; opacity: 0.3; } /* Check mark */ .control-checkbox .control_indicator:after { position: relative; display: none; content: ''; } /* Checkbox tick */ .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: 14px; height: 14px; left: 3px; } .pagination-compare-sort { height: 48px; margin: 0 0 40px; width: 738px; position: relative; display: flex; align-items: flex-end; } .pagination-compare-sort.bottom { display: block; } .pagination-compare-sort .sort-by { margin: 0 25px 0 0; display: inline-block; } .pagination-compare-sort .view-by { display: inline-block; float: none; } .pagination-compare-sort .custom-select { background: white; border: 1px solid #7daed3; border-radius: 2px; display: inline-block; min-width: 133px; overflow: hidden; padding: 0 0; position: relative; } .pagination-compare-sort .custom-select select:focus{ text-decoration:underline; } .pagination-compare-sort .view-by .custom-select { min-width: 59px; } .pagination-compare-sort .custom-select select { -webkit-appearance: none; -moz-appearance: none; font-family: FuturaBQBook!important; background: transparent; border: none; color: #5a5a5a; font-size: 13px; height: 30px; position: relative; text-transform: none; width: 100%; z-index: 2; line-height: 1; padding-left: 10px; padding-right: 23px; } .pagination-compare-sort .custom-select:after { content: '\25bc'; background: transparent; display: inline-block; height: 30px; padding: 0; position: absolute; right: 3px; top: 0px; width: 24px; z-index: 1; font-size: 10px; color: #326fa8; text-align: center; line-height: 30px; transform: scaleX(1.7) scale(0.8); } .pagination-compare-sort label { display: flex; font-family: FuturaBQBook; font-size: 11px; font-weight: normal; margin-bottom: 3px; flex-flow: column; } .pagination-compare-sort .view-switcher { position: absolute; right: 0; bottom: 0; } #catalog_wrapper_box{ display: flex; flex-flow: row nowrap; width: 960px; height: auto; margin: 0 auto; } .prescription-filter { margin-right: 24px; background-color: #f8f8f8; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } .prescription-filter .prescription-title { font-family: FuturaBQMedium; font-size: 18px; } .prescription-filter .prescription-subtitle { font-family: FuturaBQLight; font-size: 14px; color: #333333; margin-top: 5px; } .prescription-filter .prescription-info { background-image: -webkit-image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/info-img.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/info-img@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/info-img@3x.png) 3x); background-image: image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/info-img.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/info-img@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/info-img@3x.png) 3x); background-repeat: no-repeat; height: 16px; background-size: 15px 15px; } .prescription-filter .prescription-info .tooltiptext { visibility: hidden; width: 230px; background-color: #ffffff; text-align: center; border-radius: 6px; padding: 10px; border: solid 1px #979797; /* Position the tooltip */ position: absolute; z-index: 1; top: -10px; margin-left: -90px; } .prescription-filter .prescription-info:hover .tooltiptext { visibility: visible; } .prescription-subtitle-bottom { font-family: FuturaBQLight; font-size: 13px; color: #666666; } .prescription-form-table { margin-top: 15px; } .prescription-select { width: 75px; height: 30px; } .prescription-form-row-title, .prescription-form-row { display: flex; flex-direction: row; margin-bottom: 10px; align-items: center; } .prescription-form-column { font-family: FuturaBQBook; font-size: 15px; color: #5a5a5a; width: 88px; justify-content: center; display: flex; } .prescription-form-div-button { text-align: center; } .prescription-form-button { background-color: #326fa8; color: white; border: none; height: 40px; width: 172px; margin-left: 16px; margin-bottom: 15px; font-family: FuturaBQBook; font-size: 14px; } .prescription-form-button-clear { background-color: transparent; color: #333333; font-family: FuturaBQLight; font-size: 14px; height: 40px; width: 190px; margin-bottom: 5px; } .prescription-table-confirm { margin-top: 15px; margin-left: 15px; } .confirm-prescription.prescription-form-column-title { font-family: FuturaBQBook; } .confirm-prescription.prescription-form-column { font-family: 'FuturaBQLight'; font-style: oblique; font-size: 15px; } .errorEmpty { font-family: FuturaBQBook; font-size: 14px; color: #d0021b; margin-bottom: 15px; } .error-empty .prescription-select-value { border-color: red; border-width: 2px; } .prescription-text-light { font-family: FuturaBQLight; font-size: 15px; color: #5a5a5a; } .prescription-form-column-title { font-family: FuturaBQLight; font-size: 15px; color: #5a5a5a; width: 20px; margin-right: 5px; } .faceted_search_sidebar { flex: 0 0 auto; width: 228px; margin-right: 24px; background-color: #F8F8F8; padding: 20px 10px; margin-top: 16px; box-sizing: border-box; display: flex; flex-flow: column; } .faceted_search_sidebar .control { margin: 0 0 10px 0; } #compare_top_container { position: absolute; width: 105px; height: 100%; top: 0; left: 756px; display: flex; flex-direction: column; } #compare_top_container .compare-container { position: relative; flex: 1 0 auto; } #compare_top_container .compare-container #compare { position: absolute; right: 0; left: 0; bottom: 25px; } #compare_top_container .compare-container .empty_compare_zone, #compare_top_container .compare-container .compare_products_button { border-radius: 3px !important; background-color: #326fa8 !important; padding: 10px 15px !important; width: auto !important; cursor: pointer; } #compare_top_container a#top { width: 40px; height: 40px; border-radius: 3px; background-color: #ffffff; border: 1px solid #326fa8; margin: 0 auto; line-height: 42px; } #compare_top_container a#top:after { content: '\203A'; font-size: 30px; text-align: center; display: block; transform: scaleX(1.2) rotateZ(-90deg); transform-origin: 18px; } a.clear-all-filters { margin-bottom: 30px; display: inline-block; letter-spacing: 0.5px; font-family: FuturaBQBook; font-size: 13px; font-weight: bold; } .filter-container { margin-bottom: 30px; } .filter-container .filter-title, .filter-container .filter-title span { font-family: FuturaBQBold; font-size: 13px; text-transform: uppercase; color: #5a5a5a; cursor: pointer; } .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: '+'; font-family: FuturaBQBold; font-size: 18px; color: #326fa8; float: right; line-height: 10px; } .filter-container .filter-options { margin: 15px 10px; } .filter-container .filter-options .control-checkbox { width: 92%; display: table; margin-bottom: 0; } .filter-container .filter-options .control-checkbox:focus-within { text-decoration:underline; } #color_filter.filter-container .filter-options { margin: 15px 0; } .filter-options .label_check { display: block; background-size: contain; width: 15px; height: 15px; } #Search_Forms_div ul.st-tabs.results-tabs { margin: 25px auto; text-align: center; display: flex; } #Search_Forms_div ul.st-tabs.results-tabs li { flex: 1 1 auto; } #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: 24px; } #Search_Forms_div ul.st-tabs.results-tabs li a { border: 1px solid #326fa8; border-radius: 5px; background-color: #FFFFFF; padding: 15px 20px; text-align: left; letter-spacing: 0.5px; color: #326fa8; box-sizing: border-box; } #Search_Forms_div ul.st-tabs.results-tabs li a span { float: right; font-weight: bold!important; } #Search_Forms_div ul.st-tabs.results-tabs li a.selected { border: 2px solid #326fa8; background-color: #e9f4ff; font-weight: bold!important; } #Search_Forms_div ul.st-tabs.results-tabs li a.selected: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); background-repeat: no-repeat; border: 0; } .category-header { margin: 30px auto; width: 990px; display: flex; align-items: baseline; letter-spacing: 0.5px; } .category-header.perk-category { display: flex; flex-flow: column; align-items: center; } .category-header.perk-category > p { font-family: FuturaBQBook; font-size: 14px; font-weight: bold; letter-spacing: 1px; color: #3f2a2e; } .category-header.perk-category > h1 { font-family: FuturaBQBold; font-size: 30px; font-weight: bold; color: #3f2a2e; } .category-header.perk-category > a { background-color: white!important; width: 100px; } .category-header h1 { font-family: FuturaBQLight; font-size: 30px; flex: 1 0 auto; color: #5a5a5a; } .category-header .num-results { font-family: FuturaBQBook; font-weight: bold; font-size: 15px; color: #5a5a5a; } #Search_Forms_div .num-results.empty-key{ font-family: FuturaBQBook; font-weight: bold; font-size: 15px; color: #5a5a5a; position: absolute; right: 0; bottom: 2px; } .hp-zone-wrapper{ display: flex; flex-flow: column; height: 100%; width: 100%; margin: 0 auto; align-items: center; font-family: FuturaBQBook; letter-spacing: 0.5px; color: #4a4a4a; } .hp-zone-wrapper h2 { font-size: 20px; font-weight: bold; color: #5a5a5a; letter-spacing: 0.5px !important; } .hp-zone-wrapper .schedule-exam { height: 100%; display: flex; flex-flow: column; justify-content: space-around; align-items: center; padding-bottom: 20px; } .hp-zone-wrapper .schedule-exam h2{ color: #326fa8; font-size: 17px; align-self: center; margin-left: 35px; position: relative; top: -10px; } .hp-zone-wrapper .schedule-exam h2:before { content: " "; display: block; width: 36.4px; height: 30px; position: relative; left: -53px; top: 23px; margin-left: 10px; background: url("../images/schedule_chart_orange.png") center no-repeat; background-size: 120%; filter: hue-rotate(180deg) brightness(0.8); } .hp-zone-wrapper p{ font-size: 15px; font-weight: 500; line-height: 1.33; margin-top: 10px; margin-bottom: 20px; text-align: center; } .hp-zone-wrapper a{ font-size: 20px; font-weight: 500; color: #4a4a4a; } .hp-zone-wrapper a.button{ font-size: 15px; font-weight: bold; width: 145px!important; height: 40px; border-radius: 3px; background-color: #326fa8; color: white!important; text-align: center; line-height: 2.5; box-sizing: content-box; letter-spacing: 0.5px; } .hp-zone-wrapper a.button.button-car{ padding: 10px; margin-right: 14px; } .hp-zone-wrapper input[type='submit'] { font-size: 15px; font-weight: bold; width: 80px; height: 25px; border-radius: 3px; background-color: #326fa8; color: white!important; text-align: center; line-height: 0.5; box-sizing: content-box!important; } .hp-zone-wrapper input[type='text'] { width: 158px; height: 35px; border-radius: 2px; background-color: #ffffff; border: solid 1px #999999; font-size: 13px; font-weight: 500; color: #999999; padding: 10px; box-sizing: border-box; } .hp-zone-wrapper .hp-zone1{ height: 442px; width: 1030px; background-color: white; display: flex; justify-content: center; margin-bottom: 69px; margin-left: 3vw; } @media (min-width: 1400px) { .hp-zone-wrapper .hp-zone1{ margin-left: 2vw; } } .hp-zone-wrapper .hp-zone1 .owl-wrapper > .owl-item { -webkit-backface-visibility: hidden; opacity: 0.4; transition: opacity 1s ease-out; } .hp-zone-wrapper .hp-zone1 .owl-controls { position: relative; } .hp-zone-wrapper .hp-zone1 .carousel-content { display: flex; flex-flow: column; align-items: center; justify-content: center; background-color: white; width: 990px; } .hp-zone-wrapper .hp-zone234{ width: 990px; justify-content: space-between; display: flex; flex-flow: row; margin-bottom: 40px; } .hp-zone-wrapper .hp-zone2, .hp-zone-wrapper .hp-zone3, .hp-zone-wrapper .hp-zone4 { width: 313px; height: 100%; background-color: lightgrey; } .hp-zone-wrapper .hp-zone2 { background-color: #e9f4ff; display: flex; flex-flow: column; } .hp-zone-wrapper .hp-zone4 { display: flex; justify-content: flex-end; align-items: flex-end; padding-bottom: 20px; padding-right: 25px; box-sizing: border-box; } .hp-zone-wrapper .hp-zone56{ width: 990px; justify-content: space-between; display: flex; flex-flow: row; margin-bottom: 40px; } .hp-zone-wrapper .hp-zone5, .hp-zone-wrapper .hp-zone6 { width: 482px; background-color: lightgrey; } .hp-zone-wrapper .hp-zone78{ width: 990px; justify-content: space-between; display: flex; flex-flow: row; margin-bottom: 40px; } .hp-zone-wrapper .hp-zone7, .hp-zone-wrapper .hp-zone8 { width: 482px; display: flex; justify-content: center; align-items: center; } .hp-zone-wrapper .hp-zone5, .hp-zone-wrapper .hp-zone6 { display: flex; flex-flow: column; } .hp-zone-wrapper .hp-zone5 > div:first-child, .hp-zone-wrapper .hp-zone6 > div:first-child { width: 100%; } .hp-zone-wrapper .hp-zone5>div:nth-child(2), .hp-zone-wrapper .hp-zone6 > div:nth-child(2){ width: 100%; background-color: white; display: flex; flex-flow: column; justify-content: center; align-items: center; } .hp-zone-wrapper .owl-pagination > div { border: 1px solid #4d8eca; border-radius: 50%; display: inline-block; height: 10px; margin: 19px 6px 0; vertical-align: middle; width: 10px; } .hp-zone-wrapper .owl-pagination > div.active { background: #4d8eca; } .hp-zone-wrapper .car-img-margin{ background-color: white; height: 310px; width: 40px; } .hp-zone-wrapper .img-wrapper{ display: flex; flex-flow: row; } .hp-zone-wrapper .owl-prev{ background: #ffffff!important; display: inline-block; margin: 0 1em 1em 0!important; height: 52px!important; width: 26px!important; border-bottom-right-radius: 52px!important; border-top-right-radius: 52px!important; position: relative!important; top: -350px!important; left: -489px!important; background-image: url(../images/brands-carousel-arrow-left.png)!important; background-repeat: no-repeat!important; background-position: 3px 14px!important; padding: 0!important; font-size: 0!important; } .hp-zone-wrapper .owl-next{ background: #ffffff!important; display: inline-block; margin: 0 1em 1em 0!important; height: 52px!important; width: 26px!important; border-bottom-left-radius: 52px!important; border-top-left-radius: 52px!important; position: relative!important; top: -350px!important; left: 454px!important; background-image: url(../images/brands-carousel-arrow-right.png)!important; background-repeat: no-repeat!important; background-position: 8px 14px!important; padding: 0!important; font-size: 0!important; } .hp-zone-wrapper .owl-wrapper { transform: translate3d(0px, 0px, 0px); transition: transform; } .hp-zone-wrapper .owl-page { text-align: center; -webkit-tap-highlight-color: transparent; display: inline-block; zoom: 1; *display: inline; width: 10px; height: 10px; margin: 5px 7px; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .hp-zone-wrapper .owl-page.active { background: #869791; } /* .hp-zone-wrapper .owl-carousel .owl-wrapper-outer { overflow: visible!important; width: 990px!important; } */ .hp-zone-wrapper .owl-wrapper>.owl-item.center { opacity: 1; } /* Info icon */ .info-icon { position: relative; display: inline-flex; align-items: center; width: 12px; height: 12px; background-image: url(../images/info-ico.png); background-repeat: no-repeat; vertical-align: middle; margin-left: 3px; } .lens-selection-modal-page .material-info .info-icon { background-image: url(../images/info-ico-pdp-lens.png); top: -3px; display: inline-flex; justify-content: center; width: 12px; align-items: center; height: 12px; background-repeat: no-repeat; vertical-align: middle; } /* Callout */ .callout { position: absolute; display: none; background-color: white; width: 247px; border: 1px solid #979797; border-radius: 5px; padding: 15px; box-sizing: border-box; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); /* top: -55px; */ left: 24px; z-index: 2; } .lens-selection-modal-page .material-info .callout { position: absolute!important; display: none; background-color: white; width: 247px; border: 1px solid #979797; border-radius: 5px; padding: 15px; box-sizing: border-box; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); /* top: -540%; */ left: 24px; z-index: 2; margin-right: 0!important; } .callout-arrow{ display: none; } .lens-selection-modal-page .material-info .callout { padding-top: 0; padding-bottom: 0; } .callout .callout-content { display: table; flex-direction: column; /* padding: 0px; */ /* margin: 0px; */ /* padding: 0px; */ } .callout .callout-content h3, .callout .callout-content p { font-family: FuturaBQBook; font-size: 13px; letter-spacing: 0.5px; text-align: left; color: #1f1f1f; } .callout .callout-content h3 { font-weight: bold; /* margin-bottom: 10px; */ } .callout .callout-content p { height: 100%; overflow: hidden; } .callout-arrow:after, .callout-arrow:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .callout-arrow:after { border-color: rgba(255, 255, 255, 0); border-right-color: #FFFFFF; border-left: white; border-width: 8px; margin-top: -8px; } .lens-selection-modal-page .callout-arrow:after{ left: -7px; } .callout-arrow:before { border-color: rgba(151, 151, 151, 0); border-right-color: #979797; border-width: 9px; margin-top: -9px; } .info-icon:hover .callout { display: table; } .info-icon:hover .callout-arrow { display: block; } /* Price slider */ #price-slider-container { font-family: FuturaBQBook; font-size: 12px; font-weight: bold; color: #222222; } #price-slider.ui-slider { height: 13px; display: block; background-color: white; 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: inherit; border-radius: inherit; z-index: 0; } #price-slider.ui-slider .ui-slider-handle { position: absolute; background-color: white; width: 13px; height: inherit; border-radius: 50%; border: 4px solid #7daed3; box-sizing: border-box; z-index: 1; } #price-slider.ui-slider .ui-slider-handle:last-of-type { margin-left: -13px; } #price-slider-min { display: inline-block; } #price-slider-max { display: inline-block; float: right; } .carousel-box-placeholder-start { width: 1030px; height: 441px; opacity: 0.4; display: inline-flex; position: absolute; left: -1030px; top: 0; margin-left: 0!important; } .carousel-box-placeholder { width: 1030px; height: 441px; opacity: 0.4; display: flex; position: relative; left: 0; top: 0; margin-left: 0!important; } .hp-zone1 .owl-carousel .owl-wrapper:after { display: none; clear: none; } [id^=addToWishListLinkAjax_]{ font-size: 0!important; } .lens-selection-modal { display: none; height: auto; line-height: 1.6; top: 26px; text-align: center; left: 50%; /* transform: translate(-50%); */ -ms-transform: translate(-50%); -webkit-transform: translate(-50%); } .lens-selection-modal.ui-dialog { padding: 0; border-radius: 3px; border: 0; box-shadow: 0 0 0 0; } .lens-selection-modal hr { border-color: #d5d5d5; border-style: solid; } .lens-selection-modal h2 { font-size: 18px; letter-spacing: 0.5px; margin-top: 6.5px; text-align: left; /* margin-bottom: 25px; */ margin-left: 30px; } h2.ehn-title{ font-size: 20px; letter-spacing: 0.5px; text-align: left; } .lens-selection-modal h3 { font-size: 13px; } .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: FuturaBQBook; text-decoration: underline; font-size: 20px; letter-spacing: 0.7px; padding: 26px 0 6.5px; } .lens-selection-modal .ui-dialog-titlebar-close { position: absolute; top: 26px; right: 26px; color: transparent!important; font-weight: bold; } .lens-selection-modal .ui-dialog-titlebar-close .ui-icon::after { display: none; } .lens-selection-modal .ui-dialog-titlebar-close::before { content: ' x'; background-image: url("../images/x.png"); width: 25px; height: 25px; position: absolute; background-repeat: no-repeat; margin-right: 3px; vertical-align: middle; } .lens-selection-modal .price span { font-weight: bold; float: right; } .tab-panes { width: 100%; } .tab-pane > div { display: -ms-flexbox; display: flex; flex-flow: wrap; -ms-flex-pack: center; justify-content: flex-start; margin: 0px 13px; } .lens-container { font-size: 14px; display: flex; flex-flow: column; } .lens-container .modal-description { padding: 0 100px; margin: 26px auto; max-width: 1040px; } .lens-container > ul { font-weight: bold; /* text-transform: uppercase; */ /* text-align: left; */ /* width: 82%; */ display: -ms-flexbox; display: flex; -ms-flex-pack: center; /* justify-content: center; */ border-bottom: 1px solid #d5d5d5; /* background-color: #f7f6f7; */ margin: 10px 26px; padding-bottom: 20px; } .lens-container > ul li { background-color: #d5d5d5; border-left: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; display: inherit; } .lens-container > ul li:last-of-type { border-right: 1px solid #d5d5d5; } .lens-container > ul li a { display: block; padding: 13px 28px; color: #3f2a2e; font-size: 16px; font-family: FuturaBQBold, Arial, Helvetica, sans-serif; } .lens-container > ul li a.active { background-color: #ffffff; } .select-lens-type { position: relative; margin-top: 25px!important; width: 229px; padding: 13px 20px; margin: 0 13px; border: solid 2px #7daed3; text-align: left; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; } .select-lens-type:hover { border: solid 2px #326fa8; } .select-lens-type.active { border: solid 2px #326fa8; } .select-lens-type.active:after { content: ''; background: url(../assets/lc2_sprite.gif); background-size: 539px; background-color: white; width: 26.3px; height: 26.3px; background-position: 1248px 271px; display: block; position: absolute; top: -10px; left: 94%; } .select-lens-type div .select-lens-type-price { border-bottom: 1px solid #d5d5d5; padding-bottom: 13px; font-size: 16px; font-weight: bold; font-family: FuturaBQBook, Arial, Helvetica, sans-serif; } .select-lens-type h4 { font-weight: bold; text-transform: none; color: #3f2a2e; } .select-lens-type ul { padding: 13px 0; } .select-lens-type long-description { padding: 13px 0; } .select-lens-type li { line-height: 1.6 !important; color: #3f2a2e; font-size: 15px; } .select-lens-type li::before { content: '-'; margin-right: 6px; } .select-lens-type input[type=radio] { position: absolute; left: -9999px; width: 229px; background-color: transparent; } .select-lens-type input[type=radio] + label { cursor: pointer; position: absolute; z-index: 99999999999; top: 0; left: 0px; height: 100%; width: 100%; background-color: transparent; } .select-lens-type input[type=radio] + label:hover { background-color: transparent; } .select-lens-type input[type=radio] + label span { display: none; } .focusmove { outline: none; box-shadow: 0px 0px 2px 4px #94c1db; } .select-lens-type input[type=radio]:checked:not(.rx-lens-choice) + label { background: #A65100; } .lens-selection-modal-page.lens-options.redesign2017 .lens-container .tab-panes .select-lens-type input[type=radio]:checked + label { padding-right: 25px; } .select-lens-type input[type=radio]:checked + label:before { content: " "; display: inline-block; vertical-align: middle; background: url(../assets/check.png) no-repeat; background-size: 16px; width: 24px; height: 22px; } .lens-selection-modal .label_radio span:not(.small):not(.text):before { content: ''; float: left; width: 13px; height: 13px; border-radius: 100px; background-color: #ffffff; border: solid 1px #999999; background: none !important; margin-right: 15px; } .lens-selection-modal .label_radio input[type="radio"]:checked + span:before { content: ''; background: url(../assets/lc2_sprite.gif); background-position: -68px -50px!important; background-size: 400px!important; } .lens-type-selection-container .label_radio input[type="radio"]:checked + span::after { content: ''; width: 7px; height: 7px; border-radius: 100px; background-color: #326fa8; display: inline-block; position: absolute; top: 9px; left: 4px; } .lens-type-selection-container{ /* margin-left: 30px; */ /* margin: 52px 14px; */ /* margin-bottom: 40px; */ /* margin-right: 0px; */ /* width: 100%; */ margin-left: 30px; margin-top: 20px; margin-bottom: 20px; } .lens-type-selection-container .lens-type-label{ font-family: FuturaBQBold !important; text-transform: uppercase; } .lens-type-selection-container .lens-type-label div:nth-child(2){ text-transform: lowercase; } .lens-type-selection-container .lens-type-label div{ font-family: FuturaBQBold !important; } .lens-type-selection-container .lens-type-label{ display: table; /* padding: 5px 0 0 0 !important; */ width: 99%; } .lens-type-selection-container .lens-type-description{ font-family: FuturaBQMedium; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #5a5a5a; margin-top:5px; margin-left: 30px; } .lens-type-selection-container .lens-type-label div{ display: table-cell !important; float: none !important; /* margin: 18px 1px !important; */ } .lens-type-selection-container .lens-type-label div + div { text-align: right !important; width: 16%; vertical-align: bottom; padding-left: 0.5em; font-size: 15px; font-style: normal; font-stretch: normal; line-height: normal; /* text-align: right !important; */ color: #1f1f1f; /* display: block; */ /* margin: 0; */ } .modal-nav-disclaimer{ content:'We will take care of your prescription (if applicable) once you''ve completed your check-out.'; font-family: FuturaBQMedium; font-size: 13px; font-weight: 500; color: #5a5a5a; /* margin-right: -50px; */ position: relative; top: 10px; text-align: right; } .lens-type-selection-container .lens-type-label div:first-child{ position: relative; overflow: hidden; text-align: left; padding-top: 5px; } .lens-type-selection-container .lens-type-label div:first-child:after { content: ""; position: absolute; bottom: 4px; margin-left: 0.5em; width: 100%; border-bottom: 1px solid #999999; display: inline-block; } .add-ons .lens-container > div .add-ons-image { border: 1px solid #d5d5d5; height: 156px; width: 256px; position: relative; } .screenreader-only { left: -9999px; position: absolute; } .add-ons .lens-container .label_check { font-size: 16px; } .add-ons .lens-container .label_check span { margin: 0; float: none; } .add-ons .lens-container .label_check.blue { background: none; width: 24px; height: 24px; cursor: pointer; } .add-ons .lens-container { text-align: left; } .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; } .add-ons .lens-container .description,.add-ons .lens-container .lens-price { padding-left: 31px; } .add-ons .lens-container .label_check input, .add-ons .lens-container .label_radio input { position: static; margin: 3px 3px 3px 3px; } form.lc2 .label_radio span { display:block; font-family: FuturaBQMedium !Important; } form.lc2 .label_radio span::first-letter{ text-transform: uppercase !important; } /*.select-lens-type input[type=radio]:checked + label span { display: block; }*/ .row-color-enhancment { /* display: flex; */ padding: 20px; } .lens-options-row { margin: 0; padding-bottom: 6.5px; /* border-bottom: 1px solid #d5d5d5; */ /* width: 92%; */ display: flex; flex-flow: column; } .lens-color > h2 { text-align: left; font-size: 20px; margin-bottom: 45px; } .lens-options-row.add-ons { border: none; } .lens-option-thumbnail { max-width: 50px; align-self: center; } .lens-color-actual,.lens-color-default,.add-ons .lens-container { display: -ms-flexbox; display: table-cell; -ms-flex-pack: center; justify-content: center; padding: 13px; -ms-flex-wrap: wrap; flex-wrap: unset; justify-content: flex-start; text-align: center; } .lens-color-actual > div,.lens-color-default > div,.add-ons .lens-container > div { margin: 13px; display: flex!Important; height: 150px; /* flex-flow: row wrap; */ } .add-ons .lens-container > div { margin-bottom: 60px; } .lens-color-actual span.required,.lens-color-default span.required { width: 100%; } .lens-color-actual > .tab-colors-pane > div,.lens-color-default > div { padding-left: 15px; padding-right: 15px; padding-top: 30px; padding-bottom: 30px; border-radius: 3px; border: solid 2px #7daed3; margin-right: 30px; margin-bottom: 30px; box-sizing: border-box; position: relative; } .tab-colors-pane .lens-holder{ /* display:block; */ width:235px; height: 165px; display: inline-block; } .tab-colors-pane{ text-align: center; width: 100%; display: block !important; } .lens-holder.check-row span { text-transform: lowercase!important; } .lens-holder.check-row span::first-letter { text-transform: uppercase!important; } .lens-color-actual > div.active,.lens-color-default > div.active { /* background-color: #e5f6ed; */ } .lens-color-actual > div img,.lens-color-default > div img { width: 200px; display: block; } .lens-color-actual > div .label_radio,.lens-color-default > div .label_radio { font-size: 18px; margin: 13px 0; width: auto !important; text-transform: capitalize; font-family: FuturaBQBook; } .lens-color-actual > div .label_radio span,.lens-color-default > div .label_radio span { font-family: FuturaBQBook; font-size: 18px; } .select-lens-type .final-price-container{ color: #2F8656 !important; /* font-weight: 600; */ font-family: FuturaBQMedium !important; } .select-lens-type .lens-price-container .insurance-price-label{ width: 70%; display: inline-block; color: #2F8656!important; } .select-lens-type .lens-price-container .insurance-price-label p, .select-lens-type .lens-price-container .insurance-price-label + span{ color: #2F8656 !important; } /*.select-lens-type .lens-price-container .price { font-weight: 500 !important; top: 0; } */ .select-lens-type .final-price-container span{ color: #2F8656 !important; font-weight: 500; font-family: FuturaBQMedium !important; } .lens-price-container{ /* border-top: solid 1px #cac9c6; */ padding-top: 6px; } .lens-modal-navigation{ width:100%; height:50px; text-align: left; margin-left: 25px; display: flex; align-items: center; } .lens-modal-navigation .step-nav{ display: inline-flex; align-items: center; font-family: FuturaBQMedium; font-size: 13px; /* width:135px */ margin-right: 5px; height: 25px; } .lens-modal-navigation .step1-nav .index-icon:before{ content: '1'; color: white; } .lens-modal-navigation .step2-nav .index-icon:before{ content: '2'; color: white; } .lens-modal-navigation .step3-nav .index-icon:before{ content: '3'; color: white; } .lens-modal-navigation .step-nav.done .index-icon::before{ content: ' '; background-image: url(../mobile20//assets/lc2_sprite.gif); -webkit-filter: brightness(0%) invert(1); -moz-filter: brightness(0%) invert(1); -ms-filter: brightness(0%) invert(1); -o-filter: brightness(0%) invert(1); /* filter: brightness(0%) invert(1); */ background-size: 523px; background-position: -384px -357px; width: 34px; height: 33px; position: absolute; -ms-transform: scale(0.5) translateX(-34px) translateY(-15px); transform: scale(0.5) translateX(-11px) translateY(-15px); display: block; } .lens-modal-navigation .step-nav .index-icon{ background-color: #999999; width: 25px; height: 25px; padding-top: 3px; color: white; border-radius: 25px; display: inline-block; margin-right: 5px; text-align: center; box-sizing: border-box; } .lens-modal-navigation .step-nav.current .index-icon, .lens-modal-navigation .step-nav.done .index-icon{ background-color: #326fa8; } .lens-modal-navigation .step-nav.done + .navigation-divider{ border-color: #326fa8; } .navigation-divider{ display: inline-block; width: 75px; height:1px; border-bottom: 2px solid #999999; top: 0; position: relative; margin-right: 5px; } .navigation-divider.done{ border-color: #326fa8; } .lens-holder.active{ border: solid 2px #326fa8 !important; border-radius: 3px; /* margin-right:12px; */ } .lens-holder.active::after{ content: ''; background-color:white; display: block; position: absolute; top: -10px; left: 213px; content: ''; background: url(../assets/lc2_sprite.gif); background-size: 539px; background-color: white; width: 26.3px; height: 26.3px; background-position: 1248px 271px; } a.active span::after { content: ''; width: 7px; height: 7px; border-radius: 100px; background-color: #326fa8; display: block; position: absolute; top: 4px; left: 4px; } .lens-container > ul> div{ /* width: 150px; */ margin-right: 30px; /* padding-top: 5px; */ display: block; position: relative; } .lens-container .lens-type-label span{ /* margin-left: 15px; */ font-size: 15px; font-family: FuturaBQMedium; font-weight: 500 !Important; letter-spacing: 0.5px; text-align: left; color: #1f1f1f; /* display: block; */ /* padding-top: 13px; */ } .lens-type-selection-container .lens-type-label div span{ font-size: 15px; font-family: FuturaBQBold !important; letter-spacing: 0.04em; } .lc-lens-enh-item { display: table !important; padding: 5px 0 0 0 !important; } .lc-lens-enh-item span{ display: table-cell !important; float: none !important; } .lc-lens-enh-item-container.not-compatible{ opacity:0.5; } .lc-lens-enh-item span:first-child{ position: relative; overflow: hidden; /* font-size: 15px; */ /* font-family: FuturaBQLight; */ /* letter-spacing: 0.04em; */ } .lc-lens-enh-item span:first-child:after { content: ""; position: absolute; bottom: 7px; margin-left: 0.5em; width: 100%; border-bottom: 1px solid #999999; } .old-full-enh-price{ /* position: relative; */ top: 0px; /* left: -1px; */ font-size: 14px; color: #9b9b9b !important; font-family: FuturaBQMedium !important; /* display: inline-block; */ /* float: right; */ /* display: table-cell !important; */ float: none !important; /* width: 96px; */ height: 10px; padding-right: 0px; padding-left: 0px; margin: 0px; } .lc-lens-enh-item span + span { text-align: right !important; /* width: 15%; */ vertical-align: bottom; padding-left: 0.5em; /* font-family: FuturaBQLight !important; */ /* font-size: 15px; */ font-style: normal; font-stretch: normal; line-height: normal; text-align: right; /* color: grey; */ } .enh-checkbox { position: relative; /* top: -17px; */ /* left: -28px; */ width: 15px; height: 15px; border: 1px solid #999999; border-radius: 3px; opacity: 1; /* margin-left: 0!important; */ display: inline-block; margin-right: 5px; top: 2px; } .enh-checkbox:after { position: relative; display: none; content: ''; } /* Checkbox tick */ input[name=enh]:checked ~ label .enh-checkbox:after { background-image: url("../images/checked.png"); background-repeat: no-repeat; background-size: 90%; position: relative; display: inline-block; width: 14px; height: 14px; left: 3px; } .lens-selection-modal-page, .lens-selection-modal-page-ria { padding: 25px; display: flex; flex-flow: column; } .right-nav.checkout #insurance-switch.insurance-on .switch-inner { position: relative; right: -15px; } #Search_Area_div3 { margin: 0 84px; } .search-content-result-title { margin: 0 30px auto auto; font-family: FuturaBQBold; font-size: 24px; color: #5a5a5a; float: left; text-transform: uppercase; } .search-content-result-holder { padding: 0 0 40px; width: 580px; float: right; } .search-content-result-holder .each-content-result { padding: 0; margin-bottom: 20px; width: auto; border-bottom: 0; letter-spacing: 0.5px; } .search-content-result-holder .each-content-result a h1 { color: #326fa8; font-size: 16px; font-family: FuturaBQBold; text-transform: none; } .search-content-result-holder .each-content-result a h1:before { content: '\25BA'; color: #326fa8; transform: scaleX(0.5); margin-left: -16px; display: inline-block; } .search-content-result-holder .each-content-result p { color: #5a5a5a; padding: 0; font-family: FuturaBQBook; font-size: 15px; margin-top: 6px; } /* PLP Contact lenses */ #WC_CatalogSearchResultFacet_div_1 > ul >li > span:first-child{ font-family: FuturaBQBold; font-size: 13px; text-transform: uppercase; color: #5a5a5a; cursor: pointer; } .body588 *{ font-family: FuturaBQMedium; } .body588 .results_grid{ display: flex; flex-flow: row wrap; justify-content: space-between; width: 738px; } .body588 .item_container { display: flex; height: 320px; width: 356px; justify-content: flex-start; margin-bottom: 30px; } .body588 .item { display: flex; flex-flow: row; height: 320px!important; width: fit-content; border: solid 1px #e9f4ff; /* margin-bottom: 30px; */ } .body588 .item:hover { box-shadow: 2px 3px 4px 0 rgba(50, 111, 168, 0.5); border: solid 1px #e9f4ff; height: 320px!important; } .body588 .item_container .item-tile{ background-color: #ffffff; position: relative; display: flex; width: 356px; height: 320px; /* margin-right: 24px; */ } .body588 .item_container .item .img{ margin: 0 auto; display: flex; width: 100%; height: 171px; overflow: hidden; justify-content: center; align-items: center; } .body588 .item_container .item img{ width: auto!important; max-width: 354px; margin: auto; height: auto!Important; max-height: 171px; } .body588 .item_container .item .price { position: absolute; bottom: 15px; right: 15px; } .body588 .item_container .item .price.offerprice { position: static; } .body588 .item_container .item .price .box-price-container { font-family: FuturaBQMedium; font-size: 10px; color: #5a5a5a; letter-spacing: 0.5px; width: 150px; text-align: right; margin: 0; } .body588 .item .price .box-price { display: inline-block; vertical-align: bottom; position: relative; bottom: -1px; margin: 0 5px; } .body588 .item .price .box-offer-price, .body588 .item .price .box-annual-supply-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 .item .price .box-annual-supply-price.with-saving { color: #cf0a2c; } .body588 #results_grid { display: flex; } .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{ width: fit-content; background: url("../mobile20//images/favorites-empty.png") top left no-repeat!Important; background-position: center!important; height: 41px; width: fit-content; content: " "; vertical-align: middle; overflow: hidden; transform: scale(0.5); } .body588 .item .main_quickinfo_button a span{ font-size: 0; background-color: transparent; } .body588 .item .names { padding-left: 5px; position: relative; margin-top: 19px; width: 93%; top: 208px!Important; overflow-wrap: break-word; } .body588.clp .item .names{ position: absolute; top: 167px; left: 10px; right: 10px; overflow: hidden; } .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: 90%; letter-spacing: 0.5px; overflow-wrap: break-word; } .body588 .item .names span a.manufacturer{ font-size: 12px; color: grey; font-weight: normal; text-transform: capitalize; } .body588 .item .badges{ padding-left: 5px; position: absolute; top: 208px !important; } .body588 .pagination-compare-sort .catalog-search { position: relative; display: table; right: 0; bottom: 0; left: 217px; } .body588 .pagination-compare-sort .catalog-search input[type="text"]{ width: 229px; height: 32px; border-radius: 2px; border: solid 1px #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; right: 8px; background: url(../images/search.png) no-repeat center; background-size: 80%; width: 20px!Important; height: 18px; text-indent: -9999px; } .body588 .item_container .item .item-discount{ width: auto; height: 25px; border-radius: 3px; background-color: #cf0a2c; position: absolute; top: 5px; display: table; padding-right: 5px; } .body588 .item_container .item .item-discount h2 { color: white; font-family: FuturaBQBold; font-size: 14px; text-align: left; line-height: 25px; margin-left: 10px; } /* CLP */ .contact-banner-container{ width: 990px; margin: 0 auto; text-align: center; } .contact-banner-container > h1{ font-family: FuturaBQBook; font-size: 40px; letter-spacing: 4px; color: #1f1f1f; margin-bottom: 71px; margin-top: 35px; } .contact-banner-container > h1:last-child{ margin-top: 80px; } .contact-banner-container > div{ display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-end; width: 990px; } .contact-banner-container > div > a{ margin-right: 23px; margin-bottom: 40px; display: table; } .contacts-espot { width: 990px; height: 230px; background-color: #d8d8d8; } .contacts-espot img{ height: 100%; width: auto; } .contacts-espot .owl-wrapper-outer, .contacts-espot .owl-wrapper, .contacts-espot .owl-item{ height: 230px; } .contacts-espot .contacts-espot-elem { height: 100%; display: flex; justify-content: center; align-items: center; } .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; margin: 19px 6px 0; vertical-align: middle; width: 9px; } .contacts-espot .owl-pagination > div.active { background: #1f1f1f; } .contacts-espot .owl-buttons { position: relative; top: -219px; } .contacts-espot .owl-prev { background-image: url(../images/brands-carousel-arrow-left.png)!important; filter: grayscale(100%) brightness(0); } .contacts-espot .owl-next { background-image: url(../images/brands-carousel-arrow-right.png)!important; filter: grayscale(100%) brightness(0); } /* START - Account forget-password/reset-password */ div.header-reset-password-done-modal .content, .header-set-a-new-password-modal .content{ position: relative; top: 90px; margin: 0 0 0 8px; padding: 29px 38px 41px 23px; width: 290px; background-color: #fff; box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.5); right: 0; } div.header-reset-password-done-modal *, .header-set-a-new-password-modal * { font-family: FuturaBQMedium; } div.header-reset-password-done-modal h2, .header-set-a-new-password-modal h2{ font-family: FuturaBQBold; font-size: 18px; } div.header-reset-password-done-modal .content p, .header-set-a-new-password-modal .content p{ font-family: FuturaBQLight; font-size: 14px; } .header-reset-password-done-modal .center-align a.view-all, .header-reset-password-done-modal .center-align a.view-all span { background-color: #4d8eca; } .header-set-a-new-password-modal input[type="text"], .header-set-a-new-password-modal input[type="password"] { display: block; font-family: 'FuturaBQBook'; padding: 5px; padding-left: 10px; width: 274px; border-radius: 3px; background-color: #f8f8f8; border: solid 1px #979797; margin-top: 10px; margin-bottom: 10px; } .header-set-a-new-password-modal .fe.submit{ margin-top: 10px; } .header-set-a-new-password-modal a.close-reset-cancel-password.disabled.new-button.inline, .header-set-a-new-password-modal .new-button.blue.inline { padding-left: 33px; padding-right: 35px; border-radius: 2px; width: 22%; text-align: center; } .header-set-a-new-password-modal .needHelp { top: 10px; position: relative; } .header-set-a-new-password-modal .required-text{ font-size: 0; } /* END - Account forget-password/reset-password */ /* BEGIN Select box redesign 2018 */ .control-select { position: relative; display: table; } .control-select select { height: 100%; border: 1px solid #7daed3 !important; border-radius: 2px; overflow: hidden; padding: 7px 19px 7px 10px; -webkit-appearance: none; -moz-appearance: none; font-family: FuturaBQMedium; font-size: 13px; color: #5a5a5a; cursor: pointer; background-color: white; } .cart-item-container .contact-lens-boxes-table .control-select select { width: 72px; } .control-select select::-ms-expand { display: none; } .control-select:after { content: '\25bc'; position: absolute; top: 50%; right: 5px; font-size: 10px; color: #326fa8; text-align: center; transform: translateY(-50%) scaleX(1.7) scale(0.8); pointer-events: none; } .contact-lens-boxes-table .control-select:after { right: 10px; } .control-select.disabled select, .control-select.disabled:after { color: graytext !important; } .control-select.disabled select { border-color: rgb(169, 169, 169) !important; } .control-select select.required { border-color: #ce0a2d !important; } /* END Select box redesign 2018 */ .plpHeaderBanner .plp-espot { width: 990px; height: 230px; margin: 0 auto; background-color: #d8d8d8; display: flex; justify-content: center; align-items: center; } .plpHeaderBanner .plp-espot img{ width: 100%; height: auto; } .plpHeaderBanner .plp-espot h2 { font-family: FuturaBQMedium; font-size: 19px; letter-spacing: 0.5px; color: #326fa8; } .thank-you-page .contact-lens-prescription{ margin-top: 15px; width: 430px; } .contact-lens-prescription{ width: 445px; height: auto; background-color: #f7f7f7; padding-top: 5px; padding-bottom: 1px; margin-top: 0px; margin-bottom: 30px; line-height: 1.9; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px !important; } #cart-section.thank-you .lens-prescription{ background-color: white!important; width: 455px; } .lens-prescription{ width: 470px; height: auto; background-color: #f7f7f7; padding-top: 0px; padding-bottom: 1px; margin-top: 0px; margin-bottom: 30px; line-height: 1.9; font-style: normal; font-stretch: normal; line-height: normal; font-weight: normal; } .contact-lens-rx-prescription-tables{ /* margin-bottom:30px; */ } .contactLensEdit{ float: right; margin-top: -20px; margin-right: 20px; display:none; } .lensEdit { display: block; text-align: right; padding-right: 10px; padding-bottom:10px; } a#editLensOrder{ background: none; text-decoration: underline; margin-right: -10px; } a#editLensOrder:after{ background: none; } .contactLensEdit > a > p{ color: #326FA8 !important; font-weight: bold; width: 30px; } .contactLensEdit > a > p:after{ content: ' '; white-space: pre-wrap !important; background: url(../images/sprites/newCheckSprite.png); background-size: auto; background-position: -13px; width: 10px; height: 20px; position: absolute; margin-left: 5px !important; } #cart-section.thank-you .prescription-content{ padding: 2px 6px 2px 0px!important; } .prescription-content{ padding: 2px 10px; } .prescription-content .lensQPS .lensDescr{ width:100%; } .contact-lens-prescription-table > tr> th{ text-align: left; font-size:12px; } .prescription-content > p{ font-weight: bold; padding-bottom: 6px; padding-top: 3px; } table.contact-lens-prescription-table{ padding: 15px 0px 15px 10px; display:none; } .contactLens-th >th{ text-align: left; padding-right: 24px; font-size:12px !important; font-family:FuturaBQMedium; text-transform: uppercase; } .contactLens-th tr:not(:first-child)>td>p { font-size:12px !important; } .contact-lens-boxes-table label{ font-size: 11px !important; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px ; text-align: left; color: #5a5a5a; font-family: FuturaBQMedium !important; } .contact-lens-boxes-table >thead>tr>th{ text-align: left; } .contact-lens-boxes-table{ padding-top:20px; } .contacts .edit-wrapper .contact-lens-boxes-table{ float:left; } .contacts .contact-lens-subtotal{ /* padding-left: 26px; */ /* padding-right: 26px; */ /* margin-top: -30px !important; */ /* margin-bottom: 30px; */ } .contacts .edit-wrapper .contact-lens-boxes-table >tbody> tr> td{ text-align: left; padding-right: 20px; width: 72px; } .contactLens .contacts{ padding-top: 80px; } .cart-single-contacts{ height: 400px; } .contact-lens-boxes-table >tbody> tr> td{ text-align: left; } .contact-lens-prescription-table>tbody> tr> td{ padding-top:15px; } .contact-lens-boxes-table >tbody> tr> td:nth-of-type(3){ text-align: right; width:450px; font-family: FuturaBQMedium !important; font-size: 14px; font-weight: bold; line-height: normal; letter-spacing: 0.5px; text-align: right; height: 17px; } .contact-lens-prescription-table p { font-family:FuturaBQMedium !important; } .contact-lens-boxes-table >tbody> tr:first-child> td:nth-of-type(3) { padding-right:0px; } .contact-lens-boxes-table >tbody> tr:nth-of-type(2)>td>p { font-family:FuturaBQMedium; font-size: 11px; text-align:right; } /* .contacts .cart-item-totals{ margin-top: -7px !important; padding-left: 480px; } */ .contacts .cart-item-totals .frameSaving *{ font-family: FuturaBQMedium; } .contactLens-name{ width: 280px; display: inline-block; } .updownCLButton{ font-family: FuturaBQMedium !important; font-size: 15px !important; font-style: normal; font-stretch: normal; line-height: normal !important; text-align: left; color: #1f1f1f !important; cursor:pointer; margin-left: 10px; margin-top: 5px; font-weight: normal; margin-bottom: -5px; } .updownCLButton:after{ content:""; background-image: url("../images/brands-carousel-arrow-right.png"); filter: grayscale(100%); transform: rotate(90deg); position:absolute; width: 16px; height: 23px; margin-left: 0px; background-size: 8px 14px; background-repeat: no-repeat; cursor:pointer; } .updownCLButton.open:after{ content:""; background-image: url("../images/brands-carousel-arrow-right.png"); filter: grayscale(100%); transform: rotate(270deg); position:absolute; position: absolute; margin-left: 7px; width: 13px; height: 15px; margin-top: -3px; background-size: 8px 14px; background-size: 8px 14px; background-repeat: no-repeat; cursor:pointer; } .updownLensButton{ font-family: FuturaBQBook !important; font-size: 15px !important; font-style: normal; text-transform: none !important; font-stretch: normal; line-height: normal !important; text-align: left; color: #1f1f1f !important; cursor:pointer; margin-bottom: -5px; } .updownLensButton:after{ content:""; background-image: url("../images/brands-carousel-arrow-right.png"); filter: grayscale(100%); transform: rotate(90deg); position:absolute; width: 16px; height: 23px; margin-left: 0px; background-size: 8px 14px; background-repeat: no-repeat; cursor:pointer; } .updownLensButton.open:after{ content:""; background-image: url("../images/brands-carousel-arrow-right.png"); filter: grayscale(100%); transform: rotate(270deg); position:absolute; position: absolute; margin-left: 7px; width: 13px; height: 15px; margin-top: -3px; background-size: 8px 14px; background-size: 8px 14px; background-repeat: no-repeat; cursor:pointer; } span#updown: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; } span#updown.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; } span#updown:after{ content: ""; background-image: url(../images/arrow-down-ico.png); position: absolute; width: 20px; height: 20px; margin-left: 2px; margin-top: -3px; background-repeat: no-repeat; cursor: pointer; } span#updown.open:after{ content: ""; background-image: url(../images/arrow-down-ico.png); transform: rotate(180deg); position: absolute; width: 20px; height: 20px; margin-left: 2px; margin-bottom: 3px; background-repeat: no-repeat; cursor: pointer; } span#updownIdme:after{ content: ""; background-image: url(../images/arrow-down-ico.png); position: absolute; width: 20px; height: 20px; margin-left: 2px; margin-top: -3px; background-repeat: no-repeat; cursor: pointer; } span#updownIdme.open:after{ content: ""; background-image: url(../images/arrow-down-ico.png); transform: rotate(180deg); position: absolute; width: 20px; height: 20px; margin-left: 2px; margin-bottom: 3px; background-repeat: no-repeat; cursor: pointer; } .cart-wrapper .contactLens-name a{ font-family: FuturaBQBold; background: white; z-index: 1; display: inline-block; position: relative; padding-right: 4px; color: #1f1f1f; text-transform: uppercase; } .contactLens.clearfix { padding-top: 0px; position: relative; /* border-bottom:1px solid #d5d5d5; */ } .priceCL{ float:right; width: auto !important; margin-top: 5px; } .contacts .edit-wrapper{ margin-left: 10px; width: 450px!important; } .contactLentTitle{ width: 250px; font-size: 14px; font-weight: normal !important; font-style: normal !important; font-stretch: normal !important; line-height: normal !important; letter-spacing: 0.3px !important; text-align: left ; color: #1f1f1f; margin-top: 10px; } .boxPrice{ width: 70px; height: 14px; font-family: FuturaBQBook !important; font-size: 12px !important; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.4px; text-align: left; color: #1f1f1f; margin-top: 20px; } .boxPriceCL{ float: right; margin-top: 45px; font-family: FuturaBQMedium !important; font-size: 14px !important; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 1px !important; text-align: right; } .boxPriceCL span.box-list-price.with-saving { font-size: 11px; text-decoration: line-through; } .boxPriceCL span.box-offer-price { color: #cf0a2c; } .quantityCL{ margin-top: 5px; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: left; color: #1f1f1f; display: inline-block; } .totalPriceCLOneEye, td span.product-price{ font-size: 11px !important; font-weight: 500 !important; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; font-family: FuturaBQMedium !important; padding-top: 2px; } .contacts .itemInfoContainer .prescriptionNeeded{ margin-top: 15px !important; } .prescriptionSetCL{ background-color: #ffffff; } #contact-lens-selection-modal{ padding:50px; position:fixed; top:100px; } .contacts .info{ width: 191px; height: auto; padding-right: 20px; } .contact-lens-selection-modal.ui-dialog { padding: 0; border-radius: 0px; border: 0; box-shadow: 0 0 0 0; } .modal-contact-lens-rx-area{ padding: 40px 30px 20px 30px; } .contact-lens-modal-title p{ width: 759px; height: 29px; font-family: FuturaBQBold; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.6px; text-align: left; color: #1f1f1f; border-bottom: solid 1px #cac9c6; } .contact-lens-selection-modal .ui-dialog-titlebar-close { position: absolute; top: 26px; right: 26px; color: transparent; font-weight: bold; } .contact-lens-selection-modal .ui-dialog-titlebar-close { content: ' x'; background-image: url(../images/x.png); width: 25px; height: 25px; position: absolute; background-repeat: no-repeat; margin-right: 0px; vertical-align: middle; top: 15px; } .contact-lens-selection-modal .ui-dialog-titlebar-close .ui-icon:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .contact-lens-selection-modal .contact-lens-rx-table{ margin-left: -4px; } .modal-contact-lens-prescription{ margin-top: 35px; border-top: solid 1px #e9f4ff; width: 676px; margin-left:42px; padding-top:10px; } .modal-contact-lens-prescription h2{ font-family: FuturaBQBold; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.6px; text-align: left; color: #1f1f1f; } .modal-contact-lens-prescription th{ text-align:left; padding-top:34px; } #confirm-contact-lens{ width: 222px; height: 40px; background-color: #326fa8; border-radius: 3px; font-family: FuturaBQBold; font-size: 15px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; text-align: center; color: #ffffff; padding-top:10px; } .modal-contact-lens-rx-area .modal-nav{ border-bottom: 0 !important; } .modal-contact-lens-prescription td.eye-column { width: 110px; padding-top: 15px; } .modal-contact-lens-prescription .power-column{ padding-right: 30px; /* width: 115px; */ } .modal-contact-lens-prescription .bc-column, .modal-contact-lens-prescription .dia-column{ padding-right:30px; width:auto; } .modal-contact-lens-prescription .control-select select { padding: 8px 27px 7px 10px; } .modal-contact-lens-prescription .control-select:after { right: 11px; } .modal-contact-lens-prescription td{ font-family: FuturaBQMedium !important; font-size: 13px !important; font-weight: 500; } .modal-contact-lens-prescription .cyl-column, .modal-contact-lens-prescription .axis-column, .modal-contact-lens-prescription .add-column{ padding-right:30px; width:90px; } .modal-contact-lens-rx-area .modal-nav{ padding:0px; height: 65px; } .shopCartMessage{ display:none; } .upload-prescription-form { margin-top:30px; } /* start radiobox doctor information */ /* The container */ #checkoutDoctorInfo .container { display: block; position: relative; padding-left: 26px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Create a custom radio button */ #checkoutDoctorInfo .checkmark { position: absolute; top: 3px; left: 0; height: 15px; width: 15px; background-color: #ffffff; border-radius: 50%; border:solid 1px #cac9c6; pointer-events: none; } /* Create the indicator (the dot/circle - hidden when not checked) */ #checkoutDoctorInfo .checkmark:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ #checkoutDoctorInfo .container input:checked ~ .checkmark:after { display: block; } /* Style the indicator (dot/circle) */ #checkoutDoctorInfo .container .checkmark:after { top: 29%; left: 30%; width: 7px; height: 7px; border-radius: 50%; background: #326fa8; } #checkoutDoctorInfo .label_radio span:before { content: none !important; background: none; } .product-not-available { width: 260px; height: 38px; font-family: FuturaBQBold; font-size: 15px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; text-align: left; color: #1f1f1f; padding-top: 20px; padding-bottom: 58px; } .pdp-line-copy{ width: 260px; height: 2px; border: solid 1px #cac9c6; } .product-not-available-cart{ padding-bottom: 20px; margin-top: 16px; } .cart-item-container.frame.clearfix.false{ width: 100%; min-height: 181px; height: auto; border: solid 1px #d0021b !important; margin-top: -1px; margin-left: -1px; } .shopping-cart-content.cart-items-list-container-false{ width: 990px; /*height: 181px;*/ border: 1px solid #d5d5d5; } .label-product-not-available{ width: 363px; height: 19px; font-family: FuturaBQMedium !important; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #d0021b; } .similar-products{ /* padding-top: 20px; */ } .productTitleDetails.not-available { display: flex; justify-content: space-between; width: 100%; } .edit-wrapper.not-available { width: 73.5%; } .cart-item-container .edit-wrapper.not-available .frame-price:before{ content: ""; width: 70%; border-bottom: 1px dashed darkgrey; display: block; height: 14px; right: 78px; position: absolute; } .cart-item-container .edit-wrapper.not-available .frame-name { width: 60%; } .button-continue-shopping { margin-right: 10px; width: 202px; height: 40px; background-color: #326fa8; border-radius: 3px; border-color: transparent; } .continue-shopping{ width: 144px; height: 19px; font-family: FuturaBQBold; font-size: 15px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; text-align: center; color: #ffffff; cursor: pointer; } .continueShoppingDiv{ padding-top: 20px; float: right; } .cart-content-false{ display: inline-block; width: 100%; } .edit-wrapper.not-available.at-least-one-available { width: 59.5%; } .cart-item-container .edit-wrapper.not-available.at-least-one-available .frame-price:before { content: ""; width: 57%; border-bottom: 1px dashed darkgrey; display: block; height: 14px; right: 78px; position: absolute; } .similar-products-a{ width: 55%; height: 19px; font-family: FuturaBQMedium !important; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #326fa8 !important; } .at-least-one-available .similar-products:after{ width: 0; content: ""; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #4d8eca; border-bottom: 0; cursor: pointer; position: absolute; right: 297px; top: 186px; transform: rotate(-90deg); } .similar-products:after { width: 0; content: ""; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #4d8eca; border-bottom: 0; cursor: pointer; position: absolute; right: 605px; top: 191px; transform: rotate(-90deg); } .edit-wrapper.not-available .frame-price span{ text-decoration: line-through !important; font-family: FuturaBQBook; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: right; color: #000000; } .table-bottom-style{ padding-bottom:15px; /* margin-bottom:30px; */ } div.contact-lens-rx-prescription-tables > table.table-cl-wd, div.contact-lens-rx-prescription-tables > table.table-cl-wd{ width: 100%; margin-left: 10px; } .thank-you .contact-lens-quantity{ font-family: FuturaBQMedium; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #222222; padding-bottom:15px; } .main-total.middle{ display:none; } [id^=doctorPhoneInput]{ width: 50px!important; } #doctorCity, #doctorState { width: 111px!important; display: inline-block; } #doctorStateContainer{ width: 400px; display: inline-block!important; margin: 0!important; top: -33px; left: 20px; overflow: visible!important; } #doctorStateContainer .selectBox-dropdown{ top: -22px; } /* Contact Lens My account */ #order-detail .contact-header{ display: flex; } #order-detail .contact-header a:first-child{ padding-left: 10px; box-sizing: border-box; } #order-detail .contact-header img{ max-width: 160px; height: auto; } #order-detail .contact-description, .contact-header img { display: inline-block; /* height: 114px; */ text-align: left; /* margin-left: 22px; */ } #order-detail .contact-description{ /* margin-left: 61px; */ width: 286px; } #order-detail .contact-description h2{ font-size: 18px; margin-bottom: 5px; } #order-detail .contact-description p{ font-size: 14px; margin-top: 0; } #order-detail .contact-lens-rx-table *{ font-family: FuturaBQMedium!important; font-size: 14px!important; } #order-detail .contact-lens-rx-table th{ text-align: left; } #order-detail .contact-lens-rx-table th, .contact-lens-rx-table td{ width: 100px; font-size: 12px; } #order-detail .contact-lens-rx-table .eye-column{ width: 120px; } /* END Contact Lens My account */ .body588.clp .results_grid{ width: 990px; margin: 0 auto; } .body588.clp .item, .body588.clp .item_container{ width: 313px; } .faceted_search_sidebar .show-more-facet{ cursor: pointer; font-family: FuturaBQMedium; font-size: 15px; color: #326fa8; } a.rounded-button.vto-button-home{ font-size: 15px; font-family: 'FuturaBQBold', Arial, Helvetica, sans-serif; } #myAccount .headingContainer.virtual-model-container h2{ height: 36px; font-family: FuturaBQBook; font-size: 30px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #1f1f1f; } #myAccount #right.myPreference.rightdiv .headingContainer.virtual-model-container p.subtext{ font-family: FuturaBQMedium; font-size: 18px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; text-align: left; color: #333333; } a.rounded-button.vto-button-home{ padding: 10px 15px 10px 15px; width: 398px; height: 90px; background-color: #326fa8; color: white!important; } a.rounded-button.vto-button-home:hover{ background-color: #4589c8; } .myPreference.rightdiv .fe.userRemoveVideoVto input.rounded-button.vto-button-home{ padding: 10px 15px 10px 15px; background-color: #326fa8!important; } [id^=content_wrapper_box] form.lc2 input[type="text"]::-webkit-input-placeholder, form.lc2 input[type="text"]::-webkit-input-placeholder, form.lc2 input[type="number"]::-webkit-input-placeholder, [id^=content_wrapper_box] form.lc2 input[type="tel"]::-webkit-input-placeholder, form.lc2 input[type="tel"]::-webkit-input-placeholder, [id^=content_wrapper_box] form.lc2 input[type="email"]::-webkit-input-placeholder, form.lc2 input[type="email"]::-webkit-input-placeholder, [id^=content_wrapper_box] form.lc2 input[type="password"]::-webkit-input-placeholder, form.lc2 input[type="password"]::-webkit-input-placeholder, [id^=content_wrapper_box] form.lc2 textarea::-webkit-input-placeholder, form.lc2 textarea::-webkit-input-placeholder { opacity: 1; color: #606060; } /* START - OVERRIDE ACCESSIBILITY FOR INLINE STYLES */ .exp_container .exp_button_wrap .button-container .round-button.active, .exp_container .exp_button_wrap .button-container .round-button:active { background-color: #326fa8 !important; } .exp_container .exp_button_wrap .button-container .round-button.active:focus { outline-color: #4d8eca !important; } .exp_container .exp_button_wrap .button-container .round-button:focus { outline-color: #4d8eca !important; } .exp_container #store-find .cta-container .schedule{ background: #a74414 !important; } .exp_container .grid_item.category_3{ background: #326fa8 !important; } .exp_container .exp_button_wrap .button-container .round-button.active, .exp_container .exp_button_wrap .button-container .round-button:active { background-color: #326fa8 !important; } .exp_container .exp_button_wrap .button-container .round-button.active, .exp_container .exp_button_wrap .button-container .round-button:active { background-color: #326fa8 !important; } .section.eyecare-landing .exp_container .exp_button_wrap .button-container .round-button.button-inside p { color: #707070 !important; } .section.eyecare-landing .exp_container .exp_button_wrap .button-container .round-button.button-inside.active p { color: #ffffff !important; } .section.eyecare-landing .exp_container .exp_button_wrap .button-container .round-button.button-outside p { color: #707070 !important; } .section.eyecare-landing .exp_container .exp_button_wrap .button-container .round-button.button-outside.active p { color: #ffffff !important; } .exp_container .exp_button_wrap .button-container .round-button { border: 2px solid #707070 !important; } .exp_container .exp_button_wrap .button-container .round-button.active, .exp_container .exp_button_wrap .button-container .round-button:active { border: 2px solid hsla(0,0%,80%,0) !important; } .exp_container .exp_button_wrap .button-container .inside-glasses, .exp_container .exp_button_wrap .button-container .outside-glasses { fill: #707070 !important; } .exp_container .exp_button_wrap .button-container .round-button:hover.button-inside .inside-glasses, .exp_container .exp_button_wrap .button-container .round-button:hover.button-outside .outside-glasses{ fill: #326fa8 !important; } .exp_container .exp_button_wrap .button-container .round-button.active.button-inside .inside-glasses, .exp_container .exp_button_wrap .button-container .round-button.active.button-outside .outside-glasses, .exp_container .exp_button_wrap .button-container .round-button:active.button-inside .inside-glasses, .exp_container .exp_button_wrap .button-container .round-button:active.button-outside .outside-glasses { fill: #fff !important; } .section.eyecare-landing .exp_container .exp_button_wrap .button-container .round-button:hover p { color: #326fa8 !important; } .exp_container .exp_button_wrap .button-container .round-button svg.progress-circle path { stroke: #326fa8 !important; } .slider_nav a.active[data-v-4d065d84] { color: #326fa8 !important; } .exp_container .exp_view_more_link { color: #326fa8 !important; } .exp_container .btn_favorites { background: #326fa8 !important; } .exp_wrapper .exp_intro span{ color: #326fa8 !important; } .exp_wrapper .exp_intro span.active { color: #000 !important; } .exp_wrapper .grid_item.category_2 { background: #736965 !important; } .exp_wrapper .grid_item.category_3 { background: #326fa8 !important; } .exp_container .lens-box.lens-orange-box { background: #a74414!important; } #alphabet a.no_terms { color: #707070 !important; opacity: 1 !important; } #footer-last-section .nav a{ color:#43536C!important; /*#326fa8*/ } /* ---------------------- STILI ACCESSIBILITA' ---------------------- */ .sr-only{ position: absolute; z-index: 100; margin-top: 6px; font-family: FuturaBQBook; margin-left: 10px; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus{ position:static; width:auto; height:auto; overflow:visible; clip:auto; white-space:normal } div[role="complementary"] .sr-only:first-child { /* position: relative !important; */ } /* END - OVERRIDE ACCESSIBILITY FOR INLINE STYLES */ .modal-california{ color: #3f2a2e; } .modal-california-box > div:first-child > h2{ font-size: 16px; position: relative; top: -9px; left: 34px; } .modal-california-box > div:first-child{ position: relative; margin-bottom: 5px; } .modal-california-box > div:first-child > div { background: url("/wcsstore/LensCraftersStorefrontAssetStore/mobile20/images/redesign/icons.png") no-repeat -514px -3px; transform: scale(0.3); width: 113px; height: 100px; position: absolute; top: -52px; left: -43px; filter: hue-rotate(14deg) brightness(130%); } /* Arrows DROPDOWN MENU */ .arrow-dwn { height: 5px; width: 5px; border: 1px solid rgb(90, 90, 90); border-width: 0 1px 1px 0; transform: rotate(45deg); display: inline-block; position: absolute; top: 4px; right: -15px; } .arrow-rgt { height: 3px; width: 3px; border: 1px solid #326fa8; border-width: 1px 1px 0 0; transform: rotate(45deg); display: inline-block; position: relative; left: 8px; top: 7px; } .arrow-rgt-grey { height: 3px; width: 3px; border: 1px solid #5a5a5a; border-width: 1px 1px 0 0; transform: rotate(45deg); display: inline-block; position: relative; left: 8px; top: -2px; } .cart-wrapper .cart_header 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; } /* .cart-wrapper .cart_header div.important::before{ content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 7px; border-color: transparent transparent transparent #326fa8; display: inline-block; margin-right:5px; } */ .cart-wrapper .cart_header div.important-message{ font-family: FuturaBQMedium; font-size: 16px; font-weight: 300 !important; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #333333; } .cart-wrapper .cart_header 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; } input::-ms-clear { display: none; } .exp_container .book.mtop .icon_wrapper { justify-content: space-around!important; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .exp_container .book_captions_item { bottom: 0; } } /*------------------------- The search input --------------------------*/ .content-width875 * { font-family: FuturaBQBook; } .content-width875 .bar{ border-radius: 2px; width: 400px; padding: 14px; margin: 20px auto 20px; position:relative; } .content-width875 .bar input{ background:#fff no-repeat 13px 13px; background-image: url(../images/search_blue.png); background-size: 20px; background-position: 10px; filter: grayscale(100%); display: block; border: none; width: 100%; line-height: 19px; padding: 11px 0; border-radius: 2px; border: 1px solid #e1e1e1; border-radius: 6px; text-align: left; font-size: 14px; font-family: inherit; color: #738289; font-weight: bold; outline: none; text-indent: 40px; } .content-width875 ul, .content-width875 div.detailed-view{ list-style: none; width: 79%; margin: 0 auto; text-align: left; } .content-width875 ul li{ border-bottom: 1px solid #ddd; padding: 10px; overflow: hidden; } .content-width875 ul li img{ width:60px; height:60px; float:left; border:none; } .content-width875 ul li p, .content-width875 div.detailed-view h1, .content-width875 div.detailed-view h2{ font-family: FuturaBQBook; padding-top: 12px; } .content-width875 p, .content-width875 div.detailed-view p{ font-size: 16px!important; line-height: 25px!important; } .content-width875 > p, .content-width875 > h1 { text-align: center;clear: none; } .content-width875 > p { width: 589px; padding-left: 20px; padding-right: 20px; } .content-width875 >p.faq-paragraph { margin: auto; } .content-width875 div.detailed-view a { font-size: 16px!important; } .content-width875 div.detailed-view h1, .content-width875 div.detailed-view h2{ margin-bottom: 20px; } .content-width875 .detailed-view-links{ display: flex; flex-flow: column; } .content-width875 ul li a p { font-weight: bold; } .content-width875 > h2 { font-family: FuturaBQBold; font-size: 34px; margin-top: 20px; text-align: center; } /* Style inputs with type="text", select elements and textareas */ .content-width875 input[type=text], .content-width875 input[type=email], .content-width875 select, .content-width875 textarea { width: 100%; /* Full width */ padding: 12px; /* Some padding */ border: 1px solid #ccc; /* Gray border */ border-radius: 4px; /* Rounded borders */ box-sizing: border-box; /* Make sure that padding and width stays in place */ margin-top: 10px; /* Add a top margin */ margin-bottom: 10px; /* Bottom margin */ resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */; } /* Style the submit button with a specific background color etc */ .content-width875 input[type=submit], .content-width875 a.faq { background-color: #326fa8; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; } .content-width875 .thank-you { text-align: center; } /* When moving the mouse over the submit button, add a darker green color */ .content-width875 input[type=submit]:hover { background-color: #4d8eca; } /* Add a background color and some padding around the form */ .content-width875 .container { border-radius: 5px; padding: 20px; } .content-width875 .send-email-form form{ display: flex; flex-flow: row wrap; justify-content: space-around } .content-width875 .send-email-form form > div { width: 45%; } .content-width875 .send-email-form form > div.address-container { width: 95%; } .content-width875 .send-email-form form > div.city-container, .content-width875 .send-email-form form > div.zip-container { width: 37%; } .content-width875 .send-email-form form > div.state-container{ width: 12%; } .content-width875 .send-email-form form > div.attach-container { display: flex; flex-flow: column; justify-content: space-between; align-items: flex-start; } .content-width875 .send-email-form form > div.attach-container input { position: relative; bottom: 25px; } .content-width875 .send-email-form form > div > select { width: 68px; } .content-width875 .send-email-form form > div.subject-container, .content-width875 .send-email-form form > div.comments-container, .content-width875 .send-email-form form > div.email-container, .content-width875 .send-email-form form > div.country-container { display: flex; flex-flow: column; justify-content: flex-start!Important; } .content-width875 .send-email-form form > div.subject-container > select { width: 100%; height: auto; } .content-width875 .send-email-form form > div.submit-container { display: flex; justify-content: center; align-items: center; } .content-width875 .send-email-form form > div.country-container, .content-width875 .send-email-form form > div.state-container, .content-width875 .send-email-form form > div.subject-container { display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: column; } .content-width875 .send-email-form form > div.submit-container { margin-top: 20px; } .content-width875 .send-email-form form > div.country-container label { margin-right: 20px; } .content-width875 h1, .content-width875 h2{ margin-top: 30px; margin-bottom: 20px; font-family: FuturaBQBold; position: relative; } .content-width875 h2{ font-size= 2em; } .content-width875 .right-info{ position: relative; } .content-width875 button { padding: 10px; background-color: #4d8eca; border: none; border-radius: 6px; margin: 10px; color: white; } .content-width875 button:focus { background-color: #4d8eca; text-decoration:underline; } .content-width875 button:disabled { opacity: 0.5; border: 1px solid lightgrey; background-color: white; color: black; } @media all and (-ms-high-contrast:none) { .exp_container .hero_arrow { bottom: 190px; } /* IE10 */ *::-ms-backdrop, .exp_container .hero_arrow { bottom: 190px!important; } /* IE11 */ *::-ms-backdrop, .icon_wrapper { justify-content: space-around; } *::-ms-backdrop, .book_captions_item{ position: absolute; bottom: 0; } } #submitDoctorInformation { color: white!important; } .content-width875 .contact-zones.call p{ line-height: 20px!important; } .price.offerprice span.offer-price.with-saving, .cart-item-container .edit-wrapper .frame-price span.offer-price.with-saving, .cart-item-container .edit-wrapper .lens-price span.offer-price.with-saving { font-size: 11px !important; text-decoration: line-through; } .price.offerprice span.offer-price.BF { letter-spacing: -0.6px; font-size: 14px!important; margin-left: 3px; } .price.offerprice span.saving-price, .cart-item-container .edit-wrapper .frame-price span.saving-price, .cart-item-container .edit-wrapper .lens-price span.saving-price { color: #cf0a2c !important; font-weight: 500; font-family: FuturaBQMedium; } .price.offerprice span.BF { letter-spacing: -0.6px; font-size: 14px!important; } #rightNowChatContainer { display: none; border: 0; height: 500px; width: 500px; overflow: hidden; } #productFullImage, #spinViewImage, .quick-view-pinterest-container img { border: 0; } #spinViewImage { width: 655px; } #register_navigation .margin-left-25 > span > span { font-weight: bold; } #register_navigation .margin-left-25 > span > span .register_navigation-underlined{ text-decoration: underline; } .small-text{ font-size: 0.8em; } .bold-text { font-weight: bold; } iframe[title='Twitter settings iframe'] { overflow: hidden; border: 0; display: none; } .pdp-item-options .frame-offer-section .price, .pdp-item-options .lens-section .offer-price{ color: #cf0a2c !important; } body a:not(.button):not(.rounded-button):not(.st-button):not(.ui-dialog-titlebar-close):hover, body a:not(.button):not(.ui-dialog-titlebar-close):hover span:not(.button), body a:not(.button):not(.ui-dialog-titlebar-close):hover p:not(.button), body a:not(.brand-name):not(.style-name):hover, body #pdp-wrapper .pdp-product-sibling-size:not(.size-container)a:hover { text-decoration: underline!important; color: #326FA8!important; } .blue.button:hover { background-color: #4589c8; border-radius: 5px; } @-moz-document url-prefix() { .subnav-contact-lenses .subnav-shop-content a { justify-content:flex-start!important; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .subnav-contact-lenses .subnav-shop-content a { justify-content:flex-start!important; } } /*WCAG ACCESSIBILITY Start*/ /*focus with border*/ .lc-lookup .ria-redesign-container .lc-content-dialog-form form.lc2 .header-form:focus, #doctor-info > .accordion-title:focus, form.lc2 .select_container .selectBox-dropdown:focus, .header-search:focus, #myAccount .addMyExams .fe select:focus, input[name^='consentCheckbox']:focus{ outline: -webkit-focus-ring-color auto 5px; } /* red button focus*/ #checkoutContent button.st-button-orange:focus, li.grand-total #addTocartAllowed a.add-to-cart:focus, .cart-wrapper a.st-button-orange:focus, #DoctorInfoURL:focus{ background: #e4273b; text-decoration:underline; } /* blue button focus*/ .upload-prescription-form .upload-prescription:focus, .myPreference.rightdiv #PasswordUpdateSubmitForm .new-button.blue input[type="submit"]:focus, li.lens-subsection a.edit-lens-selection:focus, #confirm-lens-step1:focus, #confirm-lens-step-0:focus, #finish-lens-modal-button:focus, form.lc2 .promo-field input[type="submit"].new-style-button:focus, #goShopping:focus, .blue.button.submit-find-store:focus>span, button.blue.button.get-directions.submit-form:focus>span, .header-sign-in-modal input.LogOnModalSubmitButton:focus, .blue.button.go.email:focus, input.submit.regSubmit:focus, #logonSubmit:focus, #addEyeExamDetails:focus, a.rounded-button.vto-button-home:focus, #myAccount #right.redesign2017 .big-container.history-detail .input-container button:focus, #WC_OrderDetailDisplay_Print_Link:focus, #searchDoctorInformation2:focus, #searchDoctorInformation1:focus, .back-warning .yes-response:focus{ background-color: #4589c8; text-decoration:underline; outline: none; } form.lc2 .select_container .selectBox-dropdown:focus span, .myPreference.rightdiv #PasswordUpdateSubmitForm .new-button.leftAlign:focus, .orange.button:focus span, .header-sign-in-modal a.button.black-outline.close-sign-in.disabled.inline:focus, .close-change-modal:focus, .select-lens-type:focus-within div, .back-warning .no-response:focus{ text-decoration:underline; } .lens-selection-modal h2:focus{ outline:none!important; } [id^=content_wrapper_box] form.lc2 .select_container label { text-transform: lowercase; color: #000000; font-weight: normal; font-family: FuturaBQMedium; } [id^=content_wrapper_box] form.lc2 .select_container label span { font-family: FuturaBQBold; } .history-table table td a { text-decoration: underline; } .reorderListButton a{ text-decoration: unset!important; } .history-table table tr td:nth-child(3), .history-table table tr td:nth-child(4){ font-family: FuturaBQMedium; font-weight: bold; font-size: 14px; } div#order_details_number { width: 100%; } div#order_details_date { width: 100%; } .order-print div a{ font-family: 'FuturaBQ', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-transform: unset!important; } #order_details_number p, #order_details_date p{ text-align: left; } .back_link { padding-right: 69%; } .order-total-info .total-saving span:nth-child(2){ color: #2f8656; } .order-total-info .total-saving span:nth-child(2):before{ content:"- " } .order-total-info .total span:nth-child(n+1){ font-family: FuturaBQBold; } .order-total-info p span{ text-transform: uppercase; } #OrderInfo div:nth-child(n+3) p span:nth-child(1){ font-family: FuturaBQMedium; font-weight: bold; } .order-billing-info h2{ color: #000000!important; } #prescription-required{ text-align:right; text-transform: none; font-family: FuturaBQMedium; } #order_details_number div span{ font-family: FuturaBQBold; } #order_details_number_prescription_required{ display: none; font-family: FuturaBQMedium; height: 5px; padding-left: 77%; font-weight: bold; font-size: 14px; } .order-product-img a{ padding-left:10px; } .order-product-info h2{ color:#000000!important; } .order-product-info p{ font-size:14px!important; } .contact-description h2{ color:#000000!important; } .order-product-info { width:340px; } .order-head{ border: unset!important; background-color: #f8f8f8; height: 30px; padding: unset!important; } .order-head span{ padding: 1%; font-weight: bold; font-family: FuturaBQMedium; font-size: 15px; } .order-head span:nth-child(1){ width: 500px; } .order-head span:nth-child(2){ width: 90px; } #prescription_product{ background: #326fa8!important; margin-left:170px!important; width:230px!important; heigth:40px!important; } .qt{ padding-left:90px; padding-top:61px; font-family: FuturaBQMedium; font-size: 14px; } .qt-left{ padding-top:20px; } .frame-qt{ padding-left: 35px; padding-top: 30px; font-family: FuturaBQMedium; font-size: 14px; } .price-info{ padding-left: 73px; padding-top: 5px; font-family: FuturaBQMedium; font-size: 14px; } #main-table_paginate{ display: block!important; } .price-info span{ display: block; } .frame-price:before{ display:block; content:"Frame:\A"; font-weight: bold; } .lens-price:before{ display:block; } .contact-price{ padding-top: 74px; } #order_in_process, #order_closed{ font-family: FuturaBQMedium; height: 5px; padding-left: 89%; font-weight: bold; font-size: 14px; } .contact-status p span{ font-weight: bold; } .lensQPS-MyAccount{ display: none; } .lensQPS-MyAccount p{ text-transform: uppercase; } .status-action{ display: block; } .history-table table tr td:nth-child(3){ line-height: 2 } .history-table table tr td:nth-child(3) span a{ text-decoration: unset; } #OrderInfo div:nth-child(n+2){ width: 100%; } #shiping-item-button{ margin-left:170px!important; width:230px!important; heigth:40px!important; font-family: FuturaBQMedium; } .pay-order{ padding-top:15px; width: 250px; } .credit-card-radio-button, .PayPal-radio-button, .Affirm-radio-button { width: 360px; background-color: #f7f7f7; margin-top: 10px; display: inline-flex; justify-content: space-between; padding: 10px; } .credit-card-radio-button, .PayPal-radio-button{ height: 50px; } #PayPalshippingBillingPageNext{ width: 260px; margin-top:25px; } .amex, .visa, .mastercard, .discover, .jcb{ height: 30px; } #saved-credit-card-text, #credit-card-text, #PayPal-text, .PayPal-link, #Affirm-text, .affirm-site-modal{ margin-top:5px; } #saved-credit-card-text.methodSelected, #credit-card-text.methodSelected, #PayPal-text.methodSelected, #Affirm-text.methodSelected{ font-weight:600; } .affirm-site-modal{ color:#333333; text-decoration: underline; } .PayPal-radio-button span{ height: 100%; } .payment-radio{ margin-top:8px; } .Affirm-image { display: inline-block; vertical-align: middle; } .PayPal-link, .affirm-site-modal{ padding-left: 10px; } #right-nav-message{ font-family: FuturaBQMedium; font-size: 13px; line-height: 1.46; color: #1f1f1f; } .paypal-logo-dark{ width: 33.1px; height: 20px; object-fit: contain; float: left; margin-right: 10px; margin-top: inherit; } .paypalAccountDetailContainer{ font-family: FuturaBQBook; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #000000; margin-top: 5px; } .paypal-PaymentMethod { width: 111px; height: 16px; font-family: FuturaBQBold; font-size: 15px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; } .paypal-PaymentMethod a{ font-weight: normal !important; margin-left: 10px; font-family: FuturaBQBook; font-size: 14px; } #PayPal-terms-message{ position:absolute; margin-top:-16px; font-size: 13px; width:260px; } .paypal-button-text{ display:none!important; } #paypalRecapContainer .checkout-step-header h3{ border-top: 1px solid #d5d5d5; margin-top: 26px; display: flex; justify-content: space-between; display: block; padding: 10px; padding-left: 0px; } #paypalRecapContainer .checkout-step-header{ padding:0px } #paypalRecapContainer .error{ margin-top: -30px; position: absolute; } .paypal-PaymentMethod-container{ margin-top:25px } #loading-icon-checkout{ margin-right:5px; opacity: 0.4; } #doctor-info #dobContainer{ margin-left: 5px; margin-top: 0px; } #doctor-info .date-parent .small-input.error + span.required{ position: initial; margin-left: 479px; } #doctor-info .date-parent span[for=date_of_birth_group]{ position:absolute; margin-top:-23px; margin-left:8px; } /* Slick Carousel CSS */ /* Slider */ #header_carousel_wrapper .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } #header_carousel_wrapper .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } #header_carousel_wrapper .slick-list:focus { outline: none; } #header_carousel_wrapper .slick-list.dragging { cursor: pointer; cursor: hand; } #header_carousel_wrapper .slick-slider .slick-track, #header_carousel_wrapper .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #header_carousel_wrapper .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } #header_carousel_wrapper .slick-track:before, #header_carousel_wrapper .slick-track:after { display: table; content: ''; } #header_carousel_wrapper .slick-track:after { clear: both; } #header_carousel_wrapper .slick-loading .slick-track { visibility: hidden; } #header_carousel_wrapper .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] #header_carousel_wrapper .slick-slide { float: right; } #header_carousel_wrapper .slick-slide img { display: block; } #header_carousel_wrapper .slick-slide.slick-loading img { display: none; } #header_carousel_wrapper .slick-slide.dragging img { pointer-events: none; } #header_carousel_wrapper .slick-initialized .slick-slide { display: block; } #header_carousel_wrapper .slick-loading .slick-slide { visibility: hidden; } #header_carousel_wrapper .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } #header_carousel_wrapper .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ #header_carousel_wrapper .slick-loading .slick-list { background: #fff url('../images/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } /* Arrows */ #header_carousel_wrapper .slick-prev, #header_carousel_wrapper .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } #header_carousel_wrapper .slick-prev:hover, #header_carousel_wrapper .slick-prev:focus, #header_carousel_wrapper .slick-next:hover, #header_carousel_wrapper .slick-next:focus { color: transparent; outline: -webkit-focus-ring-color auto 5px; background: transparent; } #header_carousel_wrapper .slick-prev:hover:before, #header_carousel_wrapper .slick-prev:focus:before, #header_carousel_wrapper .slick-next:hover:before, #header_carousel_wrapper .slick-next:focus:before { opacity: 1; } #header_carousel_wrapper .slick-prev.slick-disabled:before, #header_carousel_wrapper .slick-next.slick-disabled:before { opacity: .25; } #header_carousel_wrapper .slick-prev:before, #header_carousel_wrapper .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #header_carousel_wrapper .slick-prev { left: -25px; } [dir='rtl'] #header_carousel_wrapper .slick-prev { right: -25px; left: auto; } #header_carousel_wrapper .slick-prev:before { content: '�'; } [dir='rtl'] #header_carousel_wrapper .slick-prev:before { content: '→'; } #header_carousel_wrapper .slick-next { right: -25px; } [dir='rtl'] #header_carousel_wrapper .slick-next { right: auto; left: -25px; } #header_carousel_wrapper .slick-next:before { content: '→'; } [dir='rtl'] #header_carousel_wrapper .slick-next:before { content: '�'; } /* Dots */ #header_carousel_wrapper .slick-dotted.slick-slider { margin-bottom: 30px; } #header_carousel_wrapper .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } #header_carousel_wrapper .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } #header_carousel_wrapper .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } #header_carousel_wrapper .slick-dots li button:hover, #header_carousel_wrapper .slick-dots li button:focus { outline: none; } #header_carousel_wrapper .slick-dots li button:hover:before, #header_carousel_wrapper .slick-dots li button:focus:before { opacity: 1; } #header_carousel_wrapper .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; -moz-osx-font-smoothing: grayscale; } #header_carousel_wrapper .slick-dots li.slick-active button:before { opacity: .75; color: black; } li.PayPal-noValueError { padding-top: 10px; color: #cf0a2c; font-weight: bold; font-family: FuturaBQBook; } #affirm-cart a { color:#333333; text-decoration: underline; display: block; font-size: 12px; } #AffirmMethod{ flex-flow: column nowrap; } .affirm-message-container{ margin-top:5px; margin-left: 5px; } .affirm-radio-container{ display: flex; flex-flow: row nowrap; justify-content: space-between; } #shippingBillingPageNextAffirm{ width: 256px; float: right; } #affirm-loading-icon-checkout{ margin-right: 7px; margin-top: 12px; } #lc-warn-paypal-error{ font-size: 12px; color: #CC0000; font-style: italic; clear: both; font-weight: normal; padding-bottom: 5px; margin-left: 293px; } #lc-warn-paypal-error::before,#lc-warn-paypal-affirm-checkout-error::before { content: ''; background: url(../images/sprites/newCheckSprite.png); pointer-events: none; position: absolute; margin-left: -25px; width: 19px; height: 19px; background-position: -226px; } #lc-warn-paypal-affirm-checkout-error{ font-size: 12px; color: #CC0000; font-style: italic; clear: both; font-weight: normal; padding-bottom: 2px; margin-left: 26px; } #affirm-cart.affirm-as-low-as.cart span.affirm-ala-price { font-weight: bold !important; } .ccContainer { display: flex; flex-flow: row nowrap; justify-content: space-between; cursor: pointer; width: 272px; height: 65px; border: 1px solid #d5d5d5; background-color: #ffffff; margin-top: 10px; padding: 10px; box-sizing: border-box; } .ccContainer label { font: 17px FuturaBQBook, Arial, Helvetica, sans-serif; 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 .credit-card-image { 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; } .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; } .reorderListButton span{ color: #326fa8; font-family: FuturaBQMedium; font-weight: bold; font-size: 14px; } .detailReorderContainer{ position:absolute; } .detailReorderButton{ width: 165px; height: 40px; background-color: #326fa8; border-radius: 0px!important; margin-top:0px!important; } .detailReorderContainer p{ text-transform:none!important; font-family: FuturaBQLight!important; font-size: 18px!important; color: #333300; } .detailReorderButton span{ color: #ffffff; font-family: FuturaBQLight; font-size: 14px!important; font-weight:normal!important; margin:0!important; } .promoInsuranceReorder a{ font-family: FuturaBQBook!important; font-size: 1em; } .promoInsuranceReorder{ margin-bottom: 9px; color: #333333; } #ShoppingCart #loginContainer #login_reorder_checkBox > span { width: auto; } #loginContainer #login_reorder_checkBox > span { width: 210px; } form.lc2 .select_container label.cc-form, form.lc2 .input-container label.cc-form{ display: block; margin-top: 14px; font-family: 'FuturaBQLight', Arial, Helvetica, sans-serif; color: #3f2a2e; text-transform: capitalize; font-size: 14px; position: relative; font-weight: normal; } form.lc2.prescription-needed.ng-pristine.ng-valid{ display:none; } form.lc2 .select_container label.cc-form span{ font-family: 'FuturaBQLight', Arial, Helvetica, sans-serif; } h1.shopCartTitle { font-size: 30px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.5px; color: #1f1f1f; font-family: FuturaBQBook, Arial, Helvetica, sans-serif; text-align: left; margin-left: 20px; } p.cartSubTitle { font-family: FuturaBQlight, Arial, Helvetica, sans-serif !important; font-size: 14px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.5px; color: #1f1f1f; text-align: left; margin-left: 20px !important; margin-top: 9px !important; margin-bottom: 20px !important; } p.cartParagrph{ font-family: FuturaBQlight, Arial, Helvetica, sans-serif !important; font-size: 14px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.5px; color: #1f1f1f; text-align: left; margin-left: 20px !important; } /* ORDER CANCELED PAGE */ .canceled_header_container{ display:flex; font-family: FuturaBQLight, Arial, Helvetica, sans-serif; margin-top: 30px; margin-bottom: 25px; } .canceled_header_container .canceled_header_content{ width: 50%; height: 170px; border: 1px solid #d5d5d5; text-align: center; } .canceled_header_container > .canceled_header_content:first-of-type{ margin-right: 30px; } .canceled_header_container .canceled_header_content .canceled_header_img_container{ margin-top: 20px; height:35px; } .canceled_header_container .canceled_header_content .canceled_header_content_message{ margin-top: 10px; height: 50px; font-size: 20px; font-weight: 300; line-height: 1.2; letter-spacing: 0.38px; color: #3f2a2e; } .canceled_header_container .canceled_header_content .lc-button{ text-transform:uppercase; } /* RX REVIEW */ .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 0px; margin-top: -87px; margin-left: -1px; width: 101%; margin-right: -1px; margin-bottom: 20px; } .prescription-needed-link a{ text-transform: uppercase; color: #333333 !important; font-size: 20px !important; vertical-align: middle !important; margin-left: 22px !important; display: inline-block; cursor: unset; pointer-events: none; } .prescription-needed-link .provide-button{ float: right; margin-right: 10px; } .prescription-needed-link .provide-button a{ color: #ffffff!important; font-size: 14px !important; padding-right: 30px; } .prescription-needed-link .prescriptionNeeded::before { width: 15px !important; height: 16px !important; background: none !important; display: inline-block !important; border: solid 1.2px #333333 !important; color: #333333 !important; border-radius: 50% !important; margin-left: 7px; margin-bottom: 4px !important; text-align: center !important; padding: 4px 3px 0px 3px!important; content: '!' !important; font-size: 13px !important; font-weight: 500; margin-right: 5px; } .prescription-needed-link .prescription-needed-subtitle{ padding-left: 33px; font-size: 14px !important; font-family: FuturaBQLight, Arial, Helvetica, sans-serif !important; font-style: italic; } .prescription-provided-link a{ text-transform: uppercase; color: #2c7d50 !important; font-size: 20px !important; font-family: $futuraBook !important; vertical-align: middle !important; margin-left: 35px !important; display: inline-block; text-decoration: none !important; } .prescription-provided-link .prescriptionProvided::before { background-repeat: no-repeat; background-size: auto; position: absolute; margin-left: -25px; width: 18px !important; height: 20px !important; display: inline-block !important; text-align: center !important; content: '' !important; } .prescription-provided-link .prescription-provided-subtitle{ padding-left: 33px; padding-top: 3px; font-size: 14px !important; font-family: FuturaBQLight, Arial, Helvetica, sans-serif !important; font-style: italic; } .prescription-provided-link .preview{ float: right; } .prescription-provided-link .preview a{ text-align: right; font-size: 13px !important; text-transform: none !important; text-decoration: underline !important; color: #333333 !important; margin-right: 10px; } .thank-you .cart-item-container{ margin-top: 80px; } .thank-you .cart-item-container.no-rx{ margin-top: 13px; } .lc-doctor-modal-container .lc-modal{ width: 610px !important; min-height: 90px !important; max-height: 200px; font-size: 20px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.38px; color: #333333; border-radius: 0px!important; } .lc-doctor-modal-container .lc-modal .lc-table{ margin-top: 10px; } .lc-upload-modal-continer .lc-modal{ width: 573px !important; height: 483px !important; border-radius: 0px!important; } .lc-upload-modal-continer .lc-modal-header{ font-size:0.1px; } .lc-upload-modal-continer .lc-modal .content{ height:100%; display: flex; justify-content: center; } .lc-upload-modal-continer .lc-modal img{ margin: auto; max-width: 100%; max-height: 100%; } .contact-lens-rx-prescription-tooltip { visibility: hidden; border-radius: 4px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14); border: solid 0.6px #326fa8; background-color: #ffffff; text-align: center; padding: 12px 0; position: absolute; z-index: 1; } .contact-lens-rx-prescription-tooltip:before { content: ''; display: block; position: absolute; left: 100%; bottom: 42%; width: 0; height: 0; border: 10px solid transparent; border-left-color: #326fa8; transform: rotate(-0deg); } .contact-lens-rx-prescription-tooltip:after { content: ''; display: block; position: absolute; left: 100%; bottom: 43%; width: 0; height: 0; border: 9px solid transparent; border-left-color: #ffffff; } .contact-lens-rx-prescription-tooltip table{ font-family: FuturaBQLight, Arial, Helvetica, sans-serif; color:#333333; cursor: default; } .contact-lens-rx-prescription-tooltip table th { font-size: 12px; font-weight: 300; text-align: center; color: #333333; padding-right: 0; width: 45px; font-family: FuturaBQLight, Arial, Helvetica, sans-serif; } .contact-lens-rx-prescription-tooltip table tbody td:not(:first-child) { font-weight:600 } .contact-lens-rx-prescription-tooltip table tbody tr {height: 26px;} .preview-tooltip-text:hover{ text-decoration:underline; } .preview-tooltip-text:hover .contact-lens-rx-prescription-tooltip{ visibility: visible; } #checkout-cart-warning .lc-modal,#checkout-back-warning .lc-modal{ width: 400px; min-height: 100px; height: 200px; border: solid 1px #979797; background-color: #ffffff; box-sizing: unset; } #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; } .checkout-step-2 .lc-control{ font-weight:600; margin-top: 20px; margin-bottom: 0px; } #sms-terms-condition-modal{ width:100%; font-size:15px; } #sms-terms-condition-modal .lc-modal{ padding:30px; max-width: 400px; min-height:200px; } #sms-terms-condition-modal .lc-modal .lc-modal-header{ color:white; } #sms-terms-condition-modal .lc-modal .msg-container{ margin:10px 20px; } #sms-terms-condition-modal a{ font-size:15px; } #sms-terms-condition-modal a:hover{ text-decoration:underline; } .check.sms-updates a{ font-size:15px; } .check.sms-updates a:hover{ text-decoration:underline; } .promo-field #ShoppingCart_ApplyPromo_Button{ background: #4589c8; font-size: 12px; border-radius: 5px; padding: 11px; margin-left: 0px; color: #ffffff; font-family: FuturaBQBold,Arial,Helvetica,sans-serif; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-align: center; border: none; width: 215px!important; } .cart-sections-container:not(.thank-you) #cart-content{margin-right: 15px;} .pdp-item-options .frame-section .price, .pdp-item-options .lens-section .price{ vertical-align: inherit; } .pdp-item-options .frame-offer-section .price{ font-size: 15px!important; padding-left: 0.5em; } .price-lined-through{ font-size: 10px!important; text-decoration:line-through; } .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; scrollbar-width: thin; } .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; }