/* ----- Global Colors ----- */ /* --------- End ----------- */ /* ----- Speck Colors ----- */ /* --------- End ----------- */ /* ----- Global Headers styles----- */ /* ----- End Global Headers styles----- */ /* -------------- Speck Font Mixins -------*/ /* ----- Global Input styles ----- */ /* ----- Global Buttons styles----- */ /* ----- End Global Buttons styles----- */ /* ----- Recommendations styles----- */ /* ----- End Recommendations styles----- */ @import url("//fonts.googleapis.com/css?family=Lato:700,300,200|Raleway:500,400,200"); .tk-futura-pt { font-family: "proxima-nova-alt", Arial, sans-serif !important; } /* Responsive Mixin Usage: > 1280px default (no mixin, but just incase there's "extra-large") < 1280px to 1025px @include respond(wideTablet) { //your style here } 1024px to 769px: @include respond(vertTablet) { //your style here } 1280 to 768px; @include respond(tablet){ //blah blah } < 768px: @include respond(phone) { //your style here } */ .ui-button-icon-only .ui-icon, .ui-button-icons-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-text-icon-secondary .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px); /* (1) clip was set before: old value: rect(1px) - new value rect(1px,1px,1px,1px) */ } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix { zoom: 1; } .ui-helper-clearfix:before { content: ""; display: table; } .ui-helper-clearfix:after { content: ""; display: table; clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } .ui-autocomplete { position: absolute; cursor: default; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: .2em .4em; line-height: 1.5; zoom: 1; } .ui-menu .ui-menu-item a.ui-state-hover { font-weight: normal; margin: -1px; } .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-icon-only { width: 2.2em; } .ui-button-icon-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } button.ui-button-icon-only { width: 2.4em; } button.ui-button-icons-only { width: 3.7em; } button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-button-icons-only { width: 3.4em; } .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-icons-only .ui-button-icon-secondary { right: .5em; /* (4) right was set before: old value: .5em - new value .5em */ } .ui-button-text-icon-primary .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-primary .ui-button-icon-primary { left: .5em; } .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; /* (2) padding was set before: old value: .4em 1em .4em 2.1em - new value .4em 2.1em .4em 1em */ padding-left: 2.1em; padding-right: 2.1em; } .ui-button-text-icons .ui-button-icon-primary { left: .5em; } .ui-button-text-icons .ui-button-icon-secondary { right: .5em; /* (3) right was set before: old value: .5em - new value .5em */ } .ui-button-text-icon-secondary .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icon-secondary .ui-button-icon-secondary { right: .5em; } .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover { padding: 0; } .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0; background: none; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 18px; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; width: 90%; border: 1px solid #aaaaaa; background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; color: #222222; border-radius: 4px; margin: 10px 8px; } .ui-slider-horizontal .ui-slider-handle { top: -3px; margin-left: -8px !important; border: 1px solid #d3d3d3; background: #e6e6e6 50% 50% repeat-x; font-weight: normal; border-radius: 4px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; color: #222222; font-weight: bold; background: #cccccc 50% 50% repeat-x; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; cursor: pointer; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { cursor: text; } .ui-tabs .ui-tabs-nav li.ui-state-disabled a { cursor: text; } .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { top: 1px; left: 1px; } .ui-datepicker .ui-datepicker-next-hover { top: 1px; right: 1px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month { width: 49%; } .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0em; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker-cover { display: none; /* (5) display was set before: old value: none - new value block */ position: absolute; z-index: -1; top: -4px; left: -4px; width: 200px; height: 200px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-resizable-disabled .ui-resizable-handle { display: none; } .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } * html .ui-autocomplete { width: 1px; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } input.ui-button { padding: .4em 1em; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } /*==== Shopping Cart ====*/ #wrapper.pt_cart #main { padding: 0; width: 100%; } #wrapper.pt_cart #main .breadcrumb { display: none; } #wrapper.pt_cart #main .header-container { position: relative; } #wrapper.pt_cart #main .header-container .cart-logo { position: relative; max-width: 1136px; margin: 0 auto; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { #wrapper.pt_cart #main .header-container .cart-logo { max-width: 960px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_cart #main .header-container .cart-logo { max-width: 720px; } } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main .header-container .cart-logo { width: 100%; max-width: 100%; } } #wrapper.pt_cart #main .header-container .cart-logo img { position: absolute; right: 0; max-height: 150px; top: 20px; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { #wrapper.pt_cart #main .header-container .cart-logo img { max-height: 60px; top: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_cart #main .header-container .cart-logo img { max-height: 60px; top: 6px; } } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main .header-container .cart-logo img { max-height: 30px; top: 22px; } } @media screen and (min-width: 340px) and (max-width: 767px) { #wrapper.pt_cart #main .header-container .cart-logo img { right: 5%; } } #wrapper.pt_cart #main .header-container h1 { padding: 68px 72px; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { #wrapper.pt_cart #main .header-container h1 { padding: 30px 32px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_cart #main .header-container h1 { padding: 25px 16px; } } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main .header-container h1 { padding: 25px 5%; } } #wrapper.pt_cart #main #recommendations { float: left; width: 45.3%; padding: 0 0 27px 0; margin-top: -67px; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #recommendations { width: 100%; margin: 0; } } #wrapper.pt_cart #main #recommendations .recommendations { margin: 0 auto; width: 100%; padding: 0; text-align: center; } #wrapper.pt_cart #main #recommendations .recommendations > h2 { font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 25px; letter-spacing: 0; color: #0099CC; line-height: 100%; text-transform: uppercase; font-size: 28px; padding: 10px 0; border-top: 1px solid #666666; border-bottom: 1px solid #666666; display: inline-block; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #recommendations .recommendations > h2 { width: 100%; font-size: 24px; } } #wrapper.pt_cart #main #recommendations .recommendations .slick-slide { opacity: 1; width: 210px; padding: 0 5px; } #wrapper.pt_cart #main #recommendations .recommendations .slick-slide .product-image { height: auto; } #wrapper.pt_cart #main #recommendations .recommendations .slick-slide .product-image a { outline: none; } #wrapper.pt_cart #main #recommendations .recommendations .slick-slide .product-image a img { width: 100%; } #wrapper.pt_cart #main #recommendations .recommendations .slick-slider.carousel { margin: 0; } #wrapper.pt_cart #main #recommendations .recommendations .slick-slider.carousel .product-price { display: none; } #wrapper.pt_cart #main #recommendations .recommendations .slick-slider.carousel .product-name { border-top: 1px solid #666666; margin: 10px auto 0; max-width: 197px; padding-top: 5px; width: 100%; } #wrapper.pt_cart #main #recommendations .recommendations .slick-slider.carousel .product-name h2 { line-height: 100%; } #wrapper.pt_cart #main #recommendations .recommendations .slick-slider.carousel .product-name h2 a { font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 0em; color: #707170; line-height: 100%; text-transform: uppercase; font-size: 12px; text-decoration: none; line-height: 16px; } #wrapper.pt_cart #main #recommendations .recommendations .slick-slider.carousel .product-swatches { display: none; } #wrapper.pt_cart #main #recommendations .recommendations .slick-slider.carousel .product-pricing span { font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 0em; color: #231f20; line-height: 100%; text-transform: uppercase; font-size: 12px; } #wrapper.pt_cart #main #recommendations .recommendations .slick-slider.carousel .product-pricing span.product-standard-price { text-decoration: line-through; } #wrapper.pt_cart #main #recommendations .recommendations .slick-slider.carousel .product-pricing span + .product-sales-price { color: #ed3024; } #wrapper.pt_cart #main #recommendations .recommendations .slick-slider.carousel .promotional-message { color: #ed3024; text-transform: uppercase; } #wrapper.pt_cart #main #recommendations .recommendations .slick-slider.carousel button { background: url(../images/interface/carousel-btn-bg.png) no-repeat left top; width: 10px; height: 17px; display: block; margin-top: -40px; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #recommendations .recommendations .slick-slider.carousel button { width: 10px; height: 17px; margin-top: -35px; background-size: 100% auto; } } #wrapper.pt_cart #main #recommendations .recommendations .slick-slider.carousel button.slick-prev { background: url(../images/interface/carousel-btn-bg-prev.png) no-repeat left top; left: -3%; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #recommendations .recommendations .slick-slider.carousel button.slick-prev { background-size: 100% auto; left: 0; } } #wrapper.pt_cart #main #recommendations .recommendations .slick-slider.carousel button.slick-next { right: -3%; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #recommendations .recommendations .slick-slider.carousel button.slick-next { right: 0; } } #wrapper.pt_cart #main #primary { width: 1136px; padding: 20px 72px 72px; margin: 0 auto; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { #wrapper.pt_cart #main #primary { width: 960px; padding: 30px 32px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_cart #main #primary { width: 720px; padding: 25px 16px; } } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary { width: 90%; padding: 25px 5%; } } #wrapper.pt_cart #main #primary .error-form { color: #ed3024; font-size: 14px; margin-bottom: 15px; text-align: left; line-height: 22px; } #wrapper.pt_cart #main #primary .bonus-item-promo { display: inline-block; width: 100%; border-bottom: 1px solid #CCCCCC; padding: 15px; background: #ececec; margin-bottom: 30px; box-sizing: border-box; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary .bonus-item-promo { margin-bottom: 10px; } } #wrapper.pt_cart #main #primary .bonus-item-promo .bonus-item-details { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 14px; line-height: 14px; text-transform: uppercase; font-size: 15px; padding-right: 250px; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary .bonus-item-promo .bonus-item-details { padding-right: 0; padding-top: 18px; display: inline-block; } } #wrapper.pt_cart #main #primary .bonus-item-promo .bonus-item-details span { color: #707170; font-size: 12px; text-transform: uppercase; } #wrapper.pt_cart #main #primary .bonus-item-promo .bonus-item-details a { font-size: 12px; color: #707170; } #wrapper.pt_cart #main #primary .bonus-item-promo .bonus-products a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #ed3024; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; float: right; text-decoration: none; letter-spacing: 0.05px; } #wrapper.pt_cart #main #primary .bonus-item-promo .bonus-products a:hover { background-color: #eeeeee; border: 4px solid #ed3024; line-height: 36px; padding: 0 16px; color: #ed3024; } #wrapper.pt_cart #main #primary .bonus-item-promo .bonus-products a:disabled { background-color: #eeeeee; color: #dddddd; border: none; padding: 0 20px; line-height: 44px; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary .bonus-item-promo .bonus-products a { text-align: center; padding: 0; width: 99.5%; } } #wrapper.pt_cart #main #primary #cart-items-form { width: 100%; border: 0; } #wrapper.pt_cart #main #primary #cart-items-form .error-message { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; color: #ed3024; padding-top: 15px; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table { border: 0; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table thead { display: none; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr th { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #005f9b; font-size: 20px; line-height: 20px; text-transform: uppercase; font-size: 24px; padding: 0 0 27px 0; border-bottom: 1px solid #CCCCCC; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr th.unitprice { text-align: center; width: 15%; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr th.qty-table { text-align: left; padding-left: 5.7%; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr th.header-total-price { text-align: right; width: 15%; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr th { font-size: 18px; padding-bottom: 18px; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row { /*border-bottom: 1px solid $lighter-grey;*/ } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td { padding: 47px 2% 30px 3.7%; vertical-align: top; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td { padding: 10px 6% 0 2%; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.mobile-visible, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.mobile-visible { display: none; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.mobile-visible, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.mobile-visible { display: block; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.decktop-visible, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.decktop-visible { display: table-cell; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.decktop-visible, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.decktop-visible { display: none; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-image, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-image { width: 23.815%; padding: 0 0 30px 0; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-image, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-image { margin-bottom: -140px; padding-top: 30px; width: 38.2%; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-image img, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-image img { width: 100%; float: left; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details { width: 28%; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item { margin-bottom: 20px; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item { margin-bottom: 0px; border: 0; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item div, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item div { display: block; width: 100%; line-height: 100%; margin-bottom: 10px; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item div, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item div { margin-bottom: 8px; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item div.promo, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item div.promo { text-transform: uppercase; color: #ed3024; font-size: 13px; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item div.product-option, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item div.attribute span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item div.sku span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item div.name a, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item div.product-option, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item div.attribute span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item div.sku span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item div.name a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #005f9b; font-size: 20px; line-height: 20px; text-transform: uppercase; font-size: 13px; line-height: 15px; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item div.product-option, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item div.attribute span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item div.sku span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item div.name a, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item div.product-option, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item div.attribute span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item div.sku span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item div.name a { margin-bottom: 13px; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item div.name a, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item div.name a { line-height: 24px; text-decoration: none; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item div.name a:hover, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item div.name a:hover { text-decoration: underline; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item div.sku span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item div.sku span { color: #231f20; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item div.name a, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item div.name a { line-height: 18px; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item div.product-option, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .product-list-item div.attribute span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item div.product-option, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .product-list-item div.attribute span { color: #231f20; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .item-edit-details a, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .item-edit-details a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; text-decoration: none; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .item-edit-details a:hover, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .item-edit-details a:hover { text-decoration: underline; color: #0099CC; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details .item-edit-details a, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details .item-edit-details a { display: inline-block; margin-top: 3px; margin-bottom: 6px; text-decoration: underline; } } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-details, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-details { width: 90.45%; float: right; padding: 30px 0 0; border: 0; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td .bonus-item-actions a, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td .bonus-item-actions a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td .bonus-item-actions a, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td .bonus-item-actions a { text-decoration: underline; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-price span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-price span { display: block; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 15px; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total span.price-standard, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-price span.price-standard, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total span.price-standard, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-price span.price-standard { text-decoration: line-through; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total span.price-standard, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-price span.price-standard, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total span.price-standard, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-price span.price-standard { font-size: 12px; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total span + .price-sales, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-price span + .price-sales, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total span + .price-sales, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-price span + .price-sales { color: #ed3024; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-price, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-price { width: 90.4%; float: right; padding: 10px 0 0; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total span.price-sales, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total label, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-price span.price-sales, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-price label, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total span.price-sales, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total label, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-price span.price-sales, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-price label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 11px; line-height: 11px; text-transform: uppercase; font-size: 12px; padding: 0; margin: 0; float: left; width: 40%; text-align: left; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total span.price-sales, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-price span.price-sales, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total span.price-sales, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-price span.price-sales { text-align: right; width: auto; color: #231f20; float: right; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total .price-promotion, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-price .price-promotion, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total .price-promotion, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-price .price-promotion { float: left; width: 70%; text-align: right; line-height: 100%; margin-top: -3px; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total .price-promotion .price-sales, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total .price-promotion .price-standard, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-price .price-promotion .price-sales, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-price .price-promotion .price-standard, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total .price-promotion .price-sales, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total .price-promotion .price-standard, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-price .price-promotion .price-sales, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-price .price-promotion .price-standard { float: none; display: inline-block; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total .price-promotion .price-standard, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-price .price-promotion .price-standard, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total .price-promotion .price-standard, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-price .price-promotion .price-standard { margin-right: 5px; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total .price-promotion .price-sales, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-price .price-promotion .price-sales, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total .price-promotion .price-sales, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-price .price-promotion .price-sales { color: #ed3024; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-price, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-price { text-align: center; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-price, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-price { border: 0; padding-top: 20px; padding-bottom: 8px; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-price label, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-price label { color: #005f9b; width: 30%; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total { padding-left: 5%; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total .promo-adjustment, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total .promo-adjustment { text-transform: uppercase; font-size: 13px; color: #ed3024; margin-bottom: 10px; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total .promo-adjustment, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total .promo-adjustment { float: right; text-align: right; width: 100%; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total span { margin-bottom: 10px; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total span.price-unadjusted, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total span.price-unadjusted { line-height: normal; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total span.price-unadjusted, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total span.price-unadjusted { width: 30%; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total span.price-unadjusted span:first-child, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total span.price-unadjusted span:first-child { display: none; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total span.price-unadjusted span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total span.price-unadjusted span { display: block; text-decoration: line-through; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total span.price-adjusted-total, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total span.price-adjusted-total { line-height: normal; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total span.price-adjusted-total, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total span.price-adjusted-total { width: 100%; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total span.price-adjusted-total span:first-child, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total span.price-adjusted-total span:first-child { display: none; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total span.price-adjusted-total span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total span.price-adjusted-total span { color: #ed3024; display: block; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total { padding-bottom: 20px; padding-left: 13%; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total label, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 14px; line-height: 14px; text-transform: uppercase; font-size: 13px; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total label, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total label { color: #005f9b; width: 50%; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-total span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total span { width: 50%; float: right; text-align: right; color: #231f20; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity { padding-left: 5.7%; padding-right: 0; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .count, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .count { font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 0em; color: #707170; line-height: 100%; text-transform: uppercase; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .count, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .count { float: right; margin-top: -15px; } } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .input-qty, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .input-qty { display: block; width: 100%; float: left; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .input-qty label, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .input-qty label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 11px; line-height: 11px; text-transform: uppercase; font-size: 12px; float: left; text-align: left; width: 100px; margin: 15px 0 0 0; text-transform: uppercase; padding: 0; color: #005f9b; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .input-qty input, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .input-qty input { float: right; padding: 0; width: 36px; font-size: 14px; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity button, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity button { text-transform: none; height: auto; width: auto; margin-top: 13px !important; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity input, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity input { width: 55px; text-align: center; padding: 0 0px; margin: 0; outline: none; height: 42px; line-height: 42px; display: block; font-size: 16px; -webkit-padding-before: 0; -webkit-padding-after: 0; box-sizing: border-box; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity input:focus, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity input:focus { width: 55px; padding: 0; margin: 0; outline: none; height: 42px; line-height: 42px; display: block; font-size: 16px; -webkit-padding-before: 0; -webkit-padding-after: 0; box-sizing: border-box; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity input, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity input { width: 55px !important; text-align: center !important; } } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity input, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity input { width: 55px !important; text-align: center !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity input, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity input { line-height: 39px; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity input:focus, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity input:focus { line-height: 37px; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .product-availability-list li, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .product-availability-list li { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .product-availability-list li.not-available, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .product-availability-list li.not-available { width: 195px; color: #ed3024; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .product-availability-list li.not-available, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .product-availability-list li.not-available { width: 172px; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity button, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity button { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; text-decoration: none; background: none; padding: 0; border: 0; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity button:hover, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity button:hover { text-decoration: underline; color: #0099CC; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .item-user-actions a, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .item-user-actions a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; text-decoration: none; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .item-user-actions a:hover, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .item-user-actions a:hover { text-decoration: underline; color: #0099CC; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .item-user-actions, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .item-user-actions { width: 110px; margin-top: 5px; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .item-user-actions, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .item-user-actions { width: 90px; text-align: left; float: left; margin-top: 12px; line-height: 16px; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .item-user-actions .add-to-registry, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .item-user-actions .add-to-registry { display: none; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .item-user-actions .add-to-wishlist, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .item-user-actions .add-to-wishlist { display: inline-block; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .item-user-actions .add-to-wishlist, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .item-user-actions .add-to-wishlist { text-decoration: underline; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity button, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity button { margin-bottom: 10px; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity button, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity button { margin-bottom: 0px; margin-top: 5px; float: right; } } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity button span, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity button span { text-decoration: underline; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .product-availability-list, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .product-availability-list { width: 110px; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .product-availability-list, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .product-availability-list { width: 100%; float: left; margin-top: 3px; text-align: left; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .product-availability-list li.is-in-stock, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .product-availability-list li.is-in-stock { white-space: nowrap; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity .product-availability-list li.is-in-stock, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity .product-availability-list li.is-in-stock { font-size: 12px; } } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity { width: 90.45%; float: right; padding: 0; border: 0; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.rowcoupons td { padding: 20px 2% 10px 3.7%; vertical-align: middle; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.rowcoupons td { padding: 10px 0 0 0; width: 100%; display: block; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.rowcoupons td.cart-promo { display: none; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.rowcoupons td.item-details div { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 11px; line-height: 11px; text-transform: uppercase; font-size: 13px; text-transform: uppercase; margin-bottom: 10px; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.rowcoupons td.item-quantity-details { padding-left: 5.7%; padding-right: 0; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.rowcoupons td.item-quantity-details { padding-left: 0; padding-bottom: 25px; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.rowcoupons td.item-quantity-details .textbutton { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #ed3024; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.rowcoupons td.item-quantity-details .textbutton:hover { background-color: #eeeeee; border: 4px solid #ed3024; line-height: 36px; padding: 0 16px; color: #ed3024; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.rowcoupons td.item-quantity-details .textbutton:disabled { background-color: #eeeeee; color: #dddddd; border: none; padding: 0 20px; line-height: 44px; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.rowcoupons td.item-total { display: none; } } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-price .price-sales { text-align: left !important; } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod .item-quantity .item-user-actions { width: 100% !important; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-image { text-align: center; vertical-align: middle; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-image { vertical-align: top; } } #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-image img { max-width: 185px; float: none; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-total span.price-unadjusted { width: 50%; } } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer #add-coupon, #wrapper.pt_cart #main #primary #cart-items-form .cart-footer #update-cart { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer #add-coupon:hover, #wrapper.pt_cart #main #primary #cart-items-form .cart-footer #update-cart:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer #add-coupon:disabled, #wrapper.pt_cart #main #primary #cart-items-form .cart-footer #update-cart:disabled { background-color: #eeeeee; color: #dddddd; } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer #add-coupon:disabled:hover, #wrapper.pt_cart #main #primary #cart-items-form .cart-footer #update-cart:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form .cart-footer #add-coupon, #wrapper.pt_cart #main #primary #cart-items-form .cart-footer #update-cart { width: 100%; padding: 0; } } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer #add-coupon:hover { padding: 0; } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer #add-coupon { margin: 10px 0 10px 2%; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form .cart-footer #add-coupon { margin: 10px 0; } } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer #update-cart { margin-bottom: 20px; margin-top: 20px; float: right; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form .cart-footer #update-cart { margin-top: 16px; } } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-coupon-code { padding-top: 10px; padding-left: 10px; display: inline-block; } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-coupon-code .error { font-size: 12px; text-transform: uppercase; margin-left: 7px; } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-coupon-code label, #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-coupon-code input, #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-coupon-code button { vertical-align: text-top; } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-coupon-code label { margin-bottom: -6px; padding-left: 0; text-indent: 0; display: block; text-transform: uppercase; color: #adadad; } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-coupon-code input { height: 24px; line-height: 24px; padding: 0px 10px; width: 280px; margin-top: 5px; } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-coupon-code button { height: 26px !important; line-height: 26px !important; background-color: #adadad !important; font-size: 12px !important; width: 80px !important; margin-left: 6px !important; margin-top: 4px !important; } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-coupon-code button:hover { height: 26px !important; line-height: 26px !important; border-width: 0px !important; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-coupon-code { padding: 0; margin: 0; border-bottom: 1px solid #ccc; display: block; padding-bottom: 20px; } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-coupon-code label, #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-coupon-code input, #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-coupon-code button { margin-left: 0%; } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-coupon-code input { padding: 11px 5%; width: 70%; margin-top: 0 !important; } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-coupon-code button { width: 18% !important; margin: 0px !important; float: right; height: 48px !important; line-height: 48px !important; font-size: 15px !important; } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-coupon-code button:hover { height: 48px !important; line-height: 48px !important; border-width: 0px !important; } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-coupon-code label { font-size: 15px; margin-bottom: 5px; color: #231F20; } } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-order-totals { margin-top: 0; width: 42%; float: right; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-order-totals { padding: 0; width: 100%; border: 0; } } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-order-totals .order-totals-table { width: 100%; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-order-totals .order-totals-table { width: 100%; } } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-order-totals .order-totals-table tr.order-shipping, #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-order-totals .order-totals-table tr.order-sales-tax, #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-order-totals .order-totals-table tr.order-total { display: none; } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-order-totals .order-totals-table tr td { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #005f9b; font-size: 20px; line-height: 20px; text-transform: uppercase; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 25px 5px; font-size: 15px; text-transform: uppercase; text-align: center; } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-order-totals .order-totals-table tr td:first-child { text-align: left; } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-order-totals .order-totals-table tr td:last-child { text-align: center; color: #231f20; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-order-totals .order-totals-table tr td { padding: 28px 5px; } } #wrapper.pt_cart #main #primary #cart-items-form .cart-footer .cart-order-totals .order-totals-table tr th { display: none; } #wrapper.pt_cart #main #primary .cart-actions { float: right; width: 42%; margin-bottom: 20px; margin-top: 37px; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary .cart-actions { width: 100%; text-align: center; margin-top: 20px; } } #wrapper.pt_cart #main #primary .cart-actions .payPalCartButton .payBtnSection .payLeftBtn { float: left; width: 55%; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { #wrapper.pt_cart #main #primary .cart-actions .payPalCartButton .payBtnSection .payLeftBtn { width: 50%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_cart #main #primary .cart-actions .payPalCartButton .payBtnSection .payLeftBtn { width: 185px; float: right; margin-bottom: 10px; } } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary .cart-actions .payPalCartButton .payBtnSection .payLeftBtn { text-align: center; width: 100%; float: left; margin-bottom: 10px; } } #wrapper.pt_cart #main #primary .cart-actions .payPalCartButton .payBtnSection .payLeftBtn h2 { font-size: 15px; color: #005f9b; text-transform: uppercase; margin-bottom: 5px; } #wrapper.pt_cart #main #primary .cart-actions .payPalCartButton .payBtnSection .payLeftBtn p { color: #777; font-size: 14px; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary .cart-actions .payPalCartButton .payBtnSection form { float: left; width: 100%; text-align: center; } } #wrapper.pt_cart #main #primary .cart-actions .payPalCartButton .payBtnSection form button { padding: 0; margin: 0; background: none; border: 0; float: right; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary .cart-actions .payPalCartButton .payBtnSection form button { float: none; } } #wrapper.pt_cart #main #primary .cart-actions .payPalCartButton .or-divider { border-bottom: 1px solid #CCCCCC; position: relative; width: 100%; float: left; margin: 20px 0; text-align: center; } #wrapper.pt_cart #main #primary .cart-actions .payPalCartButton .or-divider span { font-size: 18px; color: #666666; font-weight: bold; text-transform: uppercase; padding: 2px 7px; background: #ffffff; top: -13px; left: 49%; position: absolute; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary .cart-actions .payPalCartButton .or-divider span { left: 43%; } } #wrapper.pt_cart #main #primary .cart-actions #checkout-form { float: right; } #wrapper.pt_cart #main #primary .cart-actions .cart-action-continue-shopping { float: left; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_cart #main #primary .cart-actions .cart-action-continue-shopping { width: 100%; } } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary .cart-actions .cart-action-continue-shopping { width: 100%; } } #wrapper.pt_cart #main #primary .cart-actions #checkout-form { float: right; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary .cart-actions #checkout-form { width: 100%; text-align: center; } } #wrapper.pt_cart #main #primary .cart-actions #checkout-form button { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 20px; color: #ffffff; background: #f79727; height: 54px; line-height: 54px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 78px; text-transform: uppercase; border: 0; padding: 0 34px; height: 56px; float: right; } #wrapper.pt_cart #main #primary .cart-actions #checkout-form button:hover { background-color: #ffefde; border: 4px solid #f79727; padding: 0 66px; line-height: 46px; color: #f79727; } #wrapper.pt_cart #main #primary .cart-actions #checkout-form button:disabled { background-color: #eeeeee; color: #dddddd; } #wrapper.pt_cart #main #primary .cart-actions #checkout-form button:hover { padding: 0 30px; } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary .cart-actions #checkout-form button { padding: 0; width: 100%; } } #wrapper.pt_cart #main #primary .cart-actions #continue-shopping button { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; margin-top: 11px; float: left; } #wrapper.pt_cart #main #primary .cart-actions #continue-shopping button:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } #wrapper.pt_cart #main #primary .cart-actions #continue-shopping button:disabled { background-color: #eeeeee; color: #dddddd; } #wrapper.pt_cart #main #primary .cart-actions #continue-shopping button:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_cart #main #primary .cart-actions #continue-shopping button { float: right; padding: 0 13px !important; } } @media only screen and (max-width: 767px) { #wrapper.pt_cart #main #primary .cart-actions #continue-shopping button { width: 100%; padding: 0; margin-top: 19px; } } @-moz-document url-prefix() { #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.bonus-prod td.item-quantity button, #wrapper.pt_cart #main #primary #cart-items-form #cart-table tr.cart-row td.item-quantity button { margin-left: -3px !important; } } /*==== End Shopping Cart ====*/ .pt_account #primary .login-order-track { display: none; } .pt_account #primary .login-box-content { line-height: 1.5em; margin-bottom: 24px; } .pt_account #primary .login-box-content form { margin-top: 24px; } #wrapper.pt_account .form-row span.error-message, #wrapper.pt_account .form-row span.error { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; clear: both; display: inline-block; line-height: 100%; padding-left: 54%; width: 46%; color: #ed3024; float: none; padding-top: 5px; margin-top: 0; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { #wrapper.pt_account .form-row span.error-message, #wrapper.pt_account .form-row span.error { padding-left: 53%; width: 47%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_account .form-row span.error-message, #wrapper.pt_account .form-row span.error { padding-left: 50%; width: 50%; } } @media only screen and (max-width: 767px) { #wrapper.pt_account .form-row span.error-message, #wrapper.pt_account .form-row span.error { padding-left: 0; width: 100%; } } #wrapper.pt_account .form-row .error + .error-message { display: none; } #wrapper.pt_account .registerProfile .col-1, #wrapper.pt_account .registerProfile .col-2 { border-top: 0; } #wrapper.pt_account .registerProfile .form-row-button { line-height: 36px; padding: 34px 0; margin-top: 18px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align: right; } #wrapper.pt_account .registerProfile .form-row-button button { display: inline; float: none; } @media only screen and (max-width: 767px) { #wrapper.pt_account #primary .registerProfile .section-header { border-bottom: 1px solid #CCCCCC; padding: 15px 0; margin-bottom: 15px; } #wrapper.pt_account #primary .registerProfile .col-2 .section-header { display: none; } #wrapper.pt_account #primary .registerProfile .col-1 .register-left { display: none; } } #wrapper.pt_account #primary .editProfile .personal-data-account, #wrapper.pt_account #primary .editProfile form { float: right; width: 70%; } @media only screen and (max-width: 767px) { #wrapper.pt_account #primary .editProfile .personal-data-account, #wrapper.pt_account #primary .editProfile form { float: none; width: 100%; } } @media only screen and (max-width: 767px) { #wrapper.pt_account #primary .editProfile .personal-data-account { display: none; } } #wrapper.pt_account #primary .editProfile .col-1, #wrapper.pt_account #primary .editProfile .col-2 { width: 100%; } #wrapper.pt_account #primary .editProfile .form-row { height: auto; min-height: 40px; clear: both; } #wrapper.pt_account #primary .editProfile .form-row .form-caption.error-message { float: none; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; color: #ed3024; padding-top: 3px; } #wrapper.pt_account #primary .editProfile .form-row span.error + .form-caption.error-message { padding-top: 0; margin-top: 3px; } #wrapper.pt_account #primary .editProfile .form-row span.error, #wrapper.pt_account #primary .editProfile .form-row .form-caption.error-message { clear: both; display: block; white-space: pre; line-height: normal; margin-left: 0; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_account #primary .editProfile .form-row span.error, #wrapper.pt_account #primary .editProfile .form-row .form-caption.error-message { padding-left: 0; } } #wrapper.pt_account #primary .editProfile .form-row input[type="checkbox"] { display: none; } #wrapper.pt_account #primary .editProfile .form-row input[type="checkbox"] + label { display: block; background: url("../images/checkbox_unchecked.png") left 4px no-repeat; cursor: pointer; padding-left: 25px; } @media only screen and (max-width: 767px) { #wrapper.pt_account #primary .editProfile .form-row input[type="checkbox"] + label { background-position: left 9px; line-height: 19px !important; } } #wrapper.pt_account #primary .editProfile .form-row input[type="checkbox"]:checked + label { background: url("../images/checkbox_checked.png") left 4px no-repeat; } @media only screen and (max-width: 767px) { #wrapper.pt_account #primary .editProfile .form-row input[type="checkbox"]:checked + label { background-position: left 9px; } } #wrapper.pt_account #primary .editProfile .form-row label { float: left; display: inline; width: 32%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_account #primary .editProfile .form-row label { width: 80%; } } @media only screen and (max-width: 767px) { #wrapper.pt_account #primary .editProfile .form-row label { padding-top: 1em; width: 100%; float: left; } } #wrapper.pt_account #primary .editProfile .form-row input { float: left; display: inline; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_account #primary .editProfile .form-row input { width: 80%; } } #wrapper.pt_account #primary .editProfile .form-row .input-checkbox { margin-left: 22%; width: auto; float: left; } @media only screen and (max-width: 767px) { #wrapper.pt_account #primary .editProfile .form-row .input-checkbox { margin-left: 0; } } #wrapper.pt_account #primary .editProfile .label-inline label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; text-transform: none; text-align: left; width: 40%; margin-left: 32%; color: #231f20; font-size: 12px; font-weight: 500; line-height: 1.5em; padding-bottom: 12px; } @media only screen and (max-width: 767px) { #wrapper.pt_account #primary .editProfile .label-inline label { margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_account #primary .editProfile .label-inline label { margin-left: 0; width: 80%; margin-top: 10px; } } @media only screen and (max-width: 767px) { #wrapper.pt_account #primary .editProfile .label-inline label { padding: 5px 0; width: 92%; } } #wrapper.pt_account #primary .editProfile .form-row-button { border: 0; padding: 0; margin: 0; margin-bottom: 12px; text-align: left; padding-left: 32%; } @media only screen and (max-width: 767px) { #wrapper.pt_account #primary .editProfile .form-row-button { padding-left: 0; width: 100%; display: block; border-top: 1px solid #CCCCCC; margin-top: 12px; padding-top: 12px; } } @media only screen and (max-width: 767px) { #wrapper.pt_account #primary .editProfile .form-row-button button { width: 100%; } } #wrapper.pt_account #addresses, #wrapper.pt_account #paymentinstruments { width: 66%; float: right; margin-bottom: 20px; } #wrapper.pt_account #addresses * address, #wrapper.pt_account #paymentinstruments * address { font-style: normal; font-weight: normal; } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses, #wrapper.pt_account #paymentinstruments { width: auto; float: none; } } #wrapper.pt_account #addresses .welcomeHeader, #wrapper.pt_account #paymentinstruments .welcomeHeader { margin-bottom: 23px; } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses .welcomeHeader, #wrapper.pt_account #paymentinstruments .welcomeHeader { display: none; } } #wrapper.pt_account #addresses h1, #wrapper.pt_account #paymentinstruments h1 { font-size: 24px; font-weight: 700; line-height: 36px; padding: 34px 0; margin-bottom: 34px; border-bottom: 1px solid #CCCCCC; } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses h2, #wrapper.pt_account #paymentinstruments h2 { display: none; } } #wrapper.pt_account #addresses h3, #wrapper.pt_account #paymentinstruments h3 { font-size: 15px; padding: 0 0 1em; } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses h3, #wrapper.pt_account #paymentinstruments h3 { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } } #wrapper.pt_account #addresses legend, #wrapper.pt_account #paymentinstruments legend { display: none; } #wrapper.pt_account #addresses label, #wrapper.pt_account #paymentinstruments label { float: left; width: 42%; } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses label, #wrapper.pt_account #paymentinstruments label { width: auto; float: none; display: block; margin-top: 6px; } } #wrapper.pt_account #addresses select, #wrapper.pt_account #paymentinstruments select { top: auto; right: auto; width: 57% !important; } #wrapper.pt_account #addresses input, #wrapper.pt_account #addresses select, #wrapper.pt_account #paymentinstruments input, #wrapper.pt_account #paymentinstruments select { float: left; width: 57%; box-sizing: border-box; font-size: 18px; } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses input, #wrapper.pt_account #addresses select, #wrapper.pt_account #paymentinstruments input, #wrapper.pt_account #paymentinstruments select { width: 100% !important; float: none; display: block; } } #wrapper.pt_account #addresses input.error, #wrapper.pt_account #addresses select.error, #wrapper.pt_account #paymentinstruments input.error, #wrapper.pt_account #paymentinstruments select.error { border: 1px solid #ed3024; } #wrapper.pt_account #addresses .customSelect, #wrapper.pt_account #paymentinstruments .customSelect { width: 57%; } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses .customSelect, #wrapper.pt_account #paymentinstruments .customSelect { width: 100%; } } #wrapper.pt_account #addresses .input-with-phone, #wrapper.pt_account #paymentinstruments .input-with-phone { position: relative; margin-bottom: 20px; } #wrapper.pt_account #addresses .form-row, #wrapper.pt_account #paymentinstruments .form-row { position: relative; height: 36px; width: 500px; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_account #addresses .form-row, #wrapper.pt_account #paymentinstruments .form-row { width: 490px; } } #wrapper.pt_account #addresses .form-row span.error, #wrapper.pt_account #paymentinstruments .form-row span.error { position: absolute; top: 38px; left: 30%; } #wrapper.pt_account #addresses .form-row .form-caption, #wrapper.pt_account #paymentinstruments .form-row .form-caption { float: none; color: red; font-size: 13px; margin: 0px 0 0 30%; position: relative; top: -4px; } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses .form-row .form-caption, #wrapper.pt_account #paymentinstruments .form-row .form-caption { margin-left: 0; } } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses .form-row, #wrapper.pt_account #paymentinstruments .form-row { width: auto; height: auto; margin: 0; } } #wrapper.pt_account #addresses .form-field-tooltip, #wrapper.pt_account #paymentinstruments .form-field-tooltip { position: absolute; top: 10px; left: 510px; } #wrapper.pt_account #addresses .form-field-tooltip a, #wrapper.pt_account #paymentinstruments .form-field-tooltip a { font-size: 13px; color: #231f20; text-decoration: none; } #wrapper.pt_account #addresses .form-field-tooltip a:hover, #wrapper.pt_account #paymentinstruments .form-field-tooltip a:hover { text-decoration: underline; } #wrapper.pt_account #addresses .form-field-tooltip a.tooltip .tooltip-content, #wrapper.pt_account #paymentinstruments .form-field-tooltip a.tooltip .tooltip-content { display: none; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_account #addresses .form-field-tooltip, #wrapper.pt_account #paymentinstruments .form-field-tooltip { position: static; } } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses .form-field-tooltip, #wrapper.pt_account #paymentinstruments .form-field-tooltip { position: absolute; top: 0; right: 0; left: auto; } } #wrapper.pt_account #addresses .apply-button, #wrapper.pt_account #paymentinstruments .apply-button { float: left; margin-left: 42%; } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses .apply-button, #wrapper.pt_account #paymentinstruments .apply-button { margin-left: 0; width: 75%; margin-bottom: 12px; } } #wrapper.pt_account #addresses .cancel-button, #wrapper.pt_account #paymentinstruments .cancel-button { float: left; color: #231f20; background-color: transparent; text-decoration: none; text-transform: capitalize; font-weight: normal; letter-spacing: normal; } #wrapper.pt_account #addresses .cancel-button:hover, #wrapper.pt_account #paymentinstruments .cancel-button:hover { border: none; margin-left: 4px; text-decoration: underline; } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses .cancel-button, #wrapper.pt_account #paymentinstruments .cancel-button { float: right; padding: 0; } } #wrapper.pt_account #addresses .section-header, #wrapper.pt_account #paymentinstruments .section-header { padding-top: 0; } #wrapper.pt_account #addresses .address-list, #wrapper.pt_account #paymentinstruments .address-list { margin-top: 12px; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; font-weight: normal; line-height: 24px; text-align: left; letter-spacing: 1px; position: relative; } #wrapper.pt_account #addresses .address-list a, #wrapper.pt_account #paymentinstruments .address-list a { font-size: 14px; letter-spacing: normal; color: #666666; } #wrapper.pt_account #addresses .address-list .address-create-btn, #wrapper.pt_account #paymentinstruments .address-list .address-create-btn { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; display: block; text-decoration: none; float: right; } #wrapper.pt_account #addresses .address-list .address-create-btn:hover, #wrapper.pt_account #paymentinstruments .address-list .address-create-btn:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } #wrapper.pt_account #addresses .address-list .address-create-btn:disabled, #wrapper.pt_account #paymentinstruments .address-list .address-create-btn:disabled { background-color: #eeeeee; color: #dddddd; } #wrapper.pt_account #addresses .address-list .address-create-btn:disabled:hover, #wrapper.pt_account #paymentinstruments .address-list .address-create-btn:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } #wrapper.pt_account #addresses .address-list .address-create-btn:hover, #wrapper.pt_account #paymentinstruments .address-list .address-create-btn:hover { height: 36px; } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses .address-list .address-create-btn, #wrapper.pt_account #paymentinstruments .address-list .address-create-btn { float: none; width: 100%; box-sizing: border-box; margin: 10px 0; text-align: center; } #wrapper.pt_account #addresses .address-list .address-create-btn:hover, #wrapper.pt_account #paymentinstruments .address-list .address-create-btn:hover { height: 44px; } } #wrapper.pt_account #addresses .address-list .address-edit, #wrapper.pt_account #paymentinstruments .address-list .address-edit { margin-right: 5px; text-decoration: none; } #wrapper.pt_account #addresses .address-list .address-edit:hover, #wrapper.pt_account #paymentinstruments .address-list .address-edit:hover { text-decoration: underline; } #wrapper.pt_account #addresses .address-list .address-delete, #wrapper.pt_account #paymentinstruments .address-list .address-delete { margin-left: 5px; text-decoration: none; } #wrapper.pt_account #addresses .address-list .address-delete:hover, #wrapper.pt_account #paymentinstruments .address-list .address-delete:hover { text-decoration: underline; } #wrapper.pt_account #addresses .address-list .address-make-default, #wrapper.pt_account #paymentinstruments .address-list .address-make-default { margin-right: 5px; text-decoration: none; } #wrapper.pt_account #addresses .address-list .address-make-default:hover, #wrapper.pt_account #paymentinstruments .address-list .address-make-default:hover { text-decoration: underline; } #wrapper.pt_account #addresses .address-list li, #wrapper.pt_account #paymentinstruments .address-list li { display: block; float: none; width: 100%; margin-bottom: 12px; } #wrapper.pt_account #addresses .address-list li .mini-address-location, #wrapper.pt_account #paymentinstruments .address-list li .mini-address-location { margin-bottom: 15px; } #wrapper.pt_account #addresses .address-list li.otherAddress, #wrapper.pt_account #paymentinstruments .address-list li.otherAddress { margin: 12px 0; width: 33%; float: left; } #wrapper.pt_account #addresses .address-list li.otherAddress .address-edit, #wrapper.pt_account #paymentinstruments .address-list li.otherAddress .address-edit { margin-left: 10px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_account #addresses .address-list li.otherAddress, #wrapper.pt_account #paymentinstruments .address-list li.otherAddress { width: 98%; } } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses .address-list li.otherAddress, #wrapper.pt_account #paymentinstruments .address-list li.otherAddress { width: 100%; float: none; margin-bottom: 36px; } } #wrapper.pt_account #addresses .address-list li.otherAddressHeader, #wrapper.pt_account #paymentinstruments .address-list li.otherAddressHeader { width: 100%; display: block; float: none; color: #005f9b; font-size: 15px; text-transform: uppercase; font-weight: 700; line-height: 3em; margin-top: 50px; border-bottom: 1px solid #CCCCCC; } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses .address-list li.otherAddressHeader, #wrapper.pt_account #paymentinstruments .address-list li.otherAddressHeader { border-top: 1px solid #CCCCCC; margin-top: 12px; } } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses #CreditCardForm .form-row-button, #wrapper.pt_account #paymentinstruments #CreditCardForm .form-row-button { margin: 12px 0; height: 40px; } } #wrapper.pt_account #addresses #CreditCardForm .form-row-button #applyBtn, #wrapper.pt_account #paymentinstruments #CreditCardForm .form-row-button #applyBtn { float: left; margin-left: 42%; } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses #CreditCardForm .form-row-button #applyBtn, #wrapper.pt_account #paymentinstruments #CreditCardForm .form-row-button #applyBtn { width: 81.5%; margin: 12px 0; } } #wrapper.pt_account #addresses #CreditCardForm .form-row-button .button-secondary, #wrapper.pt_account #paymentinstruments #CreditCardForm .form-row-button .button-secondary { float: left; margin-left: 12px; } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses #CreditCardForm .form-row-button .button-secondary, #wrapper.pt_account #paymentinstruments #CreditCardForm .form-row-button .button-secondary { margin-top: 12px; } } #wrapper.pt_account #addresses #CreditCardForm .form-label-text, #wrapper.pt_account #paymentinstruments #CreditCardForm .form-label-text { margin-top: 24px; } #wrapper.pt_account #addresses #CreditCardForm .cardExpFields, #wrapper.pt_account #paymentinstruments #CreditCardForm .cardExpFields { width: 500px; height: 72px; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_account #addresses #CreditCardForm .cardExpFields, #wrapper.pt_account #paymentinstruments #CreditCardForm .cardExpFields { width: 490px; } } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses #CreditCardForm .cardExpFields, #wrapper.pt_account #paymentinstruments #CreditCardForm .cardExpFields { width: auto; } } #wrapper.pt_account #addresses #CreditCardForm .cardExpFields label, #wrapper.pt_account #paymentinstruments #CreditCardForm .cardExpFields label { display: none; } #wrapper.pt_account #addresses #CreditCardForm .cardExpFields label.expLabel, #wrapper.pt_account #paymentinstruments #CreditCardForm .cardExpFields label.expLabel { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #666666; font-size: 20px; line-height: 36px; text-transform: uppercase; display: inline; width: 42%; line-height: 44px; } #wrapper.pt_account #addresses #CreditCardForm .cardExpFields .form-row, #wrapper.pt_account #paymentinstruments #CreditCardForm .cardExpFields .form-row { text-align: right; float: left; width: 30%; display: inline-block; clear: none; padding-top: 16px; } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses #CreditCardForm .cardExpFields .form-row, #wrapper.pt_account #paymentinstruments #CreditCardForm .cardExpFields .form-row { float: right; width: 33%; } } #wrapper.pt_account #addresses #CreditCardForm .cardExpFields .form-row select, #wrapper.pt_account #paymentinstruments #CreditCardForm .cardExpFields .form-row select { display: inline-block; width: 97% !important; } @media only screen and (max-width: 767px) { #wrapper.pt_account #addresses #CreditCardForm .cardExpFields .form-row select, #wrapper.pt_account #paymentinstruments #CreditCardForm .cardExpFields .form-row select { width: 95% !important; } } #wrapper.pt_account #addresses .error-message, #wrapper.pt_account #paymentinstruments .error-message { padding-left: 30% !important; margin-left: 0 !important; } #wrapper.pt_account #paymentinstruments .form-row { position: relative; } #wrapper.pt_account #paymentinstruments .form-row .customSelect { width: 57%; text-align: left; } @media only screen and (max-width: 767px) { #wrapper.pt_account #paymentinstruments .form-row .customSelect { width: 100%; } } #wrapper.pt_account #paymentinstruments .form-row select { left: 42%; } @media only screen and (max-width: 767px) { #wrapper.pt_account #paymentinstruments .form-row select { left: 0; top: 36px; } } #wrapper.pt_account #paymentinstruments .form-row span.error { left: 44%; } #wrapper.pt_account #paymentinstruments .cardExpFields { height: 54px !important; } #wrapper.pt_account #paymentinstruments .cardExpFields .account-year { float: left; width: 27.5%; } @media only screen and (max-width: 767px) { #wrapper.pt_account #paymentinstruments .cardExpFields .account-year { width: 49%; } } #wrapper.pt_account #paymentinstruments .cardExpFields .account-year .form-row { width: 100% !important; padding-top: 0 !important; } #wrapper.pt_account #paymentinstruments .cardExpFields .account-month { float: left; width: 28.5%; margin-left: 2%; } @media only screen and (max-width: 767px) { #wrapper.pt_account #paymentinstruments .cardExpFields .account-month { width: 49%; } } #wrapper.pt_account #paymentinstruments .cardExpFields .account-month .form-row { width: 100% !important; padding-top: 0 !important; } #wrapper.pt_account #paymentinstruments .cardExpFields .customSelect { width: 100%; } #wrapper.pt_account #paymentinstruments .cardExpFields select { left: 0; top: 0; } @media only screen and (max-width: 767px) { #wrapper.pt_account #paymentinstruments .cardExpFields .expLabel { width: 100% !important; display: block !important; } } #wrapper.pt_account #paymentinstruments .account-credit-card-add { position: relative; } #wrapper.pt_account #paymentinstruments .account-credit-card-add .required-account-credit-card-add { position: absolute; top: 9px; right: 0; } @media only screen and (max-width: 767px) { #wrapper.pt_account #paymentinstruments .account-credit-card-add .required-account-credit-card-add { top: 25px; } } #wrapper.pt_account #paymentinstruments .account-credit-card-add .required-account-credit-card-add p { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; font-size: 14px; text-transform: uppercase; color: #231f20; } #wrapper.pt_account #paymentinstruments .account-credit-card-add h3 { margin-bottom: 22px; } @media only screen and (max-width: 767px) { #wrapper.pt_account #paymentinstruments .account-credit-card-add h3 { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 11px 0; font-size: 18px; margin-bottom: 3px; } } #wrapper.pt_account #paymentinstruments .section-header { padding-bottom: 23px; } @media only screen and (max-width: 767px) { #wrapper.pt_account #paymentinstruments .section-header { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 6px 0; } } #wrapper.pt_account #paymentinstruments .section-header .section-header-text { padding-top: 9px; display: inline-block; } #wrapper.pt_account #paymentinstruments .payment-list li { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; line-height: 26px; } @media only screen and (max-width: 767px) { #wrapper.pt_account #paymentinstruments .payment-list li { float: left; width: 50%; padding-bottom: 15px; } } #wrapper.pt_account #paymentinstruments .payment-list li .button-text { background: none; border: 0; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; font-size: 13px; text-decoration: none; padding: 0; margin-top: 28px; } #wrapper.pt_account #paymentinstruments .payment-list li .button-text:hover { text-decoration: underline; } .adresses-popup { padding: 0 20px 20px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .adresses-popup .header-container { display: none; } .adresses-popup h2 { display: none; } .adresses-popup h3 { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #005f9b; font-size: 20px; line-height: 20px; text-transform: uppercase; font-size: 20px; line-height: 36px; padding: 0px 0 18px 0; margin-bottom: 18px; border-bottom: 1px solid #CCCCCC; } @media only screen and (max-width: 767px) { .adresses-popup h3 { font-size: 25px; padding: 32px 0; } } .adresses-popup h3 .reqFields { float: right; text-align: right; font-size: 12px; color: #231f20; } .adresses-popup legend { display: none; } .adresses-popup label { float: left; width: 30%; } @media only screen and (max-width: 767px) { .adresses-popup label { width: 100%; } } .adresses-popup input { float: left; width: 59%; } .adresses-popup .form-row { margin-bottom: 18px; clear: both; height: 36px; position: relative; } @media only screen and (max-width: 767px) { .adresses-popup .form-row { height: 71px; } } .adresses-popup select { top: auto; right: auto; width: 59% !important; } .adresses-popup input, .adresses-popup select { float: left; width: 59%; box-sizing: border-box; } @media only screen and (max-width: 767px) { .adresses-popup input, .adresses-popup select { width: 100% !important; float: none; display: block; } } .adresses-popup input.error, .adresses-popup select.error { border: 1px solid #ed3024; } .adresses-popup .customSelect { width: 59%; } @media only screen and (max-width: 767px) { .adresses-popup .customSelect { width: 100%; } } .adresses-popup .form-field-tooltip { display: none; } .adresses-popup .apply-button { float: left; margin-left: 30%; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; line-height: 30px; text-align: center; } .adresses-popup .apply-button:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } .adresses-popup .apply-button:disabled { background-color: #eeeeee; color: #dddddd; } .adresses-popup .apply-button:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } @media only screen and (max-width: 767px) { .adresses-popup .apply-button { margin-left: 0; width: 100%; margin-bottom: 12px; } } .adresses-popup .cancel-button { float: left; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 16px; line-height: 16px; font-weight: 400; background-color: transparent; text-decoration: underline; text-transform: capitalize; font-weight: normal; letter-spacing: normal; border: 0; outline: none; background: white; height: 44px; line-height: 44px; padding: 0 18px; text-decoration: none; } @media only screen and (max-width: 767px) { .adresses-popup .cancel-button { clear: left; float: left; padding: 0; margin-right: 10px; } } .adresses-popup .cancel-button:hover { text-decoration: underline; } .adresses-popup .delete-button { float: left; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 16px; line-height: 16px; font-weight: 400; background-color: transparent; text-decoration: underline; text-transform: capitalize; font-weight: normal; letter-spacing: normal; border: 0; outline: none; background: white; height: 44px; line-height: 44px; padding: 0 18px; text-decoration: none; } @media only screen and (max-width: 767px) { .adresses-popup .delete-button { float: left; padding: 0; } } .adresses-popup .delete-button:hover { text-decoration: underline; } #wrapper.pt_account { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; } #wrapper.pt_account #main { width: 100%; } #wrapper.pt_account #main h1 { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; text-transform: uppercase; font-size: 24px; line-height: 36px; padding: 34px 0; margin-bottom: 34px; border-bottom: 1px solid #CCCCCC; } @media only screen and (max-width: 767px) { #wrapper.pt_account #main h1 { padding: 32px 0; } } #wrapper.pt_account #main .header-container h1 { border-bottom: 0; margin-bottom: 0; font-size: 42px; line-height: 1em; } @media only screen and (max-width: 767px) { #wrapper.pt_account #main .header-container h1 { font-size: 25px; } } @media only screen and (max-width: 767px) { #wrapper.pt_account #main #primary .innerWrapper { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } } #wrapper.pt_account #main #primary .innerWrapper .login-box h2.section-header { font-size: 36px; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_account #main #primary .innerWrapper .login-box h2.section-header { font-size: 24px; } } @media only screen and (max-width: 767px) { #wrapper.pt_account #main #primary .innerWrapper .login-box h2.section-header { font-size: 18px; padding: 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #CCCCCC; } } @media only screen and (max-width: 767px) { #wrapper.pt_account #main #primary .innerWrapper .login-box .login-box-content { margin-bottom: 0; } } #wrapper.pt_account #main #primary .innerWrapper .login-box .login-box-content .account-login-bottom .account-login-bottom-left { float: left; width: 54%; position: relative; top: -2px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_account #main #primary .innerWrapper .login-box .login-box-content .account-login-bottom .account-login-bottom-left { width: 48%; } } @media only screen and (max-width: 767px) { #wrapper.pt_account #main #primary .innerWrapper .login-box .login-box-content .account-login-bottom .account-login-bottom-left { width: 100%; } } #wrapper.pt_account #main #primary .innerWrapper .login-box .login-box-content .account-login-bottom .account-login-bottom-left a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 14px; line-height: 14px; text-transform: uppercase; text-transform: capitalize; text-decoration: none; } #wrapper.pt_account #main #primary .innerWrapper .login-box .login-box-content .account-login-bottom .account-login-bottom-left a:hover { text-decoration: underline; } #wrapper.pt_account #main #primary .innerWrapper .login-box .login-box-content .account-login-bottom .account-login-bottom-right { float: left; width: 35%; text-align: left; margin-left: 28px; position: relative; top: -2px; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { #wrapper.pt_account #main #primary .innerWrapper .login-box .login-box-content .account-login-bottom .account-login-bottom-right { width: 34%; margin-left: 5.1%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_account #main #primary .innerWrapper .login-box .login-box-content .account-login-bottom .account-login-bottom-right { width: 31%; margin-left: 10.7%; } } @media only screen and (max-width: 767px) { #wrapper.pt_account #main #primary .innerWrapper .login-box .login-box-content .account-login-bottom .account-login-bottom-right { width: 100%; margin: 25px 0 0; } } #wrapper.pt_account #main #primary .innerWrapper .login-box .login-box-content .account-login-bottom .account-login-bottom-right label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; text-transform: capitalize !important; width: auto !important; position: relative; z-index: 99; } @media only screen and (max-width: 767px) { #wrapper.pt_account #main #primary .innerWrapper .login-box .login-box-content .account-login-bottom .account-login-bottom-right .form-row.label-inline { text-align: left; } } #wrapper.pt_account #main #primary .innerWrapper .login-box .login-box-content .account-login-bottom .account-login-bottom-right .form-row.label-inline .input-checkbox { position: absolute; width: 7%; opacity: 0; } #wrapper.pt_account .error-form { color: red; margin-bottom: 1em; } #wrapper.pt_account .col-1, #wrapper.pt_account .col-2 { float: left; width: 47%; font-size: 14px; color: #231f20; } @media only screen and (max-width: 767px) { #wrapper.pt_account .col-1, #wrapper.pt_account .col-2 { width: 100%; float: none; } } #wrapper.pt_account .col-1 .login-note { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; padding: 10px 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin-bottom: 60px; } #wrapper.pt_account .col-1 .login-note span { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 16px; line-height: 16px; text-transform: uppercase; } #wrapper.pt_account .col-1 .login-note a { color: #666666; } @media only screen and (max-width: 767px) { #wrapper.pt_account .col-1 .login-note { border-top: 0; border-bottom: 0; font-size: 12px; margin-bottom: 0px; } } @media only screen and (max-width: 767px) { #wrapper.pt_account .col-1 .login-box.login-account .form-row.form-row-button { float: left; width: 100%; margin-bottom: 20px; } #wrapper.pt_account .col-1 .login-box.login-account .form-row.form-row-button button { width: 100%; } } #wrapper.pt_account .col-2 { float: right; } #wrapper.pt_account .col-2 .account-benefits { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; line-height: 18px; } #wrapper.pt_account .col-2 .account-benefits span { font-weight: 700; font-size: 16px; } #wrapper.pt_account .col-2 .account-benefits ul { padding: 40px 0; } @media only screen and (max-width: 767px) { #wrapper.pt_account .col-2 .account-benefits ul { padding: 20px 0; } } #wrapper.pt_account .col-2 .account-benefits ul li { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; line-height: 18px; } @media only screen and (max-width: 767px) { #wrapper.pt_account .col-2 .account-benefits { font-size: 12px; } } #wrapper.pt_account .col-2 .form-row.form-row-button { float: left; padding-bottom: 35px; width: 100%; border-bottom: 1px solid #CCCCCC; } @media only screen and (max-width: 767px) { #wrapper.pt_account .col-2 .form-row.form-row-button { padding-bottom: 20px; margin-bottom: 0; } } @media only screen and (max-width: 767px) { #wrapper.pt_account .col-2 { width: 100%; float: none; } #wrapper.pt_account .col-2 button { float: none; width: 100%; } } #wrapper.pt_account .content-asset.register-left { padding: 34px 0; margin-bottom: 18px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } #wrapper.pt_account .my-account-left-nav-mobile, #wrapper.pt_account .my-account-left-nav-mobile-inner { display: none; } @media only screen and (max-width: 767px) { #wrapper.pt_account .my-account-left-nav-mobile, #wrapper.pt_account .my-account-left-nav-mobile-inner { display: inline; } } @media only screen and (max-width: 767px) { #wrapper.pt_account .editProfile .form-row { height: auto; display: inline; } } #wrapper.pt_account .editProfile .form-row span.error-message, #wrapper.pt_account .editProfile .form-row span.error { padding-left: 33%; width: 44%; } @media only screen and (max-width: 767px) { #wrapper.pt_account .editProfile .form-row span.error-message, #wrapper.pt_account .editProfile .form-row span.error { width: 100%; padding-left: 0; } } #wrapper.pt_account .my-account-left { float: left; width: 25%; } #wrapper.pt_account .my-account-left .account-logout-mobile { display: none; } @media only screen and (max-width: 767px) { #wrapper.pt_account .my-account-left .account-logout-mobile { display: block; } } @media only screen and (max-width: 767px) { #wrapper.pt_account .my-account-left { width: 100%; float: none; margin-bottom: 20px; } #wrapper.pt_account .my-account-left h3 { margin-top: 20px; } } #wrapper.pt_account .my-account-left a { color: #666666; text-transform: uppercase; text-decoration: none; font-weight: 700; font-size: 14px; letter-spacing: 1px; line-height: 2.5em; } #wrapper.pt_account .my-account-left a:hover { color: #00aedb; } #wrapper.pt_account .my-account-left a.active { color: #00aedb; } @media only screen and (max-width: 767px) { #wrapper.pt_account .my-account-left .mobileAccountButton { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px; color: #666666; border: 1px solid #CCCCCC; padding: 0 10px; width: 66%; display: inline-block; position: relative; top: 1px; background-color: #fff; background-image: url(../images/account/accountMenuDown.png); background-repeat: no-repeat; background-position: 95% 50%; cursor: pointer; } #wrapper.pt_account .my-account-left .mobileAccountButton.active { border-bottom: 0; background-image: url(../images/account/accountMenuUp.png); } } @media only screen and (max-width: 767px) { #wrapper.pt_account .my-account-left .my-account-left-nav { display: none; border: 1px solid #CCCCCC; padding: 6px; } } #wrapper.pt_account .my-account-left .my-account-help-text { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 2em; padding-bottom: 14px; } #wrapper.pt_account .my-account-left .my-account-help-text .content-asset fieldset span.separate, #wrapper.pt_account .my-account-left .my-account-help-text .content-asset fieldset a { position: relative; width: 100%; word-wrap: break-word; position: relative; font-size: 14px; font-weight: normal; color: #231f20; text-transform: none; letter-spacing: normal; line-height: 100%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_account .my-account-left .my-account-help-text .content-asset fieldset span.separate, #wrapper.pt_account .my-account-left .my-account-help-text .content-asset fieldset a { width: 180px; display: block; } } #wrapper.pt_account .my-account-left .my-account-help-text legend { display: block; width: 100%; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #005f9b; text-transform: uppercase; font-size: 36px; line-height: 36px; padding: 34px 0; margin-bottom: 24px; border-bottom: 1px solid #CCCCCC; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_account .my-account-left .my-account-help-text legend { padding-bottom: 10px; margin-bottom: 10px; line-height: 120%; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_account .my-account-left .my-account-help-text legend { font-size: 24px; } } @media only screen and (max-width: 767px) { #wrapper.pt_account .my-account-left .my-account-help-text { display: none; } } #wrapper.pt_account .my-account-right { float: right; width: 66%; } @media only screen and (max-width: 767px) { #wrapper.pt_account .my-account-right { float: none; width: 100%; } } #wrapper.pt_account .my-account-right h2 { margin-bottom: 12px; } @media only screen and (max-width: 767px) { #wrapper.pt_account .my-account-right h2 { display: none; } } #wrapper.pt_account .my-account-right .my-account-one-link a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 12px; border-bottom: 1px solid #CCCCCC; text-decoration: none; color: #231f20; line-height: 10em; margin-bottom: 12px; text-transform: uppercase; padding-left: 94px; float: left; width: 31%; background-position: 0% 50%; background-repeat: no-repeat; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_account .my-account-right .my-account-one-link a { width: 27%; } } #wrapper.pt_account .my-account-right .my-account-one-link a:hover { text-decoration: underline; } #wrapper.pt_account .my-account-right .my-account-one-link a.account-personal-data { background-image: url("../images/account/youraccount1.png"); } #wrapper.pt_account .my-account-right .my-account-one-link a.account-order-history { background-image: url("../images/account/youraccount2.png"); } #wrapper.pt_account .my-account-right .my-account-one-link a.account-addresses { background-image: url("../images/account/youraccount3.png"); } #wrapper.pt_account .my-account-right .my-account-one-link a.account-wishlist { background-image: url("../images/account/youraccount4.png"); } #wrapper.pt_account .my-account-right .my-account-one-link a.account-payment { background-image: url("../images/account/youraccount5.png"); } #wrapper.pt_account .my-account-right .my-account-one-link a.account-gift { background-image: url("../images/account/youraccount4.png"); } @media only screen and (max-width: 767px) { #wrapper.pt_account .my-account-right .my-account-one-link a { display: block; width: auto; float: none; line-height: 6em; margin: 0; padding-top: 20px; padding-bottom: 16px; } } @media only screen and (max-width: 767px) { #wrapper.pt_account .my-account-right .my-account-one-link:first-child a { border-top: 1px solid #CCCCCC; } } #wrapper.pt_account .my-account-right .my-account-one-link.right a { float: right; } @media only screen and (max-width: 767px) { #wrapper.pt_account .my-account-right .my-account-one-link.right a { float: none; } } #wrapper.pt_account h1, #wrapper.pt_account .welcomeHeader, #wrapper.pt_account #addresses h2, #wrapper.pt_account .my-account-right h2, #wrapper.pt_account h3, #wrapper.pt_account .section-header { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #005f9b; text-transform: uppercase; } #wrapper.pt_account .welcomeHeader, #wrapper.pt_account #addresses h2, #wrapper.pt_account .my-account-right h2, #wrapper.pt_account h3, #wrapper.pt_account .section-header { font-size: 36px; font-weight: 700; line-height: 36px; padding: 34px 0; margin-bottom: 34px; border-bottom: 1px solid #CCCCCC; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_account .welcomeHeader, #wrapper.pt_account #addresses h2, #wrapper.pt_account .my-account-right h2, #wrapper.pt_account h3, #wrapper.pt_account .section-header { font-size: 24px; } } #wrapper.pt_account .welcomeHeader .reqFields, #wrapper.pt_account .welcomeHeader .account-logout, #wrapper.pt_account #addresses h2 .reqFields, #wrapper.pt_account #addresses h2 .account-logout, #wrapper.pt_account .my-account-right h2 .reqFields, #wrapper.pt_account .my-account-right h2 .account-logout, #wrapper.pt_account h3 .reqFields, #wrapper.pt_account h3 .account-logout, #wrapper.pt_account .section-header .reqFields, #wrapper.pt_account .section-header .account-logout { text-align: right; font-size: 14px; color: #666666; } #wrapper.pt_account .welcomeHeader .account-logout, #wrapper.pt_account #addresses h2 .account-logout, #wrapper.pt_account .my-account-right h2 .account-logout, #wrapper.pt_account h3 .account-logout, #wrapper.pt_account .section-header .account-logout { float: right; } #wrapper.pt_account .welcomeHeader .account-logout a, #wrapper.pt_account #addresses h2 .account-logout a, #wrapper.pt_account .my-account-right h2 .account-logout a, #wrapper.pt_account h3 .account-logout a, #wrapper.pt_account .section-header .account-logout a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; text-transform: capitalize; text-decoration: none; } #wrapper.pt_account .welcomeHeader .account-logout a:hover, #wrapper.pt_account #addresses h2 .account-logout a:hover, #wrapper.pt_account .my-account-right h2 .account-logout a:hover, #wrapper.pt_account h3 .account-logout a:hover, #wrapper.pt_account .section-header .account-logout a:hover { text-decoration: underline; } @media only screen and (max-width: 767px) { #wrapper.pt_account .welcomeHeader, #wrapper.pt_account #addresses h2, #wrapper.pt_account .my-account-right h2, #wrapper.pt_account h3, #wrapper.pt_account .section-header { font-size: 18px; line-height: 2em; padding: 0 0; margin-bottom: 0; border-bottom: 0; } } #wrapper.pt_account h3 { margin-bottom: 12px; } @media only screen and (max-width: 767px) { #wrapper.pt_account h3 { margin: 12px 0 0; } } #wrapper.pt_account h3 .reqFields { float: right; font-size: 12px; } #wrapper.pt_account .section-header { font-size: 15px; line-height: 16px; margin-bottom: 24px; } #wrapper.pt_account .section-header .section-header-note { float: right; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; text-decoration: none; } #wrapper.pt_account .section-header .section-header-note:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } #wrapper.pt_account .section-header .section-header-note:disabled { background-color: #eeeeee; color: #dddddd; } #wrapper.pt_account .section-header .section-header-note:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } #wrapper.pt_account .section-header .section-header-note:hover { height: 36px; } @media only screen and (max-width: 767px) { #wrapper.pt_account .section-header .section-header-note { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; margin: 15px 0; float: none; display: block; } #wrapper.pt_account .section-header .section-header-note:hover { height: 44px; } } #wrapper.pt_account .label-inline label { line-height: 1.5em; text-align: right; } @media only screen and (max-width: 767px) { #wrapper.pt_account .label-inline { float: none; text-align: right; padding-right: 1em; } } #wrapper.pt_account .form-row { margin: 0 0 18px; clear: both; } #wrapper.pt_account .form-row label { width: 50%; display: inline-block; } @media only screen and (max-width: 767px) { #wrapper.pt_account .form-row label { width: 70%; } } #wrapper.pt_account .form-row input { float: right; width: 40%; } #wrapper.pt_account .form-row input.input-checkbox { width: 46%; margin-top: 7px; } @media only screen and (max-width: 767px) { #wrapper.pt_account .form-row input.input-checkbox { float: right; width: auto; } } @media only screen and (max-width: 767px) { #wrapper.pt_account .form-row input { width: 100%; float: none; box-sizing: border-box; } } #wrapper.pt_account .form-row .form-caption { float: left; margin-top: -.5em; } #wrapper.pt_account .form-row-button a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 16px; line-height: 16px; line-height: 3em; text-decoration: none; } #wrapper.pt_account .form-row-button a:hover { text-decoration: underline; } #wrapper.pt_account .form-row-button button { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; float: right; } #wrapper.pt_account .form-row-button button:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } #wrapper.pt_account .form-row-button button:disabled { background-color: #eeeeee; color: #dddddd; } #wrapper.pt_account .form-row-button button:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } #wrapper.pt_account #primary { max-width: auto; } #wrapper.pt_account #primary .label-inline label { text-align: right; } @media only screen and (max-width: 767px) { #wrapper.pt_account #primary .label-inline label { padding-right: 1em; } } #wrapper.pt_account #primary .registerProfile h2.section-header { font-size: 36px; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_account #primary .registerProfile h2.section-header { font-size: 24px; } } @media only screen and (max-width: 767px) { #wrapper.pt_account #primary .registerProfile h2.section-header { font-size: 18px; padding: 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #CCCCCC; } } #dialog-container { height: auto !important; } @media only screen and (max-width: 767px) { .ui-dialog { width: 100% !important; } } .ui-dialog-content .resetPassDialogBody { padding: 0 2em 2em; } .ui-dialog-content .resetPassDialogBody h1 { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; border-bottom: 1px solid #CCCCCC; padding: 0 0 .5em; text-transform: uppercase; font-size: 24px; color: #231f20; } .ui-dialog-content .resetPassDialogBody p, .ui-dialog-content .resetPassDialogBody form { padding: 24px 0 0; } .ui-dialog-content .resetPassDialogBody p { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; } .ui-dialog-content .resetPassDialogBody form label, .ui-dialog-content .resetPassDialogBody form input, .ui-dialog-content .resetPassDialogBody form button { float: left; margin-right: 14px; } @media only screen and (max-width: 767px) { .ui-dialog-content .resetPassDialogBody form label, .ui-dialog-content .resetPassDialogBody form input, .ui-dialog-content .resetPassDialogBody form button { float: none; width: 100%; } } .ui-dialog-content .resetPassDialogBody form input { width: 45%; } @media only screen and (max-width: 767px) { .ui-dialog-content .resetPassDialogBody form input { float: none; width: 100%; margin-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } .ui-dialog-content .resetPassDialogBody form button { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #ed3024; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; height: 40px; line-height: 40px; margin-right: 0; } .ui-dialog-content .resetPassDialogBody form button:hover { background-color: #eeeeee; border: 4px solid #ed3024; line-height: 36px; padding: 0 16px; color: #ed3024; } .ui-dialog-content .resetPassDialogBody form button:disabled { background-color: #eeeeee; color: #dddddd; border: none; padding: 0 20px; line-height: 44px; } .ui-dialog-content .resetPassDialogBody form button:hover { line-height: 32px; } @media only screen and (max-width: 767px) { .ui-dialog-content .resetPassDialogBody form button { float: none; width: 100%; margin-top: 12px; } } .ui-dialog-content .resetPassDialogBody form .error-message { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #ed3024; clear: left; float: left; margin-left: 43%; } @media only screen and (max-width: 767px) { .ui-dialog-content .resetPassDialogBody form .error-message { float: none; width: 100%; margin: 0; } } .ui-dialog-content .resetPassDialogBody .error-form { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; text-transform: uppercase; font-size: 14px; color: #ed3024; margin-top: 12px; } .ui-dialog-content .resetPassDialogBody .row-inline { float: left; width: 67%; } @media only screen and (max-width: 767px) { .ui-dialog-content .resetPassDialogBody .row-inline { float: none; width: 100%; } } .ui-dialog-content .resetPassDialogBody button { float: left; margin-top: 1px; } .ui-dialog-content .resetPassDialogBody a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 16px; line-height: 16px; text-decoration: none; } .ui-dialog-content .resetPassDialogBody a:hover { text-decoration: underline; } @media only screen and (max-width: 767px) { #wrapper.pt_checkoutlogin #main #primary { width: 100% !important; } } #wrapper.pt_checkoutlogin #main #primary .dotted-container { padding-bottom: 20px; display: none; } @media only screen and (max-width: 767px) { #wrapper.pt_checkoutlogin #main #primary .dotted-container { display: block; margin: 0 -5%; background: #f7f7f7; border-top: 3px solid #eeeeee; } } #wrapper.pt_checkoutlogin #main #primary .dotted-container .container { width: 90%; margin: 0 auto; } #wrapper.pt_checkoutlogin #main #primary .dotted-container .container h1 { text-align: left; margin-top: 15px; margin-bottom: 0; color: #666666; } #wrapper.pt_checkoutlogin #main #primary .dotted-container .container h1 + span { font-size: 16px; font-weight: bold; display: block; color: #666666; padding-bottom: 10px; } #wrapper.pt_checkoutlogin #main #primary .dotted-container .container form .form-row { float: left; width: 80%; } #wrapper.pt_checkoutlogin #main #primary .dotted-container .container form .form-row-button { float: right; width: 20%; text-align: right; } #wrapper.pt_checkoutlogin #main #primary .dotted-container .container form label { display: none; } #wrapper.pt_checkoutlogin #main #primary .dotted-container .container form input { width: 100%; height: 44px; padding: 10px; box-sizing: border-box; font-family: "Raleway", Arial, sans-serif; border: 1px solid #CCCCCC; box-shadow: inset 0 3px 3px #eeeeee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #wrapper.pt_checkoutlogin #main #primary .dotted-container .container form button { width: 44px; height: 44px; background: #66cc33; border: none; border-radius: 4px; font-size: 30px; font-weight: bold; color: #ffffff; text-shadow: -1px 2px 2px #969696; line-height: 44px; } #wrapper.pt_checkoutlogin #main h1 { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #00aedb; font-size: 18px; line-height: 18px; text-transform: uppercase; font-size: 32px; margin-top: 30px; margin-bottom: 20px; text-align: center; line-height: 36px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkoutlogin #main h1 { font-size: 26px; line-height: 32px; } } #wrapper.pt_checkoutlogin #main .col-guest, #wrapper.pt_checkoutlogin #main .col-paypal, #wrapper.pt_checkoutlogin #main .col-login { padding: 10px; width: 33.33%; box-sizing: border-box; float: left; min-height: 290px; margin-bottom: 40px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkoutlogin #main .col-guest, #wrapper.pt_checkoutlogin #main .col-paypal, #wrapper.pt_checkoutlogin #main .col-login { width: 100%; text-align: center; float: none; border-right: none !important; min-height: 0; padding-bottom: 25px; padding-right: 0; margin-bottom: 15px; border-bottom: 1px solid #eeeeee; } } #wrapper.pt_checkoutlogin #main .col-guest h2.section-header, #wrapper.pt_checkoutlogin #main .col-paypal h2.section-header, #wrapper.pt_checkoutlogin #main .col-login h2.section-header { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #005f9b; font-size: 20px; line-height: 20px; text-transform: uppercase; } @media only screen and (max-width: 767px) { #wrapper.pt_checkoutlogin #main .col-guest h2.section-header, #wrapper.pt_checkoutlogin #main .col-paypal h2.section-header, #wrapper.pt_checkoutlogin #main .col-login h2.section-header { padding-bottom: 10px; } } #wrapper.pt_checkoutlogin #main .col-guest p, #wrapper.pt_checkoutlogin #main .col-paypal p, #wrapper.pt_checkoutlogin #main .col-login p { display: block; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; font-size: 14px; color: #666666; padding-top: 5px; padding-bottom: 15px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkoutlogin #main .col-guest p, #wrapper.pt_checkoutlogin #main .col-paypal p, #wrapper.pt_checkoutlogin #main .col-login p { display: none; } } #wrapper.pt_checkoutlogin #main .col-guest, #wrapper.pt_checkoutlogin #main .col-paypal { border-right: 1px solid #eeeeee; } #wrapper.pt_checkoutlogin #main .col-guest { padding-left: 0; } #wrapper.pt_checkoutlogin #main .col-guest .login-links button { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; background-color: #005f9b; padding: 0 15px; text-align: center; border: 4px solid #005f9b; box-sizing: border-box; line-height: 36px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkoutlogin #main .col-guest .login-links button { width: 220px; padding: 0; text-align: center; } } #wrapper.pt_checkoutlogin #main .col-guest .login-links button:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } #wrapper.pt_checkoutlogin #main .col-guest .login-links button:disabled { background-color: #eeeeee; color: #dddddd; } #wrapper.pt_checkoutlogin #main .col-guest .login-links button:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } #wrapper.pt_checkoutlogin #main .col-guest .login-links button:hover { border-color: #005f9b; color: #005f9b; padding: 0 15px; } #wrapper.pt_checkoutlogin #main .col-login { padding-right: 0; } @media only screen and (max-width: 767px) { #wrapper.pt_checkoutlogin #main .col-login { padding-left: 0; } } #wrapper.pt_checkoutlogin #main .col-login .error-form { color: #ed3024; margin-bottom: 10px; } #wrapper.pt_checkoutlogin #main .col-login form .form-row label { display: none; } #wrapper.pt_checkoutlogin #main .col-login form .form-row input { display: block; width: 100%; height: 30px; line-height: 30px; box-sizing: border-box; margin-bottom: 5px; text-transform: uppercase; } #wrapper.pt_checkoutlogin #main .col-login form .form-row span.error { text-align: left; display: block; padding-bottom: 3px; } #wrapper.pt_checkoutlogin #main .col-login form button { margin-top: 15px; margin-bottom: 15px; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; border: 4px solid #eeeeee; background-color: #eeeeee; color: #005f9b; padding: 0 15px; box-sizing: border-box; line-height: 36px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkoutlogin #main .col-login form button { width: 220px; padding: 0; text-align: center; } } #wrapper.pt_checkoutlogin #main .col-login form button:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } #wrapper.pt_checkoutlogin #main .col-login form button:disabled { background-color: #eeeeee; color: #dddddd; } #wrapper.pt_checkoutlogin #main .col-login form button:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } #wrapper.pt_checkoutlogin #main .col-login form button:hover { padding: 0 15px; background-color: #eeeeee; border-color: #005f9b; color: #005f9b; } #wrapper.pt_checkoutlogin #main .col-login form #password-reset { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #00aedb; font-size: 14px; line-height: 14px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkoutlogin #main .col-login form #password-reset { font-size: 16px; padding-top: 10px; } } #wrapper.pt_checkoutlogin #main .col-login form #password-reset:hover { text-decoration: none; } #wrapper.pt_checkoutlogin #main .col-login form .form-row-button { margin-bottom: 15px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkoutlogin #main .col-login form .form-row-button { margin-bottom: 0; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkoutlogin #main .col-paypal { padding-left: 0; } } #wrapper.pt_checkoutlogin #main .col-paypal .button-paypal button { padding: 0; border: none; background-color: white; } @media only screen and (max-width: 767px) { #wrapper.pt_checkoutlogin #main .col-paypal .button-paypal button { width: 220px; padding: 0; text-align: center; } } #wrapper.pt_checkoutlogin #main .col-paypal .button-paypal button img { height: 44px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkoutlogin #main .col-paypal .button-paypal button img { width: 100%; height: auto; } } #wrapper.pt_checkout .form-row label, #wrapper.pt_checkoutlogin .form-row label { letter-spacing: 0 !important; } #wrapper.pt_checkout #main, #wrapper.pt_checkoutlogin #main { width: 100%; } #wrapper.pt_checkout #main .account-benefits, #wrapper.pt_checkoutlogin #main .account-benefits { display: none; } #wrapper.pt_checkout #main input[type="checkbox"], #wrapper.pt_checkoutlogin #main input[type="checkbox"] { display: none; } #wrapper.pt_checkout #main input[type="checkbox"] + label, #wrapper.pt_checkoutlogin #main input[type="checkbox"] + label { display: block; background: url("../images/checkbox_unchecked.png") left center no-repeat; cursor: pointer; padding-left: 25px; margin-left: 0; } #wrapper.pt_checkout #main input[type="checkbox"]:checked + label, #wrapper.pt_checkoutlogin #main input[type="checkbox"]:checked + label { background: url("../images/checkbox_checked.png") left center no-repeat; } #wrapper.pt_checkout #main input[type="radio"], #wrapper.pt_checkoutlogin #main input[type="radio"] { display: none; } #wrapper.pt_checkout #main input[type="radio"] + label, #wrapper.pt_checkoutlogin #main input[type="radio"] + label { min-height: 21px; line-height: 21px !important; display: block; background: url("../images/radio_unchecked.png") left center no-repeat; cursor: pointer; padding-left: 30px; margin-left: 0; } #wrapper.pt_checkout #main input[type="radio"]:checked + label, #wrapper.pt_checkoutlogin #main input[type="radio"]:checked + label { background: url("../images/radio_checked.png") left center no-repeat; } #wrapper.pt_checkout #main .checkout-progress-indicator, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator { height: 169px; max-width: 1136px; width: 1136px; margin: 0 auto; font-size: 0; line-height: 0; letter-spacing: -1px; } #wrapper.pt_checkout #main .checkout-progress-indicator a, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator a { text-decoration: none; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #main .checkout-progress-indicator, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator { max-width: 90%; margin: 0 5%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #main .checkout-progress-indicator, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator { max-width: 720px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { #wrapper.pt_checkout #main .checkout-progress-indicator, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator { max-width: 960px; } } #wrapper.pt_checkout #main .checkout-progress-indicator > div, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator > div { letter-spacing: normal; display: inline-block; float: left; padding: 64px 0 64px 70px; line-height: 40px; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { #wrapper.pt_checkout #main .checkout-progress-indicator > div, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator > div { padding: 64px 0 64px 50px; } } #wrapper.pt_checkout #main .checkout-progress-indicator > div .number, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator > div .number { display: block; float: left; border-radius: 50%; width: 38px; height: 38px; background: none; border: 1px solid #231f20; text-align: center; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 11px; line-height: 11px; text-transform: uppercase; font-size: 15px; line-height: 38px; margin-right: 10px; } #wrapper.pt_checkout #main .checkout-progress-indicator > div .name, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator > div .name { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 24px; line-height: 24px; text-transform: uppercase; line-height: 38px; } #wrapper.pt_checkout #main .checkout-progress-indicator :first-child, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator :first-child { padding-left: 0; } #wrapper.pt_checkout #main .checkout-progress-indicator .inactive .number, #wrapper.pt_checkout #main .checkout-progress-indicator .inactive .name, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator .inactive .number, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator .inactive .name { color: #999999; border-color: #999999; } @media screen and (max-width: 1024px) { #wrapper.pt_checkout #main .checkout-progress-indicator > div, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator > div { box-sizing: border-box; margin-top: 10px; display: inline-block; width: 23%; float: none; padding: 25px 0px; position: relative; background: transparent; border: 2px solid #0099CC; margin-right: 2%; } } @media only screen and (max-width: 1024px) and (max-width: 767px) { #wrapper.pt_checkout #main .checkout-progress-indicator > div, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator > div { width: 23%; } } @media screen and (max-width: 1024px) { #wrapper.pt_checkout #main .checkout-progress-indicator > div .number, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator > div .number { margin: 0 auto; float: none; } #wrapper.pt_checkout #main .checkout-progress-indicator > div .name, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator > div .name { position: absolute; top: 110px; white-space: pre; } #wrapper.pt_checkout #main .checkout-progress-indicator :last-child, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator :last-child { margin-right: 0; } #wrapper.pt_checkout #main .checkout-progress-indicator :nth-child(2) .name, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator :nth-child(2) .name { left: -110%; } #wrapper.pt_checkout #main .checkout-progress-indicator :nth-child(3) .name, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator :nth-child(3) .name { left: -220%; } #wrapper.pt_checkout #main .checkout-progress-indicator :nth-child(4) .name, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator :nth-child(4) .name { left: -330%; } } @media only screen and (max-width: 1024px) and (max-width: 767px) { #wrapper.pt_checkout #main .checkout-progress-indicator :nth-child(4) .name, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator :nth-child(4) .name { left: -345%; } } @media screen and (max-width: 1024px) { #wrapper.pt_checkout #main .checkout-progress-indicator > div.inactive .name, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator > div.inactive .name { display: none; } #wrapper.pt_checkout #main .checkout-progress-indicator > div.active:after, #wrapper.pt_checkout #main .checkout-progress-indicator > div.active:before, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator > div.active:after, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator > div.active:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #wrapper.pt_checkout #main .checkout-progress-indicator > div.active:after, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator > div.active:after { border-color: rgba(255, 255, 255, 0); border-top-color: transparent; border-width: 12px; margin-left: -12px; } #wrapper.pt_checkout #main .checkout-progress-indicator > div.active:before, #wrapper.pt_checkoutlogin #main .checkout-progress-indicator > div.active:before { border-color: rgba(238, 238, 238, 0); border-top-color: #0099CC; border-width: 16px; margin-left: -16px; } } #wrapper.pt_checkout #main #primary, #wrapper.pt_checkout #main #checkout, #wrapper.pt_checkoutlogin #main #primary, #wrapper.pt_checkoutlogin #main #checkout { max-width: 1136px; margin: 0 auto; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #main #primary, #wrapper.pt_checkout #main #checkout, #wrapper.pt_checkoutlogin #main #primary, #wrapper.pt_checkoutlogin #main #checkout { max-width: 100%; padding: 0 5%; box-sizing: border-box; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #main #primary, #wrapper.pt_checkout #main #checkout, #wrapper.pt_checkoutlogin #main #primary, #wrapper.pt_checkoutlogin #main #checkout { max-width: 720px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { #wrapper.pt_checkout #main #primary, #wrapper.pt_checkout #main #checkout, #wrapper.pt_checkoutlogin #main #primary, #wrapper.pt_checkoutlogin #main #checkout { max-width: 960px; } } #wrapper.pt_checkout #main #primary .col-1, #wrapper.pt_checkout #main #primary .col-2, #wrapper.pt_checkout #main #checkout .col-1, #wrapper.pt_checkout #main #checkout .col-2, #wrapper.pt_checkoutlogin #main #primary .col-1, #wrapper.pt_checkoutlogin #main #primary .col-2, #wrapper.pt_checkoutlogin #main #checkout .col-1, #wrapper.pt_checkoutlogin #main #checkout .col-2 { width: 45%; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #main #primary .col-1, #wrapper.pt_checkout #main #primary .col-2, #wrapper.pt_checkout #main #checkout .col-1, #wrapper.pt_checkout #main #checkout .col-2, #wrapper.pt_checkoutlogin #main #primary .col-1, #wrapper.pt_checkoutlogin #main #primary .col-2, #wrapper.pt_checkoutlogin #main #checkout .col-1, #wrapper.pt_checkoutlogin #main #checkout .col-2 { width: 100%; } } @media screen and (min-width: 768px) { #wrapper.pt_checkout #main #primary .col-1 .login-box, #wrapper.pt_checkout #main #primary .col-2 .login-box, #wrapper.pt_checkout #main #checkout .col-1 .login-box, #wrapper.pt_checkout #main #checkout .col-2 .login-box, #wrapper.pt_checkoutlogin #main #primary .col-1 .login-box, #wrapper.pt_checkoutlogin #main #primary .col-2 .login-box, #wrapper.pt_checkoutlogin #main #checkout .col-1 .login-box, #wrapper.pt_checkoutlogin #main #checkout .col-2 .login-box { min-height: 310px; } } #wrapper.pt_checkout #main #primary .col-1 .login-box span.error, #wrapper.pt_checkout #main #primary .col-2 .login-box span.error, #wrapper.pt_checkout #main #checkout .col-1 .login-box span.error, #wrapper.pt_checkout #main #checkout .col-2 .login-box span.error, #wrapper.pt_checkoutlogin #main #primary .col-1 .login-box span.error, #wrapper.pt_checkoutlogin #main #primary .col-2 .login-box span.error, #wrapper.pt_checkoutlogin #main #checkout .col-1 .login-box span.error, #wrapper.pt_checkoutlogin #main #checkout .col-2 .login-box span.error { position: relative; left: 49%; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { #wrapper.pt_checkout #main #primary .col-1 .login-box span.error, #wrapper.pt_checkout #main #primary .col-2 .login-box span.error, #wrapper.pt_checkout #main #checkout .col-1 .login-box span.error, #wrapper.pt_checkout #main #checkout .col-2 .login-box span.error, #wrapper.pt_checkoutlogin #main #primary .col-1 .login-box span.error, #wrapper.pt_checkoutlogin #main #primary .col-2 .login-box span.error, #wrapper.pt_checkoutlogin #main #checkout .col-1 .login-box span.error, #wrapper.pt_checkoutlogin #main #checkout .col-2 .login-box span.error { left: 48%; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #main #primary .col-1 .login-box span.error, #wrapper.pt_checkout #main #primary .col-2 .login-box span.error, #wrapper.pt_checkout #main #checkout .col-1 .login-box span.error, #wrapper.pt_checkout #main #checkout .col-2 .login-box span.error, #wrapper.pt_checkoutlogin #main #primary .col-1 .login-box span.error, #wrapper.pt_checkoutlogin #main #primary .col-2 .login-box span.error, #wrapper.pt_checkoutlogin #main #checkout .col-1 .login-box span.error, #wrapper.pt_checkoutlogin #main #checkout .col-2 .login-box span.error { left: 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #main #primary .col-1 .login-box span.error, #wrapper.pt_checkout #main #primary .col-2 .login-box span.error, #wrapper.pt_checkout #main #checkout .col-1 .login-box span.error, #wrapper.pt_checkout #main #checkout .col-2 .login-box span.error, #wrapper.pt_checkoutlogin #main #primary .col-1 .login-box span.error, #wrapper.pt_checkoutlogin #main #primary .col-2 .login-box span.error, #wrapper.pt_checkoutlogin #main #checkout .col-1 .login-box span.error, #wrapper.pt_checkoutlogin #main #checkout .col-2 .login-box span.error { left: 0; } } #wrapper.pt_checkout #main #primary .col-1 .login-note p, #wrapper.pt_checkout #main #primary .col-2 .login-note p, #wrapper.pt_checkout #main #checkout .col-1 .login-note p, #wrapper.pt_checkout #main #checkout .col-2 .login-note p, #wrapper.pt_checkoutlogin #main #primary .col-1 .login-note p, #wrapper.pt_checkoutlogin #main #primary .col-2 .login-note p, #wrapper.pt_checkoutlogin #main #checkout .col-1 .login-note p, #wrapper.pt_checkoutlogin #main #checkout .col-2 .login-note p { float: none; } #wrapper.pt_checkout #main #primary .col-1 h2.section-header-mobile, #wrapper.pt_checkout #main #primary .col-2 h2.section-header-mobile, #wrapper.pt_checkout #main #checkout .col-1 h2.section-header-mobile, #wrapper.pt_checkout #main #checkout .col-2 h2.section-header-mobile, #wrapper.pt_checkoutlogin #main #primary .col-1 h2.section-header-mobile, #wrapper.pt_checkoutlogin #main #primary .col-2 h2.section-header-mobile, #wrapper.pt_checkoutlogin #main #checkout .col-1 h2.section-header-mobile, #wrapper.pt_checkoutlogin #main #checkout .col-2 h2.section-header-mobile { display: none; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #main #primary .col-1 h2.section-header-mobile, #wrapper.pt_checkout #main #primary .col-2 h2.section-header-mobile, #wrapper.pt_checkout #main #checkout .col-1 h2.section-header-mobile, #wrapper.pt_checkout #main #checkout .col-2 h2.section-header-mobile, #wrapper.pt_checkoutlogin #main #primary .col-1 h2.section-header-mobile, #wrapper.pt_checkoutlogin #main #primary .col-2 h2.section-header-mobile, #wrapper.pt_checkoutlogin #main #checkout .col-1 h2.section-header-mobile, #wrapper.pt_checkoutlogin #main #checkout .col-2 h2.section-header-mobile { display: block; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #005f9b; font-size: 20px; line-height: 20px; text-transform: uppercase; padding: 15px 0; border-bottom: 1px solid #CCCCCC; margin-bottom: 35px; } #wrapper.pt_checkout #main #primary .col-1 h2.section-header-mobile .dialog-required, #wrapper.pt_checkout #main #primary .col-2 h2.section-header-mobile .dialog-required, #wrapper.pt_checkout #main #checkout .col-1 h2.section-header-mobile .dialog-required, #wrapper.pt_checkout #main #checkout .col-2 h2.section-header-mobile .dialog-required, #wrapper.pt_checkoutlogin #main #primary .col-1 h2.section-header-mobile .dialog-required, #wrapper.pt_checkoutlogin #main #primary .col-2 h2.section-header-mobile .dialog-required, #wrapper.pt_checkoutlogin #main #checkout .col-1 h2.section-header-mobile .dialog-required, #wrapper.pt_checkoutlogin #main #checkout .col-2 h2.section-header-mobile .dialog-required { float: none; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; } #wrapper.pt_checkout #main #primary .col-1 h2.section-header-mobile .dialog-required em, #wrapper.pt_checkout #main #primary .col-2 h2.section-header-mobile .dialog-required em, #wrapper.pt_checkout #main #checkout .col-1 h2.section-header-mobile .dialog-required em, #wrapper.pt_checkout #main #checkout .col-2 h2.section-header-mobile .dialog-required em, #wrapper.pt_checkoutlogin #main #primary .col-1 h2.section-header-mobile .dialog-required em, #wrapper.pt_checkoutlogin #main #primary .col-2 h2.section-header-mobile .dialog-required em, #wrapper.pt_checkoutlogin #main #checkout .col-1 h2.section-header-mobile .dialog-required em, #wrapper.pt_checkoutlogin #main #checkout .col-2 h2.section-header-mobile .dialog-required em { font-style: normal; font-weight: 700; } } @media only screen and (max-width: 767px) and (max-width: 767px) { #wrapper.pt_checkout #main #primary .col-1 h2.section-header-mobile .dialog-required, #wrapper.pt_checkout #main #primary .col-2 h2.section-header-mobile .dialog-required, #wrapper.pt_checkout #main #checkout .col-1 h2.section-header-mobile .dialog-required, #wrapper.pt_checkout #main #checkout .col-2 h2.section-header-mobile .dialog-required, #wrapper.pt_checkoutlogin #main #primary .col-1 h2.section-header-mobile .dialog-required, #wrapper.pt_checkoutlogin #main #primary .col-2 h2.section-header-mobile .dialog-required, #wrapper.pt_checkoutlogin #main #checkout .col-1 h2.section-header-mobile .dialog-required, #wrapper.pt_checkoutlogin #main #checkout .col-2 h2.section-header-mobile .dialog-required { position: absolute; top: 65px; right: 0; } } #wrapper.pt_checkout #main #primary .col-1 h2, #wrapper.pt_checkout #main #primary .col-2 h2, #wrapper.pt_checkout #main #checkout .col-1 h2, #wrapper.pt_checkout #main #checkout .col-2 h2, #wrapper.pt_checkoutlogin #main #primary .col-1 h2, #wrapper.pt_checkoutlogin #main #primary .col-2 h2, #wrapper.pt_checkoutlogin #main #checkout .col-1 h2, #wrapper.pt_checkoutlogin #main #checkout .col-2 h2 { position: relative; } #wrapper.pt_checkout #main #primary .col-1 h2.section-header, #wrapper.pt_checkout #main #primary .col-2 h2.section-header, #wrapper.pt_checkout #main #checkout .col-1 h2.section-header, #wrapper.pt_checkout #main #checkout .col-2 h2.section-header, #wrapper.pt_checkoutlogin #main #primary .col-1 h2.section-header, #wrapper.pt_checkoutlogin #main #primary .col-2 h2.section-header, #wrapper.pt_checkoutlogin #main #checkout .col-1 h2.section-header, #wrapper.pt_checkoutlogin #main #checkout .col-2 h2.section-header { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #005f9b; font-size: 20px; line-height: 20px; text-transform: uppercase; padding: 35px 0; border-bottom: 1px solid #CCCCCC; margin-bottom: 35px; clear: both; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #main #primary .col-1 h2.section-header, #wrapper.pt_checkout #main #primary .col-2 h2.section-header, #wrapper.pt_checkout #main #checkout .col-1 h2.section-header, #wrapper.pt_checkout #main #checkout .col-2 h2.section-header, #wrapper.pt_checkoutlogin #main #primary .col-1 h2.section-header, #wrapper.pt_checkoutlogin #main #primary .col-2 h2.section-header, #wrapper.pt_checkoutlogin #main #checkout .col-1 h2.section-header, #wrapper.pt_checkoutlogin #main #checkout .col-2 h2.section-header { display: none; } } #wrapper.pt_checkout #main #primary .col-1 h2.section-header .dialog-required, #wrapper.pt_checkout #main #primary .col-2 h2.section-header .dialog-required, #wrapper.pt_checkout #main #checkout .col-1 h2.section-header .dialog-required, #wrapper.pt_checkout #main #checkout .col-2 h2.section-header .dialog-required, #wrapper.pt_checkoutlogin #main #primary .col-1 h2.section-header .dialog-required, #wrapper.pt_checkoutlogin #main #primary .col-2 h2.section-header .dialog-required, #wrapper.pt_checkoutlogin #main #checkout .col-1 h2.section-header .dialog-required, #wrapper.pt_checkoutlogin #main #checkout .col-2 h2.section-header .dialog-required { float: right; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; } #wrapper.pt_checkout #main #primary .col-1 h2.section-header .dialog-required em, #wrapper.pt_checkout #main #primary .col-2 h2.section-header .dialog-required em, #wrapper.pt_checkout #main #checkout .col-1 h2.section-header .dialog-required em, #wrapper.pt_checkout #main #checkout .col-2 h2.section-header .dialog-required em, #wrapper.pt_checkoutlogin #main #primary .col-1 h2.section-header .dialog-required em, #wrapper.pt_checkoutlogin #main #primary .col-2 h2.section-header .dialog-required em, #wrapper.pt_checkoutlogin #main #checkout .col-1 h2.section-header .dialog-required em, #wrapper.pt_checkoutlogin #main #checkout .col-2 h2.section-header .dialog-required em { font-style: normal; font-weight: 700; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #main #primary .col-1 h2.section-header .dialog-required, #wrapper.pt_checkout #main #primary .col-2 h2.section-header .dialog-required, #wrapper.pt_checkout #main #checkout .col-1 h2.section-header .dialog-required, #wrapper.pt_checkout #main #checkout .col-2 h2.section-header .dialog-required, #wrapper.pt_checkoutlogin #main #primary .col-1 h2.section-header .dialog-required, #wrapper.pt_checkoutlogin #main #primary .col-2 h2.section-header .dialog-required, #wrapper.pt_checkoutlogin #main #checkout .col-1 h2.section-header .dialog-required, #wrapper.pt_checkoutlogin #main #checkout .col-2 h2.section-header .dialog-required { position: absolute; top: 105px; right: 0; } } #wrapper.pt_checkout #main #primary .col-1 p, #wrapper.pt_checkout #main #primary .col-2 p, #wrapper.pt_checkout #main #checkout .col-1 p, #wrapper.pt_checkout #main #checkout .col-2 p, #wrapper.pt_checkoutlogin #main #primary .col-1 p, #wrapper.pt_checkoutlogin #main #primary .col-2 p, #wrapper.pt_checkoutlogin #main #checkout .col-1 p, #wrapper.pt_checkoutlogin #main #checkout .col-2 p { display: block; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; float: left; width: 70%; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { #wrapper.pt_checkout #main #primary .col-1 p, #wrapper.pt_checkout #main #primary .col-2 p, #wrapper.pt_checkout #main #checkout .col-1 p, #wrapper.pt_checkout #main #checkout .col-2 p, #wrapper.pt_checkoutlogin #main #primary .col-1 p, #wrapper.pt_checkoutlogin #main #primary .col-2 p, #wrapper.pt_checkoutlogin #main #checkout .col-1 p, #wrapper.pt_checkoutlogin #main #checkout .col-2 p { width: 65%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #main #primary .col-1 p, #wrapper.pt_checkout #main #primary .col-2 p, #wrapper.pt_checkout #main #checkout .col-1 p, #wrapper.pt_checkout #main #checkout .col-2 p, #wrapper.pt_checkoutlogin #main #primary .col-1 p, #wrapper.pt_checkoutlogin #main #primary .col-2 p, #wrapper.pt_checkoutlogin #main #checkout .col-1 p, #wrapper.pt_checkoutlogin #main #checkout .col-2 p { width: 100%; float: none; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #main #primary .col-1 p, #wrapper.pt_checkout #main #primary .col-2 p, #wrapper.pt_checkout #main #checkout .col-1 p, #wrapper.pt_checkout #main #checkout .col-2 p, #wrapper.pt_checkoutlogin #main #primary .col-1 p, #wrapper.pt_checkoutlogin #main #primary .col-2 p, #wrapper.pt_checkoutlogin #main #checkout .col-1 p, #wrapper.pt_checkoutlogin #main #checkout .col-2 p { width: 100%; float: none; } } #wrapper.pt_checkout #main #primary .col-1 button, #wrapper.pt_checkout #main #primary .col-2 button, #wrapper.pt_checkout #main #checkout .col-1 button, #wrapper.pt_checkout #main #checkout .col-2 button, #wrapper.pt_checkoutlogin #main #primary .col-1 button, #wrapper.pt_checkoutlogin #main #primary .col-2 button, #wrapper.pt_checkoutlogin #main #checkout .col-1 button, #wrapper.pt_checkoutlogin #main #checkout .col-2 button { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; float: right; } #wrapper.pt_checkout #main #primary .col-1 button:hover, #wrapper.pt_checkout #main #primary .col-2 button:hover, #wrapper.pt_checkout #main #checkout .col-1 button:hover, #wrapper.pt_checkout #main #checkout .col-2 button:hover, #wrapper.pt_checkoutlogin #main #primary .col-1 button:hover, #wrapper.pt_checkoutlogin #main #primary .col-2 button:hover, #wrapper.pt_checkoutlogin #main #checkout .col-1 button:hover, #wrapper.pt_checkoutlogin #main #checkout .col-2 button:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } #wrapper.pt_checkout #main #primary .col-1 button:disabled, #wrapper.pt_checkout #main #primary .col-2 button:disabled, #wrapper.pt_checkout #main #checkout .col-1 button:disabled, #wrapper.pt_checkout #main #checkout .col-2 button:disabled, #wrapper.pt_checkoutlogin #main #primary .col-1 button:disabled, #wrapper.pt_checkoutlogin #main #primary .col-2 button:disabled, #wrapper.pt_checkoutlogin #main #checkout .col-1 button:disabled, #wrapper.pt_checkoutlogin #main #checkout .col-2 button:disabled { background-color: #eeeeee; color: #dddddd; } #wrapper.pt_checkout #main #primary .col-1 button:disabled:hover, #wrapper.pt_checkout #main #primary .col-2 button:disabled:hover, #wrapper.pt_checkout #main #checkout .col-1 button:disabled:hover, #wrapper.pt_checkout #main #checkout .col-2 button:disabled:hover, #wrapper.pt_checkoutlogin #main #primary .col-1 button:disabled:hover, #wrapper.pt_checkoutlogin #main #primary .col-2 button:disabled:hover, #wrapper.pt_checkoutlogin #main #checkout .col-1 button:disabled:hover, #wrapper.pt_checkoutlogin #main #checkout .col-2 button:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #main #primary .col-1 button, #wrapper.pt_checkout #main #primary .col-2 button, #wrapper.pt_checkout #main #checkout .col-1 button, #wrapper.pt_checkout #main #checkout .col-2 button, #wrapper.pt_checkoutlogin #main #primary .col-1 button, #wrapper.pt_checkoutlogin #main #primary .col-2 button, #wrapper.pt_checkoutlogin #main #checkout .col-1 button, #wrapper.pt_checkoutlogin #main #checkout .col-2 button { display: block; float: none; width: 100%; padding: 0; margin: 10px 0 0 0; } } #wrapper.pt_checkout #main #primary .col-1 .content-asset, #wrapper.pt_checkout #main #primary .col-2 .content-asset, #wrapper.pt_checkout #main #checkout .col-1 .content-asset, #wrapper.pt_checkout #main #checkout .col-2 .content-asset, #wrapper.pt_checkoutlogin #main #primary .col-1 .content-asset, #wrapper.pt_checkoutlogin #main #primary .col-2 .content-asset, #wrapper.pt_checkoutlogin #main #checkout .col-1 .content-asset, #wrapper.pt_checkoutlogin #main #checkout .col-2 .content-asset { margin: 10px 0; padding: 20px 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; } #wrapper.pt_checkout #main #primary .col-1 .content-asset span, #wrapper.pt_checkout #main #primary .col-2 .content-asset span, #wrapper.pt_checkout #main #checkout .col-1 .content-asset span, #wrapper.pt_checkout #main #checkout .col-2 .content-asset span, #wrapper.pt_checkoutlogin #main #primary .col-1 .content-asset span, #wrapper.pt_checkoutlogin #main #primary .col-2 .content-asset span, #wrapper.pt_checkoutlogin #main #checkout .col-1 .content-asset span, #wrapper.pt_checkoutlogin #main #checkout .col-2 .content-asset span { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 14px; line-height: 14px; text-transform: uppercase; font-size: 15px; } #wrapper.pt_checkout #main #primary .col-1, #wrapper.pt_checkout #main #checkout .col-1, #wrapper.pt_checkoutlogin #main #primary .col-1, #wrapper.pt_checkoutlogin #main #checkout .col-1 { float: left; padding-right: 5%; } #wrapper.pt_checkout #main #primary .col-1 .error-form, #wrapper.pt_checkout #main #checkout .col-1 .error-form, #wrapper.pt_checkoutlogin #main #primary .col-1 .error-form, #wrapper.pt_checkoutlogin #main #checkout .col-1 .error-form { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 11px; line-height: 11px; text-transform: uppercase; color: #ed3024; padding: 0; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #main #primary .col-1 .error-form, #wrapper.pt_checkout #main #checkout .col-1 .error-form, #wrapper.pt_checkoutlogin #main #primary .col-1 .error-form, #wrapper.pt_checkoutlogin #main #checkout .col-1 .error-form { padding: 15px 0; } } #wrapper.pt_checkout #main #primary .col-1 .form-row, #wrapper.pt_checkout #main #checkout .col-1 .form-row, #wrapper.pt_checkoutlogin #main #primary .col-1 .form-row, #wrapper.pt_checkoutlogin #main #checkout .col-1 .form-row { clear: both; padding-bottom: 20px; min-height: 38px; position: relative; } #wrapper.pt_checkout #main #primary .col-1 .form-row label, #wrapper.pt_checkout #main #checkout .col-1 .form-row label, #wrapper.pt_checkoutlogin #main #primary .col-1 .form-row label, #wrapper.pt_checkoutlogin #main #checkout .col-1 .form-row label { float: left; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 16px; line-height: 16px; color: #666666; font-size: 20px; line-height: 38px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #main #primary .col-1 .form-row label, #wrapper.pt_checkout #main #checkout .col-1 .form-row label, #wrapper.pt_checkoutlogin #main #primary .col-1 .form-row label, #wrapper.pt_checkoutlogin #main #checkout .col-1 .form-row label { float: none; display: block; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #main #primary .col-1 .form-row label, #wrapper.pt_checkout #main #checkout .col-1 .form-row label, #wrapper.pt_checkoutlogin #main #primary .col-1 .form-row label, #wrapper.pt_checkoutlogin #main #checkout .col-1 .form-row label { float: none; display: block; } } #wrapper.pt_checkout #main #primary .col-1 .form-row input, #wrapper.pt_checkout #main #checkout .col-1 .form-row input, #wrapper.pt_checkoutlogin #main #primary .col-1 .form-row input, #wrapper.pt_checkoutlogin #main #checkout .col-1 .form-row input { float: right; width: 45%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #main #primary .col-1 .form-row input, #wrapper.pt_checkout #main #checkout .col-1 .form-row input, #wrapper.pt_checkoutlogin #main #primary .col-1 .form-row input, #wrapper.pt_checkoutlogin #main #checkout .col-1 .form-row input { float: none; display: block; width: 100%; box-sizing: border-box; padding: 0 10px; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #main #primary .col-1 .form-row input, #wrapper.pt_checkout #main #checkout .col-1 .form-row input, #wrapper.pt_checkoutlogin #main #primary .col-1 .form-row input, #wrapper.pt_checkoutlogin #main #checkout .col-1 .form-row input { float: none; display: block; width: 100%; box-sizing: border-box; padding: 0 10px; } } #wrapper.pt_checkout #main #primary .col-1 .form-row span.error, #wrapper.pt_checkout #main #checkout .col-1 .form-row span.error, #wrapper.pt_checkoutlogin #main #primary .col-1 .form-row span.error, #wrapper.pt_checkoutlogin #main #checkout .col-1 .form-row span.error { white-space: pre; position: absolute; top: 38px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #main #primary .col-1 .form-row span.error, #wrapper.pt_checkout #main #checkout .col-1 .form-row span.error, #wrapper.pt_checkoutlogin #main #primary .col-1 .form-row span.error, #wrapper.pt_checkoutlogin #main #checkout .col-1 .form-row span.error { top: 74px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { #wrapper.pt_checkout #main #primary .col-1 .form-row span.error, #wrapper.pt_checkout #main #checkout .col-1 .form-row span.error, #wrapper.pt_checkoutlogin #main #primary .col-1 .form-row span.error, #wrapper.pt_checkoutlogin #main #checkout .col-1 .form-row span.error { top: 38px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #main #primary .col-1 .form-row span.error, #wrapper.pt_checkout #main #checkout .col-1 .form-row span.error, #wrapper.pt_checkoutlogin #main #primary .col-1 .form-row span.error, #wrapper.pt_checkoutlogin #main #checkout .col-1 .form-row span.error { top: 74px; } } #wrapper.pt_checkout #main #primary .col-1 .form-row #password-reset, #wrapper.pt_checkout #main #checkout .col-1 .form-row #password-reset, #wrapper.pt_checkoutlogin #main #primary .col-1 .form-row #password-reset, #wrapper.pt_checkoutlogin #main #checkout .col-1 .form-row #password-reset { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; text-decoration: none; } #wrapper.pt_checkout #main #primary .col-1 .form-row #password-reset:hover, #wrapper.pt_checkout #main #checkout .col-1 .form-row #password-reset:hover, #wrapper.pt_checkoutlogin #main #primary .col-1 .form-row #password-reset:hover, #wrapper.pt_checkoutlogin #main #checkout .col-1 .form-row #password-reset:hover { text-decoration: underline; color: #0099CC; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #main #primary .col-1 .form-row #password-reset, #wrapper.pt_checkout #main #checkout .col-1 .form-row #password-reset, #wrapper.pt_checkoutlogin #main #primary .col-1 .form-row #password-reset, #wrapper.pt_checkoutlogin #main #checkout .col-1 .form-row #password-reset { display: block; margin: 10px 0; } } #wrapper.pt_checkout #main #primary .col-2, #wrapper.pt_checkout #main #checkout .col-2, #wrapper.pt_checkoutlogin #main #primary .col-2, #wrapper.pt_checkoutlogin #main #checkout .col-2 { float: right; padding-left: 5%; } #wrapper.pt_checkout #main #primary .col-2 .checkout-create-account-mobile, #wrapper.pt_checkout #main #checkout .col-2 .checkout-create-account-mobile, #wrapper.pt_checkoutlogin #main #primary .col-2 .checkout-create-account-mobile, #wrapper.pt_checkoutlogin #main #checkout .col-2 .checkout-create-account-mobile { border: none; background: none; padding: 0; } #wrapper.pt_checkout #main #primary .col-2 .checkout-create-account-mobile:hover, #wrapper.pt_checkout #main #checkout .col-2 .checkout-create-account-mobile:hover, #wrapper.pt_checkoutlogin #main #primary .col-2 .checkout-create-account-mobile:hover, #wrapper.pt_checkoutlogin #main #checkout .col-2 .checkout-create-account-mobile:hover { border: none; padding: 0; } #wrapper.pt_checkout #main #primary .col-2 .checkout-create-account-mobile span, #wrapper.pt_checkout #main #checkout .col-2 .checkout-create-account-mobile span, #wrapper.pt_checkoutlogin #main #primary .col-2 .checkout-create-account-mobile span, #wrapper.pt_checkoutlogin #main #checkout .col-2 .checkout-create-account-mobile span { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; text-transform: none; border: none; text-decoration: none; } #wrapper.pt_checkout #main #primary .col-2 .checkout-create-account-mobile span:hover, #wrapper.pt_checkout #main #checkout .col-2 .checkout-create-account-mobile span:hover, #wrapper.pt_checkoutlogin #main #primary .col-2 .checkout-create-account-mobile span:hover, #wrapper.pt_checkoutlogin #main #checkout .col-2 .checkout-create-account-mobile span:hover { text-decoration: underline; color: #0099CC; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #main #primary .col-2 .checkout-create-account-mobile, #wrapper.pt_checkout #main #checkout .col-2 .checkout-create-account-mobile, #wrapper.pt_checkoutlogin #main #primary .col-2 .checkout-create-account-mobile, #wrapper.pt_checkoutlogin #main #checkout .col-2 .checkout-create-account-mobile { width: auto; } } #wrapper.pt_checkout #main #primary .col-2 .checkout-create-account-mobile:hover, #wrapper.pt_checkout #main #checkout .col-2 .checkout-create-account-mobile:hover, #wrapper.pt_checkoutlogin #main #primary .col-2 .checkout-create-account-mobile:hover, #wrapper.pt_checkoutlogin #main #checkout .col-2 .checkout-create-account-mobile:hover { background-color: transparent !important; } #wrapper.pt_checkout #main #primary .col-2 .dialog-required, #wrapper.pt_checkout #main #checkout .col-2 .dialog-required, #wrapper.pt_checkoutlogin #main #primary .col-2 .dialog-required, #wrapper.pt_checkoutlogin #main #checkout .col-2 .dialog-required { display: none; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #main #primary .col-1, #wrapper.pt_checkout #main #primary .col-2, #wrapper.pt_checkout #main #checkout .col-1, #wrapper.pt_checkout #main #checkout .col-2, #wrapper.pt_checkoutlogin #main #primary .col-1, #wrapper.pt_checkoutlogin #main #primary .col-2, #wrapper.pt_checkoutlogin #main #checkout .col-1, #wrapper.pt_checkoutlogin #main #checkout .col-2 { box-sizing: border-box; float: none; padding: 0; width: 100%; } } #wrapper.pt_checkout #main .tooltip, #wrapper.pt_checkoutlogin #main .tooltip { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; text-transform: none; cursor: help; position: relative; text-decoration: none; } #wrapper.pt_checkout #main .tooltip .tooltip-content, #wrapper.pt_checkoutlogin #main .tooltip .tooltip-content { background: none repeat scroll 0 0 #000000; border-radius: 3px; color: #ffffff; display: none !important; font-size: 12px; font-style: normal; max-width: 300px; min-width: 200px; opacity: 0; position: absolute; text-decoration: none; visibility: hidden; z-index: 9999; padding: 1em; } #wrapper.pt_checkout #main .tooltip:hover .tooltip-content, #wrapper.pt_checkoutlogin #main .tooltip:hover .tooltip-content { display: block; opacity: 1; overflow: visible; visibility: visible; text-decoration: underline; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #main .tooltip, #wrapper.pt_checkoutlogin #main .tooltip { font-size: .9em; top: 0; display: block; } } #wrapper.pt_checkout #main .tooltip:hover, #wrapper.pt_checkoutlogin #main .tooltip:hover { text-decoration: underline; } #wrapper.pt_checkout #main input[type="checkbox"] + label, #wrapper.pt_checkoutlogin #main input[type="checkbox"] + label { line-height: 38px; } #wrapper.pt_checkout #main .error-message, #wrapper.pt_checkoutlogin #main .error-message { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; color: #ed3024; font-size: 14px; display: block; } #wrapper.pt_checkout #checkout.summary { width: 100%; float: none; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #checkout.summary { width: 90%; } } #wrapper.pt_checkout #checkout.summary .error-form { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; font-size: 13px; color: #ed3024; text-align: left; line-height: 22px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #checkout.summary #cart-table thead { display: none; } } #wrapper.pt_checkout #checkout.summary #cart-table thead tr { border-bottom: 1px solid #CCCCCC; } #wrapper.pt_checkout #checkout.summary #cart-table thead tr th.section-header { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #005f9b; font-size: 20px; line-height: 20px; text-transform: uppercase; padding: 35px 0; } #wrapper.pt_checkout #checkout.summary #cart-table thead tr th.align-right { text-align: right; } #wrapper.pt_checkout #checkout.summary #cart-table .cart-row { border-bottom: 1px solid #CCCCCC; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #checkout.summary #cart-table .cart-row .item-image { display: inline-block; width: 100%; text-align: center; } } #wrapper.pt_checkout #checkout.summary #cart-table .cart-row .item-image img { max-width: 200px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #checkout.summary #cart-table .cart-row .item-image img { max-width: 145px; } } #wrapper.pt_checkout #checkout.summary #cart-table .cart-row .item-details { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 14px; line-height: 14px; text-transform: uppercase; font-size: 13px; line-height: 24px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #checkout.summary #cart-table .cart-row .item-details { display: inline-block; width: 100%; } } #wrapper.pt_checkout #checkout.summary #cart-table .cart-row .item-details .sku { color: #231f20; } #wrapper.pt_checkout #checkout.summary #cart-table .cart-row .item-details .name a { text-decoration: none; color: #005f9b; } #wrapper.pt_checkout #checkout.summary #cart-table .cart-row .item-details .item-quantity { padding-top: 15px; font-size: 15px; color: #005f9b; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #checkout.summary #cart-table .cart-row .item-details .item-quantity { display: inline-block; width: 49%; } #wrapper.pt_checkout #checkout.summary #cart-table .cart-row .item-details .item-quantity.decktop-visible { display: none; } } #wrapper.pt_checkout #checkout.summary #cart-table .cart-row .item-details .item-quantity .quantity-number { font-size: 12px; color: #231f20; padding-left: 10px; } #wrapper.pt_checkout #checkout.summary #cart-table .cart-row .item-total { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 14px; line-height: 14px; text-transform: uppercase; font-size: 15px; text-align: right; } #wrapper.pt_checkout #checkout.summary #cart-table .cart-row .item-total .mini-cart-price { float: right; color: #231f20; } #wrapper.pt_checkout #checkout.summary #cart-table .cart-row .item-total .mini-cart-price .price-unadjusted { display: inline-block; text-decoration: line-through; margin-right: 3px; } #wrapper.pt_checkout #checkout.summary #cart-table .cart-row .item-total .mini-cart-price .price-adjusted-total { color: #ed3024 !important; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #checkout.summary #cart-table .cart-row .item-total { display: inline-block; float: right; vertical-align: bottom; position: relative; top: -20px; } } #wrapper.pt_checkout #checkout.summary #cart-table tfoot .cart-row.first { border: 0; } #wrapper.pt_checkout #checkout.summary #cart-table tfoot .cart-row.first td { padding: 10px 0 0 0; } #wrapper.pt_checkout #checkout.summary #cart-table tfoot .cart-row td { padding: 0 0 10px 0; } #wrapper.pt_checkout #checkout.summary #cart-table tfoot .cart-row .item-edit-details a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; text-transform: none; margin-bottom: 8px; display: inline-block; } #wrapper.pt_checkout #checkout.summary #cart-table tfoot .cart-row .item-edit-details a:hover { text-decoration: none; } #wrapper.pt_checkout #checkout.summary #cart-table tfoot .cart-row span.coupon-applied, #wrapper.pt_checkout #checkout.summary #cart-table tfoot .cart-row span.coupon-not-applied { font-size: 12px; } #wrapper.pt_checkout #checkout.summary #cart-table tfoot .cart-row .cart-promo span { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 14px; line-height: 14px; text-transform: uppercase; font-size: 13px; } #wrapper.pt_checkout #checkout.summary #cart-table tfoot .cart-row span.value { text-transform: none; font-size: 14px; color: #231f20; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #checkout.summary #cart-table + .order-summary-footer table.order-totals-table { width: 100%; } #wrapper.pt_checkout #checkout.summary #cart-table + .order-summary-footer table.order-totals-table td:last-child { padding-right: 0; } } #wrapper.pt_checkout #checkout.summary .order-summary-footer { margin-bottom: 25px; } #wrapper.pt_checkout #checkout.summary .place-order-totals { width: 50%; margin-left: 50%; border-top: none; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #checkout.summary .place-order-totals { width: 100%; margin-left: 0; } } #wrapper.pt_checkout #checkout.summary form .form-row { width: 100%; } #wrapper.pt_checkout #checkout.summary form .form-row a.back-to-cart { display: none; } #wrapper.pt_checkout #checkout.summary form .form-row button { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 20px; color: #ffffff; background: #f79727; height: 54px; line-height: 54px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 78px; text-transform: uppercase; border: 0; float: right; padding: 0 20px; } #wrapper.pt_checkout #checkout.summary form .form-row button:hover { background-color: #ffefde; border: 4px solid #f79727; padding: 0 66px; line-height: 46px; color: #f79727; } #wrapper.pt_checkout #checkout.summary form .form-row button:disabled { background-color: #eeeeee; color: #dddddd; } #wrapper.pt_checkout #checkout.summary form .form-row button:hover { padding: 0 16px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #checkout.summary form .form-row button { width: 100%; float: none; } } #wrapper.pt_checkout #shipping-main { float: left; width: 70%; margin-right: 5%; } #wrapper.pt_checkout #shipping-main .gift-radio.form-row label { float: left; width: 50%; display: block; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #shipping-main .gift-radio.form-row label { width: 40%; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .gift-radio.form-row label { float: left; } } #wrapper.pt_checkout #shipping-main .gift-radio.form-row label.is-gift { width: auto; } #wrapper.pt_checkout #shipping-main .gift-radio.form-row label.is-gift.is-gift-left { margin-right: 20px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .payment-method-options label { box-sizing: border-box; float: left; width: 100%; } } #wrapper.pt_checkout #shipping-main .payment-method-options label span#PayPal { background: url(../images/paypal-icon.gif) no-repeat left top; display: inline-block; height: 29px; margin-top: 5px; text-indent: -10000px; width: 112px; } #wrapper.pt_checkout #shipping-main .gift-message-text label { float: left; display: block; width: 50%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #shipping-main .gift-message-text label { width: 40%; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .gift-message-text label { float: none; width: 100%; } } #wrapper.pt_checkout #shipping-main .gift-message-text textarea { box-sizing: border-box; font-weight: 500; line-height: 36px; font-size: 12px; border: 1px solid #CCCCCC; padding: 0 15px; float: left; display: block; width: 50%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #shipping-main .gift-message-text textarea { width: 60%; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .gift-message-text textarea { float: none; width: 100%; } } #wrapper.pt_checkout #shipping-main .gift-message-text .char-count { width: 50%; float: right; margin-top: 15px; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #shipping-main .gift-message-text .char-count { width: 40%; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .gift-message-text .char-count { float: none; width: 100%; } } #wrapper.pt_checkout #shipping-main .form-row.label-inline { width: 40%; margin-left: 40%; } #wrapper.pt_checkout #shipping-main .form-row.label-inline input { float: left; height: 38px; margin-right: 10px; width: auto; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #shipping-main .form-row.label-inline { width: 60%; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .form-row.label-inline { width: 100%; margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #shipping-main { width: 100%; float: none; margin: 0; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main { width: 100%; float: none; margin: 0; } } #wrapper.pt_checkout #shipping-main h2 { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #005f9b; font-size: 20px; line-height: 20px; text-transform: uppercase; padding: 35px 0; border-bottom: 1px solid #CCCCCC; margin-bottom: 35px; clear: both; position: relative; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main h2 { padding: 20px 0; margin-bottom: 20px; } } #wrapper.pt_checkout #shipping-main h2 legend { display: inline; float: left; } #wrapper.pt_checkout #shipping-main h2 .dialog-required { float: right; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 14px; line-height: 14px; text-transform: uppercase; font-size: 13px; } #wrapper.pt_checkout #shipping-main h2 .dialog-required em { font-style: normal; font-weight: 700; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main h2 .dialog-required { position: absolute; top: 70px; padding-bottom: 10px; right: 0; } } @media screen and (max-width: 425px) { #wrapper.pt_checkout #shipping-main h2 .dialog-required.long-name { top: 87px; } } #wrapper.pt_checkout #shipping-main .shipping-phone-adress .form-caption, #wrapper.pt_checkout #shipping-main .billing-phone-example-hide .form-caption, #wrapper.pt_checkout #shipping-main .cvn-with-tooltip .form-caption { display: none; } #wrapper.pt_checkout #shipping-main .shipping-phone-adress .form-row, #wrapper.pt_checkout #shipping-main .billing-phone-example-hide .form-row, #wrapper.pt_checkout #shipping-main .cvn-with-tooltip .form-row { float: left; margin-top: 0px; } #wrapper.pt_checkout #shipping-main .shipping-phone-adress .form-field-tooltip, #wrapper.pt_checkout #shipping-main .billing-phone-example-hide .form-field-tooltip, #wrapper.pt_checkout #shipping-main .cvn-with-tooltip .form-field-tooltip { float: right; width: 18%; padding-left: 2%; padding-top: 11px; padding-bottom: 11px; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; color: #231f20 !important; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .shipping-phone-adress .form-field-tooltip, #wrapper.pt_checkout #shipping-main .billing-phone-example-hide .form-field-tooltip, #wrapper.pt_checkout #shipping-main .cvn-with-tooltip .form-field-tooltip { width: 100%; float: none; padding-left: 0; } } #wrapper.pt_checkout #shipping-main .shipping-phone-adress { position: relative; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .shipping-phone-adress .form-field-tooltip.with-helper-text { position: absolute; right: 0; width: auto; } } #wrapper.pt_checkout #shipping-main .cvn-with-tooltip { clear: both; } #wrapper.pt_checkout #shipping-main .cvn-with-tooltip .form-row { width: 50%; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .cvn-with-tooltip .form-row { width: 100%; } } #wrapper.pt_checkout #shipping-main .cvn-with-tooltip .form-row input { width: 20%; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .cvn-with-tooltip .form-row input { width: 100%; } } #wrapper.pt_checkout #shipping-main .cvn-with-tooltip .form-row .error { left: 80%; white-space: pre; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .cvn-with-tooltip .form-row .error { left: 0; } } #wrapper.pt_checkout #shipping-main .cvn-with-tooltip .form-field-tooltip { margin-right: 30%; } #wrapper.pt_checkout #shipping-main .form-row { width: 80%; clear: both; margin-top: 15px; margin-bottom: 15px; position: relative; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #shipping-main .form-row { width: 100%; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .form-row { width: 100%; margin: 5px 0 0; } } #wrapper.pt_checkout #shipping-main .form-row label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 16px; line-height: 16px; font-size: 20px; color: #666666; line-height: 38px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .form-row label { float: none; display: block; } } #wrapper.pt_checkout #shipping-main .form-row input { box-sizing: border-box; width: 50%; float: right; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #shipping-main .form-row input { width: 60%; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .form-row input { width: 100%; float: none; } } #wrapper.pt_checkout #shipping-main .form-row span.error { position: absolute; top: 36px; left: 50%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #shipping-main .form-row span.error { left: 40%; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .form-row span.error { position: static; display: block; } } #wrapper.pt_checkout #shipping-main .form-row .customSelect { border-radius: 4px; box-sizing: border-box; width: 50%; float: right; padding: 7px 13px; height: 38px; line-height: 24px; overflow: hidden; } #wrapper.pt_checkout #shipping-main .form-row .customSelect .customSelectInner { background: url(../images/interface/select-arrow.gif) no-repeat right 10px; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_checkout #shipping-main .form-row .customSelect .customSelectInner { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #shipping-main .form-row .customSelect { width: 60%; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .form-row .customSelect { width: 100%; float: none; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .form-row select { top: 38px; } } #wrapper.pt_checkout #shipping-main .shipping-main-single-inline { width: 60%; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .shipping-main-single-inline { float: none; width: 100%; padding-top: 15px; } } #wrapper.pt_checkout #shipping-main .shipping-main-single-inline input { float: left; width: auto; } #wrapper.pt_checkout #shipping-main .shipping-main-single-inline label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; text-transform: uppercase; font-size: 20px; color: #666666; background-position: left 8px !important; } #wrapper.pt_checkout #shipping-main .email-addr .addtoemailList { width: 60%; float: right; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .email-addr .addtoemailList { float: none; width: 100%; } } #wrapper.pt_checkout #shipping-main .email-addr .addtoemailList input[type="checkbox"] + label, #wrapper.pt_checkout #shipping-main .email-addr .addtoemailList input[type="checkbox"]:checked + label { background-position: left 4px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .email-addr .addtoemailList p { padding-top: 10px; } } #wrapper.pt_checkout #shipping-main .email-addr .addtoemailList p, #wrapper.pt_checkout #shipping-main .email-addr .addtoemailList .form-row label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; text-transform: none; width: auto; margin-left: 0; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .email-addr .addtoemailList p, #wrapper.pt_checkout #shipping-main .email-addr .addtoemailList .form-row label { line-height: 16px !important; font-size: 14px !important; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .email-addr .addtoemailList .form-row label { margin-bottom: 10px; } } #wrapper.pt_checkout #shipping-main .email-addr .addtoemailList .form-row input { float: left; width: auto; } #wrapper.pt_checkout #shipping-main .email-addr .addtoemailList .label-inline { width: 100%; margin-left: 0; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .email-addr { border-bottom: 1px solid #CCCCCC; } } #wrapper.pt_checkout #shipping-main .form-row-button { width: 100%; margin-top: 0; margin-bottom: 0; } #wrapper.pt_checkout #shipping-main .form-row-button button { float: right; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; margin: 15px 0; } #wrapper.pt_checkout #shipping-main .form-row-button button:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } #wrapper.pt_checkout #shipping-main .form-row-button button:disabled { background-color: #eeeeee; color: #dddddd; } #wrapper.pt_checkout #shipping-main .form-row-button button:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #shipping-main .form-row-button button { display: block; width: 60%; margin: 15px auto; float: none; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .form-row-button button { width: 100%; float: none; margin: 15px auto; } } #wrapper.pt_checkout #shipping-main #shipping-method-list .form-row { width: 100%; margin-left: 0; } #wrapper.pt_checkout #shipping-main #shipping-method-list .form-row label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 14px; line-height: 14px; text-transform: uppercase; text-transform: uppercase; line-height: 21px; } #wrapper.pt_checkout #shipping-main #shipping-method-list .form-row .form-caption { padding-left: 30px; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; color: #cc0000; } #wrapper.pt_checkout #shipping-main #shipping-method-list .form-row input { float: left; width: auto; } #wrapper.pt_checkout #shipping-main #shipping-method-list legend { display: block; width: 100%; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #005f9b; font-size: 20px; line-height: 20px; text-transform: uppercase; padding: 35px 0; border-bottom: 1px solid #CCCCCC; margin-bottom: 15px; } #wrapper.pt_checkout #shipping-main #shipping-method-list fieldset { border-bottom: 1px solid #CCCCCC; padding-bottom: 15px; } #wrapper.pt_checkout #shipping-main #shipping-method-list .discount-shipping { color: #ed3024; } #wrapper.pt_checkout #shipping-main #shipping-method-list .standard-shipping { text-decoration: line-through; } #wrapper.pt_checkout #shipping-main .billing-main-single .select-address .form-row-button { display: none; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .billing-main-single h2 { padding: 20px 0; } } #wrapper.pt_checkout #shipping-main .billing-main-single .dialog-required em { font-style: normal; font-weight: 700; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .billing-main-single .dialog-required { top: 91px; right: 0; } } #wrapper.pt_checkout #shipping-main .billing-phone-example-hide { padding-bottom: 10px; position: relative; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .billing-phone-example-hide .form-field-tooltip.with-helper-text { position: absolute; right: 0; width: auto; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .add-to-book { padding-top: 10px; } } #wrapper.pt_checkout #shipping-main .coupon-fields .clear-after-float, #wrapper.pt_checkout #shipping-main .coupon-fields .coupon-fields, #wrapper.pt_checkout #shipping-main .coupon-fields .gift-field { clear: both; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .coupon-fields h2 { padding: 20px 0; margin-bottom: 20px; } } #wrapper.pt_checkout #shipping-main .coupon-fields .form-row { clear: none; } #wrapper.pt_checkout #shipping-main .coupon-fields .form-row input { width: 100%; } #wrapper.pt_checkout #shipping-main .coupon-fields .label-above { float: left; } #wrapper.pt_checkout #shipping-main .coupon-fields .buttona-apply { float: right; width: 18%; top: 38px; } #wrapper.pt_checkout #shipping-main .coupon-fields .buttona-apply button { width: 100%; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; } #wrapper.pt_checkout #shipping-main .coupon-fields .buttona-apply button:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } #wrapper.pt_checkout #shipping-main .coupon-fields .buttona-apply button:disabled { background-color: #eeeeee; color: #dddddd; } #wrapper.pt_checkout #shipping-main .coupon-fields .buttona-apply button:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #shipping-main .coupon-fields .buttona-apply { top: 0; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .coupon-fields .buttona-apply { width: 100%; top: 0; } } #wrapper.pt_checkout #shipping-main .coupon-fields #check-giftcert { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; text-decoration: underline; } #wrapper.pt_checkout #shipping-main .coupon-fields .coupon-error { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 11px; line-height: 11px; text-transform: uppercase; text-transform: uppercase; color: #ed3024; width: auto; clear: both; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .coupon-fields .form-row { clear: both; float: none; } #wrapper.pt_checkout #shipping-main .coupon-fields .form-row input, #wrapper.pt_checkout #shipping-main .coupon-fields .form-row button, #wrapper.pt_checkout #shipping-main .coupon-fields .form-row a { float: none; clear: both; } } #wrapper.pt_checkout #shipping-main .payment-method-options { width: 40%; margin-left: 40%; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .payment-method-options { width: 100%; margin-left: 0; top: 5px; position: relative; } } #wrapper.pt_checkout #shipping-main .payment-method-options .form-row { margin-top: 0; margin-bottom: 0; width: auto; display: inline-block; } #wrapper.pt_checkout #shipping-main .payment-method-options .form-row input { margin: 0 15px; width: auto; height: 38px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .payment-method-options .form-row input { float: right; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .payment-method-options .form-row label { float: left; } } #wrapper.pt_checkout #shipping-main .payment-method { display: none; } #wrapper.pt_checkout #shipping-main .payment-method .clear-on-mobile { font-size: 0; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .payment-method .clear-on-mobile { clear: both; } } #wrapper.pt_checkout #shipping-main .payment-method #credit-card-select-go { display: none; } #wrapper.pt_checkout #shipping-main .payment-method .form-label-text { float: left; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; color: #666666; font-size: 20px; text-transform: uppercase; line-height: 38px; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .payment-method .form-label-text { float: none; } } #wrapper.pt_checkout #shipping-main .payment-method .credit-year-month-wrapper { width: 40%; margin-left: 40%; } #wrapper.pt_checkout #shipping-main .payment-method .credit-year-month-wrapper .form-row { clear: none; margin-top: 0; } #wrapper.pt_checkout #shipping-main .payment-method .credit-year-month-wrapper .customSelect { width: 100%; } #wrapper.pt_checkout #shipping-main .payment-method .credit-year-month-wrapper .year { width: 49%; float: right; margin-left: 1%; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .payment-method .credit-year-month-wrapper .year { width: 100%; float: none; position: relative; margin-left: 0; } } #wrapper.pt_checkout #shipping-main .payment-method .credit-year-month-wrapper .year label { display: none; } #wrapper.pt_checkout #shipping-main .payment-method .credit-year-month-wrapper .year .customSelect { width: 100%; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .payment-method .credit-year-month-wrapper .year select { top: 0; } } #wrapper.pt_checkout #shipping-main .payment-method .credit-year-month-wrapper .month { width: 49%; float: left; margin-right: 1%; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .payment-method .credit-year-month-wrapper .month { width: 100%; float: none; position: relative; margin-right: 0; margin-bottom: 10px; } } #wrapper.pt_checkout #shipping-main .payment-method .credit-year-month-wrapper .month label { display: none; } #wrapper.pt_checkout #shipping-main .payment-method .credit-year-month-wrapper .month .customSelect { width: 100%; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .payment-method .credit-year-month-wrapper .month select { top: 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout #shipping-main .payment-method .credit-year-month-wrapper { width: 60%; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .payment-method .credit-year-month-wrapper { width: 100%; margin-left: 0; } } #wrapper.pt_checkout #shipping-main .payment-method-expanded { display: block; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .payment-method-expanded { top: -10px; position: relative; } } #wrapper.pt_checkout #shipping-main .payment-method-expanded .error-message { display: block !important; left: 50%; position: relative; text-transform: uppercase; } #wrapper.pt_checkout #shipping-main .payment-method-expanded .cvn .error-message { left: 80%; } #wrapper.pt_checkout #shipping-main .payment-method-expanded .credit-year-month-wrapper { position: relative; } #wrapper.pt_checkout #shipping-main .payment-method-expanded .credit-year-month-wrapper .error-message { position: absolute; bottom: -15px; left: 0; } @media only screen and (max-width: 767px) { #wrapper.pt_checkout #shipping-main .payment-method-expanded .cvn-tip { padding: 20px 0; } } #wrapper.pt_checkout .summary { float: right; width: 25%; position: relative; z-index: 5; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout .summary { width: 100%; float: none; margin: 0; } } @media only screen and (max-width: 767px) { #wrapper.pt_checkout .summary { width: 100%; float: none; margin: 0; } } #wrapper.pt_checkout .summary h3.section-header { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #005f9b; font-size: 20px; line-height: 20px; text-transform: uppercase; padding: 35px 0; border-bottom: 1px solid #CCCCCC; margin-bottom: 35px; } #wrapper.pt_checkout .summary h3.section-header a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; line-height: 25px; float: right; text-transform: none; text-decoration: none; } #wrapper.pt_checkout .summary h3.section-header a:hover { text-decoration: underline; } #wrapper.pt_checkout .summary .checkout-mini-cart { background: #ffffff; max-height: none; overflow: visible; } #wrapper.pt_checkout .summary .checkout-mini-cart .viewport { max-height: 450px; overflow: hidden; position: relative; width: 97%; z-index: 4; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout .summary .checkout-mini-cart .viewport { width: 97%; } } #wrapper.pt_checkout .summary .checkout-mini-cart .viewport .overview { left: 0; list-style: outside none none; margin: 0; padding: 0; position: relative; top: 0; z-index: 4; } #wrapper.pt_checkout .summary .checkout-mini-cart .scrollbar { background: #eee; float: right; position: relative; width: 3%; } #wrapper.pt_checkout .summary .checkout-mini-cart .scrollbar .track { background: #eee; height: 100%; overflow: hidden; padding: 0 10%; position: relative; width: 80%; } #wrapper.pt_checkout .summary .checkout-mini-cart .scrollbar .track .thumb { background: none repeat scroll 0 0 #bbb; border-radius: 3px; cursor: pointer; height: 65px; left: 25%; overflow: hidden; position: absolute; top: 0; width: 50%; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product { float: left; width: 100%; border-bottom: 1px solid #CCCCCC; margin-bottom: 20px; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product:last-child { border-bottom: 0; margin-bottom: 0; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product:last-child .mini-cart-pricing { border-top: 1px solid #CCCCCC; padding-bottom: 0; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product:last-child .mini-cart-pricing .value { padding-left: 5px; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product:last-child .mini-cart-pricing .mini-cart-price .price-unadjusted { display: inline-block; text-decoration: line-through; margin-right: 3px; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product:last-child .mini-cart-pricing .mini-cart-price .price-adjusted-total { color: #ed3024 !important; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product:last-child .mini-cart-pricing .mini-cart-price:nth-child(2) { color: #ed3024; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-image { float: right; width: 50%; text-align: right; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-image { width: 35%; } } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-image img { width: 100%; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-attributes, #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-name { float: left; width: 50%; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-name { margin-top: 20px; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-name a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #005f9b; font-size: 20px; line-height: 20px; text-transform: uppercase; font-size: 13px; text-transform: uppercase; line-height: 24px; float: left; text-decoration: none; clear: both; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-name a:hover { text-decoration: underline; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-attributes .attribute span { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 11px; line-height: 11px; text-transform: uppercase; font-size: 13px; text-transform: uppercase; line-height: 24px; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-pricing { float: left; width: 100%; padding: 20px 0; border-top: 1px solid #666666; margin-top: 10px; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-pricing span { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 14px; line-height: 14px; text-transform: uppercase; font-size: 15px; text-transform: uppercase; float: left; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-pricing span.label { color: #005f9b; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-pricing span.value { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 11px; line-height: 11px; text-transform: uppercase; font-size: 13px; line-height: 16px; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-pricing span.mini-cart-price { float: right; padding-right: 20px; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-pricing span.mini-cart-price .price-unadjusted { display: inline-block; text-decoration: line-through; margin-right: 3px; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-pricing span.mini-cart-price .price-adjusted-total { color: #ed3024 !important; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-pricing span .mini-cart-price .price-unadjusted { display: inline-block; text-decoration: line-through; margin-right: 3px; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-pricing span .mini-cart-price .price-adjusted-total { color: #ed3024 !important; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-product .mini-cart-pricing span .mini-cart-price:nth-child(2) { color: #ed3024; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-image-mobile { display: none; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-left-small-wrapper { float: left; width: 40%; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-left-small-wrapper .mini-cart-name { float: none; width: 100%; } #wrapper.pt_checkout .summary .checkout-mini-cart .mini-cart-left-small-wrapper .mini-cart-attributes { float: none; width: 100%; } #wrapper.pt_checkout .summary .checkout-order-totals { margin-bottom: 15px; } #wrapper.pt_checkout .summary .checkout-order-totals, #wrapper.pt_checkout .summary .place-order-totals { border-top: 1px solid #CCCCCC; padding-top: 8px; margin-top: 15px; border-bottom: 1px solid #CCCCCC; } #wrapper.pt_checkout .summary .checkout-order-totals .order-totals-table, #wrapper.pt_checkout .summary .place-order-totals .order-totals-table { width: 97%; } #wrapper.pt_checkout .summary .checkout-order-totals .order-totals-table thead, #wrapper.pt_checkout .summary .place-order-totals .order-totals-table thead { display: none; } #wrapper.pt_checkout .summary .checkout-order-totals .order-totals-table tbody tr td, #wrapper.pt_checkout .summary .place-order-totals .order-totals-table tbody tr td { padding: 0; } #wrapper.pt_checkout .summary .checkout-order-totals .order-totals-table tbody tr td:first-child, #wrapper.pt_checkout .summary .place-order-totals .order-totals-table tbody tr td:first-child { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #005f9b; font-size: 20px; line-height: 20px; text-transform: uppercase; font-size: 15px; line-height: 30px; } #wrapper.pt_checkout .summary .checkout-order-totals .order-totals-table tbody tr td:last-child, #wrapper.pt_checkout .summary .place-order-totals .order-totals-table tbody tr td:last-child { text-align: right; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 14px; line-height: 14px; text-transform: uppercase; font-size: 15px; color: #231f20; padding-right: 20px; } #wrapper.pt_checkout .summary .checkout-order-totals .order-totals-table tbody tr span.free-shipping, #wrapper.pt_checkout .summary .place-order-totals .order-totals-table tbody tr span.free-shipping { color: #0099CC; font-size: 1.1em; } #wrapper.pt_checkout .summary .checkout-order-totals .order-totals-table .order-discount.discount td, #wrapper.pt_checkout .summary .place-order-totals .order-totals-table .order-discount.discount td { color: #ed3024; } #wrapper.pt_checkout .summary .checkout-order-totals .order-totals-table .order-shipping a, #wrapper.pt_checkout .summary .place-order-totals .order-totals-table .order-shipping a { display: none; } #wrapper.pt_checkout .summary .checkout-order-totals .order-totals-table .order-total, #wrapper.pt_checkout .summary .place-order-totals .order-totals-table .order-total { border-top: 1px solid #CCCCCC; } #wrapper.pt_checkout .summary .checkout-order-totals .order-totals-table .order-total td, #wrapper.pt_checkout .summary .place-order-totals .order-totals-table .order-total td { padding: 10px 0; } #wrapper.pt_checkout .summary .mini-shipment, #wrapper.pt_checkout .summary .mini-billing-address, #wrapper.pt_checkout .summary .mini-payment-instrument { margin-bottom: 20px; } #wrapper.pt_checkout .summary .mini-shipment .section-header, #wrapper.pt_checkout .summary .mini-billing-address .section-header, #wrapper.pt_checkout .summary .mini-payment-instrument .section-header { margin-bottom: 0; } #wrapper.pt_checkout .summary .mini-shipment .details, #wrapper.pt_checkout .summary .mini-billing-address .details, #wrapper.pt_checkout .summary .mini-payment-instrument .details { padding: 15px; background-color: #eeeeee; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 14px; line-height: 14px; text-transform: uppercase; font-size: 13px; line-height: 24px; border-bottom: 1px solid #CCCCCC; text-transform: none; } #wrapper.pt_checkout .summary .mini-shipment .details h4, #wrapper.pt_checkout .summary .mini-billing-address .details h4, #wrapper.pt_checkout .summary .mini-payment-instrument .details h4 { text-transform: uppercase; color: #005f9b; } #wrapper.pt_checkout .summary .mini-shipment .details .minishipments-method span:first-child, #wrapper.pt_checkout .summary .mini-billing-address .details .minishipments-method span:first-child, #wrapper.pt_checkout .summary .mini-payment-instrument .details .minishipments-method span:first-child { text-transform: uppercase; color: #005f9b; } #wrapper.pt_checkout .summary #address-select-go-button { display: none; } .pt_product-search-result #quickviewbutton { top: 47%; width: 100%; position: absolute; height: 44px; background: url("../images/quickview.png") top center no-repeat; display: block; } .pt_product-search-result #quickviewbutton:hover { background: url("../images/quickview-hover.png") top center no-repeat; } .ui-dialog.quickview { width: 930px !important; overflow: visible; } @media only screen and (max-width: 767px) { .ui-dialog.quickview { width: 98% !important; margin: 0 1%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .ui-dialog.quickview { width: 96% !important; margin: 0 2%; } } .ui-dialog.quickview #pdpMain { width: 840px; padding: 0px 45px 45px 45px; } .ui-dialog.quickview #pdpMain .upsell-wrapper { color: #00ab4e; font-family: "proxima-nova-alt", Arial, sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 700; } .ui-dialog.quickview #pdpMain .upsell-wrapper #upsell-terms { font-size: 16px; color: #707170; margin-top: 10px; text-transform: none; font-weight: normal; cursor: pointer; } .ui-dialog.quickview #pdpMain .upsell-wrapper .link-product { font-size: 16px; color: #707170; margin-top: 10px; text-transform: none; font-weight: normal; } .ui-dialog.quickview #pdpMain .upsell-wrapper .link-product .target-product-name { margin-left: 10px; } .ui-dialog.quickview #pdpMain .upsell-wrapper .link-product .product-price { display: inline-block; float: none; } .ui-dialog.quickview #pdpMain .upsell-wrapper .link-product .product-price .price-standard { font-size: 16px; color: #707170; text-transform: none; font-weight: normal; text-decoration: line-through; } .ui-dialog.quickview #pdpMain .upsell-wrapper .link-product .product-price .price-sales { font-size: 16px; text-transform: none; font-weight: normal; color: #707170; } .ui-dialog.quickview #pdpMain .upsell-wrapper .link-product .product-price .price-sales:nth-child(2) { color: #ed3024; } .ui-dialog.quickview #pdpMain .upsell-wrapper .link-product .input-checkbox { display: none; } .ui-dialog.quickview #pdpMain .upsell-wrapper .link-product .product-link-checkbox { background: url("../images/checkbox_unchecked.png") left center no-repeat; cursor: pointer; float: left; height: 20px; width: 20px; } .ui-dialog.quickview #pdpMain .upsell-wrapper .link-product .checked { background: url("../images/checkbox_checked.png") left center no-repeat !important; } @media only screen and (max-width: 767px) { .ui-dialog.quickview #pdpMain { width: 100%; padding: 0 5% 5% 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .ui-dialog.quickview #pdpMain { width: 100%; padding: 0 5% 5% 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } .ui-dialog.quickview #pdpMain .quick-view-navigation { display: none; } .ui-dialog.quickview #pdpMain .product-image-container { width: 48.4047619047619%; float: left; } @media only screen and (max-width: 767px) { .ui-dialog.quickview #pdpMain .product-image-container { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; } } .ui-dialog.quickview #pdpMain .product-image-container img { width: 100%; } .ui-dialog.quickview .product-detail { float: right; width: 51.26190476190476%; position: relative; } .ui-dialog.quickview .product-detail .inventory { float: left; padding-left: 10px; border-left: 1px solid #CCCCCC; } .ui-dialog.quickview .product-detail .inventory label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 18px; line-height: 18px; text-transform: uppercase; display: block; color: #707170; margin-right: 11px; float: left; position: relative; top: 20px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .ui-dialog.quickview .product-detail .inventory label { top: 14px; } } .ui-dialog.quickview .product-detail .inventory input { float: left; width: 50px; height: 40px; display: block !important; padding: 0; margin: 0; line-height: 40px; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #707170; text-align: center; } .ui-dialog.quickview .product-detail .inventory .sbHolder { display: none; } .ui-dialog.quickview .product-detail .inventory .upsell-wrapper { color: #00ab4e; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; } .ui-dialog.quickview .product-detail .inventory .upsell-wrapper .link-product { margin-top: 10px; } .ui-dialog.quickview .product-detail .inventory .upsell-wrapper .link-product .target-product-name { margin-left: 10px; } .ui-dialog.quickview .product-detail .inventory .upsell-wrapper .link-product .target-product-price-old { text-decoration: line-through; } .ui-dialog.quickview .product-detail .inventory .upsell-wrapper .link-product .target-product-price-sale { color: #ed3024; } .ui-dialog.quickview .product-detail .inventory .upsell-wrapper .link-product .input-checkbox { display: none; } .ui-dialog.quickview .product-detail .inventory .upsell-wrapper .link-product .product-link-checkbox { background: url("../images/checkbox_unchecked.png") left center no-repeat; cursor: pointer; float: left; height: 20px; width: 20px; } .ui-dialog.quickview .product-detail .inventory .upsell-wrapper .link-product .checked { background: url("../images/checkbox_checked.png") left center no-repeat !important; } @media only screen and (max-width: 767px) { .ui-dialog.quickview .product-detail { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; } } .ui-dialog.quickview .product-detail .product-options .attribute .label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 18px; line-height: 18px; text-transform: uppercase; } @media only screen and (min-width: 768px) and (max-width: 1279px) { .ui-dialog.quickview .product-detail .product-options .attribute .label { margin-top: 10px; display: block; } } .ui-dialog.quickview .product-detail .product-options .attribute span.value { position: relative; } .ui-dialog.quickview .product-detail .product-options .attribute span.value select { left: 0; right: auto; top: -11px; width: 132px !important; height: 43px !important; } .ui-dialog.quickview .product-detail .product-options .attribute span.value span.customSelectInner { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #00aedb; font-size: 18px; line-height: 18px; text-transform: uppercase; margin-right: 5px; padding-right: 5px; } .ui-dialog.quickview .product-detail .product-name { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 24px; line-height: 24px; text-transform: uppercase; line-height: 24px; } .ui-dialog.quickview .product-detail .product-name-wrapper { min-height: 68px; padding-bottom: 5px; } .ui-dialog.quickview .product-detail .product-number { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; clear: left; text-transform: uppercase; color: #999999; font-size: 12px; } .ui-dialog.quickview .product-detail .product-price-inner { height: auto; width: auto; float: left; margin-right: 10px; position: relative; top: 16px; } .ui-dialog.quickview .product-detail .quickview { position: absolute; top: -37px; right: 7px; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 16px; line-height: 16px; text-decoration: none; } .ui-dialog.quickview .product-detail .quickview:hover { text-decoration: underline; } .ui-dialog.quickview .product-detail .product-price { padding: 0; min-height: 20px; float: left; } .ui-dialog.quickview .product-detail .product-price span { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 24px; line-height: 24px; text-transform: uppercase; color: #0099CC; font-size: 26px; line-height: 26px; } .ui-dialog.quickview .product-detail .product-price span:nth-child(2) { color: #ed3024; } .ui-dialog.quickview .product-detail .product-price .price-standard { text-decoration: line-through; } .ui-dialog.quickview .product-detail .confidence-builders { clear: left; padding: 34px 0px 8px; border-bottom: 1px solid #CCC; margin-bottom: 12px; } .ui-dialog.quickview .product-detail .confidence-builders li { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; color: #707170; line-height: 16px; background: url("../images/confidence-builders.png") top left no-repeat; margin-bottom: 11px; padding-left: 33px; } .ui-dialog.quickview .product-detail .product-variations { position: relative; clear: left; } .ui-dialog.quickview .product-detail .product-variations .label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 18px; line-height: 18px; text-transform: uppercase; font-size: 16px; line-height: 16px; } .ui-dialog.quickview .product-detail .product-variations .value .selected-value-color { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #00aedb; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #0099CC; font-size: 16px; line-height: 16px; position: absolute; left: 64px; top: 1px; } .ui-dialog.quickview .product-detail .product-variations .swatches { padding-top: 30px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .ui-dialog.quickview .product-detail .product-variations .swatches { padding-top: 30px; } } @media only screen and (max-width: 767px) { .ui-dialog.quickview .product-detail .product-variations .swatches { padding-top: 35px; } } .ui-dialog.quickview .product-detail .product-variations .swatches li { float: left; margin-right: 10px; margin-bottom: 7px; width: 32px; height: 32px; display: block; padding: 2px; border: 2px solid #CCCCCC; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } @media only screen and (max-width: 767px) { .ui-dialog.quickview .product-detail .product-variations .swatches li { margin-bottom: 10px; } } .ui-dialog.quickview .product-detail .product-variations .swatches li a { font-size: 0; width: 32px; height: 32px; display: block; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; position: relative; } .ui-dialog.quickview .product-detail .product-variations .swatches li a img { width: 32px; height: 32px; display: block; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; position: absolute; top: 0; left: 0; } .ui-dialog.quickview .product-detail .product-variations .swatches li.selected { width: 32px; height: 32px; padding: 2px; border: 2px solid #0099CC; } .ui-dialog.quickview .product-detail .product-variations .swatches li.selected a { width: 32px; height: 32px; } .ui-dialog.quickview .product-detail .product-variations .swatches li:hover { width: 32px; height: 32px; padding: 2px; border: 2px solid #0099CC; } .ui-dialog.quickview .product-detail .product-variations .swatches li:hover a { width: 32px; height: 32px; } .ui-dialog.quickview .product-detail .availability-wrapper { clear: left; float: left; width: 100%; padding: 17px 0 22px 0; border-bottom: 1px solid #CCCCCC; position: relative; } .ui-dialog.quickview .product-detail .availability-wrapper .availability-block .label { display: none; height: 0; } .ui-dialog.quickview .product-detail .availability-wrapper .availability-block .value p:not(.not-available-msg, .best-buy-exclusive) { display: none; height: 0; } .ui-dialog.quickview .product-detail .availability-wrapper .availability-block #stock-notification-wrapper { height: 0; } @media only screen and (max-width: 767px) { .ui-dialog.quickview .product-detail .availability-wrapper { width: 100%; padding-bottom: 37px; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .ui-dialog.quickview .product-detail .availability-wrapper { padding-bottom: 37px; } } .ui-dialog.quickview .product-detail .availability-wrapper .not-coming-soon, .ui-dialog.quickview .product-detail .availability-wrapper div.coming-soon { width: 100%; clear: both; } @media only screen and (max-width: 767px) { .ui-dialog.quickview .product-detail .availability-wrapper .not-coming-soon, .ui-dialog.quickview .product-detail .availability-wrapper div.coming-soon { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .ui-dialog.quickview .product-detail .availability-wrapper .not-coming-soon, .ui-dialog.quickview .product-detail .availability-wrapper div.coming-soon { width: 100%; } } .ui-dialog.quickview .product-detail .availability-wrapper .not-coming-soon input, .ui-dialog.quickview .product-detail .availability-wrapper div.coming-soon input { width: 67%; margin-right: 3%; float: left; box-sizing: border-box; } .ui-dialog.quickview .product-detail .availability-wrapper .not-coming-soon button, .ui-dialog.quickview .product-detail .availability-wrapper div.coming-soon button { float: left; width: 30%; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; height: 38px; line-height: 30px; box-sizing: border-box; background-color: #cc0001; padding: 0; text-align: center; } .ui-dialog.quickview .product-detail .availability-wrapper .not-coming-soon button:hover, .ui-dialog.quickview .product-detail .availability-wrapper div.coming-soon button:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } .ui-dialog.quickview .product-detail .availability-wrapper .not-coming-soon button:disabled, .ui-dialog.quickview .product-detail .availability-wrapper div.coming-soon button:disabled { background-color: #eeeeee; color: #dddddd; } .ui-dialog.quickview .product-detail .availability-wrapper .not-coming-soon button:disabled:hover, .ui-dialog.quickview .product-detail .availability-wrapper div.coming-soon button:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } .ui-dialog.quickview .product-detail .availability-wrapper .not-coming-soon button:hover, .ui-dialog.quickview .product-detail .availability-wrapper div.coming-soon button:hover { height: 38px; line-height: 30px; border: 4px solid #cc0001; padding: 0; text-align: center; background-color: #ffffff; color: #cc0001; } .ui-dialog.quickview .product-detail .availability-wrapper .not-coming-soon p, .ui-dialog.quickview .product-detail .availability-wrapper div.coming-soon p { float: left; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #707170; font-size: 16px; line-height: 16px; text-transform: uppercase; font-size: 14px; text-transform: none; padding-bottom: 10px; } .ui-dialog.quickview .product-detail .availability-wrapper .not-coming-soon p:not(.stock-notification-signup), .ui-dialog.quickview .product-detail .availability-wrapper div.coming-soon p:not(.stock-notification-signup) { padding-top: 10px; padding-bottom: 0; } .ui-dialog.quickview .product-detail .availability-wrapper div.coming-soon button { background-color: #04cd33; } .ui-dialog.quickview .product-detail .availability-wrapper div.coming-soon button:hover { border: 4px solid #04cd33; color: #04cd33; } .ui-dialog.quickview .product-detail .availability-wrapper .availability { padding-bottom: 10px; } .ui-dialog.quickview .product-detail .availability-wrapper .availability .not-coming-soon button { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; height: 38px; } .ui-dialog.quickview .product-detail .availability-wrapper .availability .not-coming-soon button:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } .ui-dialog.quickview .product-detail .availability-wrapper .availability .not-coming-soon button:disabled { background-color: #eeeeee; color: #dddddd; } .ui-dialog.quickview .product-detail .availability-wrapper .availability .not-coming-soon button:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } .ui-dialog.quickview .product-detail .availability-wrapper .availability .label { display: inline-block; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; display: none; } .ui-dialog.quickview .product-detail .availability-wrapper .availability #stock-notification-confirmation { padding-top: 5px; } .ui-dialog.quickview .product-detail .availability-wrapper .availability .receive-email { padding-bottom: 5px; } .ui-dialog.quickview .product-detail .availability-wrapper .availability .value { display: inline-block; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; } .ui-dialog.quickview .product-detail .availability-wrapper .availability .value .in-stock-msg { display: none; } .ui-dialog.quickview .product-detail .availability-wrapper .availability .value .availability-msg p.out-of-stock { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #cc0001; } .ui-dialog.quickview .product-detail .availability-wrapper .availability .value .availability-msg p.coming-soon { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #04cd33; } .ui-dialog.quickview .product-detail .availability-wrapper .availability .value .availability-msg p.best-buy-exclusive { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #2f61bb; } .ui-dialog.quickview .product-detail .availability-wrapper .availability .value .availability-msg p.null { display: none; } .ui-dialog.quickview .product-detail .availability-wrapper #add-to-cart { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 20px; color: #ffffff; background: #f79727; height: 54px; line-height: 54px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 78px; text-transform: uppercase; border: 0; float: left; text-align: center; padding: 0 70px; width: 100%; margin-top: -25px; } .ui-dialog.quickview .product-detail .availability-wrapper #add-to-cart:hover { background-color: #ffefde; border: 4px solid #f79727; padding: 0 66px; line-height: 46px; color: #f79727; } .ui-dialog.quickview .product-detail .availability-wrapper #add-to-cart:disabled { background-color: #eeeeee; color: #dddddd; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .ui-dialog.quickview .product-detail .availability-wrapper #add-to-cart { width: 100%; } } @media only screen and (max-width: 767px) { .ui-dialog.quickview .product-detail .availability-wrapper #add-to-cart { width: 100%; padding: 0 20px; } } .ui-dialog.quickview .product-detail .availability-wrapper .best-buy-pdp-divider { clear: both; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #666666; font-size: 14px; line-height: 14px; text-transform: uppercase; font-size: 16px; line-height: normal; padding: 10px 0; width: 100%; text-align: center; position: relative; overflow: hidden; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .ui-dialog.quickview .product-detail .availability-wrapper .best-buy-pdp-divider { width: 100%; } } @media only screen and (max-width: 767px) { .ui-dialog.quickview .product-detail .availability-wrapper .best-buy-pdp-divider { width: 100%; } } .ui-dialog.quickview .product-detail .availability-wrapper .best-buy-pdp-divider span { display: inline-block; margin: 0 .4em; } .ui-dialog.quickview .product-detail .availability-wrapper .best-buy-pdp-divider span:before { content: ''; position: absolute; width: 100%; border-top: 1px solid #CCCCCC; margin-top: .6em; margin-left: -102%; } .ui-dialog.quickview .product-detail .availability-wrapper .best-buy-pdp-divider span:after { content: ''; position: absolute; width: 100%; border-top: 1px solid #CCCCCC; margin-top: .6em; margin-left: 2%; } .ui-dialog.quickview .product-detail .availability-wrapper .best-buy-pdp-button { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 20px; color: #ffffff; height: 54px; line-height: 46px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0; padding: 0 35px 0 0; text-transform: uppercase; border: 4px solid #2f61bb; background: #2f61bb url("../images/best-buy-button-img.png") no-repeat 100% center; text-align: center; width: 100%; } .ui-dialog.quickview .product-detail .availability-wrapper .best-buy-pdp-button:hover { background-color: #ffffff; padding: 0 35px 0 0; color: #2f61bb; } .ui-dialog.quickview .product-detail .availability-wrapper .best-buy-pdp-button:disabled { background-color: #eeeeee; color: #dddddd; } .ui-dialog.quickview .product-detail .availability-wrapper .best-buy-pdp-button.single { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 20px; color: #2f61bb; height: 54px; line-height: 46px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0; padding: 0 0 0 35px; text-transform: uppercase; border: 1px solid #2f61bb; background: #ffffff url("../images/best-buy-button-img.png") no-repeat 10% center; } .ui-dialog.quickview .product-detail .availability-wrapper .best-buy-pdp-button.single:hover { background-color: #2f61bb; padding: 0 0 0 35px; color: #ffffff; } .ui-dialog.quickview .product-detail .availability-wrapper .best-buy-pdp-button.single:disabled { background-color: #eeeeee; color: #dddddd; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .ui-dialog.quickview .product-detail .availability-wrapper .best-buy-pdp-button { width: 100%; } } @media only screen and (max-width: 767px) { .ui-dialog.quickview .product-detail .availability-wrapper .best-buy-pdp-button { width: 100%; } } .ui-dialog.quickview .product-detail .availability-wrapper .best-buy-exclusive-wrapper { clear: both; } .ui-dialog.quickview .product-detail .availability-wrapper .best-buy-exclusive-wrapper input { width: 100%; margin: 10px 0; } .ui-dialog.quickview .product-detail .size-box { clear: left; padding: 30px 0; } .ui-dialog.quickview .product-detail .size-box label { font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.05em; color: #0099CC; line-height: 100%; text-transform: uppercase; } .ui-dialog.quickview .product-detail .size-box span { font-family: "Raleway", Arial, sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 0em; color: #707170; line-height: 22px; } .ui-dialog.quickview .product-detail .quantity { float: left; } .ui-dialog.quickview .product-detail .quantity label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 18px; line-height: 18px; text-transform: uppercase; display: block; color: #707170; margin-bottom: 2px; } .ui-dialog.quickview .product-detail .quantity input { width: 58px; height: 52px; display: block !important; padding: 0; margin: 0; line-height: 52px; font-family: "Raleway", Arial, sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 0em; color: #707170; line-height: 22px; text-align: center; } .ui-dialog.quickview .product-detail .product-add-to-cart .product-price { display: none; } .ui-dialog.quickview .product-detail .product-add-to-cart .sbHolder { display: none; } .ui-dialog.quickview .product-detail .product-add-to-cart #Quantity { display: none; } .ui-dialog.quickview .product-detail .product-actions { margin-top: 23px; float: left; } .ui-dialog.quickview .product-detail .product-actions .wl-gift { display: none; } .ui-dialog.quickview .product-detail .product-actions .send-to-friend { display: none; } .ui-dialog.quickview .product-detail .product-actions .wl-wishlist { background: url("../images/plus.jpg") no-repeat 0 7px; padding-left: 18px; font-family: "Raleway", Arial, sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 0em; color: #707170; line-height: 22px; color: #999999; text-decoration: none; display: inline-block; } .ui-dialog.quickview .product-thumbnails h2 { display: none; } .ui-dialog.quickview .product-thumbnails ul { display: block; text-align: center; } .ui-dialog.quickview .product-thumbnails ul li { display: block; margin: 0 10px 10px 0; width: 78px; border: 1px solid #CCCCCC; float: left; } .ui-dialog.quickview .product-thumbnails ul li.clear { clear: both; border: none; margin: 0; } .ui-dialog.quickview .product-thumbnails ul li a { display: block; vertical-align: top; } .ui-dialog.quickview .product-thumbnails ul li a img { display: block; width: 100%; } .ui-dialog.quickview .product-thumbnails ul li:hover { border: 1px solid #0099CC; } .ui-dialog.quickview .product-thumbnails ul li.selected { border: 1px solid #0099CC; } .ui-dialog.quickview .product-thumbnails ul li.vimeo-play { width: 78px; height: 78px; } .ui-dialog.quickview .product-thumbnails ul li.vimeo-play a { position: relative; } .ui-dialog.quickview .product-thumbnails ul li.vimeo-play a span { display: block; background: url("../images/video-link.png") top no-repeat; width: 78px; height: 78px; position: absolute; top: 0; left: 0; text-indent: -99999px; } .ui-dialog.quickview .product-thumbnails .view-fullscreen-wrapper { display: none; } .ui-dialog.quickview .product-set.product-col-1 { width: 49.4047619047619%; float: left; } .ui-dialog.quickview .product-set.product-col-1 .product-primary-image img { width: 100%; } .ui-dialog.quickview .product-set.product-col-1 .quick-view-product-primary-image { display: none; } .ui-dialog.quickview .product-set.product-col-1 .descktop-view-product-primary-image { display: block; float: left; margin-bottom: 50px; width: 85%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .ui-dialog.quickview .product-set.product-col-1 .descktop-view-product-primary-image { width: 80%; } } .ui-dialog.quickview .product-set.product-col-1 .product-thumbnails { float: left; margin-right: 0; width: 15%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .ui-dialog.quickview .product-set.product-col-1 .product-thumbnails { width: 20%; } } .ui-dialog.quickview .product-set.product-col-1 .product-thumbnails ul li { width: 60px; } .ui-dialog.quickview .product-set.product-col-2 { float: right; width: 42.26190476190476%; } .ui-dialog.quickview .product-set.product-col-2 .product-name { padding-top: 34px; font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 25px; letter-spacing: 0; color: #0099CC; line-height: 100%; text-transform: uppercase; line-height: 35px; } .ui-dialog.quickview .product-set.product-col-2 .product-number { font-family: "Raleway", Arial, sans-serif; font-weight: 500; font-size: 12px; letter-spacing: 0em; color: #707170; line-height: 14px; display: none; } .ui-dialog.quickview .product-set.product-col-2 .product-set-socialLinks { margin-top: 0; } .ui-dialog.quickview .product-set.product-col-2 .quickview { position: absolute; top: -29px; right: 55px; font-family: "Raleway", Arial, sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 0em; color: #707170; line-height: 22px; } .ui-dialog.quickview .product-set.product-col-2 .quickview:hover { text-decoration: none; } .ui-dialog.quickview .product-set.product-col-2 .send-to-friend { display: none; } .ui-dialog.quickview .product-set.product-col-2 .product-set-product-description { font-family: "Raleway", Arial, sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 0em; color: #707170; line-height: 22px; padding: 20px 0; } .ui-dialog.quickview .product-set.product-col-2 .choose-items-below { float: left; } .ui-dialog.quickview .product-set.product-col-2 .choose-items-below button { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; } .ui-dialog.quickview .product-set.product-col-2 .choose-items-below button:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } .ui-dialog.quickview .product-set.product-col-2 .choose-items-below button:disabled { background-color: #eeeeee; color: #dddddd; } .ui-dialog.quickview .product-set.product-col-2 .choose-items-below button:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } .ui-dialog.quickview .product-set.product-col-2 .choose-items-below button:hover { padding: 0; } .ui-dialog.quickview .product-set.product-col-2 .choose-items-below button:hover { padding: 0 16px; } .ui-dialog.quickview .product-set.product-col-2 .product-price { display: none; } .ui-dialog.quickview .product-set-list { clear: both; } .ui-dialog.quickview .product-set-list .product-set-item { clear: both; border-top: 1px solid #666666; padding: 10px 0; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-image { float: left; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-details { float: left; width: 40%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .ui-dialog.quickview .product-set-list .product-set-item .product-set-details { width: 34%; } } .ui-dialog.quickview .product-set-list .product-set-item .product-set-details .product-name a { font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 25px; letter-spacing: 0; color: #0099CC; line-height: 100%; text-transform: uppercase; line-height: 35px; text-decoration: none; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-details .product-number { font-family: "Raleway", Arial, sans-serif; font-weight: 500; font-size: 12px; letter-spacing: 0em; color: #707170; line-height: 14px; margin-bottom: 30px; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-details .product-variations { position: relative; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-details .product-variations .label { font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.05em; color: #0099CC; line-height: 100%; text-transform: uppercase; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-details .product-variations .value .selected-value-color { font-family: "Raleway", Arial, sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 0em; color: #707170; line-height: 22px; position: absolute; left: 65px; top: 8px; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-details .product-variations .swatches { padding-top: 24px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .ui-dialog.quickview .product-set-list .product-set-item .product-set-details .product-variations .swatches { padding-top: 24px; } } @media only screen and (max-width: 767px) { .ui-dialog.quickview .product-set-list .product-set-item .product-set-details .product-variations .swatches { padding-top: 35px; } } .ui-dialog.quickview .product-set-list .product-set-item .product-set-details .product-variations .swatches li { float: left; margin-right: 10px; width: 40px; height: 30px; display: block; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-details .product-variations .swatches li a { text-indent: -999em; width: 40px; height: 30px; display: block; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-details .product-variations .swatches li.selected { width: 34px; height: 24px; padding: 2px; border: 1px solid #0099CC; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-details .product-variations .swatches li.selected a { width: 34px; height: 24px; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-details .product-variations .swatches li:hover { width: 34px; height: 24px; padding: 2px; border: 1px solid #0099CC; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-details .product-variations .swatches li:hover a { width: 34px; height: 24px; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-right-wrapper { float: right; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-right-wrapper .product-price { padding-top: 10px; min-height: 115px; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-right-wrapper .product-price span { font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 20px; letter-spacing: 0; color: #231f20; line-height: 100%; text-transform: uppercase; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-right-wrapper .product-price span.price-standard { text-decoration: line-through; font-size: 15px; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-right-wrapper .inventory { float: left; padding-left: 10px; border-left: 1px solid #CCCCCC; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-right-wrapper .inventory label { font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.05em; color: #0099CC; line-height: 100%; text-transform: uppercase; display: block; margin-bottom: 12px; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-right-wrapper .inventory input { width: 38px; height: 33px; display: block !important; padding: 0; margin: 0; line-height: 52px; font-family: "Raleway", Arial, sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 0em; color: #707170; line-height: 22px; text-align: center; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper { float: right; top: -4px; position: relative; width: 200px; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .availability { float: right; padding-bottom: 8px; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .availability .label { display: inline-block; font-family: "Raleway", Arial, sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 0em; color: #707170; line-height: 22px; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .availability .value { display: inline-block; font-family: "Raleway", Arial, sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 0em; color: #707170; line-height: 22px; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .add-to-cart { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; float: right; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .add-to-cart:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .add-to-cart:disabled { background-color: #eeeeee; color: #dddddd; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .add-to-cart:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } .ui-dialog.quickview .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .add-to-cart:hover { padding: 0; } .ui-dialog.quickview .product-set-list .product-set-item .size-box { clear: left; padding: 30px 0; } .ui-dialog.quickview .product-set-list .product-set-item .size-box label { font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.05em; color: #0099CC; line-height: 100%; text-transform: uppercase; } .ui-dialog.quickview .product-set-list .product-set-item .size-box span { font-family: "Raleway", Arial, sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 0em; color: #707170; line-height: 22px; } .ui-dialog.quickview .add-all-to-cart-wrapper { float: right; padding: 10px 0; width: 100%; border-top: 1px solid #666666; } .ui-dialog.quickview .add-all-to-cart-wrapper #add-all-to-cart { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 20px; color: #ffffff; background: #f79727; height: 54px; line-height: 54px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 78px; text-transform: uppercase; border: 0; float: right; } .ui-dialog.quickview .add-all-to-cart-wrapper #add-all-to-cart:hover { background-color: #ffefde; border: 4px solid #f79727; padding: 0 66px; line-height: 46px; color: #f79727; } .ui-dialog.quickview .add-all-to-cart-wrapper #add-all-to-cart:disabled { background-color: #eeeeee; color: #dddddd; } .ui-dialog.quickview .descktop-view-product-primary-image { display: none; } .ui-dialog.quickview .product-main-images-mobile { display: none; } .ui-dialog.quickview .vimeo-play-mobile { display: none; } .ui-dialog.quickview .product-main-images-mobile-one { display: none; } .ui-dialog.quickview .ref-box { display: none; } .ui-dialog.quickview .tooltip-content { display: none; } .ui-dialog.quickview .promotion { font-family: "Raleway", Arial, sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 0em; color: #707170; line-height: 22px; } .ui-dialog.quickview .promotion a { font-family: "Raleway", Arial, sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 0em; color: #707170; line-height: 22px; } .ui-dialog.quickview .promotion a:hover { text-decoration: none; } .ui-dialog.quickview .promotion .promotion-title { font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.05em; color: #0099CC; line-height: 100%; text-transform: uppercase; color: #ed3024; padding-top: 5px; } .ui-dialog.quickview .product-set-socialLinks { float: right; margin-top: 20px; } /*==== Storefront Page====*/ #wrapper.pt_storefront #main { width: 100%; } #wrapper.pt_storefront #main #home-fix div { font-size: 1px; line-height: 0; } #wrapper.pt_storefront .main-carousel { margin: 0 auto; clear: both; } #wrapper.pt_storefront .main-carousel #home-main { width: 1136px; float: none; position: relative; margin: 0 auto; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_storefront .main-carousel #home-main { width: 100%; } } @media only screen and (max-width: 767px) { #wrapper.pt_storefront .main-carousel #home-main { width: 100%; } } #wrapper.pt_storefront .main-carousel #home-main #homepage-slider { float: left; width: 100%; } #wrapper.pt_storefront .main-carousel #home-main .slick-dots { bottom: 20px; } @media only screen and (max-width: 767px) { #wrapper.pt_storefront .main-carousel #home-main .slick-dots { bottom: 14px; } } #wrapper.pt_storefront .main-carousel #home-main .slick-dots li { width: 12px; height: 12px; } #wrapper.pt_storefront .main-carousel #home-main .slick-dots li button { width: 10px; height: 10px; background: #ffffff; border: 2px solid #0099CC; padding: 0; margin: 0 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #wrapper.pt_storefront .main-carousel #home-main .slick-dots li button:before { content: ""; } @media only screen and (max-width: 767px) { #wrapper.pt_storefront .main-carousel #home-main .slick-dots li button { width: 13px; height: 13px; margin: 0; } } #wrapper.pt_storefront .main-carousel #home-main .slick-dots li.slick-active button { background: #0099CC; } #wrapper.pt_storefront .main-carousel #home-main .slick-dots li:hover button { background: #0099CC; } #wrapper.pt_storefront .main-carousel #home-main .slick-prev, #wrapper.pt_storefront .main-carousel #home-main .slick-next { background: url(../images/prev-next-btn-bg.png) no-repeat left bottom; float: left; padding: 0; margin: 0; width: 20px; height: 31px; font0size: 0px; line-height: 0; position: absolute; margin-top: -36px; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_storefront .main-carousel #home-main .slick-prev, #wrapper.pt_storefront .main-carousel #home-main .slick-next { width: 20px; height: 31px; background-size: 100% auto; margin-top: -18px; } } @media only screen and (max-width: 767px) { #wrapper.pt_storefront .main-carousel #home-main .slick-prev, #wrapper.pt_storefront .main-carousel #home-main .slick-next { width: 20px; height: 31px; background-size: 100% auto; margin-top: -18px; display: none !important; } } #wrapper.pt_storefront .main-carousel #home-main .slick-prev { left: 7%; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_storefront .main-carousel #home-main .slick-prev { left: 5%; } } #wrapper.pt_storefront .main-carousel #home-main .slick-next { right: 7%; background-position: left top; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_storefront .main-carousel #home-main .slick-next { right: 5%; } } #wrapper.pt_storefront .main-carousel #home-main .slick-slide { position: relative; } #wrapper.pt_storefront .main-carousel #home-main .slick-slide .text-content { position: absolute; width: 100%; height: 100%; padding: 35px 72px; margin: 0 auto; box-sizing: border-box; text-align: center; left: 0; top: 0; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { #wrapper.pt_storefront .main-carousel #home-main .slick-slide .text-content { padding: 30px 32px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_storefront .main-carousel #home-main .slick-slide .text-content { padding: 25px 16px; } } @media only screen and (max-width: 767px) { #wrapper.pt_storefront .main-carousel #home-main .slick-slide .text-content { width: 100%; padding: 25px 5%; } } #wrapper.pt_storefront .main-carousel #home-main .slick-slide .text-content h1 { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 44px; padding: 0; margin: 0; position: relative; color: #000000; display: inline; text-transform: none; } #wrapper.pt_storefront .main-carousel #home-main .slick-slide .text-content h2 { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 600; font-size: 32px; padding: 0; margin: 0; color: #000000; display: block; text-transform: none; } #wrapper.pt_storefront .main-carousel #home-main .slick-slide .text-content h3 { font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 40px; letter-spacing: 0; color: #0099CC; line-height: 100%; text-transform: uppercase; font-size: 52px; padding: 0; margin: 0; color: #ffffff; display: block; margin-top: -75px; text-transform: none; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_storefront .main-carousel #home-main .slick-slide .text-content h3 { font-size: 35px; } } @media only screen and (max-width: 767px) { #wrapper.pt_storefront .main-carousel #home-main .slick-slide .text-content h3 { font-size: 36px; margin-top: -50px; } } #wrapper.pt_storefront .main-carousel #home-main .slick-slide .text-content h4 { font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 40px; letter-spacing: 0; color: #0099CC; line-height: 100%; text-transform: uppercase; font-size: 38px; padding: 0; margin: 0; color: #ffffff; display: inline; text-transform: none; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_storefront .main-carousel #home-main .slick-slide .text-content h4 { font-size: 28px; } } @media only screen and (max-width: 767px) { #wrapper.pt_storefront .main-carousel #home-main .slick-slide .text-content h4 { font-size: 28px; } } #wrapper.pt_storefront .main-carousel #home-main .slick-slide .text-content .box div { width: 100%; text-align: center; display: inline-block; margin-top: 20px; } #wrapper.pt_storefront .main-carousel #home-main .slick-slide .text-content .box div a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #ffffff; text-decoration: none; padding: 10px 15px; display: inline-block; outline: none; text-transform: uppercase; background: #66cc33; font-size: 18px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #wrapper.pt_storefront .main-carousel #home-main .slick-slide .text-content .box div.left { width: 50%; float: left; } #wrapper.pt_storefront .main-carousel #home-main .slick-slide .text-content .box div.right { width: 50%; float: right; } #wrapper.pt_storefront .main-carousel #home-main .slick-slide img { width: 100%; height: auto; float: left; } #wrapper.pt_storefront .main-carousel #home-main .hero-slot img { width: 100%; } #wrapper.pt_storefront .dotted-container { background: #f7f7f7; display: inline-block; width: 100%; min-height: 146px; } @media only screen and (max-width: 767px) { #wrapper.pt_storefront .dotted-container { display: table; } } #wrapper.pt_storefront .dotted-container .container table { border: 0; margin-top: 40px; } #wrapper.pt_storefront .dotted-container .container table td { text-align: center; vertical-align: middle; } #wrapper.pt_storefront .dotted-container .container #homepageSlot02 { padding: 30px 0; } #wrapper.pt_storefront .dotted-container .container #homepageSlot02 h2 { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 600; font-size: 20px; text-transform: uppercase; color: #666666; text-align: center; } #wrapper.pt_storefront .dotted-container .container #homepageSlot02 .brand-logos { display: table; width: 100%; margin-top: 10px; padding: 0 20%; box-sizing: border-box; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #wrapper.pt_storefront .dotted-container .container #homepageSlot02 .brand-logos { padding: 0; } } #wrapper.pt_storefront .dotted-container .container #homepageSlot02 .brand-logos div { display: table-cell; vertical-align: top; text-align: center; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 600; font-size: 22px; color: #666666; text-align: center; line-height: 100%; padding: 0 20px; } #wrapper.pt_storefront .dotted-container .container #homepageSlot02 .brand-logos div a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 600; font-size: 22px; color: #666666; line-height: 100%; } @media only screen and (max-width: 767px) { #wrapper.pt_storefront .dotted-container .container #homepageSlot02 .brand-logos div { width: 33%; float: left; display: table; height: 50px; margin-bottom: 15px; } #wrapper.pt_storefront .dotted-container .container #homepageSlot02 .brand-logos div a { display: table-cell; text-align: center; vertical-align: middle; } #wrapper.pt_storefront .dotted-container .container #homepageSlot02 .brand-logos div a img { width: 70%; } } #wrapper.pt_storefront .home-center > div { float: left; } #wrapper.pt_storefront .home-center .top-row { padding-top: 50px; border-bottom: 1px solid #ccc; width: 100%; } @media only screen and (max-width: 767px) { #wrapper.pt_storefront .home-center .top-row { border-bottom: 0; } } #wrapper.pt_storefront .home-center .btm-row { padding-bottom: 50px; width: 100%; } @media only screen and (max-width: 767px) { #wrapper.pt_storefront .home-center .btm-row { padding-bottom: 0; } } #wrapper.pt_storefront .home-center .container-slot { float: none; display: table-cell; vertical-align: top; width: 50%; box-sizing: border-box; text-align: center; border: 1px solid #ffffff; padding: 0 0 25px 0; } @media only screen and (max-width: 767px) { #wrapper.pt_storefront .home-center .container-slot { display: block; padding: 0 0 50px 0; } } #wrapper.pt_storefront .home-center > div .container-slot:first-child { border-right: 1px solid #CCCCCC; } @media only screen and (max-width: 767px) { #wrapper.pt_storefront .home-center .container-slot:first-child { border-right: none; } } #wrapper.pt_storefront .home-center .container-slot:nth-child(3) { margin-bottom: 50px; padding-bottom: 0; } @media only screen and (max-width: 767px) { #wrapper.pt_storefront .home-center .container-slot:nth-child(3) { border: 0; } } @media only screen and (max-width: 767px) { #wrapper.pt_storefront .home-center .container-slot { width: 100%; } } #wrapper.pt_storefront .home-center .container-slot .html-slot-container h2 { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 20px; color: #666666; margin-bottom: 10px; text-transform: uppercase; } #wrapper.pt_storefront .home-center .container-slot .html-slot-container h3 { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #000000; font-size: 26px; margin-bottom: 10px; } #wrapper.pt_storefront .home-center .container-slot .html-slot-container h4 { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 600; font-size: 18px; color: #666666; margin-bottom: 10px; } #wrapper.pt_storefront .home-center .container-slot .html-slot-container p { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 600; font-size: 14px; color: #666666; margin-bottom: 20px; } #wrapper.pt_storefront .home-center .container-slot .html-slot-container p a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 600; font-size: 14px; color: #0099CC; text-decoration: none; } #wrapper.pt_storefront .home-center .container-slot .html-slot-container p a:hover { text-decoration: underline; } #wrapper.pt_storefront .home-center .container-slot .html-slot-container > a { background: #0099CC; color: #ffffff; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 18px; padding: 0 20px; line-height: 36px; text-transform: uppercase; display: inline-block; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 4px solid #0099CC; } #wrapper.pt_storefront .home-center .container-slot .html-slot-container > a:hover { background: #ffffff; color: #0099CC; } #wrapper.pt_storefront .home-center .container-slot .html-slot-container > img { width: 90%; } #wrapper.pt_storefront #login-box { margin: 65px 7%; float: left; width: 84%; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_storefront #login-box { margin: 65px 0; width: 100%; } } @media only screen and (max-width: 767px) { #wrapper.pt_storefront #login-box { margin: 0; padding: 30px 15px; width: 100%; box-sizing: border-box; } } #wrapper.pt_storefront #login-box .login-headers { float: left; width: 50%; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_storefront #login-box .login-headers { width: 45%; margin-right: 2%; } } @media only screen and (max-width: 767px) { #wrapper.pt_storefront #login-box .login-headers { width: 100%; margin: 0 0 10px 0; } } #wrapper.pt_storefront #login-box .login-headers h1 { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 36px; color: #666666; line-height: 100%; text-transform: uppercase; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_storefront #login-box .login-headers h1 { font-size: 28px; } } @media only screen and (max-width: 767px) { #wrapper.pt_storefront #login-box .login-headers h1 { font-size: 24px; } } #wrapper.pt_storefront #login-box .login-headers span { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 20px; line-height: 100%; color: #666666; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_storefront #login-box .login-headers span { font-size: 17px; } } @media only screen and (max-width: 767px) { #wrapper.pt_storefront #login-box .login-headers span { font-size: 15px; } } #wrapper.pt_storefront #login-box #home-signup { float: right; width: 47%; margin-top: 5px; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_storefront #login-box #home-signup { width: 50%; float: left; } } @media only screen and (max-width: 767px) { #wrapper.pt_storefront #login-box #home-signup { width: 100%; } } #wrapper.pt_storefront #login-box #home-signup label { display: none; } #wrapper.pt_storefront #login-box #home-signup input { font-family: "Raleway", Arial, sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 0em; color: #707170; line-height: 22px; background: #ffffff; border: 1px solid #CCCCCC; float: left; width: 60%; padding: 11px 3%; margin-right: 10px; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_storefront #login-box #home-signup input { width: 75%; } } @media only screen and (max-width: 767px) { #wrapper.pt_storefront #login-box #home-signup input { width: 72%; } } #wrapper.pt_storefront #login-box #home-signup button { border: 0; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; float: left; padding: 0; margin: 0; color: #ffffff; position: relative; outline: none; line-height: 44px; font-size: 18px; background: #66cc33; padding: 0 23px; letter-spacing: 0em; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_storefront #login-box #home-signup button { background: #66cc33 url(../images/link-arrow.png) no-repeat center center; width: 45px; height: 44px; line-height: 0; font-size: 0; text-indent: -10000px; padding: 0; } } @media only screen and (max-width: 767px) { #wrapper.pt_storefront #login-box #home-signup button { background: #66cc33 url(../images/link-arrow.png) no-repeat center center; width: 45px; height: 44px; line-height: 0; font-size: 0; text-indent: -10000px; padding: 0; } } #wrapper.pt_storefront #products-home-carousel { margin-bottom: 4em; } @media only screen and (max-width: 767px) { #wrapper.pt_storefront #products-home-carousel { display: none; } } #wrapper.pt_storefront #products-home-carousel #homepageSlot07 { text-align: center; margin-bottom: 35px; } #wrapper.pt_storefront #products-home-carousel #homepageSlot07 h2 { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 20px; color: #666666; padding: 10px 0; border-bottom: 1px solid #CCCCCC; display: inline-block; text-align: center; margin: 15px 0 30px; text-transform: uppercase; width: 50%; } #wrapper.pt_storefront #products-home-carousel #homepageSlot07 .slick-slide { padding: 0 10px; } #wrapper.pt_storefront #products-home-carousel #homepageSlot07 .slick-slide .product-image { display: block; padding-bottom: 10px; height: auto; } #wrapper.pt_storefront #products-home-carousel #homepageSlot07 .slick-slide .product-image img { width: 80%; } @media only screen and (min-width: 768px) and (max-width: 1279px) { #wrapper.pt_storefront #products-home-carousel #homepageSlot07 .slick-slide .product-image img { width: 80%; } } #wrapper.pt_storefront #products-home-carousel #homepageSlot07 .slick-slide .product-promo .promotional-message { font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 0em; color: #707170; line-height: 1.4; text-transform: uppercase; color: #ed3024; } #wrapper.pt_storefront #products-home-carousel #homepageSlot07 .slick-prev, #wrapper.pt_storefront #products-home-carousel #homepageSlot07 .slick-next { background: url(../images/small-carousel-arrow.gif) no-repeat right center; width: 10px; height: 17px; } #wrapper.pt_storefront #products-home-carousel #homepageSlot07 .slick-prev { left: -10px; } #wrapper.pt_storefront #products-home-carousel #homepageSlot07 .slick-next { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); right: -10px; } #wrapper.pt_storefront #products-home-carousel #homepageSlot07 .product-name { margin: 0; min-height: 48px; } #wrapper.pt_storefront #products-home-carousel #homepageSlot07 .product-name a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: normal; text-decoration: none; font-size: 16px; color: #000000; line-height: 100%; } #wrapper.pt_storefront #products-home-carousel #homepageSlot07 .product-pricing > span.product-sales-price { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 600; text-decoration: none; font-size: 18px; color: #0099CC; } #wrapper.pt_storefront #products-home-carousel #homepageSlot07 .product-pricing .product-discounted-price span { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 600; text-decoration: none; font-size: 18px; color: #0099CC; line-height: 100%; } #wrapper.pt_storefront #products-home-carousel #homepageSlot07 .product-pricing .product-discounted-price span.product-standard-price { text-decoration: line-through; } #wrapper.pt_storefront #products-home-carousel #homepageSlot07 .product-pricing .product-discounted-price span.product-sales-price { color: #ed3024; } #wrapper.pt_storefront #products-home-carousel #homepageSlot07 .product-swatches { display: none; } .main-carousel .carousel > div { display: none; } .main-carousel .carousel > div:first-of-type { display: block; } .main-carousel .carousel.slick-initialized > div { display: block; } /*==== End Storefront Page====*/ .pt_product-details .upsell-wrapper { color: #00ab4e; font-family: "proxima-nova-alt", Arial, sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 700; white-space: nowrap; } @media only screen and (max-width: 767px) { .pt_product-details .upsell-wrapper { white-space: normal !important; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pt_product-details .upsell-wrapper { white-space: normal !important; } } .pt_product-details .upsell-wrapper #upsell-terms { font-size: 16px; color: #707170; margin-top: 10px; text-transform: none; font-weight: normal; cursor: pointer; } .pt_product-details .upsell-wrapper .link-product { font-size: 16px; color: #707170; margin-top: 10px; text-transform: none; font-weight: normal; } .pt_product-details .upsell-wrapper .link-product .target-product-name { margin-left: 10px; } .pt_product-details .upsell-wrapper .link-product .product-price { display: inline-block; } .pt_product-details .upsell-wrapper .link-product .product-price .price-standard { text-decoration: line-through; } .pt_product-details .upsell-wrapper .link-product .product-price .price-sales { color: #707170; } .pt_product-details .upsell-wrapper .link-product .product-price .price-sales:nth-child(2) { color: #ed3024; } .pt_product-details .upsell-wrapper .link-product .input-checkbox { display: none; } .pt_product-details .upsell-wrapper .link-product .product-link-checkbox { background: url("../images/checkbox_unchecked.png") left center no-repeat; cursor: pointer; float: left; height: 20px; width: 20px; } .pt_product-details .upsell-wrapper .link-product .checked { background: url("../images/checkbox_checked.png") left center no-repeat !important; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details #primary { width: 720px; padding: 0; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .pt_product-details #primary { width: 960px; padding: 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details .product-col-1 { width: 48.61111111111111%; float: left; margin-right: 2.777777777777778%; } } @media only screen and (max-width: 767px) { .pt_product-details .product-col-1 { width: 100%; margin: 0; float: none; } } .pt_product-details .product-col-1.product-image-container { width: 38.02816901408451%; margin: 0px 10.12323943661972% 0px 6.602112676056338%; float: left; } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pt_product-details .product-col-1.product-image-container { width: 44.02816901408451%; margin: 0px 1.12323943661972% 0px 1.602113%; } } @media only screen and (max-width: 767px) { .pt_product-details .product-col-1.product-image-container { width: 100%; margin: 0; } } .pt_product-details .product-col-1.product-set { width: 38.02816901408451%; margin: 0px 10.12323943661972% 0px 6.602112676056338%; float: left; } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pt_product-details .product-col-1.product-set { width: 44.02816901408451%; margin: 0px 1.12323943661972% 0px 1.602113%; } } @media only screen and (max-width: 767px) { .pt_product-details .product-col-1.product-set { width: 100%; margin: 0; } } .pt_product-details .product-col-2, .pt_product-details .product-col-2.product-set { float: left; width: 31.16197183098592%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details .product-col-2, .pt_product-details .product-col-2.product-set { width: 48.561972%; } } @media only screen and (max-width: 767px) { .pt_product-details .product-col-2, .pt_product-details .product-col-2.product-set { width: 100%; margin: 0; float: none; padding: 20px 0; } } .pt_product-details .product-col-2 .product-set-product-description, .pt_product-details .product-col-2.product-set .product-set-product-description { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; padding: 20px 0; } .pt_product-details .product-col-2 #Quantity, .pt_product-details .product-col-2.product-set #Quantity { display: none; } .pt_product-details .product-col-2 .choose-items-below, .pt_product-details .product-col-2.product-set .choose-items-below { float: left; } .pt_product-details .product-col-2 .choose-items-below + .clear + .product-set-socialLinks a, .pt_product-details .product-col-2.product-set .choose-items-below + .clear + .product-set-socialLinks a { margin: 0 10px 0 0; } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pt_product-details .product-col-2 .choose-items-below, .pt_product-details .product-col-2.product-set .choose-items-below { width: 100%; } } @media only screen and (max-width: 767px) { .pt_product-details .product-col-2 .choose-items-below, .pt_product-details .product-col-2.product-set .choose-items-below { width: 100%; } } .pt_product-details .product-col-2 .choose-items-below button, .pt_product-details .product-col-2.product-set .choose-items-below button { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; width: 100%; box-sizing: border-box; } .pt_product-details .product-col-2 .choose-items-below button:hover, .pt_product-details .product-col-2.product-set .choose-items-below button:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } .pt_product-details .product-col-2 .choose-items-below button:disabled, .pt_product-details .product-col-2.product-set .choose-items-below button:disabled { background-color: #eeeeee; color: #dddddd; } .pt_product-details .product-col-2 .choose-items-below button:disabled:hover, .pt_product-details .product-col-2.product-set .choose-items-below button:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } .pt_product-details .product-col-2 .choose-items-below button:hover, .pt_product-details .product-col-2.product-set .choose-items-below button:hover { padding: 0; } .pt_product-details .product-col-2 .choose-items-below button:hover, .pt_product-details .product-col-2.product-set .choose-items-below button:hover { padding: 0 16px; } .pt_product-details .breadcrumb-global-wrapper { padding: 14px 0 23px 0; } .pt_product-details .breadcrumb-global-wrapper .breadcrumb li { float: left; } .pt_product-details .breadcrumb-global-wrapper .breadcrumb li a, .pt_product-details .breadcrumb-global-wrapper .breadcrumb li span { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #00aedb; font-size: 14px; line-height: 14px; text-decoration: none; margin: 0 0 0 4px; display: block; text-transform: none; } .pt_product-details .breadcrumb-global-wrapper .breadcrumb li a { color: #0099CC; } .pt_product-details .breadcrumb-global-wrapper .breadcrumb li a:after { content: '/'; margin-left: 4px; display: inline-block; height: 22px; overflow: hidden; line-height: 36px; color: #CCCCCC; } .pt_product-details .breadcrumb-global-wrapper .breadcrumb li a:hover { text-decoration: underline; } .pt_product-details .breadcrumb-global-wrapper .breadcrumb li span { color: #707170; line-height: 36px; } .pt_product-details .breadcrumb-global-wrapper .breadcrumb li:first-child { margin-left: 0; } .pt_product-details .quick-view-product-primary-image { display: none; } @media only screen and (max-width: 767px) { .pt_product-details .quick-view-product-primary-image { display: none; } .pt_product-details .quick-view-product-primary-image a.product-image { display: none; } } .pt_product-details .product-thumbnails { float: left; width: 100%; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .pt_product-details .product-thumbnails { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details .product-thumbnails { width: 100%; padding: 20px 0; } } @media only screen and (max-width: 767px) { .pt_product-details .product-thumbnails { display: none; } } .pt_product-details .product-thumbnails li { border: 1px solid #CCCCCC; margin: 0 0px 10px 7px; width: 78px; float: left; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details .product-thumbnails li { width: 58px; margin: 0 7px 7px 0px; float: left; } } .pt_product-details .product-thumbnails li img { width: 100%; vertical-align: top; } .pt_product-details .product-thumbnails li.selected { border: 1px solid #00aedb; } .pt_product-details .product-thumbnails li:hover { border: 1px solid #00aedb; } .pt_product-details .product-thumbnails li:nth-child(5n+1) { margin-left: 0; } .pt_product-details .product-thumbnails li.vimeo-play { width: 78px; height: 78px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details .product-thumbnails li.vimeo-play { width: 58px; height: 58px; } } .pt_product-details .product-thumbnails li.vimeo-play a { position: relative; } .pt_product-details .product-thumbnails li.vimeo-play a span { display: block; background: url("../images/video-link.png") top no-repeat; width: 78px; height: 78px; position: absolute; top: 0; left: 0; text-indent: -99999px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details .product-thumbnails li.vimeo-play a span { width: 58px; height: 58px; background: url("../images/video-link-tablet.png") top no-repeat; } } .pt_product-details .product-thumbnails li.view-fullscreen-wrapper { display: none; } .pt_product-details .product-set .descktop-view-product-primary-image { min-height: 650px; } .pt_product-details .product-primary-image { float: left; width: 100%; margin: 0; } @media only screen and (max-width: 767px) { .pt_product-details .product-primary-image { width: 100%; margin: 0; float: none; } } .pt_product-details .product-primary-image img { width: 100%; } .pt_product-details .product-primary-image.descktop-view-product-primary-image { display: none; } .pt_product-details .product-primary-image.quick-view-product-primary-image { display: block; } @media only screen and (max-width: 767px) { .pt_product-details .product-primary-image { display: none; } } .pt_product-details .product-set-list { clear: both; } .pt_product-details .product-name { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 24px; line-height: 24px; text-transform: uppercase; font-size: 28px; line-height: 30px; margin-bottom: 28px; } @media only screen and (max-width: 767px) { .pt_product-details .product-name { font-size: 18px; } } .pt_product-details .product-name a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 24px; line-height: 24px; text-transform: uppercase; text-decoration: none; } @media only screen and (max-width: 767px) { .pt_product-details .product-name a { font-size: 18px; } } .pt_product-details .product-number { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; clear: left; text-transform: uppercase; color: #999999; font-size: 12px; margin-top: 0px; } @media only screen and (max-width: 767px) { .pt_product-details .product-number { margin-top: 10px; } } .pt_product-details .upsell-wrapper { color: #00ab4e; } .pt_product-details .product-set .send-to-friend { display: none; } .pt_product-details .product-set .product-number { display: none; } .pt_product-details .product-set-list { clear: both; } .pt_product-details .product-set-list .product-set-item { clear: both; border-top: 1px solid #eeeeee; padding: 28px 0 10px 0; } .pt_product-details .product-set-list .product-set-item .product-set-image { float: left; width: 22.27112676056338%; } .pt_product-details .product-set-list .product-set-item .product-set-image img { width: 100%; } @media only screen and (max-width: 767px) { .pt_product-details .product-set-list .product-set-item .product-set-image { width: 60%; margin: 0 auto; display: block; float: none; } } .pt_product-details .product-set-list .product-set-item .product-set-details { margin-left: 4.137323943661972%; width: 50.79225352112676%; float: left; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .pt_product-details .product-set-list .product-set-item .product-set-details { width: 42.792254%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details .product-set-list .product-set-item .product-set-details { width: 42.79225%; } } @media only screen and (max-width: 767px) { .pt_product-details .product-set-list .product-set-item .product-set-details { width: 100%; margin: 0; } } .pt_product-details .product-set-list .product-set-item .product-set-details .product-name { padding: 0; margin: 0; } @media only screen and (max-width: 767px) { .pt_product-details .product-set-list .product-set-item .product-set-details .product-name { font-size: 18px; line-height: 18px; } } .pt_product-details .product-set-list .product-set-item .product-set-details .product-number { margin: 10px 0 0px 0; } .pt_product-details .product-set-list .product-set-item .product-set-details .product-variations { position: relative; clear: left; } .pt_product-details .product-set-list .product-set-item .product-set-details .product-variations .label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 18px; line-height: 18px; text-transform: uppercase; } @media only screen and (max-width: 767px) { .pt_product-details .product-set-list .product-set-item .product-set-details .product-variations .label { font-size: 15px; line-height: 15px; } } .pt_product-details .product-set-list .product-set-item .product-set-details .product-variations .value .selected-value-color { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #00aedb; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #0099CC; position: absolute; left: 74px; top: 0px; } @media only screen and (max-width: 767px) { .pt_product-details .product-set-list .product-set-item .product-set-details .product-variations .value .selected-value-color { font-size: 15px; line-height: 15px; left: 59px; top: 1px; } } .pt_product-details .product-set-list .product-set-item .product-set-details .product-variations ul.swatches { padding-top: 24px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details .product-set-list .product-set-item .product-set-details .product-variations ul.swatches { padding-top: 24px; } } @media only screen and (max-width: 767px) { .pt_product-details .product-set-list .product-set-item .product-set-details .product-variations ul.swatches { padding-top: 35px; } } .pt_product-details .product-set-list .product-set-item .product-set-details .product-variations ul.swatches li { float: left; margin-right: 10px; margin-bottom: 7px; width: 32px; height: 32px; display: block; padding: 2px; border: 2px solid #CCCCCC; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } @media only screen and (max-width: 767px) { .pt_product-details .product-set-list .product-set-item .product-set-details .product-variations ul.swatches li { margin: 0px 8px 0px 0px; float: none; display: inline-block; } } .pt_product-details .product-set-list .product-set-item .product-set-details .product-variations ul.swatches li a { font-size: 0; width: 32px; height: 32px; display: block; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } .pt_product-details .product-set-list .product-set-item .product-set-details .product-variations ul.swatches li a img { width: 32px; height: 32px; display: block; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } .pt_product-details .product-set-list .product-set-item .product-set-details .product-variations ul.swatches li.selected { width: 32px; height: 32px; padding: 2px; border: 2px solid #0099CC; } .pt_product-details .product-set-list .product-set-item .product-set-details .product-variations ul.swatches li.selected a { width: 32px; height: 32px; } .pt_product-details .product-set-list .product-set-item .product-set-details .product-variations ul.swatches li:hover { width: 32px; height: 32px; padding: 2px; border: 2px solid #0099CC; } .pt_product-details .product-set-list .product-set-item .product-set-details .product-variations ul.swatches li:hover a { width: 32px; height: 32px; } .pt_product-details .product-set-list .product-set-item .product-set-details .product-name { margin: 0; } .pt_product-details .product-set-list .product-set-item .product-set-details .size-box { line-height: 0px; font-size: 0; clear: both; } .pt_product-details .product-set-list .product-set-item .product-set-details .product-options li.attribute .label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 18px; line-height: 18px; text-transform: uppercase; } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pt_product-details .product-set-list .product-set-item .product-set-details .product-options li.attribute .label { margin-top: 10px; display: block; } } @media only screen and (max-width: 767px) { .pt_product-details .product-set-list .product-set-item .product-set-details .product-options li.attribute .label { margin-top: 10px; display: block; } } .pt_product-details .product-set-list .product-set-item .product-set-details .product-options li.attribute .value { position: relative; } @media only screen and (max-width: 767px) { .pt_product-details .product-set-list .product-set-item .product-set-details .product-options li.attribute .value { display: block; margin-top: 10px; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pt_product-details .product-set-list .product-set-item .product-set-details .product-options li.attribute .value { display: block; margin-top: 10px; } } .pt_product-details .product-set-list .product-set-item .product-set-details .product-options li.attribute .value select { left: 11px; right: auto; padding: 0; top: -13px; } @media only screen and (max-width: 767px) { .pt_product-details .product-set-list .product-set-item .product-set-details .product-options li.attribute .value select { top: 0; left: 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pt_product-details .product-set-list .product-set-item .product-set-details .product-options li.attribute .value select { top: 0; left: 0; } } .pt_product-details .product-set-list .product-set-item .product-set-details .product-options li.attribute .value .customSelect { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 11px; } @media only screen and (max-width: 767px) { .pt_product-details .product-set-list .product-set-item .product-set-details .product-options li.attribute .value .customSelect { margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pt_product-details .product-set-list .product-set-item .product-set-details .product-options li.attribute .value .customSelect { margin-left: 0; } } .pt_product-details .product-set-list .product-set-item .product-set-details .product-options li.attribute .value .customSelect .customSelectInner { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #00aedb; font-size: 18px; line-height: 18px; text-transform: uppercase; margin-right: 5px; padding-right: 5px; } .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper { float: right; width: 17.321831%; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper { width: 20.421831%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper { width: 27.321831%; } } @media only screen and (max-width: 767px) { .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper { width: 100%; clear: left; } } .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper .product-price { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #00aedb; font-size: 18px; line-height: 18px; text-transform: uppercase; font-size: 24px; line-height: normal; } .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper .product-price span { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 24px; line-height: 24px; text-transform: uppercase; color: #00aedb; } .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper .product-price span:nth-child(2) { color: #ed3024; } .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper .product-price .price-standard { text-decoration: line-through; } .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper .inventory label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #666666; font-size: 14px; line-height: 14px; text-transform: uppercase; font-size: 18px; line-height: 18px; display: block; margin-bottom: 11px; } .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper .inventory input { width: 38px; height: 33px; display: block !important; padding: 0; margin: 0; line-height: 33px; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #666666; font-size: 14px; line-height: 14px; text-transform: uppercase; font-size: 16px; text-align: center; } .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper { float: right; width: 100%; } .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .availability { float: right; padding-bottom: 8px; } @media only screen and (max-width: 767px) { .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .availability { float: right; } } .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .availability .label { display: inline-block; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; } .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .availability #stock-notification-confirmation { padding-top: 10px; } .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .availability .value { display: inline-block; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; } .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .add-to-cart { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; float: right; padding: 0px; text-align: center; width: 100%; } .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .add-to-cart:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .add-to-cart:disabled { background-color: #eeeeee; color: #dddddd; } .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .add-to-cart:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .add-to-cart:hover { padding: 0; } @media only screen and (max-width: 767px) { .pt_product-details .product-set-list .product-set-item .product-set-right-wrapper .availability-wrapper .add-to-cart { width: 100%; } } .pt_product-details .add-all-to-cart-wrapper { float: right; padding: 15px 0; width: 100%; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; margin-bottom: 15px; } .pt_product-details .add-all-to-cart-wrapper #add-all-to-cart { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 20px; color: #ffffff; background: #f79727; height: 54px; line-height: 54px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 78px; text-transform: uppercase; border: 0; float: right; padding: 0; width: 284px; } .pt_product-details .add-all-to-cart-wrapper #add-all-to-cart:hover { background-color: #ffefde; border: 4px solid #f79727; padding: 0 66px; line-height: 46px; color: #f79727; } .pt_product-details .add-all-to-cart-wrapper #add-all-to-cart:disabled { background-color: #eeeeee; color: #dddddd; } .pt_product-details .add-all-to-cart-wrapper #add-all-to-cart:hover { padding: 0; } .pt_product-details .view-fullscreen a { display: block; width: 78px; height: 78px; text-decoration: none; background: url("../images/full-screen.jpg") top left no-repeat; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details .view-fullscreen a { width: 60px; height: 58px; background: url("../images/full-screen-tablet.png") top left no-repeat; } } @media only screen and (max-width: 767px) { .pt_product-details .product-set-socialLinks { float: none; clear: left; } .pt_product-details .product-set-socialLinks a { margin-left: 8px; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pt_product-details .product-set-socialLinks { padding-top: 10px; padding-bottom: 10px; } } .pt_product-details #storybox_widget { margin: 10px 0; } .pt_product-details #recommendations-product { margin-bottom: 40px; padding-bottom: 20px; clear: both; } .pt_product-details #recommendations-product .carousel { margin: 0 3.257042253521127%; } .pt_product-details #recommendations-product .carousel .slick-slide { padding: 0 10px; } .pt_product-details #recommendations-product .carousel .slick-prev { position: absolute; left: -3.257042253521127%; width: 12px; height: 17px; top: 36%; background: url("../images/slider-arrow-left.png") top left no-repeat; } @media only screen and (max-width: 767px) { .pt_product-details #recommendations-product .carousel .slick-prev { top: 27%; } } .pt_product-details #recommendations-product .carousel .slick-next { position: absolute; right: -3.257042253521127%; width: 12px; height: 17px; top: 36%; background: url("../images/slider-arrow-right.png") top left no-repeat; } @media only screen and (max-width: 767px) { .pt_product-details #recommendations-product .carousel .slick-next { top: 27%; } } @media only screen and (max-width: 767px) { .pt_product-details #recommendations-product .cross-sell { padding-bottom: 0; } } .pt_product-details #recommendations-product .cross-sell .cross-sell-title { margin: 0 auto; text-align: center; } .pt_product-details #recommendations-product .cross-sell h2 { border-top: 1px solid #666666; border-bottom: 1px solid #666666; font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 40px; letter-spacing: 0; color: #0099CC; line-height: 100%; text-transform: uppercase; display: inline-block; margin: 40px 0; padding: 14px 0; } @media only screen and (max-width: 767px) { .pt_product-details #recommendations-product .cross-sell h2 { font-size: 24px; display: block; } } .pt_product-details #recommendations-product .product-tile { text-align: center; } .pt_product-details #recommendations-product .product-tile .product-name { line-height: auto; padding: 0; margin: 0 auto; width: 100%; max-width: 254px; min-height: 63px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details #recommendations-product .product-tile .product-name { max-width: 211px; } } @media only screen and (max-width: 767px) { .pt_product-details #recommendations-product .product-tile .product-name { max-width: 125px; } } .pt_product-details #recommendations-product .product-tile .product-name a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 600; text-decoration: none; font-size: 18px; color: #000000; line-height: 100%; text-transform: none; text-align: center; display: inline-block; } .pt_product-details #recommendations-product .product-tile .product-price { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 24px; line-height: 24px; text-transform: uppercase; text-align: center; color: #00aedb; font-size: 18px; line-height: 20px; } .pt_product-details #recommendations-product .product-tile .product-price span { display: inline-block; text-align: center; } .pt_product-details #recommendations-product .product-tile .product-price span:nth-child(2) { color: #ed3024; } .pt_product-details #recommendations-product .product-tile .product-price .price-standard { text-decoration: line-through; } .pt_product-details #recommendations-product .product-tile .recommendation_image { margin-bottom: 10px; } .pt_product-details #recommendations-product .product-tile .recommendation_image img { width: 100%; max-width: 254px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details #recommendations-product .product-tile .recommendation_image img { max-width: 211px; } } @media only screen and (max-width: 767px) { .pt_product-details #recommendations-product .product-tile .recommendation_image img { max-width: 125px; } } @media only screen and (max-width: 767px) { .pt_product-details #recommendations-product .product-tile .recommendation_image { max-width: 125px; margin: 0 auto; } } .pt_product-details .product-detail, .pt_product-details .product-col-2.product-set { float: right; position: relative; width: 44.8943661971831%; } @media only screen and (max-width: 767px) { .pt_product-details .product-detail, .pt_product-details .product-col-2.product-set { top: 0; width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pt_product-details .product-detail, .pt_product-details .product-col-2.product-set { width: 52.894366%; } } .pt_product-details .product-detail .product-name-wrapper, .pt_product-details .product-col-2.product-set .product-name-wrapper { padding-bottom: 16px; } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .product-name-wrapper, .pt_product-details .product-col-2.product-set .product-name-wrapper { padding-bottom: 16px; } } .pt_product-details .product-detail .product-price-inner, .pt_product-details .product-col-2.product-set .product-price-inner { height: auto; width: auto; float: left; margin-right: 10px; position: relative; top: 10px; } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .product-price-inner, .pt_product-details .product-col-2.product-set .product-price-inner { height: auto; } } .pt_product-details .product-detail .product-price-inner .product-price, .pt_product-details .product-col-2.product-set .product-price-inner .product-price { padding-top: 0px; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 24px; line-height: 24px; text-transform: uppercase; color: #0099CC; font-size: 26px; line-height: 26px; } .pt_product-details .product-detail .product-price-inner .product-price span, .pt_product-details .product-col-2.product-set .product-price-inner .product-price span { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 24px; line-height: 24px; text-transform: uppercase; color: #0099CC; font-size: 26px; line-height: 26px; } .pt_product-details .product-detail .product-price-inner .product-price span:nth-child(2), .pt_product-details .product-col-2.product-set .product-price-inner .product-price span:nth-child(2) { color: #ed3024; } .pt_product-details .product-detail .product-price-inner .product-price .price-standard, .pt_product-details .product-col-2.product-set .product-price-inner .product-price .price-standard { text-decoration: line-through; } .pt_product-details .product-detail .confidence-builders, .pt_product-details .product-col-2.product-set .confidence-builders { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #CCCCCC; } .pt_product-details .product-detail .confidence-builders li, .pt_product-details .product-col-2.product-set .confidence-builders li { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; color: #707170; line-height: 16px; background: url("../images/confidence-builders.png") top left no-repeat; margin-bottom: 11px; padding-left: 33px; } .pt_product-details .product-detail .inventory, .pt_product-details .product-col-2.product-set .inventory { float: left; padding-left: 10px; border-left: 1px solid #CCCCCC; } .pt_product-details .product-detail .inventory label, .pt_product-details .product-col-2.product-set .inventory label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 18px; line-height: 18px; text-transform: uppercase; display: block; float: left; color: #707170; margin-right: 10px; position: relative; top: 14px; } .pt_product-details .product-detail .inventory input, .pt_product-details .product-col-2.product-set .inventory input { float: left; width: 50px; height: 40px; display: block !important; padding: 0; margin: 0; line-height: 40px; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #707170; text-align: center; } .pt_product-details .product-detail .inventory .sbHolder, .pt_product-details .product-col-2.product-set .inventory .sbHolder { display: none; } .pt_product-details .product-detail .product-variations, .pt_product-details .product-col-2.product-set .product-variations { position: relative; clear: left; } .pt_product-details .product-detail .product-variations .label, .pt_product-details .product-col-2.product-set .product-variations .label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 18px; line-height: 18px; text-transform: uppercase; } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .product-variations .label, .pt_product-details .product-col-2.product-set .product-variations .label { font-size: 15px; line-height: 15px; } } .pt_product-details .product-detail .product-variations .value .selected-value-color, .pt_product-details .product-col-2.product-set .product-variations .value .selected-value-color { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #00aedb; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #0099CC; position: absolute; left: 74px; top: 0px; } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .product-variations .value .selected-value-color, .pt_product-details .product-col-2.product-set .product-variations .value .selected-value-color { font-size: 15px; line-height: 15px; left: 59px; top: 1px; } } .pt_product-details .product-detail .product-variations .swatches, .pt_product-details .product-col-2.product-set .product-variations .swatches { padding-top: 24px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details .product-detail .product-variations .swatches, .pt_product-details .product-col-2.product-set .product-variations .swatches { padding-top: 24px; } } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .product-variations .swatches, .pt_product-details .product-col-2.product-set .product-variations .swatches { padding-top: 35px; } } .pt_product-details .product-detail .product-variations .swatches li, .pt_product-details .product-col-2.product-set .product-variations .swatches li { float: left; margin-right: 10px; margin-bottom: 7px; width: 32px; height: 32px; display: block; padding: 2px; border: 2px solid #CCCCCC; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .product-variations .swatches li, .pt_product-details .product-col-2.product-set .product-variations .swatches li { margin: 0px 8px 0px 0px; float: none; display: inline-block; } } .pt_product-details .product-detail .product-variations .swatches li a, .pt_product-details .product-col-2.product-set .product-variations .swatches li a { font-size: 0; width: 32px; height: 32px; display: block; position: relative; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } .pt_product-details .product-detail .product-variations .swatches li a img, .pt_product-details .product-col-2.product-set .product-variations .swatches li a img { width: 32px; height: 32px; display: block; position: absolute; top: 0; left: 0; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } .pt_product-details .product-detail .product-variations .swatches li.selected, .pt_product-details .product-col-2.product-set .product-variations .swatches li.selected { width: 32px; height: 32px; padding: 2px; border: 2px solid #0099CC; } .pt_product-details .product-detail .product-variations .swatches li.selected a, .pt_product-details .product-col-2.product-set .product-variations .swatches li.selected a { width: 32px; height: 32px; } .pt_product-details .product-detail .product-variations .swatches li:hover, .pt_product-details .product-col-2.product-set .product-variations .swatches li:hover { width: 32px; height: 32px; padding: 2px; border: 2px solid #0099CC; } .pt_product-details .product-detail .product-variations .swatches li:hover a, .pt_product-details .product-col-2.product-set .product-variations .swatches li:hover a { width: 32px; height: 32px; } .pt_product-details .product-detail .product-name, .pt_product-details .product-col-2.product-set .product-name { margin: 0; } .pt_product-details .product-detail .size-box, .pt_product-details .product-col-2.product-set .size-box { clear: left; padding: 22px 0 0 0; min-height: 41px; } .pt_product-details .product-detail .size-box label, .pt_product-details .product-col-2.product-set .size-box label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #707170; font-size: 16px; line-height: 16px; text-transform: uppercase; } .pt_product-details .product-detail .size-box span, .pt_product-details .product-col-2.product-set .size-box span { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #707170; font-size: 16px; line-height: 16px; text-transform: uppercase; } .pt_product-details .product-detail .availability-wrapper, .pt_product-details .product-col-2.product-set .availability-wrapper { clear: left; float: left; width: 100%; padding: 17px 0 22px 0; border-bottom: 1px solid #CCCCCC; position: relative; } .pt_product-details .product-detail .availability-wrapper .availability-block .label, .pt_product-details .product-col-2.product-set .availability-wrapper .availability-block .label { display: none; height: 0; } .pt_product-details .product-detail .availability-wrapper .availability-block .value p:not(.not-available-msg, .best-buy-exclusive), .pt_product-details .product-col-2.product-set .availability-wrapper .availability-block .value p:not(.not-available-msg, .best-buy-exclusive) { display: none; height: 0; } .pt_product-details .product-detail .availability-wrapper .availability-block #stock-notification-wrapper, .pt_product-details .product-col-2.product-set .availability-wrapper .availability-block #stock-notification-wrapper { height: 0; } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .availability-wrapper, .pt_product-details .product-col-2.product-set .availability-wrapper { width: 100%; padding-bottom: 37px; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pt_product-details .product-detail .availability-wrapper, .pt_product-details .product-col-2.product-set .availability-wrapper { padding-bottom: 37px; } } .pt_product-details .product-detail .availability-wrapper .not-coming-soon, .pt_product-details .product-detail .availability-wrapper div.coming-soon, .pt_product-details .product-col-2.product-set .availability-wrapper .not-coming-soon, .pt_product-details .product-col-2.product-set .availability-wrapper div.coming-soon { width: 70%; clear: both; } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .availability-wrapper .not-coming-soon, .pt_product-details .product-detail .availability-wrapper div.coming-soon, .pt_product-details .product-col-2.product-set .availability-wrapper .not-coming-soon, .pt_product-details .product-col-2.product-set .availability-wrapper div.coming-soon { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details .product-detail .availability-wrapper .not-coming-soon, .pt_product-details .product-detail .availability-wrapper div.coming-soon, .pt_product-details .product-col-2.product-set .availability-wrapper .not-coming-soon, .pt_product-details .product-col-2.product-set .availability-wrapper div.coming-soon { width: 100%; } } .pt_product-details .product-detail .availability-wrapper .not-coming-soon input, .pt_product-details .product-detail .availability-wrapper div.coming-soon input, .pt_product-details .product-col-2.product-set .availability-wrapper .not-coming-soon input, .pt_product-details .product-col-2.product-set .availability-wrapper div.coming-soon input { width: 67%; margin-right: 3%; float: left; box-sizing: border-box; } .pt_product-details .product-detail .availability-wrapper .not-coming-soon button, .pt_product-details .product-detail .availability-wrapper div.coming-soon button, .pt_product-details .product-col-2.product-set .availability-wrapper .not-coming-soon button, .pt_product-details .product-col-2.product-set .availability-wrapper div.coming-soon button { float: left; width: 30%; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; height: 38px; line-height: 30px; box-sizing: border-box; background-color: #cc0001; padding: 0; text-align: center; } .pt_product-details .product-detail .availability-wrapper .not-coming-soon button:hover, .pt_product-details .product-detail .availability-wrapper div.coming-soon button:hover, .pt_product-details .product-col-2.product-set .availability-wrapper .not-coming-soon button:hover, .pt_product-details .product-col-2.product-set .availability-wrapper div.coming-soon button:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } .pt_product-details .product-detail .availability-wrapper .not-coming-soon button:disabled, .pt_product-details .product-detail .availability-wrapper div.coming-soon button:disabled, .pt_product-details .product-col-2.product-set .availability-wrapper .not-coming-soon button:disabled, .pt_product-details .product-col-2.product-set .availability-wrapper div.coming-soon button:disabled { background-color: #eeeeee; color: #dddddd; } .pt_product-details .product-detail .availability-wrapper .not-coming-soon button:disabled:hover, .pt_product-details .product-detail .availability-wrapper div.coming-soon button:disabled:hover, .pt_product-details .product-col-2.product-set .availability-wrapper .not-coming-soon button:disabled:hover, .pt_product-details .product-col-2.product-set .availability-wrapper div.coming-soon button:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } .pt_product-details .product-detail .availability-wrapper .not-coming-soon button:hover, .pt_product-details .product-detail .availability-wrapper div.coming-soon button:hover, .pt_product-details .product-col-2.product-set .availability-wrapper .not-coming-soon button:hover, .pt_product-details .product-col-2.product-set .availability-wrapper div.coming-soon button:hover { height: 38px; line-height: 30px; border: 4px solid #cc0001; padding: 0; text-align: center; background-color: #ffffff; color: #cc0001; } .pt_product-details .product-detail .availability-wrapper .not-coming-soon p, .pt_product-details .product-detail .availability-wrapper div.coming-soon p, .pt_product-details .product-col-2.product-set .availability-wrapper .not-coming-soon p, .pt_product-details .product-col-2.product-set .availability-wrapper div.coming-soon p { float: left; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #707170; font-size: 16px; line-height: 16px; text-transform: uppercase; font-size: 14px; text-transform: none; padding-bottom: 10px; } .pt_product-details .product-detail .availability-wrapper .not-coming-soon p:not(.stock-notification-signup), .pt_product-details .product-detail .availability-wrapper div.coming-soon p:not(.stock-notification-signup), .pt_product-details .product-col-2.product-set .availability-wrapper .not-coming-soon p:not(.stock-notification-signup), .pt_product-details .product-col-2.product-set .availability-wrapper div.coming-soon p:not(.stock-notification-signup) { padding-top: 10px; padding-bottom: 0; } .pt_product-details .product-detail .availability-wrapper div.coming-soon button, .pt_product-details .product-col-2.product-set .availability-wrapper div.coming-soon button { background-color: #04cd33; } .pt_product-details .product-detail .availability-wrapper div.coming-soon button:hover, .pt_product-details .product-col-2.product-set .availability-wrapper div.coming-soon button:hover { border: 4px solid #04cd33; color: #04cd33; } .pt_product-details .product-detail .availability-wrapper .availability, .pt_product-details .product-col-2.product-set .availability-wrapper .availability { padding-bottom: 10px; } .pt_product-details .product-detail .availability-wrapper .availability .not-coming-soon button, .pt_product-details .product-col-2.product-set .availability-wrapper .availability .not-coming-soon button { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #0099CC; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; } .pt_product-details .product-detail .availability-wrapper .availability .not-coming-soon button:hover, .pt_product-details .product-col-2.product-set .availability-wrapper .availability .not-coming-soon button:hover { background-color: #d8f5ff; border: 4px solid #0099CC; padding: 0 16px; line-height: 36px; color: #0099CC; } .pt_product-details .product-detail .availability-wrapper .availability .not-coming-soon button:disabled, .pt_product-details .product-col-2.product-set .availability-wrapper .availability .not-coming-soon button:disabled { background-color: #eeeeee; color: #dddddd; } .pt_product-details .product-detail .availability-wrapper .availability .not-coming-soon button:disabled:hover, .pt_product-details .product-col-2.product-set .availability-wrapper .availability .not-coming-soon button:disabled:hover { background-color: #eeeeee; color: #dddddd; border: 4px solid #eeeeee; } .pt_product-details .product-detail .availability-wrapper .availability .label, .pt_product-details .product-col-2.product-set .availability-wrapper .availability .label { display: inline-block; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 12px; line-height: 12px; display: none; } .pt_product-details .product-detail .availability-wrapper .availability #stock-notification-confirmation, .pt_product-details .product-col-2.product-set .availability-wrapper .availability #stock-notification-confirmation { padding-top: 5px; } .pt_product-details .product-detail .availability-wrapper .availability .receive-email, .pt_product-details .product-col-2.product-set .availability-wrapper .availability .receive-email { padding-bottom: 5px; } .pt_product-details .product-detail .availability-wrapper .availability .value, .pt_product-details .product-col-2.product-set .availability-wrapper .availability .value { display: inline-block; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; } .pt_product-details .product-detail .availability-wrapper .availability .value .in-stock-msg, .pt_product-details .product-col-2.product-set .availability-wrapper .availability .value .in-stock-msg { display: none; } .pt_product-details .product-detail .availability-wrapper .availability .value .availability-msg p.out-of-stock, .pt_product-details .product-col-2.product-set .availability-wrapper .availability .value .availability-msg p.out-of-stock { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #cc0001; } .pt_product-details .product-detail .availability-wrapper .availability .value .availability-msg p.coming-soon, .pt_product-details .product-col-2.product-set .availability-wrapper .availability .value .availability-msg p.coming-soon { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #04cd33; } .pt_product-details .product-detail .availability-wrapper .availability .value .availability-msg p.best-buy-exclusive, .pt_product-details .product-col-2.product-set .availability-wrapper .availability .value .availability-msg p.best-buy-exclusive { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #2f61bb; } .pt_product-details .product-detail .availability-wrapper .availability .value .availability-msg p.null, .pt_product-details .product-col-2.product-set .availability-wrapper .availability .value .availability-msg p.null { display: none; } .pt_product-details .product-detail .availability-wrapper #add-to-cart, .pt_product-details .product-col-2.product-set .availability-wrapper #add-to-cart { margin-top: -25px; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 20px; color: #ffffff; background: #f79727; height: 54px; line-height: 54px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 78px; text-transform: uppercase; border: 0; float: left; text-align: center; padding: 0 70px; width: 70%; } .pt_product-details .product-detail .availability-wrapper #add-to-cart:hover, .pt_product-details .product-col-2.product-set .availability-wrapper #add-to-cart:hover { background-color: #ffefde; border: 4px solid #f79727; padding: 0 66px; line-height: 46px; color: #f79727; } .pt_product-details .product-detail .availability-wrapper #add-to-cart:disabled, .pt_product-details .product-col-2.product-set .availability-wrapper #add-to-cart:disabled { background-color: #eeeeee; color: #dddddd; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details .product-detail .availability-wrapper #add-to-cart, .pt_product-details .product-col-2.product-set .availability-wrapper #add-to-cart { width: 100%; } } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .availability-wrapper #add-to-cart, .pt_product-details .product-col-2.product-set .availability-wrapper #add-to-cart { width: 100%; padding: 0 20px; } } .pt_product-details .product-detail .availability-wrapper .best-buy-pdp-divider, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-pdp-divider { clear: both; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #666666; font-size: 14px; line-height: 14px; text-transform: uppercase; font-size: 16px; line-height: normal; padding: 10px 0; width: 70%; text-align: center; position: relative; overflow: hidden; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details .product-detail .availability-wrapper .best-buy-pdp-divider, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-pdp-divider { width: 100%; } } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .availability-wrapper .best-buy-pdp-divider, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-pdp-divider { width: 100%; } } .pt_product-details .product-detail .availability-wrapper .best-buy-pdp-divider span, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-pdp-divider span { display: inline-block; margin: 0 .4em; } .pt_product-details .product-detail .availability-wrapper .best-buy-pdp-divider span:before, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-pdp-divider span:before { content: ''; position: absolute; width: 100%; border-top: 1px solid #CCCCCC; margin-top: .6em; margin-left: -102%; } .pt_product-details .product-detail .availability-wrapper .best-buy-pdp-divider span:after, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-pdp-divider span:after { content: ''; position: absolute; width: 100%; border-top: 1px solid #CCCCCC; margin-top: .6em; margin-left: 2%; } .pt_product-details .product-detail .availability-wrapper .best-buy-pdp-button, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-pdp-button { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 20px; color: #ffffff; height: 54px; line-height: 46px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0; padding: 0 35px 0 0; text-transform: uppercase; border: 4px solid #2f61bb; background: #2f61bb url("../images/best-buy-button-img.png") no-repeat 100% center; text-align: center; width: 70%; } .pt_product-details .product-detail .availability-wrapper .best-buy-pdp-button:hover, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-pdp-button:hover { background-color: #ffffff; padding: 0 35px 0 0; color: #2f61bb; } .pt_product-details .product-detail .availability-wrapper .best-buy-pdp-button:disabled, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-pdp-button:disabled { background-color: #eeeeee; color: #dddddd; } .pt_product-details .product-detail .availability-wrapper .best-buy-pdp-button.single, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-pdp-button.single { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 20px; color: #2f61bb; height: 54px; line-height: 46px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0; padding: 0 0 0 35px; text-transform: uppercase; border: 1px solid #2f61bb; background: #ffffff url("../images/best-buy-button-img.png") no-repeat 10% center; } .pt_product-details .product-detail .availability-wrapper .best-buy-pdp-button.single:hover, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-pdp-button.single:hover { background-color: #2f61bb; padding: 0 0 0 35px; color: #ffffff; } .pt_product-details .product-detail .availability-wrapper .best-buy-pdp-button.single:disabled, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-pdp-button.single:disabled { background-color: #eeeeee; color: #dddddd; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details .product-detail .availability-wrapper .best-buy-pdp-button, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-pdp-button { width: 100%; } } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .availability-wrapper .best-buy-pdp-button, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-pdp-button { width: 100%; } } .pt_product-details .product-detail .availability-wrapper .best-buy-exclusive-wrapper, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-exclusive-wrapper { clear: both; } .pt_product-details .product-detail .availability-wrapper .best-buy-exclusive-wrapper input, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-exclusive-wrapper input { width: 47.5%; float: left; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details .product-detail .availability-wrapper .best-buy-exclusive-wrapper input, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-exclusive-wrapper input { width: 100%; margin: 10px 0; } } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .availability-wrapper .best-buy-exclusive-wrapper input, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-exclusive-wrapper input { width: 100%; margin: 10px 0; } } .pt_product-details .product-detail .availability-wrapper .best-buy-exclusive-wrapper input:first-child, .pt_product-details .product-col-2.product-set .availability-wrapper .best-buy-exclusive-wrapper input:first-child { margin-right: 5%; } .pt_product-details .product-detail .product-actions, .pt_product-details .product-col-2.product-set .product-actions { margin: 23px 0; float: left; } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .product-actions, .pt_product-details .product-col-2.product-set .product-actions { margin-bottom: 0; } } .pt_product-details .product-detail .product-actions ul.menu li a, .pt_product-details .product-col-2.product-set .product-actions ul.menu li a { margin-right: 10px; } .pt_product-details .product-detail .product-actions .wl-gift, .pt_product-details .product-col-2.product-set .product-actions .wl-gift { display: none; } .pt_product-details .product-detail .product-actions .send-to-friend, .pt_product-details .product-col-2.product-set .product-actions .send-to-friend { display: none; } .pt_product-details .product-detail .product-actions .wl-wishlist, .pt_product-details .product-col-2.product-set .product-actions .wl-wishlist { background: url("../images/plus.jpg") no-repeat 0 3px; padding-left: 15px; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #707170; font-size: 16px; line-height: 16px; text-transform: uppercase; color: #999999; text-decoration: none; display: inline-block; text-transform: uppercase; } .pt_product-details .product-detail .product-set-socialLinks, .pt_product-details .product-col-2.product-set .product-set-socialLinks { margin-top: 16px; padding-bottom: 12px; float: none; display: inline-block; } .pt_product-details .product-detail .product-set-socialLinks a, .pt_product-details .product-col-2.product-set .product-set-socialLinks a { margin: 0 10px 0 0; } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .product-set-socialLinks, .pt_product-details .product-col-2.product-set .product-set-socialLinks { clear: none; display: inline-block; margin-bottom: 0; width: 100%; margin-top: 23px; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pt_product-details .product-detail .product-set-socialLinks, .pt_product-details .product-col-2.product-set .product-set-socialLinks { margin-top: 8px; } } .pt_product-details .product-detail .review-star-rating, .pt_product-details .product-col-2.product-set .review-star-rating { margin: 25px 0; } .pt_product-details .product-detail .review-star-rating div, .pt_product-details .product-col-2.product-set .review-star-rating div { height: 18px; } .pt_product-details .product-detail .pr-snippet-wrapper, .pt_product-details .product-col-2.product-set .pr-snippet-wrapper { text-align: left; border: 0; padding: 0; background: none; } .pt_product-details .product-detail .pr-snippet-wrapper .pr-snippet-stars, .pt_product-details .product-col-2.product-set .pr-snippet-wrapper .pr-snippet-stars { float: none; display: inline-block; background: none; border: 0; padding: 0; } .pt_product-details .product-detail .pr-snippet-wrapper .pr-snippet-stars .pr-snippet-rating-decimal, .pt_product-details .product-col-2.product-set .pr-snippet-wrapper .pr-snippet-stars .pr-snippet-rating-decimal { display: none; } .pt_product-details .product-detail .pr-snippet-wrapper .pr-snippet-stars .pr-stars, .pt_product-details .product-col-2.product-set .pr-snippet-wrapper .pr-snippet-stars .pr-stars { height: 18px; line-height: 18px; width: 85px; position: relative; top: -3px; background: url("../images/stars_small_yellow.png") no-repeat left top; } .pt_product-details .product-detail .pr-snippet-wrapper .pr-snippet-write-first-review p, .pt_product-details .product-col-2.product-set .pr-snippet-wrapper .pr-snippet-write-first-review p { display: inline-block; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #707170; font-size: 16px; line-height: 16px; text-transform: uppercase; } .pt_product-details .product-detail .pr-snippet-wrapper .pr-snippet-read-write, .pt_product-details .product-col-2.product-set .pr-snippet-wrapper .pr-snippet-read-write { float: none; display: inline-block; background: none; border: 0; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #707170; font-size: 16px; line-height: 16px; text-transform: uppercase; } .pt_product-details .product-detail .pr-snippet-wrapper .pr-snippet-read-write a, .pt_product-details .product-col-2.product-set .pr-snippet-wrapper .pr-snippet-read-write a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #707170; font-size: 16px; line-height: 16px; text-transform: uppercase; text-decoration: underline; } @media screen and (max-width: 500px) { .pt_product-details .product-detail .pr-snippet-wrapper .pr-snippet-read-write a, .pt_product-details .product-col-2.product-set .pr-snippet-wrapper .pr-snippet-read-write a { font-size: 12px; } } .pt_product-details .product-detail .pr-snippet-wrapper .pr-snippet-read-reviews, .pt_product-details .product-col-2.product-set .pr-snippet-wrapper .pr-snippet-read-reviews { margin-right: 7px; border-right: 1px solid #666666; padding-right: 7px; } .pt_product-details .product-detail .pr-snippet-wrapper .pr-snippet-review-count, .pt_product-details .product-col-2.product-set .pr-snippet-wrapper .pr-snippet-review-count { display: none; } .pt_product-details .product-detail .product-add-to-cart .product-options li.attribute .label, .pt_product-details .product-col-2.product-set .product-add-to-cart .product-options li.attribute .label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 18px; line-height: 18px; text-transform: uppercase; } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pt_product-details .product-detail .product-add-to-cart .product-options li.attribute .label, .pt_product-details .product-col-2.product-set .product-add-to-cart .product-options li.attribute .label { margin-top: 10px; display: block; } } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .product-add-to-cart .product-options li.attribute .label, .pt_product-details .product-col-2.product-set .product-add-to-cart .product-options li.attribute .label { margin-top: 10px; display: block; } } .pt_product-details .product-detail .product-add-to-cart .product-options li.attribute .value, .pt_product-details .product-col-2.product-set .product-add-to-cart .product-options li.attribute .value { position: relative; } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .product-add-to-cart .product-options li.attribute .value, .pt_product-details .product-col-2.product-set .product-add-to-cart .product-options li.attribute .value { display: block; margin-top: 10px; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pt_product-details .product-detail .product-add-to-cart .product-options li.attribute .value, .pt_product-details .product-col-2.product-set .product-add-to-cart .product-options li.attribute .value { display: block; margin-top: 10px; } } .pt_product-details .product-detail .product-add-to-cart .product-options li.attribute .value select, .pt_product-details .product-col-2.product-set .product-add-to-cart .product-options li.attribute .value select { left: 11px; right: auto; padding: 0; top: -13px; } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .product-add-to-cart .product-options li.attribute .value select, .pt_product-details .product-col-2.product-set .product-add-to-cart .product-options li.attribute .value select { top: 0; left: 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pt_product-details .product-detail .product-add-to-cart .product-options li.attribute .value select, .pt_product-details .product-col-2.product-set .product-add-to-cart .product-options li.attribute .value select { top: 0; left: 0; } } .pt_product-details .product-detail .product-add-to-cart .product-options li.attribute .value .customSelect, .pt_product-details .product-col-2.product-set .product-add-to-cart .product-options li.attribute .value .customSelect { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 11px; } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .product-add-to-cart .product-options li.attribute .value .customSelect, .pt_product-details .product-col-2.product-set .product-add-to-cart .product-options li.attribute .value .customSelect { margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pt_product-details .product-detail .product-add-to-cart .product-options li.attribute .value .customSelect, .pt_product-details .product-col-2.product-set .product-add-to-cart .product-options li.attribute .value .customSelect { margin-left: 0; } } .pt_product-details .product-detail .product-add-to-cart .product-options li.attribute .value .customSelect .customSelectInner, .pt_product-details .product-col-2.product-set .product-add-to-cart .product-options li.attribute .value .customSelect .customSelectInner { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #00aedb; font-size: 18px; line-height: 18px; text-transform: uppercase; margin-right: 5px; padding-right: 5px; } .pt_product-details .product-detail-wrapper { position: relative; clear: both; background: #fafafa; padding: 34px 0; border-top: 1px solid #CCCCCC; } @media only screen and (max-width: 767px) { .pt_product-details .product-detail-wrapper { border: 0; padding: 0; background: none; } } .pt_product-details .product-detail-wrapper .product-detail-back { margin: 0 auto; max-width: 1136px; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .pt_product-details .product-detail-wrapper .product-detail-back { width: 960px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pt_product-details .product-detail-wrapper .product-detail-back { width: 720px; } } @media only screen and (max-width: 767px) { .pt_product-details .product-detail-wrapper .product-detail-back { width: 110%; position: relative; left: -5%; } } .pt_product-details .product-detail-wrapper .product-detail-back .tab-content-new { display: none; padding: 0; position: relative; z-index: 50; top: 0px; margin-top: 25px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 6px; -weblit-border-radius: 6px; -moz-border-radius: 6px; padding: 10px; border: 1px solid #CCCCCC; overflow: hidden; width: 100%; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 16px; line-height: 16px; line-height: 28px; text-transform: none; } .pt_product-details .product-detail-wrapper .product-detail-back .tab-content-new ul { list-style: outside none disc; } .pt_product-details .product-detail-wrapper .product-detail-back .tab-content-new ul li { list-style: outside none disc; } .pt_product-details .product-detail-wrapper .product-detail-back .tab-content-new.current { display: inline-block; } @media only screen and (max-width: 767px) { .pt_product-details .product-detail-wrapper .product-detail-back .tab-content-new.current { display: none; } } .pt_product-details .product-detail-wrapper .product-detail-back .tab-content-new .pr-header select { background-image: url(../images/refineHeadDown.png); background-repeat: no-repeat; background-position: 94% center; } .pt_product-details .product-detail-wrapper .product-detail-back .tab-content-new .pr-header #pr-review-count { display: none; } .pt_product-details .product-detail-wrapper .product-detail-back .tab-content-new .pr-header .pr-review-sort-box { float: left; } .pt_product-details .product-detail-wrapper .product-detail-back .tab-content-new .pr-attribute-bestuses { display: none; } .pt_product-details .product-detail-wrapper .product-detail-back .tab-content-new .pr-attribute-group { width: 44%; } .pt_product-details .product-detail-wrapper .product-detail-back .tab-content-new .pr-other-attributes { display: none; } .pt_product-details .product-detail-wrapper .product-detail-back .tab-content-new .pr-attribute-label-pros, .pt_product-details .product-detail-wrapper .product-detail-back .tab-content-new .pr-attribute-label-cons, .pt_product-details .product-detail-wrapper .product-detail-back .tab-content-new .pr-attribute-label-bestuses { background-color: #EAEAEA; } .pt_product-details .product-detail-wrapper .product-detail-back .tab-content { display: none; padding: 10px 5%; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 16px; line-height: 16px; text-transform: none; } .pt_product-details .product-detail-wrapper .product-detail-back .tabs-menu { text-align: center; } .pt_product-details .product-detail-wrapper .product-detail-back .tabs-menu li { position: relative; display: inline-block; min-width: 205px; height: 39px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 24px; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #0099CC; background: #ffffff; z-index: 49; line-height: 39px; border: 2px solid #0099CC; cursor: pointer; } .pt_product-details .product-detail-wrapper .product-detail-back .tabs-menu li a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; text-decoration: none; color: #0099CC; display: inline-block; text-transform: uppercase; } .pt_product-details .product-detail-wrapper .product-detail-back .tabs-menu li.current { height: 39px; background: #0099CC; z-index: 51; } .pt_product-details .product-detail-wrapper .product-detail-back .tabs-menu li.current a { color: #ffffff; } .pt_product-details .product-detail-wrapper .product-detail-back .tabs-menu li.current::after { content: " "; border-style: solid; border-width: 12px 13px 0 13px; border-color: #0099CC transparent transparent transparent; width: 0; height: 0; display: block; margin: 0 auto; -webkit-transform: rotate(360deg); } @media only screen and (max-width: 767px) { .pt_product-details .product-detail-wrapper .product-detail-back .tabs-menu { display: none; } } @media only screen and (max-width: 767px) { .pt_product-details .product-detail-wrapper .product-tabs .tab-box .mobile-visible { height: auto; padding: 16px 15px; margin-bottom: 0; border-bottom: 0; border-top: 1px solid #CCCCCC; overflow: hidden; font-size: 18px; line-height: 18px; text-transform: uppercase; text-align: center; font-weight: 700; color: #3399cc; text-decoration: none; background-image: url(../images/footer/arrow.png); background-repeat: no-repeat; background-position: 96% 50%; } .pt_product-details .product-detail-wrapper .product-tabs .tab-box .mobile-visible span { display: inline-block; width: 17px; height: 11px; position: absolute; right: 5%; top: 19px; } } .pt_product-details .product-detail-wrapper .product-tabs .tab-box .mobile-visible.open { background-image: url(../images/footer/arrow-down.png); } .pt_product-details .product-detail-wrapper .product-tabs .tab-box .mobile-visible.third { border-bottom: 1px solid #CCCCCC; } .pt_product-details .product-detail-wrapper .product-tabs .tab-box .mobile-visible.third.open { border-bottom: 0; } @media only screen and (max-width: 767px) { .pt_product-details .product-detail-wrapper .product-tabs .tab-box { background: #f7f7f7; } } .pt_product-details .product-detail-wrapper .product-tabs .tab-box.tab-combined { display: block; margin: 0; border: 0; border-radius: 0; padding: 0; } .pt_product-details .product-detail-wrapper .product-tabs .tab-box.tab-combined .tab-content-combined { display: none; padding: 10px 5%; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 16px; line-height: 16px; text-transform: none; } .pt_product-details .product-detail-wrapper .product-tabs .tab-box.tab-combined.current .tab-content-combined { display: block; } .pt_product-details .not-available-msg { color: #ed3024; } .pt_product-details .pr-snapshot-head { display: none; } .pt_product-details .pr-snapshot-body { background: none; padding: 0; border: 0; } .pt_product-details .pr-snapshot-body .pr-snapshot-body-wrapper { padding: 0; border: 0; background: none; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 16px; line-height: 16px; text-transform: uppercase; } .pt_product-details .pr-snapshot-body .pr-snapshot-body-wrapper a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 16px; line-height: 16px; text-transform: uppercase; } .pt_product-details .pr-snapshot-body .pr-snapshot-body-wrapper .pr-snapshot-write-review { text-align: center; } .pt_product-details .pr-snapshot-body .pr-snapshot-body-wrapper .pr-snapshot-write-review span { transition-property: color, letter-spacing; transition-duration: 0.5s; text-decoration: underline; letter-spacing: 0.03em; } .pt_product-details .pr-snapshot-body .pr-snapshot-body-wrapper .pr-snapshot-write-review span:hover { transition-property: color, letter-spacing; transition-duration: 0.3s; color: #09C; letter-spacing: 0.05em; } .pt_product-details .pr-snapshot-body .pr-snapshot-body-wrapper .pr-snapshot-rating .pr-rating.pr-rounded { position: relative; top: 2px; } .pt_product-details .pr-snapshot-body .pr-snapshot-body-wrapper:before { content: "Customer Reviews"; display: block; text-align: center; color: #09C; font-size: 2.0em; line-height: 1.2; margin: -0.4em 0px 0.2em; text-transform: capitalize; } .pt_product-details .pr-contents { padding: 0; background: none; border: 0; } .pt_product-details .pr-contents .pr-contents-wrapper .pr-review-rating .pr-stars-small { /*position: relative; top: 7px;*/ } .pt_product-details .pdp-reviews { text-align: center; padding-bottom: 40px; } .pt_product-details .pdp-reviews h2 { border-top: 1px solid #666666; border-bottom: 1px solid #666666; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 42px; line-height: 42px; text-transform: uppercase; display: inline-block; margin: 40px 0; padding: 14px 0; } @media only screen and (max-width: 767px) { .pt_product-details .pdp-reviews h2 { font-size: 24px; display: block; margin: 0; } } .pt_product-details .product-main-images-mobile { display: none; padding: 0 25px; } @media only screen and (max-width: 767px) { .pt_product-details .product-main-images-mobile { display: block; } } .pt_product-details .product-main-images-mobile div img { width: 100%; } .pt_product-details .product-main-images-mobile .slick-prev { position: absolute; width: 12px; height: 17px; top: 46%; left: -8.257042253521127%; background: url("../images/slider-arrow-left.png") top left no-repeat; } .pt_product-details .product-main-images-mobile .slick-next { position: absolute; width: 12px; height: 17px; top: 46%; right: -8.257042253521127%; background: url("../images/slider-arrow-right.png") top left no-repeat; } .pt_product-details .product-main-images-mobile-one { display: none; } @media only screen and (max-width: 767px) { .pt_product-details .product-main-images-mobile-one { display: block; } } .pt_product-details .product-main-images-mobile-one img { width: 100%; } .pt_product-details .vimeo-play-mobile { display: none; } @media only screen and (max-width: 767px) { .pt_product-details .vimeo-play-mobile { display: block; width: 100%; background: #707170; text-align: center; display: block; margin: 5px 0; padding: 5px 0; } } .pt_product-details .vimeo-play-mobile span { display: inline-block; width: 118px; height: 29px; background: url("../images/video-link-mobile.jpg") top left no-repeat; text-indent: -9999px; } .pt_product-details .vimeo-play-mobile img { display: none; } @media only screen and (max-width: 767px) { .pt_product-details #main { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 5%; width: 100% !important; } } .pt_product-details .ref-box { min-height: 93px; } .pt_product-details .ref-box input { width: 57px; height: 38px; display: block !important; padding: 0; margin: 0; line-height: 38px; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 16px; line-height: 16px; text-transform: uppercase; text-align: center; } .pt_product-details .ref-box a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 16px; line-height: 16px; text-transform: uppercase; display: block; margin-bottom: 8px; } .pt_product-details .tooltip-content { display: none; } .pt_product-details .promotion { padding-bottom: 22px; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 16px; line-height: 16px; text-transform: uppercase; } .pt_product-details .promotion a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 16px; line-height: 16px; text-transform: uppercase; } .pt_product-details .promotion a:hover { text-decoration: none; } .pt_product-details .promotion .promotion-title { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 16px; line-height: 16px; text-transform: uppercase; color: #ed3024; padding-bottom: 5px; } @media only screen and (max-width: 767px) { .pt_product-details #primary { width: 100%; } } /* ------------------- Full Screen Styles ----------------------------- */ .ui-dialog.fullscreen { width: 100% !important; height: 100% !important; position: fixed; left: 0; top: 0; } .ui-dialog.fullscreen .quick-view-product-primary-image { display: none; } .ui-dialog.fullscreen .product-main-images-mobile { display: none; } .ui-dialog.fullscreen .vimeo-play-mobile { display: none; } .ui-dialog.fullscreen .vimeo-play { display: none; } .ui-dialog.fullscreen .view-fullscreen-wrapper { display: none; } .ui-dialog.fullscreen .ui-dialog-titlebar { height: 180px; background: #eeeeee; } .ui-dialog.fullscreen .product-thumbnails { text-align: center; position: absolute; width: 100%; top: -133px; } .ui-dialog.fullscreen .product-thumbnails li { display: inline-block; border: 1px solid #ececec; margin-left: 14px; width: 80px; } .ui-dialog.fullscreen .product-thumbnails li img { width: 100%; vertical-align: top; } .ui-dialog.fullscreen .product-thumbnails li.selected { border: 1px solid #0099CC; } .ui-dialog.fullscreen .product-thumbnails li:hover { border: 1px solid #0099CC; } .ui-dialog.fullscreen .product-thumbnails li:nth-child(5n+1) { margin: 0; } .ui-dialog.fullscreen .product-thumbnails li.vimeo-play { display: none; } .ui-dialog.fullscreen .product-thumbnails li.view-fullscreen-wrapper { display: none; } .ui-dialog.fullscreen .ui-dialog-titlebar-close { width: 42px; height: 42px; top: 76px; z-index: 100; } .ui-dialog.fullscreen .ui-dialog-titlebar-close span { width: 42px; height: 42px; background: url("../images/fullscreen-close.jpg") top left no-repeat; } .ui-dialog.fullscreen .product-primary-image { text-align: center; padding: 50px 0; } .ui-dialog.fullscreen .product-primary-image img { width: 100%; } .ui-dialog.fullscreen .product-primary-image.fulscreenimage { position: fixed; top: 180px; left: 0; padding: 0; width: 100%; height: 100%; overflow: auto; } #wrapper.pt_content ol.breadcrumb { display: none; } /* --------------------------------- Monogram Pop Styles ------------------------------*/ .ui-dialog.monogram #popup-dialog { padding: 0px 70px 70px 70px; } .ui-dialog.monogram #monogram h1 { font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 25px; letter-spacing: 0; color: #0099CC; line-height: 100%; text-transform: uppercase; padding: 20px 0 40px 0; border-bottom: 1px solid #666666; } .ui-dialog.monogram #monogram img { float: left; margin: 0 50px 50px 0; } .ui-dialog.monogram #monogram p { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 16px; line-height: 16px; text-transform: uppercase; width: 35%; float: left; padding: 45px 0 0 0; text-align: left; } /*==== Bonus product on CLP ====*/ @media only screen and (min-width: 768px) and (max-width: 1023px) { .ui-dialog.bonus-product { width: 768px !important; } } .ui-dialog .bonus-discount-container { padding: 0 80px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 767px) { .ui-dialog .bonus-discount-container { padding: 0 20px; } } .ui-dialog .bonus-discount-container h2 { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #005f9b; font-size: 20px; line-height: 20px; text-transform: uppercase; border-bottom: 1px solid #666666; padding-bottom: 20px; margin-bottom: 20px; padding-top: 20px; } .ui-dialog .bonus-discount-container .bonus-product-alert { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 16px; line-height: 16px; text-transform: uppercase; padding-bottom: 25px; padding-top: 5px; } .ui-dialog .bonus-discount-container .buttonbar { padding-bottom: 65px; } .ui-dialog .bonus-discount-container .buttonbar .select-bonus-btn { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 20px; color: #ffffff; background: #f79727; height: 54px; line-height: 54px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 78px; text-transform: uppercase; border: 0; margin-right: 10px; font-size: 12px; height: 35px; line-height: 35px; padding: 0 25px; } .ui-dialog .bonus-discount-container .buttonbar .select-bonus-btn:hover { background-color: #ffefde; border: 4px solid #f79727; padding: 0 66px; line-height: 46px; color: #f79727; } .ui-dialog .bonus-discount-container .buttonbar .select-bonus-btn:disabled { background-color: #eeeeee; color: #dddddd; } @media only screen and (max-width: 767px) { .ui-dialog .bonus-discount-container .buttonbar .select-bonus-btn { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; } } .ui-dialog .bonus-discount-container .buttonbar .no-bonus-btn { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 16px; color: #ffffff; background: #ed3024; height: 44px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 20px; text-transform: uppercase; border: 0; font-size: 12px; height: 35px; } .ui-dialog .bonus-discount-container .buttonbar .no-bonus-btn:hover { background-color: #eeeeee; border: 4px solid #ed3024; line-height: 36px; padding: 0 16px; color: #ed3024; } .ui-dialog .bonus-discount-container .buttonbar .no-bonus-btn:disabled { background-color: #eeeeee; color: #dddddd; border: none; padding: 0 20px; line-height: 44px; } @media only screen and (max-width: 767px) { .ui-dialog .bonus-discount-container .buttonbar .no-bonus-btn { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } .ui-dialog #bonus-product-dialog { padding: 0; width: 100%; } .ui-dialog #bonus-product-dialog #bonus-product-list .promotion { padding: 32px 72px 24px 72px; background: none; border-bottom: 1px solid #666666; margin: 0; } @media only screen and (max-width: 767px) { .ui-dialog #bonus-product-dialog #bonus-product-list .promotion { padding: 20px; } } .ui-dialog #bonus-product-dialog #bonus-product-list .promotion h2 { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #005f9b; font-size: 20px; line-height: 20px; text-transform: uppercase; float: none; } .ui-dialog #bonus-product-dialog #bonus-product-list .promotion h2 span { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 16px; line-height: 16px; text-transform: uppercase; text-transform: none; margin-left: 30px; float: none; line-height: 100%; } @media only screen and (max-width: 767px) { .ui-dialog #bonus-product-dialog #bonus-product-list .promotion h2 span { display: block; margin-left: 0; } } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-list-footer { padding: 24px 24px 35px 24px; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 16px; line-height: 16px; text-transform: uppercase; text-transform: uppercase; border-top: 1px solid #666666; border-bottom: 0; float: left; width: 100%; box-sizing: border-box; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-list-footer .item-qty, .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-list-footer .bonus-items-available { color: #231f20; } @media only screen and (max-width: 767px) { .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-list-footer { width: 100%; box-sizing: border-box; } } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-list-footer button { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 20px; color: #ffffff; background: #f79727; height: 54px; line-height: 54px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 78px; text-transform: uppercase; border: 0; height: 35px; line-height: 35px; font-size: 12px; padding: 0 25px; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-list-footer button:hover { background-color: #ffefde; border: 4px solid #f79727; padding: 0 66px; line-height: 46px; color: #f79727; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-list-footer button:disabled { background-color: #eeeeee; color: #dddddd; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-list-footer .bonus-product-summary { width: 100%; display: inline-block; margin-top: 15px; } @media only screen and (max-width: 767px) { .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-list-footer .bonus-product-summary { width: 100%; box-sizing: border-box; } } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-list-footer .bonus-product-summary .selected-bonus-item { float: left; width: 70%; font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 16px; line-height: 16px; text-transform: uppercase; } @media only screen and (max-width: 767px) { .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-list-footer .bonus-product-summary .selected-bonus-item { width: 100%; box-sizing: border-box; } } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-list-footer .bonus-product-summary .selected-bonus-item .item-attributes span.display-value { color: #231f20; text-transform: none; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-list-footer .bonus-product-summary .selected-bonus-item .remove-link { float: right; background: url("../images/interface/popup-btn-close.gif") no-repeat scroll left center; height: 15px; width: 15px; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-list-footer .bonus-product-summary .selected-bonus-item .remove-link img { display: none; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-list-footer .bonus-product-summary .selected-bonus-item .item-name { display: block; width: 100%; margin-bottom: 3px; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item { float: left; padding: 24px; width: 388px; border-right: 1px solid #666666; border-top: 1px solid #666666; clear: none; border-bottom: 0; position: relative; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item { width: 335px; } } @media only screen and (max-width: 767px) { .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item { width: 100%; box-sizing: border-box; border: 0; border-bottom: 1px solid #666666 !important; } } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item:nth-child(2) { border-top: 0; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item:nth-child(3) { border-top: 0; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item:nth-child(odd) { border-right: 0; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-1 { width: 130px; padding: 0; margin: 0 24px 0 0; float: left; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-1 { width: 100px; margin-left: 10px; } } @media only screen and (max-width: 767px) { .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-1 { width: 100%; text-align: center; margin: 0 auto; } } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-1 .product-primary-image { margin: 0; padding: 0; width: 100%; } @media only screen and (max-width: 767px) { .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-1 .product-primary-image { width: 130px; margin: 0 auto; } } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-1 .product-primary-image img { width: 100%; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 { width: 234px; padding: 0; margin: 0; float: right; position: relative; min-height: 260px; padding-bottom: 40px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 { width: 200px; } } @media only screen and (max-width: 767px) { .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 { width: 100%; min-height: auto; padding: 0; } } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 h1 { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #005f9b; font-size: 20px; line-height: 20px; text-transform: uppercase; font-size: 18px; margin: 0 0 8px 0; width: 100%; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-number { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 14px; line-height: 14px; margin: 0 0 15px 0; clear: left; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-variations, .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-main-attributes { margin-left: 0; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-variations ul li, .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-main-attributes ul li { float: left; width: 100%; padding: 0; margin: 0 0 7px 0; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-variations ul li span.label, .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-main-attributes ul li span.label { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 16px; line-height: 16px; color: #0099CC; display: block; width: 50%; } @media only screen and (max-width: 767px) { .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-variations ul li span.label, .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-main-attributes ul li span.label { text-align: left; padding-top: 12px; } } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-variations ul li div.value, .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-main-attributes ul li div.value { float: left; width: 100%; margin-top: 5px; position: relative; } @media only screen and (max-width: 767px) { .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-variations ul li div.value, .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-main-attributes ul li div.value { width: 100%; float: left; } } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-variations ul li div.value .selected-value-color, .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-main-attributes ul li div.value .selected-value-color { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 400; color: #231f20; font-size: 16px; line-height: 16px; position: absolute; top: -22px; left: 65px; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-variations ul li div.value .swatches li, .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-main-attributes ul li div.value .swatches li { float: left; display: block; width: 40px; height: 30px; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-variations ul li div.value .swatches li a, .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-main-attributes ul li div.value .swatches li a { display: inline-block; width: 40px; height: 30px; text-indent: -10000px; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-variations ul li div.value .swatches li.selected, .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-main-attributes ul li div.value .swatches li.selected { padding: 2px; border: 1px solid #0099CC; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-variations ul li div.value .swatches li.selected a, .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-main-attributes ul li div.value .swatches li.selected a { width: 40px; height: 30px; text-indent: -10000px; outline: none; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-add-to-cart { float: left; width: 100%; padding: 0; margin: 0; overflow: visible; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-add-to-cart .product-options { float: left; width: 100%; position: relative; z-index: 100; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-add-to-cart .product-options li.attribute { margin: 0; overflow: visible; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-add-to-cart .product-options li.attribute .label { font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.05em; color: #0099CC; line-height: 100%; text-transform: uppercase; color: #0099CC; display: block; width: 100%; margin-bottom: 7px; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-add-to-cart .product-options li.attribute .value { float: left; width: 100%; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-add-to-cart .qty-inv { float: left; width: 100%; position: absolute; bottom: 10px; left: 0; z-index: 1; } @media only screen and (max-width: 767px) { .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-add-to-cart .qty-inv { position: relative; padding-top: 20px; } } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-add-to-cart .qty-inv .inventory { float: left; margin-right: 10px; width: 45px; } @media only screen and (max-width: 767px) { .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-add-to-cart .qty-inv .inventory { text-align: left; } } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-add-to-cart .qty-inv .inventory label { font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.05em; color: #0099CC; line-height: 100%; text-transform: uppercase; color: #0099CC; margin-bottom: 5px; display: block; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-add-to-cart .qty-inv .inventory input { width: 12px; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-add-to-cart .qty-inv button { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 20px; color: #ffffff; background: #f79727; height: 54px; line-height: 54px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 0.05em; padding: 0 78px; text-transform: uppercase; border: 0; float: left; font-size: 13px; padding: 0 45px; height: 38px; line-height: 38px; margin-top: 20px; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-add-to-cart .qty-inv button:hover { background-color: #ffefde; border: 4px solid #f79727; padding: 0 66px; line-height: 46px; color: #f79727; } .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-add-to-cart .qty-inv button:disabled { background-color: #eeeeee; color: #dddddd; } @media only screen and (max-width: 767px) { .ui-dialog #bonus-product-dialog #bonus-product-list .bonus-product-item .product-col-2 .product-add-to-cart .qty-inv button { clear: none; } } .pt_product-details .product-detail .product-add-to-cart .product-options ul span.customSelect, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul span.customSelect { display: none !important; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute { float: left; width: 100%; margin-top: 25px; position: relative; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute span.label, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute span.label { margin-bottom: 10px; float: left; width: 100%; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option { position: relative; float: left; width: 70%; } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option { width: 100%; } } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option.selected-cont, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option.selected-cont { width: 100%; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option:hover, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option:hover { width: 100%; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option:hover .option-head, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option:hover .option-head { background: #3b96ce; width: 100%; box-sizing: border-box; z-index: 2; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option:hover .option-head span, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option:hover .option-head span { color: #ffffff; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option:hover > .option-body, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option:hover > .option-body { display: block; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-head, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-head { float: left; width: 100%; padding: 10px 15px; border: 1px solid #e3e3e3; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: url("../images/footer/arrow-down.png") no-repeat 95% center; cursor: pointer; position: relative; z-index: 1; box-sizing: border-box; } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-head, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-head { width: 100%; box-sizing: border-box; } } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-head span, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-head span { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 600; color: #afaaaa; font-size: 17px; text-transform: uppercase; line-height: 120%; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body { float: left; box-sizing: border-box; width: 100%; background: #ffffff; border: 1px solid #3b96ce; border-top: 0; position: absolute; top: 40px; left: 0; z-index: 2; display: none; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul { list-style: none; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li { float: left; width: 100%; box-sizing: border-box; padding: 10px 15px; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li:hover, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li:hover { background: #f1f1f1; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li .img img, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li .img img { border: 1px solid #3b96ce; margin-right: 10px; float: left; line-height: 0; font-size: 0; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li .description, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li .description { float: left; width: 75%; margin-right: 10px; } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li .description, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li .description { width: 70%; } } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li .description, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li .description { width: 60%; } } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li .description .name, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li .description .name { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 14px; display: block; color: #000000; width: 100%; text-transform: uppercase; margin-top: 5px; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li .description .price, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li .description .price { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 14px; display: block; color: #3b96ce; width: 100%; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li.image-exist .description, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li.image-exist .description { width: 60%; } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li.image-exist .description, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li.image-exist .description { width: 48%; } } @media only screen and (max-width: 767px) { .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li.image-exist .description, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li.image-exist .description { width: 100%; } } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li .select, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li .select { float: right; margin-top: 13px; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li .select a, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li .select a { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; font-size: 14px; color: #ff9c00; text-transform: uppercase; border: 1px solid #ff9c00; padding: 5px 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-decoration: none; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li .select a:hover, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li .select a:hover { background: #ff9c00; color: #ffffff; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li.image-exist .select, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body ul li.image-exist .select { margin-top: 30px; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body.option-selected, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body.option-selected { border: 0; display: block; position: relative; z-index: 0; top: -2px; left: 1px; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body.option-selected ul li:hover, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body.option-selected ul li:hover { background: #ffffff; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body.option-selected ul li .select a, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body.option-selected ul li .select a { border: 1px solid #AFAAAA; color: #AFAAAA; } .pt_product-details .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body.option-selected ul li .select a:hover, .ui-dialog.quickview .product-detail .product-add-to-cart .product-options ul li.attribute .container-option .option-body.option-selected ul li .select a:hover { background: #ffffff; border-color: #ff9c00; color: #ff9c00; } .pt_product-details .product-detail .product-name-wrapper .product-description, .ui-dialog.quickview .product-detail .product-name-wrapper .product-description { font-family: "proxima-nova-alt", Arial, sans-serif; font-weight: 700; color: #231f20; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #707170; margin-top: 8px; text-transform: none; line-height: 1.3em; } .videomodal { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 10px; } .videomodal iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*# sourceMappingURL=style-new.css.map */