/** * Theme-specific styles */ /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Override/extend styles.css %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper { border-top-width:0px; } .main { padding:20px 0 40px; } /* Additional margin for main sidebars -------------------------------------------------------------- */ .col-left > * { margin-right: 15px; } .col-right > * { margin-left: 15px; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Fieldset -------------------------------------------------------------- */ /* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set { margin:0 0 10px; padding:0 15px 15px; } .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { margin:0 -15px 10px -15px; padding-left:15px; padding-right:15px; } /* Buttons set -------------------------------------------------------------- */ .buttons-set { margin:10px 15px; } /* Note: buttons and "required" have equal right margin */ .buttons-set button.button { margin-left:0; margin-right:5px; margin-bottom:5px; } .buttons-set p.required { margin:0 5px 5px 0; } /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin:0; min-height:1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */ } .category-title { margin-bottom:0; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .note-msg.empty-catalog { background:url(../images/img/empty-catalog.png) 10px 10px no-repeat transparent !important; color:inherit; min-height:70px; padding:40px 20px 40px 160px !important; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs { line-height:1.5em; /*18px*/ margin:0 0 5px; } /* Breadcrumbs on product page */ .catalog-product-view .breadcrumbs { margin-bottom:10px; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Line breaker */ .user-menu .line-break-after { clear:both; margin-bottom: 1px; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline .form-search .input-text { min-width: 180px; } /* Quick search: positions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Position 0 */ .search-wrapper-p0 { float: right; } .search-wrapper-p0 .form-search .input-text { min-width: 220px; } /* Position 1 - right side of top links */ .search-wrapper-p1 { float: right; } .search-wrapper-p1 .form-search .input-text { min-width: 220px; } /* Position 2 - right side of top links */ .search-wrapper-p2 { float: right; } .search-wrapper-p2 .form-search .input-text { min-width: 220px; } /* Position 3 - right side of top links */ .search-wrapper-p3 { float: right; } .search-wrapper-p3 .form-search .input-text { min-width: 220px; } /* Position 4 - right side of top links */ .search-wrapper-p4 { float: right; } .search-wrapper-p4 .form-search .input-text { min-width: 220px; } /* Position 5 - right side of top links */ .search-wrapper-p5 { float: right; } .search-wrapper-p5 .form-search .input-text { min-width: 220px; } /* Mini-cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*#mini-cart { margin-bottom:-8px; }*/ /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { padding-left: 0; list-style: none; } .block-viewed .block-content li.item, .block-compare .block-content li.item, .block-compared .block-content li.item { background:url(../images/img/bullet.png) no-repeat 0 10px; padding-left:10px; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Align block title with the tabs on product page */ .block-related .section-title { padding-top: 19px; } .block-related-thumbnails .owl-wrapper { margin-top:15px; } /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.block-account .block-title { background:url(../images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; }*/ .block-account .block-content { padding:10px 0 0; } .block-account li > * { padding: 2px; } .block-account li.current strong { font-weight:bold; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-grid .item { -webkit-tap-highlight-color: transparent; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Availability %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .availability { float:right; margin:15px 0; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Bundle product */ .price-box-bundle { border-bottom:1px solid #e5e5e5; margin:-10px 0 15px; /* Move up to align with the main price box */ padding-bottom:15px; } /* Main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Margin before price box */ .product-view .space-before-avail { margin:0 0 15px; height:0; line-height:0; } /* Upper part of the container */ .product-view .product-type-data > .price-box { border-top-style:solid; border-top-width:1px; margin:15px 0 0; padding:10px 0; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Add to cart button */ .product-view .btn-cart span span { padding:5px 40px; } /* Reviews */ .product-view .box-reviews .buttons-set { margin-left:0; margin-right:0; } /* New elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .sku { margin: 15px 0; } .product-view .sku span { font-weight: bold; } /* Product type specific data %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .is-type-grouped .availability { margin-top:0; margin-bottom:0; } .product-view .grouped-items-table input.input-text { height: 26px; padding:4px; /* Decrease default height and padding */ } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.my-account .pager { margin: -1px 0 20px; }*/ /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-primary .section { padding-top: 20px; padding-bottom: 20px; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Accordion & Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Opener -------------------------------------------------------------- */ .accordion-style1 .opener { background-color:rgba(0,0,0, 0.03); } /* Other modifications %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Nav container: with outline (if nav container has background color) or without outline (stretched) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* With outline -------------------------------------------------------------- */ /* Add top and bottom margin */ .nav.has-outline > .grid-full { margin-top: 1%; margin-bottom: 1%; } .nav.has-outline #mobnav { margin-bottom: 0; } /* Trigger has no bottom margin */ /* Without outline -------------------------------------------------------------- */ /* If menu stretched, no top and bottom margin. Important: added "container" class to make the selector more specific */ .container.nav.stretched > .grid-full { margin-top: 0; margin-bottom: 0; } /*.nav > .grid-full { float:left; }*/ /* Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Collateral boxes - stretch */ .cart-left-column .grid-full, .cart-right-column .grid-full { width:100%; } /* Interface icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icons with no background -------------------------------------------------------------- */ /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li a, /* Add-to links */ .add-to-links.addto-icons a, /* Slider arrows (for zoom thumbnails) */ .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Deprecated */ .gen-slider-arrows3 .direction-nav a, .gen-slider-arrows3 .direction-nav a.disabled:hover { background-color:transparent; } /* Other icons -------------------------------------------------------------- */ /* Add-to links icons in product grid */ .products-grid .addto-links-icons span.icon { border-radius: 0; } /* Pager */ .pager .pages li a { background-color:#f5f5f5; } /* Add-to links */ .addto-links-icons span.icon, .add-to-links.addto-icons a, /* Obsolete */ /* Slideshow directional arrows */ .gen-slider-arrows2 .direction-nav a, .gen-slider-arrows2 .direction-nav a.disabled:hover { background-color:#fff; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Built-in static blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Deprecated: Header top - help block */ .header-top .phone { background:url(../images/img/ic-phone.png) 0 center no-repeat; padding:0 0 0 24px; } .block_category_above_collection { margin:10px 0; } .block_category_below_collection { margin:10px 0; } .block_category_above_empty_collection { margin:10px 0; } /*.block_product_primary_bottom {} .block_product_secondary_bottom {} .block_product_replace_related {} .block_product_replace_upsell {} .block_cart_below_totals {} .block_cart_below_table {}*/ .block_mini_cart_above_products { margin:0 0 10px; } .block_opc_below_progress { margin:15px 0; } .block_cms_page_top { margin:0 0 15px; } /*.block_header_top_left {} .block_header_top_left2 {} .block_header_top_right {} .block_header_top_right2 {} .block_footer_primary_bottom_left {} .block_footer_primary_bottom_right {}*/ .block_footer_payment { margin-right:10px; margin-bottom:10px; margin-left:20px; } /* Sample block content -------------------------------------------------------------- */ .sample-block { color:#999; margin-top:10px; padding: 0 !important; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .sample-block:hover { color:#333; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% High-resolution-ready (retina-ready) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and ( min--moz-device-pixel-ratio: 1.5), only screen and ( -o-min-device-pixel-ratio: 3/2), only screen and ( -ms-min-device-pixel-ratio: 1.5), only screen and ( min-device-pixel-ratio: 1.5) { /* Rating */ .rating-box, .rating-box .rating { background-image:url(../images/img/rating@2x.png); background-size:14px 43px; } /* Theme icons -------------------------------------------------------------- */ /* To top */ #scroll-to-top, /* Search button */ .header .form-search .button span, /* All icons from icons-theme.css */ /* Row 1: */ .icon.i-wishlist, .icon.i-wishlist-w, .icon.i-wishlist-bw, .icon.i-wishlist-wb, .icon.i-compare, .icon.i-compare-w, .icon.i-compare-bw, .icon.i-compare-wb, .icon.i-recommend, .icon.i-recommend-w, .icon.i-recommend-bw, .icon.i-recommend-wb, .icon.i-lowstock, .icon.i-lowstock-w, .icon.i-lowstock-bw, .icon.i-lowstock-wb, .icon.i-cart, .icon.i-cart-w, .icon.i-cart-bw, .icon.i-cart-wb, /* Row 2: */ .icon.i-home, .icon.i-home-w, .icon.i-home-bw, .icon.i-home-wb, .icon.i-left, .icon.i-left-w, .icon.i-left-bw, .icon.i-left-wb, .icon.i-right, .icon.i-right-w, .icon.i-right-bw, .icon.i-right-wb, .icon.i-top, .icon.i-top-w, .icon.i-top-bw, .icon.i-top-wb, .icon.i-bottom, .icon.i-bottom-w, .icon.i-bottom-bw, .icon.i-bottom-wb /* Last selector without trailing coma */ { background-image:url(../images/sprite@2x.png); background-size:500px 200px; } /* All icons from icons-social.css -------------------------------------------------------------- */ /* Row 1: */ .icon.i-telephone, .icon.i-telephone-w, .icon.i-mobile, .icon.i-mobile-w, .icon.i-skype, .icon.i-skype-w, .icon.i-letter, .icon.i-letter-w, .icon.i-location, .icon.i-location-w, /* Row 2: */ .icon.i-twitter, .icon.i-twitter-w, .icon.i-facebook, .icon.i-facebook-w, .icon.i-googleplus, .icon.i-googleplus-w, .icon.i-youtube, .icon.i-youtube-w, .icon.i-vimeo, .icon.i-vimeo-w, .icon.i-wordpress, .icon.i-wordpress-w, .icon.i-pinterest, .icon.i-pinterest-w, .icon.i-linkedin, .icon.i-linkedin-w, .icon.i-blogger, .icon.i-blogger-w, .icon.i-envato, .icon.i-envato-w /* Last selector without trailing coma */ { background-image:url(../images/sprite-icons-social@2x.png); background-size:500px 200px; } } /* end: media query */ /*Viviscal style*/ /*Fonts*/ @import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=3c0c25ce-7389-46da-8431-294960de5294"); @font-face{ font-family:"TradeGothicNextLTPro"; src:url("../fonts/c22083eb-f768-467a-8736-cd9014be4e4f.eot?#iefix"); src:url("../fonts/c22083eb-f768-467a-8736-cd9014be4e4f.eot?#iefix") format("eot"),url("../fonts/1e25c4c8-80d6-44ba-bc21-51daaa0cd556.woff") format("woff"),url("../fonts/41757792-b783-4a47-9e47-62f4fc3d2ea6.ttf") format("truetype"),url("../fonts/d30fef5b-e7a0-444c-8fbf-629dbf84f4f8.svg#d30fef5b-e7a0-444c-8fbf-629dbf84f4f8") format("svg"); } @font-face{ font-family:"TradeGothicNextLTProLight"; src:url("../fonts/f2eb748c-88b2-441d-8174-b5f2f62f51b6.eot?#iefix"); src:url("../fonts/f2eb748c-88b2-441d-8174-b5f2f62f51b6.eot?#iefix") format("eot"),url("../fonts/c9c6ddb3-ece7-4644-9d6c-a5d358d8c150.woff") format("woff"),url("../fonts/39db63bd-1bc5-4585-99c6-0472b14b6787.ttf") format("truetype"),url("../fonts/d14a0bc4-5dcd-48b6-8747-98d111e6ee58.svg#d14a0bc4-5dcd-48b6-8747-98d111e6ee58") format("svg"); } @font-face{ font-family:"Univers-con-bold"; src:url("../fonts/076b8d7a-91b5-4c89-86a1-546b980072c7.eot?#iefix"); src:url("../fonts/076b8d7a-91b5-4c89-86a1-546b980072c7.eot?#iefix") format("eot"),url("../fonts/21decb60-b395-4de2-bd04-e38eb2a56d2f.woff") format("woff"),url("../fonts/091058d4-36b2-43f6-80d3-16c88e098061.ttf") format("truetype"),url("../fonts/827d22bc-e38b-4ccf-8a21-1f9aaa76e402.svg#827d22bc-e38b-4ccf-8a21-1f9aaa76e402") format("svg");} @font-face{ font-family:"DIN Next W01 Regular"; src:url("../fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix"); src:url("../fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix") format("eot"),url("../fonts/44e7b0fa-6c8d-43c2-b19e-f1e3ce9ea57c.woff2") format("woff2"),url("../fonts/c5a7f89e-15b6-49a9-8259-5ea665e72191.woff") format("woff"),url("../fonts/868c94b5-ca49-46b7-b62b-297f8d861125.ttf") format("truetype"),url("../fonts/e3145f65-29b5-4f7f-8c6e-2dc135021b6a.svg#e3145f65-29b5-4f7f-8c6e-2dc135021b6a") format("svg"); } /*End Fonts*/ .header-top-container { background: #a51d59; height: 35px; color:#ffffff; } .the-slideshow-wrapper-outer { background:#DDDDDF; text-align: center; } .icon.i-telephone { background-image:none; } .header-top-container a { color:#fff; padding: 0 6px; } .header-top { line-height: 2.5em; } #nav { background:none; border-bottom:0px; max-width: 720px; float: right; margin-right: 0; } #nav > li > a { font-family: TradeGothicNextLTPro; font-size:15px; line-height:2em; text-transform: none; } #nav.classic ul { background:none; padding: 0; line-height: 14px; margin-bottom:40px; } #nav.classic ul li { list-style-image:url(../images/hokiBulletPoint.gif); font-weight: bold; } #mini-cart .dropdown-toggle { color:#fff; } .nav-container .container { margin-right:0; } .header .dropdown { line-height:2em; } .icon.i-cart { background-image: url(../images/shoppingCart.png); background-position: 0px; } span.icon { width: 24px; } .nav-container { margin-top:12px; } .cms-index-index #nav #nav-home > a { background-color:transparent; color:#333333; } .grid-full { margin:0 !important; width:100% !important; } #nav > li:hover > a.staticblock { background: #f8f8f5; border-left: 1px solid #deded0; border-top: 1px solid #deded0; border-right: 1px solid #deded0; color:#628c93; height:36px; z-index:999999; position: relative; } #nav > li > a { border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; } #nav > li:hover { z-index:50; } #nav .level0-wrapper { top:36px; } #mobnav-trigger { font-family: TradeGothicNextLTPro; } .header-top .grid12-6 { margin-left:0px; } .footer-top-container { background-color: #a51d59; color:#fff; } .footer-container { background-image:none !important; background-color:#5d5d5c; } .footer-primary { background:transparent; color: #fafaf2; } .footer-bottom-container, .gen-tabs .tabs a { background:transparent; } .footer-top .links p { display:inline-block; margin-right:6%; } .footer-top .links p.last { margin-right:0; } .footer-top .links p img { margin-right:10px; vertical-align: middle; } .footer .item-left { display:inline; margin-right: 0px; width: 100%; } /* div .block-title { font-size:1em !important; color:#fafaf2; } */ .footer a, div .block-content { color:#d5d5c6; line-height:2em; } .footer a, div .block-content img { vertical-align: middle; margin-right:5px; } .footer .block-title hr { margin:8px 0; border:#81817c 1px solid; } .footer-container hr { width:100%; max-width:970px; margin: 0 auto; border: #6e6e6b 1px solid; } .footer-container { padding-bottom:10px; } .footer-bottom .item-left { width:50%; } .footer-bottom { font-size: 0.9166em; } .fullWidth { width:100%; text-align:center; /*background: url('../images/press-bg.gif') #e7e7e9 no-repeat center bottom; removed 8/7/16 as instructed by vus team J */ background-color:#e7e7e9; padding: 0 0 10px; float:left; } .home-row2 { margin-bottom:20px; } .home-row2 img { padding-right:20px; } .fullWidth .desktop-only-banner { padding-top: 12px; } .home-row2 h3, .headerTitle { font-size:26px; font-family: TradeGothicNextLTPro; line-height:1em; } /*.headerTitle strong { font-family: TradeGothicNextLTPro-Bd; }*/ .newsletterInputArea .button { background-color: #638b94; color:#fff; padding: 8px 30px !important; display: inline; margin-bottom:10px !important; text-align: center; } .button a { color:#fff; } .nomargin p { margin:0 !important; } .nomargin hr { width:100%; border-color:#e9e9e9; position: relative; top: -23px; z-index: 1; } .home-row3 { background:#f4f4f4; border-top:#ebebe3 1px solid; border-bottom:#ebebe3 1px solid; padding: 60px 0 20px; } .row3padding { padding-left:22px; } .molecules { background:url('/media/wysiwyg/US_2014/Home/molecule.png') no-repeat; } .magestore-bannerslider { max-width:350px; margin: 0 auto; } .cms-best-hair-vitamins .righthandmobileContent .magestore-bannerslider { margin-top:20px; } .flex-control-nav { display:none; } .home-row4 .headerTitle { line-height: 1.2em; } .home-row4 { border-bottom: 1px solid #dadacb; width:44% !important; } #subscribe-form { background: #f8f8f8; border: 1px solid #ebebe3; border-radius:0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; text-align: center; padding:40px; margin:12px 0 24px; } #subscribe-form p { text-align:center; } #subscribe-form .headerTitle { font-size:28px; margin-bottom:14px !important; } .newsletterInputArea { margin: 0 auto; line-height: 50px; } #subscribe-form .input-text, #subscribe-form .button,#subscribe-form .input-box { float:none; display:inline; margin-bottom: 0px !important; } #subscribe-form .button { width:15%; padding: 0 !important; max-width: 120px; } #subscribe-form .input-box input { width:60%; font-size:14px; font-family: TradeGothicNextLTPro; height: 30px; } .newsletterInputArea button.button span span { font-size:15px; font-weight:normal; max-width:120px; margin: 0 auto; width:100%; float:none; padding:0 !important; } .home-row6 { margin-bottom:20px !important; } .newsletterInputArea button.button span { width: 100%; } .cart-table-wrapper thead { background: #f4f4f4; border-bottom:0px; } .data-table thead th { font-weight: normal; font-size:15px; text-transform: uppercase; border-right:1px solid #ffffff; } #shopping-cart-table tfoot, #shopping-cart-table .col-delete, #shopping-cart-totals-table tfoot { display:none; } .cart-table thead tr { border-bottom: 0px; } .data-table tr.odd td, .data-table tr.odd th, .data-table tr.even td, .data-table tr.even th { border-right:0px; } .discountBox { display:none; } .product-view .btn-cart span, button.btn-checkout span { background-color: #a51d59; border-radius:0.25em; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; width:100%; } .product-view .btn-cart span span, .add-to-box button.btn-checkout span span { font-size:17px; height: 34px !important; line-height: 35px !important; width: 100%; padding: 5px 0; } .mini-cart .btn-checkout span span { width:80%; } .cart .totals { background:#ffffff; } .cart .totals table { background-color: #f5f5f5; } .cart .totals td { font-size:22px; } .cart .totals td { padding: 15px 0px 15px 10px; } .paddingRight { padding: 15px 40px 15px 10px !important; } .cart .totals-inner { padding:0px; } .success-msg { font-size:16px; } .cart h1 { font-size: 2.15em; color: #4b4b4a; font-family: TradeGothicNextLTPro; font-weight:bold; margin-top: 12px; } .header-container { background:url('../images/headerBottom.jpg') repeat-x bottom; } .cart .discount, .cart .crosssell { background: #f5f5f5; padding: 20px; margin-top: 30px; border:2px solid #ebebe3; } .discount h2 { font-size:20px !important; font-family: TradeGothicNextLTPro; border-bottom:0px !important; padding:0px !important; } #shopping-cart-table td .product-name a { font-family: TradeGothicNextLTPro; font-size: 24px; color:#4b4b4a; } .data-table th, .data-table td { padding: 14px 10px; } .cart .totals .checkout-types li { margin: 25px 0; } .page-title { margin-bottom: 6px; } .opc .active .step-title { background-color: #f4f4f4; } .opc .step { background:#fbfbfb; margin-top: 0px; } .opc .step-title h2 { color:#638b94; font-size:15px; } .form-list .field { width: 100%; } .form-list .input-box { display: inline; } .form-list label { width: 20%; text-align: right; margin: 7px 20px 2px 0; font-weight: normal; font-size:16px; } .form-list input.input-text, .form-list select { width: 60%; } /* #checkout-step-billing .buttons-set span span { padding: 0 40px; } #checkout-step-billing .buttons-set span { background-color: #df1195; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; font-size: 14px; } .checkoutContinue { text-align: center; } .checkoutContinue { text-align: center; } .checkoutContinue button { margin: 0 auto; float: none !important; } .control { display:none; } */ .opc .buttons-set { padding-top:0; } .form-list label.required em { display:none; } .grid-col2-sidebar { width: 31.33% !important; } .orderSummary { border:#ebebe3 1px solid; } .orderSummary h2 { border-bottom:#ebebe3 1px solid; padding:10px 0 10px 10px; } .orderSummary img { width:92px; height:auto; float:left; border:#ebebe3 1px solid; } .orderSummaryPadding { padding:10px; } .quantityChangers { font-size:24px; font-weight:bold; padding:0 10px; } #shopping-cart-table .qty { width:62px; } .orderSummaryCopy { width:60%; float:right; } .orderSummaryCopy .productName { display:block; } .oneItem { border-bottom: #ebebe3 1px solid; padding:10px; height:100px; } .cartSummary .left { font-size:10px; } .cartSummary .right { font-size:15px; text-align:right; } .cartSummary { height: 100px; padding:10px; } .cartSummary li { margin-bottom:5px; } .cartGrandTotal { background:#638b94; color:#ffffff; font-size:18px; padding:10px; line-height: 16px; height: 16px; } .estimatedDates { padding:6px 10px 16px; } .estimatedDates p { margin-top:10px; } .custom-sidebar-right { background:#f4f4f4; border:1px solid #ebebe3; /*position:relative; top: 140px; width: 100%;*/ max-width:301px; } .custom-sidebar-right .inner { /*border:1px solid #ebebe3;*/ padding-right:10px; } .custom-sidebar-right .inner .price-box { border-bottom:1px solid #ebebe3; padding: 14px 10px 8px 0px; margin: 0 15px 0 5px; } .gen-tabs .tabs { clear:both; } .price-box .regular-price .price { color:#608790; font-size:24px; } .v-centered-content .v-center { display:block; margin: 15px auto; } .product-view .add-to-cart { width:100%; text-align:center; } .product-view .add-to-box { margin:10px 0 0; } .add-to-cart .button { width:90%; } .add-to-cart .qty-wrapper label { font-weight: bold; font-size: 16px; margin-right:16px; } #product-tabs .tabs { background:#f4f4f4; height:46px; } .add-to-links { display:none; } .product-view .product-shop .product-name h1 { font-size:30px; font-family: TradeGothicNextLTPro; } .breadcrumbs { margin-bottom: 10px !important; } .breadcrumbs li { color:#5d5d5c !important; font-size:10px !important; } .breadcrumbs li a { color:#638b94; } .breadcrumbs li span { text-indent: 0; height:16px; margin: 0 4px 0 8px; } .short-description { font-size:17px; font-family: TradeGothicNextLTPro; color:#716c6f; } .img-box-style1 .product-image { border:0 !important; } .add-to-cart .qty { height: 22px; width: 60px; padding:0; } #product-tabs .tabs-panels li { list-style: disc inside; padding-left: 0; background:none; } #mini-cart .btn-checkout span span { padding: 0 25px 0 0; } .cart .btn-checkout span span { padding: 0; } .account-create p { margin-bottom:1em; line-height: 14px; } .account-create ul { list-style: inside disc; } .account-create ul.form-list { list-style: none; } .account-create .form-list label, .account-create .form-list input.input-text { width:100%; text-align: left; font-size: 13px; } .account-create .form-list .control label { float: right; width: 85%; } .account-create .fieldset h2.legend { font-family: TradeGothicNextLTPro; color:#638b94; font-size:22px; text-transform: none; border-bottom: 0; margin-bottom: 0; } .account-create .buttons-set button.button { float:left; } .account-create .form-list select { width: 49%; } .account-create .buttons-set .button span { background-color: #a51d59; border-radius:0.25em; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; } .account-create .buttons-set .button span span { font-size:14px; font-weight: bold; min-width: 60px; padding: 0 15px; } .dashboard .box-info .box-head h2 { font-family: TradeGothicNextLTPro; font-size:21px; color:#638b94; } .dashboard .box-account .box-head { border-bottom:0; } .dashboard .box .box-title, .block-account .block-title { background-color:#638b94; border-bottom:0; padding: 6px 14px; font-family: TradeGothicNextLTPro; font-size:20px; color:#fff; } .dashboard .box .box-title a { color:#fff; font-size:11px; text-transform: uppercase; } .dashboard .box .box-title h3 { font-size:16px; font-family: TradeGothicNextLTPro; color:#fff; } .box-account.box-info .col-1 { border-right:0px; } .dashboard .box-info h4 { font-size:13px; font-weight:bold; text-transform: none; } address { font-size:13px; } .block-account .block-content ul { list-style: none; padding-left:0; } .block-account li > * { text-transform: none; border-bottom:2px solid #dadacb; font-size: 13px; } .footer .heading { font-size:13px; } .productManButton { background:url('/skin/frontend/ultimo/l2gus/images/ViviscalManButton.jpg') !important; } .bottomProductPage { width:100%; max-width:627px; margin-top:10px; padding-top:30px; } .underProducts p img { width:40%; height:auto; } .bottomProductPage .headerTitle { font-size:20px; margin-bottom:12px; line-height: 19px; } .underProducts { min-height: 300px; width:48% } .underProducts p { line-height:15px; } .underProducts p em { font-size: 12px; } .custom-sidebar-right .headerTitle { text-align: center; padding: 12px; } .productMonthChoice { background: #ffffff; } .productHairClub .productMonthChoice { background:#c9c9c9; } .productMonthChoice .block_product_secondary_bottom { background:#f4f4f4; } .productHairClub .productMonthChoice .btn-cart { margin-bottom:15px; } .eliteBlurb { width: 31% !important; } .eliteBlurb p { font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:14px; color:#484445; font-weight:bold; } .productMonthChoiceContent .price-box .price { font-size:15px !important; } .productMonthChoice input, .productMonthChoiceContent { float:left } .productMonthChoice .savings { background: #638b94; font-size:10px; color: #ffffff; width:88px; height:18px; clear:both; text-align:center; float:right; margin-top: 10px; } .productMonthChoice .col-1 { border-right:1px solid #f4f4f4; padding:35px 0 10px 10px; } .productMonthChoice .col-2 { padding: 7px 0 0; } .productMonthChoice .col-1 input, .productMonthChoice .col-2 input, .product3monthsupplyContent input { margin:3px 8px 0 0; } .productMonthChoice .col2-set .col-1 { width:45%; } .productMonthChoice .col2-set .col-2 { width:48%; } .oldstrikeprice { text-decoration:line-through; color:#8d9096; display: inline; font-size:12px; } .custom-sidebar-right .col-2 .price-box { display: inline; } .productMonthChoice button { width: 90%; display: inline; margin-left:15px; } .productMonthChoice .col2-set { padding-bottom:12px; } .productHairClub p { padding:0 9px 20px; line-height: 18px; } .productHairClub ul { width: 90%; padding: 10px 0 10px 30px; background: #fcfcfc; } .productHairClub li, .kitBox li { list-style-image:url('../images/icon_plus.gif'); font-size:13px; } .productHairClub .block_product_secondary_bottom p { padding:0; } .crosssell h2 { font-size:20px; border-bottom:0 !important; margin-bottom:0 !important; } .crosssell .product-details h3.product-name { font-size:15px; font-weight: bold; } .crosssell .product-image img { width:92px; height:92px; } .crosssell li a { padding:0 !important; } .cart .crosssell li.item { padding: 10px 0; } .crosssell .button span { background: #f5f5f5; text-transform: uppercase; color: #638b94; font-size:13px; } .crosssell .productMonthChoice ul { list-style-image: url('../images/icon_plus.gif'); } .crosssell .upgrade span { background: #dd1194; color: #fff; text-transform: none; font-size:15px; padding: 15px 90px; border-radius: 0.25em; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; } .crosssell .price-box .regular-price .price, .price-box .minimal-price .price { color:#5f6060; font-size:15px; } .crosssell .cart .crosssell .price-box { margin:3px 0; } .cart .crosssell .product-details { margin-left:105px; } button.button span { background-color: #a51d59; } .cart .title-buttons button { position:relative; top:15px; } .checkout-types button { min-width:200px; font-size:17px; font-weight:bold; letter-spacing: 1px; } .header-container a { cursor: pointer; } .header-nav-dropdown-wrapper img { position:relative; z-index:1; } .product3monthsupplyContent { padding: 15px 15px 15px 0px; font-size:15px; } .aboutUsTabs { background:url('../images/topTabBG.gif') repeat-x; float:right; padding:7px 0; border:1px solid #e3e3e3; } .aboutUsTabs a { padding:0 20px; color:#638b94; font-size:12px; font-weight:bold; } .aboutUsTopBox { border:1px solid #caccce; clear: both; padding:20px 10px; float:left; } .category-products .toolbar { border-top:0px; } .category-description .grid-full { margin-left: 1% !important; margin-right: 1% !important; } .categoryTestimonials { background:#f4f4f4; width:100%; float: left; padding: 75px 0; } .categoryTestimonials .container { padding:0 100px; } .catNumber { background: #a51d59; padding: 5px 20px; color: #ffffff; font-size: 34px; height: 100%; display:inline; line-height: 44px; } .catProductDesc ul { list-style-type: disc; line-height: 18px; padding-left:20px; } .catProductDesc .button { font-weight: bold; color:#fff; background:#de1195; padding: 7px 12px; margin-bottom: 40px; } .categoryTestimonials .headerTitle { font-size: 18px; max-width:200px; line-height: 22px; margin: 20px 0 50px 120px; } .tealButton { background:#638b94; color:#fff; font-size: 14px; font-weight:bold; padding: 10px 65px; margin-right:10px; } .errorPage { width: 50%; margin: 60px auto 20px; padding-left: 160px; } .grouped-items-table tbody td { width:70px; padding:0 20px; } .grouped-items-table tbody td select { width: 60px; margin-top:4px; } #shopping-cart-totals-table th, td { vertical-align: middle; } .flex-direction-nav a { text-indent: 99999px !important; } .orderUpdateDiv { font-size: 20px; text-align: center; display:none; margin: 16px 0 22px; } .orderUpdateDiv img { padding: 2px 5px; } #street_2 { margin-left:23.3%; } .catProductDesc .button-man { font-weight: bold; color: #fff; background: url('/skin/frontend/ultimo/l2gus/images/ViviscalManButton.jpg'); padding: 7px 12px; margin-bottom: 40px; } .name-prefix, .gift-messages { display:none; } p.grandtotal { font-size:22px !important; } .home-row3 .grid12-6 { text-align: center; } @media only screen and (min-width: 768px) { .home-row3 .grid12-6 { width:45% !important; } } /*Popup styles */ #CustomerCare { background:url('../images/CustomerCarePopUpBG.png') no-repeat; padding:15px; overflow: hidden; } @media only screen and (min-width: 768px) { #CustomerCare { background: url('../images/CustomerCarePopUpBG.png') no-repeat !important; } } #CustomerCare h1 { font-family: TradeGothicNextLTPro; font-size: 35px; color:#638b94; } #CustomerCare { line-height:16px; font-size:13px; } #CustomerCare .col2-set { margin-bottom:35px; } #CustomerCare .col2-set div { width:40%; } #CustomerCare .button { background-color: #638b94; color:#fff; font-size:14px; font-weight:normal; padding:10px 22px; margin:10px 0 20px; } #CustomerCare .grid12-5 a { display:block; margin-bottom:4px; } #CustomerCare .grid12-5 { border-left:2px solid #dadacb; margin-left:10px; padding-left:20px; width:36%; } #CustomerCare .grid12-7 { width:55%; } .aboutUsGreyBox { background:url('../images/greyBoxBottom.jpg') #f9f9f9 repeat-x bottom; padding: 30px 15px 10px; margin:15px 0; float: left; } .aboutUsTimelineButtons { margin-bottom: 20px; } .aboutUsTimelineButtons li { background:url('../images/timelineButton.jpg') #ebebec 100% no-repeat; width: 116px; height: 30px; text-align: center; padding-top: 10px; } .aboutUsTimelineButtons li a { width: 116px; height: 30px; } .data-table thead { border:0; } .data-table tr.even { background:none; } #super-product-table tr td img { margin: 14px 0 6px; } .header-nav-dropdown-wrapper { background:#f8f8f5; width:100%; border:1px solid #deded0; } .productsNav a { display:inline-block !important; clear:both; margin: 0 auto; } #nav .level0-wrapper { width:auto; } .productsNav { padding: 25px 4px 15px 20px !important; } .teamBottompage { border-top:2px #dadacb solid; margin-top:30px; padding-top:20px; } .teamBottompage p img { width:227px; height:117px; } .thickLineBreak { border-top:2px #dadacb solid; margin-top:15px; } .directionCopy { background-color: rgba(255, 255, 255, 0.75); padding:15px 10px 10px; width:304px; height:125px; position: relative; top: -256px; margin-left: 20px; } .directionCopy p { margin-bottom:2px; line-height: 24px; } .directionCopy img { margin-top:15px; } .aboutUsContactUsButtons { height:0; position:relative; top:30px; left:20px; float:left; display:inline; } .aboutUsContactUsButtons li { background:url('../images/contactUsButtongBG.gif') repeat-x; border:1px solid #bdbdbd; height:21px; text-align: center; float:left; padding:0 5px; line-height: 10px; min-width:40px; } .aboutUsContactUsButtons li a { font-size:12px; color:#404040; } .smallerParagraphs .headerTitle { margin: 0 0 1em !important; } .smallerParagraphs p { margin-bottom:6px !important; } .cmsMiniNav { background:url('../images/minNavBG.gif') repeat-x; padding:5px 32px; margin-bottom:30px; } .cmsMiniNav a { padding:0 7px; color:#5d5d5c; } .learnButtons { display: block; color: #fff; text-align: center; padding: 10px 0; font-weight: bold; margin-top: 40px; font-size: 15px; border-radius: 0.25em; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; } .learnButtons:hover { color:#fff; } .ctb_table_top { font-family: TradeGothicNextLTPro; font-size:36px; color:#638b94; background:#f1f2f3; margin-top:15px; padding: 30px 0; text-align: center; } .ctb_table_left { background:#dce0e3; text-align: center; padding:62px 10px; width: 20px; height: 100px; float:left; } .ctb_table_left div { /*-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; Should be unset in IE9+ I think. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/ font-size:14px; color:#638b94; font-weight: bold; } .ctb_table_box { border-right:2px solid #dadacb; border-bottom:2px solid #dadacb; min-height: 190px; margin:0 !important; padding: 10px; width: 27.8% !important; } .ctb_table_box img { clear:both; } .ctb_button { background:#638b94; text-align: center; width:90%; padding: 14px 0 10px; margin:20px 30px; border-radius:0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; color:#fff; } .ctb_button a { color:#fff; font-size:20px; } .whyViviscalBox { border:1px solid #74787f; width:31% !important; } .whyViviscalBox .headerTitle { color:#ffffff; background:#a51d59; font-size:20px; padding: 5px 18px; margin-top:0 !important; } .whyViviscalBox p { margin-bottom:0px; font-size:13px; } .whyViviscalBox .grid12-full { padding:10px; min-height: 90px; } .whyViviscalBox img { margin-right:10px; } .ss_topNav ul { list-style: none; text-align: center; width: 100%; clear: both; background:url('../images/ss_topnavBG.jpg') no-repeat center 100%; height: 95px; } .ss_topNav li { padding-right: 5px; display: inline-block; margin-top: 16px; } .ss_topNav img { border:1px solid #454545; } .ss_baa p a span span { font-size:12px; } .ss_baa p { text-align:center; } .checkoutBox { border:1px solid #d0d0d0; padding:30px 0 20px; width:100%; float:left; margin-top:10px; } .checkoutBox a { background:#638b94; padding:10px 20px; color:#fff; font-weight:bold; } .checkoutBox .grid12-full { float:left; width: 100%; } .checkoutBox .grid12-4 { margin-top:20px; } .checkoutBoxInner { max-width:800px; margin:0 auto; } .powderBlueBanner { background: #b4e0e6; padding: 20px 0 0; line-height: 4em; margin-bottom: 40px; } .kitBox { border:2px solid #ebebe3; background:#fcfcfc; margin: 30px 0; min-height: 676px; } .kitBox .greyBG { background:#f4f4f4; text-align: center; padding:15px 0 5px; } .kitBox img { width:100%; } .kitBox button { border-radius: 0.25em; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; } .kitBox button span span { font-size:15px; font-weight:bold; } .kitBox button span span { padding: 0 90px; } .kitBox ul { padding-left:20px; height:160px; } .kitBox form input { margin-right:10px; } #tabs .aboutUsTimelineButtons li { background-size: 100%; width: auto; padding: 0 16px; margin-top:10px; } #tabs .aboutUsTimelineButtons li a { width: 100%; font-size:19px; } .faqQuestions hr { border:1px solid #dadacb; margin: 16px 0 18px; } .data-table .item-options dt { clear:both; line-height: 20px; font-size: 12px; min-width:100px; } .product-view .box-up-sell { display:none; } #checkout-review-table tbody tr td .item-options { display:none; } #EmailTimedPopup { border:5px solid #638b94; padding: 20px 25px 0; color:#4b4b4a !important; background-image:url('/skin/frontend/ultimo/l2gus/images/ViviscalPopUp_background.jpg') !important; background-repeat: repeat-x; background-position-y: 21px; overflow: hidden; } #EmailTimedPopup .page { text-align: center !important; background: transparent; } #EmailTimedPopup h1 { width:380px; font-family: TradeGothicNextLTPro; color: #638b94; font-size:48px; margin: 0 auto; } #EmailTimedPopup #subscribe-form { background:none !important; padding:0 !important; border:0 !important; } #EmailTimedPopup #subscribe-form .headerTitle { font-size:20px !important; color:#638b94; padding-left: 38px; text-align: left; } .onestepcheckout-totals .Gift.Cards, .block-account .Billing.Agreements, .block-account .My.Tags, .block-account .My.Applications, .onestepcheckout-totals .Subtotal { display:none; } .field.gender { width: 40%; float: left; } .product-view .box-tabs { margin:0; } .kitBox li {position: relative;} .kitBox li .hhc_hover {display: none; position: absolute; color: #fff; background: #000; padding: 5px; left:-20px; top: 45px; width: 410px; height: 86px;} .kitBox li:hover .hhc_hover {display: block; text-align: left; z-index:999999999999;} #SignIn { background:url('../images/SignUpPopUpBG.png') no-repeat !important; padding:50px 30px 20px; overflow: hidden; } #SignIn h1 { font-family: TradeGothicNextLTPro; font-size: 48px; color:#638b94; text-align: center; } #SignIn .form-list label.required { width:100%; font-size:13px; color:#74787f; text-align:left; } #SignIn .form-list .input-box, #SignIn .form-list input.input-text { width:100%; } #SignIn .buttons-set { margin:10px 0; font-size:12px; } #SignIn .buttons-set button.button span span { font-size:14px; font-weight: bold; width:69px; height:32px; line-height: 32px; } #SignIn .nomargin { text-align:center; margin-top: 20px; } #SignIn .nomargin hr { top: -13px; } #SignIn p { font-size:22px; } #SignIn .fbButtonWrapper { text-align:center; margin:10px 0; } #SignIn .textWrapper { width:80%; line-height:16px; margin: 0 auto 35px; } .tabs-panels { border:1px solid #f2f2f2; border-top: 1px solid #fff !important; padding:30px 15px !important; } .gen-tabs .tabs a, .gen-tabs .tabs a.current { color:#638b94; font-size:13px; padding: 5px 30px; } #nav ul { opacity:1 !important; } #nav > li > a > span img { display:none; vertical-align: middle; margin-left:5px; } #nav > li:hover > a > span img { display: inline-block; } .tinner { background:#fff url(../images/preload.gif) no-repeat 50% 50%;} .tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:9999} .tbox {position:absolute; display:none; padding:14px 17px; z-index:99999} .tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:9999} .tclose {position:absolute; top:40px; right:35px; width:30px; height:30px; cursor:pointer; background:url(../images/SignUpPopUpClose.gif) no-repeat} .geoTrustIcon a { float: right; margin: 0; width: 48%; margin-top: -30px; } .header .item-left { margin-right: 0px; width: 100%; } /*Viviscal small screen style*/ @media only screen and (max-width: 767px) {.button { display:block; clear:both; } .product-view .grid12-4 { max-width:800px; }} @media only screen and (max-width: 400px) {.home-row2 img { margin-bottom:16px; }} @media only screen and (max-width: 959px) { .cart .title-buttons button { position:static; } .geoTrustIcon a { width:auto; margin:0; } } @media only screen and (max-width: 959px) { .cart .title-buttons .checkout-types { clear:both; } } @media only screen and (max-width: 767px) { .cart .checkout-types, .cart .checkout-types li, .cart .checkout-types button { width:100%; margin:5px 0; } .underProducts { display:none; } #CustomerCare { background:#ffffff !important; background-size: 100% 100% !important; padding: 20px 10px 50px !important } } .onestepcheckout-column-left { min-height: 600px; } .footer-container2 div .block-content a, .footer-container2 div .block-content a img { margin-right:0px !important; } .doctor_trusted { position:static !important; display: inline !important; float: left; width: 100px; } .doctor_trusted a img { height:auto; } .field.gender { width:40%; float:left; } .sa_comments { padding-bottom:0px !important; } .hairGuideContent { float: right; height: 100%; width: 660px; background:#ffffff repeat-x; } .hHG_contentText { float:left; margin-top:40px; width: 400px; font-size: 14px; font-family: TradeGothicNextLTPro; } @media only screen and (max-width: 780px) { div.onestepcheckout-threecolumns div.onestepcheckout-column-left, div.onestepcheckout-threecolumns div.onestepcheckout-column-middle, div.onestepcheckout-threecolumns div.onestepcheckout-column-right { width:100% !important; } .hairGuideContent { float: left; height: 100%; width: 100%; } .hHG_contentText { width: 100% !important; } } @media only screen and (max-width: 640px) { .SA_large { display:none; } } .SA_small { float: right; } .clearfix.field8 { margin-top: -50px; } @media only screen and (max-width: 960px) { .thankYouSteps { margin-left:0px !important; } .thankYouFacebook { float:left !important; } } .modal-footer { display:none; } .dealerlocator { width: 100%; } @media all and (max-width: 911px) { .dealerlocator { height: 1170px; } } @media all and (max-width: 639px) { .dealerlocator { position: relative; /*width: 104%; left: -2%;*/ } } @media all and (max-width: 537px) { .dealerlocator { height: 890px; } } @media all and (max-width: 479px) { .dealerlocator { font-size: 14px; width: 95%; left: -4%; } } @media all and (max-width: 359px) { .dealerlocator { width: 90%; /* left: -7%; */ } } #EmailTimedPopup .headerTitle { font-size:23px !important; color:#638b94; margin: 10px 0 10px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10 Popup */ #EmailTimedPopup img { height:90%; width:auto; } } .page { background:#ffffff; } /* Voice of Solution page */ .vos_CTA { font-family: TradeGothicNextLTPro; font-weight: bold; color:#a51d59; width:100%; font-size:16px; position:absolute; bottom:30px; } .vos_Logo { margin:30px 0; } .vos_rightTopImage { margin-top:130px !important; position: absolute; bottom: 0; } .vos_categorySelecter { background-color:#f4f4f4; padding: 1px 0; width:100%; float: left; border-top:#ebebe3 1px solid; border-bottom:#ebebe3 1px solid; min-height: 80px; overflow: hidden; } .vos_categorySelecter .grid12-2 { padding:30px 0.5%; background-color:#638b94; color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-transform: Uppercase; text-align: left; cursor:pointer; margin: 0 !important; } .vos_categorySelecter .grid12-2.shown { color:#638b94; background-color:transparent; } .vos_categorySelecter .grid12-2.shown.whitebg { background:#fefefe; } .weight-loss, .menopause, .natural-hair { background:#ffffff; } .extraordinaryWomen { margin: 30px 0 20px; float: left; width: 100%; } .extraordinaryWomen h1 { font-family: TradeGothicNextLTPro; } .extraordinaryWomen .grid12-3 { border:2px solid #688d95; margin-right:0%; margin-bottom:4%; position: relative; } .extraordinaryWomen .grid12-3 div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color:rgba(104, 141, 149, 0.8); display: none; } .extraordinaryWomen .grid12-3 p { background:#688d95; margin:0; padding:0; color:#ffffff; text-align:center; text-transform:uppercase; padding:7px 0; font-size: 14px; } .extraordinaryWomen .grid12-3 img { margin:0 auto; } .extraordinaryWomen .lastBox { height: 102px; padding: 34px 0 !important; font-size: 18px; line-height: 26px; } .extraordinaryWomen .lastBox a { color:#1c79b2; text-decoration: underline; } .cms-voice-of-solution .main.container { font-size:16px; font-family: TradeGothicNextLTPro; } .shareYourStoryBox { color:#688d95; font-size:20px; float: left; } .shareYourStoryBox img, .shareYourStoryBox p { display:inline; line-height: 34px; } .iconSelecter { width:32px; height:32px; float:left; margin: -6px 5px 0 0; background:url('/media/wysiwyg/US_2014/Voice_of_Solution/categoryIconSpriteSelected.png') repeat-x; } .shown .iconSelecter { background:url('/media/wysiwyg/US_2014/Voice_of_Solution/categoryIconSprite.png') repeat-x; } .brides .iconSelecter { background-position: 0px 0; margin-left: 13px; } .weight-loss .iconSelecter { background-position: 167px 0; margin-left: 14px; } .pregnancy .iconSelecter { background-position: 132px 0; } .menopause .iconSelecter { background-position: 99px 0; margin-left: 14px; } .overstyling .iconSelecter { background-position: 64px 0; margin-left: 14px; } .natural-hair .iconSelecter { background-position: 32px 0; margin-left: 10px; } @media only screen and (max-width: 767px) { .extraordinaryWomen { width: 93%; } .vos_categorySelecter .container { width:93%; margin:0; } .vos_Logo { width:93%; } #vos_topCopy { padding-right: 15px; } } .vos_topCopy h1 { font-family: TradeGothicNextLTPro !important; font-size:26px !important; } #vos_contentImage { height: 390px; position: relative; } #EmailTimedPopup { background-image:none !important\9\0; } /* IE9 Popup */ .autoShipmentHeader { width:100%; background-color:#638b94; color:#ffffff; padding: 0; } .autoShipmentHeader .headerTitle { padding:10px 2px; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:16px; } .productHairClub { background: none; border:0; } /*Recommendation page styles*/ .recommendations .recommendNav { width: 73%; margin: auto; } .recommendations .cmsMiniNav { text-align: center; margin: 0 auto 30px; } .recommendations hr { width: 60px; margin: 20px auto; border: 1px solid #dadacb; } .recommendations h1 { font-size: 34px; text-align: center; } .recommendations h3 { background: #f4f4f4; text-align: center; margin-bottom: 0; padding: 20px; } .recommendations .headline { font-size: 16px; color: #5f6060; } .recommendations .singleWrapper { background: #fcfcfc; overflow: hidden; border: 1px solid #f4f4f4; padding: 25px 15px; margin-bottom: 20px; } .recommendations .singleImage { width: 42%; float: left; } .recommendations .singleImage img { width: 100%; } .recommendations .singleText { width: 58%; float: left; color: #716c6f; font-size: 14px; box-sizing: border-box; padding-left: 10px; } .recommendations .singleText strong, .recommendations .secondQuote strong { color: #638b94; } .recommendations ul { margin-top: 5px; } .recommendations .singleText li, .recommendations .secondQuote li { font-style: italic; font-weight: bold; color: #716c6f; } .recommendations .singleText li:before, .recommendations .secondQuote li:before { content: "- "; } .recommendations .singleWrapper .secondQuote { padding-top: 10px; clear: both; } .recommendations .singleWrapper .secondQuote hr { margin: 0px auto 10px; width: 100%; } @media screen and (max-width: 959px) { .recommendations .cmsMiniNav { background-size: contain; } .recommendations .recommendNav { width: 100%; } } .newsletterInputArea .button { background-color: #a51d59; color:#fff; padding: 8px 30px !important; display: inline; margin-bottom:10px !important; text-align: center; } .newsletterInputArea input { height: 28px; border: 1px solid #cdc9c9; border-radius: 3px; display: inline-block; width:45% !important; padding-left:10px; } .newsletterInputArea button.button span span { font-size:15px; font-weight:bold; max-width:180px; margin: 0 auto; width:100%; float:none; padding:0 !important; } .home-row6 { margin-bottom:20px !important; } .newsletterInputArea button.button span { width: 100%; } .hairFibreSliders { float:right !important; width:100%; } .mv_smartmenu_news { display:none; } .messages { clear:both; } .cart .messages .success-msg { display:none !important ; } .cart .messages { clear:both; } #products-table-basket { clear:both; display:block; } .whyViviscalBottom { background-color:#e3e3e3; } .whyViviscalBottom .grid12-4 { margin-bottom:20px; width: 29.33%; margin-left: 2%; margin-right: 2%; } .whyViviscalBottom .wvWhiteBox { background:#ffffff; border:1px solid #6b6b6b; padding: 10px 10px 5px; margin: 10px 0; } .wvGreyBox { background:#4b4b4b; border:1px solid #545454; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; padding: 10px 10px 5px; } .wvSocialButtons { text-align: center; padding: 25px 10px 5px; } .wvSocialButtons img { margin:0 5px; } @media only screen and (max-width: 640px) { .wvGreyBox iframe { height:240px; } } table.onestepcheckout-summary td.total, table.onestepcheckout-summary th.total, table.onestepcheckout-totals td.value { padding-right:15px; } .onestepcheckout-totals .Grand.Total { background:#638b94; color:#fff; font-size:18px; border:0; line-height: 30px; } .onestepcheckout-totals .Grand.Total .value { font-weight:bold; } /* Coupon Page Styles */ .couponBanner { background: url('../images/custom/ViviscalCouponBanner.jpg') repeat-x #e9e9e9; /*--MSEDIT ADDED COLOUR STYLE--*/ margin-bottom: 10px; } .couponBanner h1, h2 { color:#231f20; font-family: TradeGothicNextLTPro; margin: 5px 0 !important; } .marginLeft p { margin: 0 10px 10px 10px; } .couponContentLeft { width:49% !important; margin-left:0 !important; } .couponContentRight { width:49% !important; margin-right:0 !important; } .couponMainContent { background: url('../images/custom/couponContentContent.jpg')#ffffff repeat-x top; color:#231f20; padding:15px 0; } .couponMainContent p { text-align: left; margin-top:10px; font-family: Arial; font-size: 16px; } .couponMainContent hr { clear:both; color:#231f20; margin-bottom:6px; } .couponMainContent iframe { border: 0; overflow:visible !important; } .couponContentRightBox { background:url('/media/wysiwyg/US_2014/Misc/couponBackground.jpg') #fff repeat-x top; margin-top: 20px; } .couponContentRightBoxInner { padding: 25px 35px 0px; margin-bottom:100px; } p.couponFirstTitle { line-height: 35px; margin-top: 0px; font-family:Univers-con-bold; } p.couponSecondTitle { font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, Helvetica, Arial, sans-serif; line-height: 38px; margin-top: 0px; } p.leftContentBlurb { margin: 0 0 10px !important; } .couponThankYou { color:#231f20; margin-top: 85px; } .couponThankYou h1 { font-size: 33px; letter-spacing: -1px; margin-bottom: 10px; font-weight: bold; font-family:Univers-con-bold !important; } .couponThankYou a { color:#231f20; text-decoration: none; } /* Viviscal Elite Page */ ul.eliteList { padding-left:20px; } ul.eliteList { margin:0 0 10px 25px; list-style-image: url('../images/custom/bulletTick.png'); line-height: 18px; } ul.eliteList li { margin-bottom:15px; } .vivEliteTopBox { background:#a51d59; width:100%; text-align: center; padding: 12px 0 4px; color:#fff; float:left; } .vivEliteTopBox h2 { color:#fff; font-size: 24px; } .vivEliteSHeaderWrapper { float: left; width: 100%; background: url('../images/custom/headerBG.jpg')#ffffff repeat-x top; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; position:relative; background-size: 100% 100%; } .vivEliteSHeader { padding: 10px 10px 10px 25px; } .vivEliteSHeader .circleNumber { background:#638b94; display:inline-block; border-radius:20em; -webkit-border-radius: 20em; -moz-border-radius: 20em; font-size:26px; color:#e5e4e4; text-align: center; width: 36px; padding: 7px 0; margin-bottom: 0; } .vivEliteSHeader .title { display:inline-block; font-size:26px; font-family: TradeGothicNextLTPro; color:#716c6f; padding-left:15px; margin-bottom: 0; } .rightHandOptions { float:right; margin-bottom: 0px !important; line-height: 34px; } .vivEliteOptionSection { float: left; width: 100%; text-align: center; position:relative; } .optionWrapper { padding: 25px 0 15px; float: left; width: 100%; border-bottom: 1px solid #d9d9d9; } .optionWrapper.genderWrapper { padding: 20px 0; } .genderButton { width:48.5% !important; border-radius:0.3em; -webkit-border-radius:0.3em; -moz-border-radius:0.3em; margin: 0; height: 70px; } .genderButton span { width:100%; height: 70px; } .genderButton span span { padding:0 !important; letter-spacing: 1px; font-family: TradeGothicNextLTPro; font-size:20px !important; height: 70px !important; line-height: 70px !important; } .optionSelection .headerTitle img { vertical-align: middle; margin:0 -45px 0 15px; float: left; } .genderButton span span img { vertical-align: middle; margin:20px -45px 0 15px; float: left; } .genderButton.men span { background:#d5680d !important; } .rightHandSelected { background:#716c6f; float: right; color:#fff; border-radius:0.3em; -webkit-border-radius:0.3em; -moz-border-radius:0.3em; padding: 5px 14px 5px 10px!important; margin:2px 0 0 10px !important; } .rightHandSelected img { vertical-align: middle; margin-top: -2px; margin-right: 8px; padding:3px; } .rightHandSelected img:hover { background:#000; border-radius:20em; -webkit-border-radius:20em; -moz-border-radius:20em; } .rightHandSelected.man { display:none; } button.genderButton.men:hover span { background: #b0530d !important; } .genderCol.men span { background:#d5680d !important; } button.button span.genderCol.men { background:#d5680d !important; } .genderCol.men:hover span { background:#b0530d !important; } button.button:hover span.genderCol.men { background:#b0530d !important; } .optionSelection { border:1px solid #e5e5e5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .supplementOption .optionSelection.selected { border: none !important; } .supplementOption .optionSelection.selected .step2woman { overflow: hidden; border: 6px solid #de1195; } .supplementOption .optionSelection.selected .step2man { overflow: hidden; border: 6px solid #d5680d; } .step3.optionsWoman .optionSelection.selected { border: 6px solid #de1195; } .step3.optionsMan .optionSelection.selected { border: 6px solid #d5680d; } .step2woman, .step2man { display:block;overflow:hidden; } .grid12-6.optionSelection { width: 46% !important; } .optionSelection .widget-static-block { padding: 0px 0px 19px; display: block; } .vivEliteOptionSection button.button img { vertical-align: 0%; margin-left: 10px; } .vivEliteOptionSection button.button span span { font-size: 16px; } .kitButton, .kitButton .genderCol { width: 100% !important; } .genderCol { width: 100%; } .kitButton .genderCol span { width: 100%; padding: 0; } .removeMan { display:none; } .optionSelection p { text-align: left; } .optionSelection ul { text-align: left; list-style: url('/media/wysiwyg/US_2014/Elite/eliteBullet.jpg'); padding:0 8px 0 20px; margin-bottom:20px; /*min-height: 256px;*/ font-size:15px; } .optionSelection.selected ul { padding:0 5px 0 20px !important; } /*.optionSelection.deluxeOption.selected .extraPadding { padding:0 16px; }*/ .optionSelection ul li { margin-bottom: 8px; line-height: 18px; } .sampleChoices.removeCustom, .sampleChoices.removeStarter, .removeSampleFibers, .removeFullFibers, .removeFullSerum, .removeMonthly, .fullFibersrSummary, .fullSerumSummary, .sampleFibersSummary, .step2man, .pleaseWait, .fullShampooSummaryFSP, .fullConditionerSummaryFSP, .fullFibersrSummaryFSP, .fullSerumSummaryFSP { display:none; } img.fullShampooSummaryFSP, img.fullConditionerSummaryFSP, span.fullShampooSummaryFSP, span.fullConditionerSummaryFSP { display:inline-block; } .supplementOption .grid12-4 { margin:22px 0 0; } .starterOption { position: relative; } .vivEliteOptionSection .headerTitle { font-size:20px; text-align: center; line-height: 26px; margin-bottom:5px; background-color: #a51d59; padding: 16px 0; color: #fff; } .deluxeOption .headerTitle { margin-bottom:0; } .deluxeOption.selected .bestValueOption { left: -9px; top: -8px; } .bestValueOption { position: absolute; right: -7px; top: -7px; } .imageShot { width:100%; } .imgShotBottom { background-color: #d9d9d9; color: #505050; font-size: 20px; line-height: 110%; padding: 10px; text-align: center; } .extraPadding { padding:10px; } .vivEliteOptionSection { /* -webkit-border-image:url('../images/custom/optionSelectedBorderLeft.jpg') 30 30 stretch; */ /* -o-border-image:url('../images/custom/optionSelectedBorderLeft.jpg') 30 30 stretch; */ /* border-image:url('../images/custom/optionSelectedBorderLeft.jpg') 30 30 stretch; */ border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; } .sampleColors.selected, .fullColors.selected { border: 3px solid #638b93; box-sizing: border-box; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; margin: 2px !important; } #but_sampleColorsChoice { margin: 20px auto 0; padding: 0; } #but_sampleColorsChoice span { padding: 0 40px; } #but_sampleColorsChoice span span { padding: 0 25px; } .optional { border: 3px solid #638b93; background:#638b93; color:#fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:14px; font-weight:bold; padding: 2px 5px; letter-spacing: 1px; position: relative; top: -4px; } .step4Image { float:left; } .step4Price { float:left; font-size:14px; margin: 60px 0 0 5px; } .step4Price strong { font-size:16px; } .colorPickingWrapperFull .widget-static-block { padding:0 !important; } .colorPickingWrapperFull .headerTitle { margin:2px 0 30px; } .colorPickingWrapperFull button { width: 100%; margin-top:30px; } .colorPickingWrapperFull span { width: 100%; padding:0 !important; } button#eliteSkip { margin-top: 35px; width: 200px; } button#eliteSkip span { background:#716c6f; letter-spacing: 1px; font-size: 18px; width: 100%; padding: 0; } .quarterlyOption .headerTitle, .monthlyOption .headerTitle { margin-bottom: 10px; } .quarterlyOption p, .monthlyOption p { text-align: center; margin-bottom: 5px; } .quarterlyOption button, .monthlyOption button { margin: 8px 0 12px; } .quarterlyOption button span span, .monthlyOption button span span { padding: 0 50px; } .vivEliteOptionSection button { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .checkoutrButton span span { padding: 5px 60px !important; } .step4 { border-bottom:1px solid #d9d9d9; } .step4 .headerTitle { font-size:32px; margin:5px 0 40px; color: #716c6f; background:none; padding:0; } .step4 .grid12-5 { text-align: left; line-height: 18px; font-size: 16px; float:right; } .step4 .grid12-5 p { margin-bottom:8px; line-height: 18px; font-size: 14px; } .step4 hr { border-top:2px dotted #000; margin:20px 0; } .step4 .grid12-5 .checkoutrButton { margin-top:20px; width: 100%; } .step4 .grid12-5 .checkoutrButton span { padding: 4px 0 !important; width: 100%; font-size: 18px; letter-spacing: 1px; } .questionsCopy { clear:both; text-align: center; font-size:14px; color:#A5A5A5; margin: 50px 0 10px !important; width: 100%; float: left; } .skipWrapper { clear:both; width:100%; } .extraProducts { font-size: 22px; font-weight: bold; padding: 0px; margin-top: 10px; line-height: 90px; text-align: left; width:325px; } .extraProducts img { border: 1px solid #e5e5e5; padding: 10px; margin: 0 2px 10px; } #step1_popup, #step2_popup, #step3_popup, #step4_popup, #step5_popup, #step6_popup { padding: 60px 40px 20px; border: 3px solid #638b93; height: 100% !important; } .vivEliteSHeader .title a img { vertical-align: -44%; margin-left: 5px; position: relative; z-index:10; } .fadeSteps { background-color: rgba(232,231,231,0); position:absolute; z-index:5; left:0; top:0; right:0; bottom:0; } .rightHandEliteHeader { display:none; } .optionSelection:hover { cursor:pointer; } .pleaseWait { text-align: center; margin-top: 20px; } .onestepcheckout-summary dl.item-options dd { min-height:30px; } .onestepcheckout-summary .total .item-options { margin-top: 23px; } .onestepcheckout-summary .item-options { margin-top:2px; padding-right: 2px; } .onestepcheckout-summary td.qty { vertical-align: top; } .onestepcheckout-summary td.name dl.item-options { border-left: 1px solid #aaa; margin-left:5px; } .onestepcheckout-summary dl.item-options dd { padding:10px 0 0 6px; } .helpPopupContent { display: none; position: absolute; color: #fff; background: #000; padding: 5px; left: 25px; top: 50px; z-index:30; } .step6 .grid12-10 { margin-bottom:15px; } .deselected { background:#aaa !important; } .sub.headerTitle { font-size:20px !important; text-align: left !important; } .step6selectedproducts p { font-size:14px; } .also { margin-top:28px !important; text-align: left; } .subselectedproducts { padding-left:10px; } .subselectedproducts p { font-size:12px !important; margin-bottom: 2px !important; } .vEliteNav { font-weight: bold; color: #c7007d !important; font-family: Arial !important; } .eliteTopVideo iframe { max-width:100% } /* Viviscal Elite Responsive styles */ @media only screen and (max-width: 970px) { .step4 .optionSelection { width: 48% !important; height: 300px; margin-bottom: 15px; } } @media only screen and (max-width: 960px) { .rightHandEliteHeader { display:none; } .step3 .optionSelection .freeLabel { left:45px !important; } .step3 .grid12-6.optionSelection .freeLabel { left:128px !important; } } @media only screen and (max-width: 767px) { .vivEliteTopContent { float: none !important; } ul.eliteList { margin: 0 0 30px 0 !important; line-height: 25px !important; padding: 0 8%; } .step4 .grid12-5 { padding: 0 2%; width: 96% !important; } .vivEliteTopContent p { padding:0 2%; width:96%; } .genderButton { margin: 0 5px !important; display: inline; } .step2 .optionSelection { margin-bottom:20px; } .step2 .optionSelection img { max-width:100%; width:auto !important; } .optionSelection ul { min-height: initial; } .vivEliteSHeader .title { font-size:20px; } .step3 .optionSelection { width:100% !important; margin-bottom:15px; } .step3 .optionSelection button { margin: 15px auto !important; } .extraProducts { margin-bottom:30px; } } @media only screen and (max-width: 639px) { .vivEliteSHeader a { display:none; } .optional { font-size:8px !important; padding: 2px 2px !important; } .vivEliteSHeader .title { font-size: 16px; } #but_Woman { margin-bottom:20px !important; margin-left: 10px !important; } .step4Image { width:80px !important; } .step4 .optionSelection .headerTitle { min-height:52px; } .step4 .optionSelection button.kitButton { position: absolute; bottom: 10px; } .step4 .optionSelection button.kitButton span { width:89% !important; } .step3 .optionSelection .freeLabel, .step3 .grid12-6.optionSelection .freeLabel { left:170px !important; } .yotpo-testimonails { display:none; } } @media only screen and (max-width: 422px) { .optional { display:none; } .step4 .optionSelection { width: 100% !important; margin: 0 0 15px !important; } .step4imageandprice { margin:0 auto; } .step4 .optionSelection { height:380px !important; } .step4Image { width: auto !important; float:none; margin: 0 auto; } .step4Price { float: none; clear: both; margin: 0; } .step4 .optionSelection button.kitButton span { width: 93% !important; } .home-row2 h2.headerTitle { font-size:18px !important; } } @media only screen and (max-width: 370px) { .vivEliteSHeader .title { font-size: 12px; } .step3 .optionSelection button { width: 98%; } } /* Viviscal Education Landing Page */ .cms-hair-vitamins-natural-hair-vitamins .main { padding-bottom:0; background: none; } .cms-hair-vitamins-natural-hair-vitamins .header-container { background: url('../images/custom/vivEduHeaderSwirl.png') no-repeat center top ; background-size: 100% 200px; min-height:200px; position: fixed; width: 100%; z-index: 10; } .cms-hair-vitamins-natural-hair-vitamins #middleSection { padding-top:150px; } .cms-hair-vitamins-natural-hair-vitamins .header-top-container { background: none; } .cms-hair-vitamins-natural-hair-vitamins #nav { max-width:680px; } .cms-hair-vitamins-natural-hair-vitamins .breadcrumbs { display:none; } .edu-row2 { background: #f4f4f4; margin-bottom: 30px !important; } .header-top .grid12-full.right { text-align: right; margin: 10px 35px 0 0; font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, Helvetica, Arial, sans-serif; font-size:16px; width: 100%; } .header-top .grid12-full.right img { vertical-align: -5%; margin-right:4px; } .cms-hair-vitamins-natural-hair-vitamins .nav-container { margin-top: 25px; } .cms-hair-vitamins-natural-hair-vitamins #nav > li > a { border:0; color:#fff; padding: 3px 12px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; } .cms-hair-vitamins-natural-hair-vitamins #nav > li > a.contactButton { background-color: #638b94; } .cms-hair-vitamins-natural-hair-vitamins .footer-container { background: none; } .cms-hair-vitamins-natural-hair-vitamins .section { padding:5px 0; } .cms-hair-vitamins-natural-hair-vitamins .footer-primary-container { padding-top: 10px; } .cms-hair-vitamins-natural-hair-vitamins .footer-primary .section p a { float:right; margin-left: 10px; } .cms-hair-vitamins-natural-hair-vitamins .footer-primary-container { max-width: 970px; margin: 0 auto; } .cms-hair-vitamins-natural-hair-vitamins .footer-primary.container { width:100%; } .cms-hair-vitamins-natural-hair-vitamins .footer-primary-container table { border: #000000 solid 3px !important; margin: 10px auto 3px !important; width: 90%; } .cms-hair-vitamins-natural-hair-vitamins .footer-primary-container td { padding: 8px 25px; } .cms-hair-vitamins-natural-hair-vitamins .footer-primary-container td strong { font-weight:normal; } .cms-hair-vitamins-natural-hair-vitamins .footer-primary-container td span { color:#638b94 !important; line-height: 26px; } .footerMiniDisclaimer { display:none; } .cms-hair-vitamins-natural-hair-vitamins .footerMiniDisclaimer { text-align: center; display:block; font-size: 13px; font-family: 'Open Sans', sans-serif; color:#272727; } .cms-hair-vitamins-natural-hair-vitamins .footer-bottom { font-size: 15px; color: #c6c6c6; font-family: 'Open Sans', sans-serif; padding-top: 15px; font-size: 16px; font-weight: 300; } .cms-hair-vitamins-natural-hair-vitamins .footer .item-right { margin-left:0; line-height: 30px; } .cms-hair-vitamins-natural-hair-vitamins .footer .item-right img { margin-left:15px; } .cms-hair-vitamins-natural-hair-vitamins .footer-bottom .item-left { width: 30%; } .cms-hair-vitamins-natural-hair-vitamins .footer-copyright { font-size: 16px; } .eduTitle { color:#638b94; font-size:46px !important; /*text-shadow: 4px 8px #E8E8E6;*/ font-family: TradeGothicNextLTPro; } .eduRow3Images { margin: 50px 0 100px; } .eduRow3Images img { display:inline; margin-right: 8px; } .for-women-title { margin: 20px 0 40px 15px; } .for-women h2 { font-size: 30px; color: #d43299; font-family: "Open Sans", Helvetica, Arial, sans-serif; } .for-women h2 span { display: block; font-size: 55px; } .for-women-copy p { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.8; color: #5a5a5a; width: 95%; } .for-woemn-package img { width: 90%; } .education-btn { background-color: #D43299; color: #FFF; height: 45px; padding: 5px; display: inline-block; line-height: 45px; font-size: 16px; border-radius: 5px; width: 150px; text-align: center; } .education-btn:hover { background-color: #BF1B83; color: #ffffff; } .for-women-image { margin-top: 60px; } .for-women-reasons { clear: both; text-align: center; font-family: "Open Sans", Helvetica, Arial, sans-serif; overflow: hidden; color: #D43299; margn-bottom:40px; } .for-women-reasons .grid12-4 { position: relative; } .for-women-reasons h2 { margin: 80px 0 70px !important; } .for-women-reasons p { font-size: 18px; line-height: 1.3; padding-left: 60px; text-align: left; width: 70%; } .pink-tick { background-image: url('../images/education-pink-tick.jpg'); background-repeat: no-repeat; width: 33px; height: 33px; display: inline-block; vertical-align: middle; margin-right: 10px; position: absolute; left: 0; top: -5px; } .videowrap .video-themb { margin-bottom: 25px; cursor: pointer; } #main_div_video_frame { width:100%; margin-bottom: 50px; } .eduVideoWrapper { padding:10px 15px; background:url('../images/custom/vivEduMainVideoBG.png') no-repeat; float:left; width: 404px; height:318px; } .videoTweak .eduVideoWrapper { margin-top:70px; } .videoTweak.grid12-5 { width:45% } .videowrap.grid12-7 { width:51%; margin-right:0; } .videoBlurb { text-align: left; line-height:30px; font-style: italic; } .vidChoices1 { margin-left: 0 !important; margin-right: 7% !important; } .vidChoices2 { margin-right: 0 !important; } .videowrap .grid12-6 { width:46% !important; } .edu-row6 { background:url('../images/custom/vivEduHowItWorksBG.jpg') #638b94 repeat-x 0 560px; } .edu-row6 .eduTitle { color:#fff; text-shadow: 4px 8px #5a7e87; margin-top:60px; font-size:60px; } .edu-row6 p { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight:300; font-size:17px; } .edu-row7 { font-family: "Open Sans", Helvetica, Arial, sans-serif; background:#f2f2f2; font-weight:300; } .edu-row7 .std { padding:50px 10px 20px; } .edu-row8 { background:#ffffff; } .edu-row8 .eduTitle { margin:60px 0 70px; } .edu-row6.row9 { padding:50px 0 15px; } .edu-row6.row9 .education-btn { border-bottom: 5px solid #3c5c63; padding: 5px 20px; margin-top:10px; } .row10Title { margin:70px 0 !important; } .edu-row10 { background:#f2f2f2; padding-bottom:100px; } .edu-row8.row11 { padding-bottom:70px; } .edu-row8.row11 p { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 17px; } .edu-row8.row11 .eduTitle { margin: 80px 0 70px !important; } .edu-row12 { font-family: "Open Sans", Helvetica, Arial, sans-serif; background:#f2f2f2; font-weight:400; padding-bottom: 20px; } .edu-row12 .eduTitle { margin:60px 0 80px; } .stageWrapper { margin-top:30px; float:left; width:100%; } .stageWrapper img { margin-bottom:30px; } .stageWrapper div { display: inline; float: left; } .swFirst { width: 16%; margin-left: 0; } .swSecond { margin-left: 9%; width: 20%; } .swThird { width: 20%; margin-left: 8%; } .swFourth { width: 20%; margin-left: 7%; } .videoBlurb { color:#638b94; font-size:24px !important; font-family: TradeGothicNextLTPro; } .eduVideoWrapper { text-align: right; } .footer-primary table { margin-bottom:10px; } /*Education page responsive styling */ @media screen and (max-width:1006px) { .eduRow3Images img { width:19%; margin:0; } } @media screen and (max-width:959px) { .cms-hair-vitamins-natural-hair-vitamins .header-primary { margin-top:-20px !important; } .cms-hair-vitamins-natural-hair-vitamins .logo-wrapper.v-grid { display:inline; } .cms-hair-vitamins-natural-hair-vitamins .header-top-container { float: right; width: 50%; margin-top: 15px; } .cms-hair-vitamins-natural-hair-vitamins .nav-container { margin-top:5px; } .cms-hair-vitamins-natural-hair-vitamins .nav-container .container { margin: 0 !important; float: right; } .cms-hair-vitamins-natural-hair-vitamins .header-main { margin-top: -15px; } .eduTitle { font-size:34px !important; } .eduVideoWrapper { width: 90%; height: 185px; background-size: 100% 100%; } #main_div_video_frame { width:100%; } .eduVideoWrapper iframe { height:180px; } .edu-row6 { background: #638b94; } } @media screen and (max-width:767px) { .for-women h2 { font-size: 20px; } .for-women h2 span { font-size: 45px; } .for-women-image { margin-top: 0; } .for-women-title { margin: 10px 0; } .for-women-reasons h2 { margin: 10px 0; } .for-women-title h2 { line-height: 1; } .for-women-reasons h2 { margin: 10px 0 !important; } .for-women-copy { text-align: center; } .for-women-copy p { text-align: left; } .cms-hair-vitamins-natural-hair-vitamins #nav > li > a { font-size: 14px; } .cms-hair-vitamins-natural-hair-vitamins .nav.container { width: 100%; padding: 0; } .cms-hair-vitamins-natural-hair-vitamins .main { min-height:280px; } .edu-row8.row11 .widget-static-block .grid12-3 { text-align: center; } .edu-row10 .videowrap, .eduVideoWrapper .grid12-5, .videoBlurb { margin-top: 20px; } .eduVideoWrapper iframe { height:340px; } .eduVideoWrapper { height:355px; } .row10Title { margin-bottom: 0px !important; } .grid12-7.videoBlurb, .main_div_video_frame .grid12-5 { display:none; } } @media screen and (max-width:639px) { .cms-hair-vitamins-natural-hair-vitamins .main { min-height:0px; } .cms-hair-vitamins-natural-hair-vitamins .hide-under-640, .edu-nav-button { display:none !important; } .cms-hair-vitamins-natural-hair-vitamins .nav-container { float:right; width: 20%; } .cms-hair-vitamins-natural-hair-vitamins #middleSection { padding-top: 0px; } .cms-hair-vitamins-natural-hair-vitamins #nav > li > a.contactButton { margin-top: 30px; } .edu-row12 .eduTitle { line-height:30px; } #why-viviscal .grid12-4 { text-align: center; } .edu-row8 p img { display:none; } .for-women-title { text-align: center; } .edu-row8 .eduTitle { margin: 40px 0; } .cms-hair-vitamins-natural-hair-vitamins .header-container { background-size: 100% 140px; } #why-viviscal, .edu-row10 { padding-top:40px !important; } } @media screen and (max-width:480px) { .eduVideoWrapper iframe { height:220px; } .edu-row10 .eduVideoWrapper { height:230px; } .edu-row8 .eduTitle{ line-height:30px; } .cms-hair-vitamins-natural-hair-vitamins .header-container { background-size: 600px 125px; } .eduRow3Images { display:none; } .edu-row6 .eduVideoWrapper { height: 235px; } .eduTitle { font-size: 24px !important; } .header-top .grid12-full.right { font-size:13px; } .edu-row2 { display:none; } .videowrap .grid12-6 { width: 96% !important; text-align: center; } } @media screen and (max-width:430px) { .cms-hair-vitamins-natural-hair-vitamins .header-top .grid12-full img { display:none; } .cms-hair-vitamins-natural-hair-vitamins .nav-container { width:28%; } } @media screen and (max-width:390px) { .cms-hair-vitamins-natural-hair-vitamins .header-top .grid12-full { font-size: 10px; margin-right: 0; } .cms-hair-vitamins-natural-hair-vitamins #nav > li > a.contactButton { margin-top:20px; } .stageWrapper div p { font-size:14px; } } @media screen and (max-width:350px) { .cms-hair-vitamins-natural-hair-vitamins #nav > li > a.contactButton { margin-top:0; } .cms-hair-vitamins-natural-hair-vitamins .header-top-container .grid12-full.right { display:none; } } /*Fix overflow on mobile*/ @media screen and (max-width: 479px) { .cms-hair-vitamins-natural-hair-vitamins .footer-primary.container { width: 98%; padding-left: 1%; padding-right: 1%; } } /*Updated responsive styles - 11/05 - T.H*/ .header_top_left_mobile_content { display: none; } .mobile_header_logo.hide-desktop { display: none !important; } .mobile_header_logo { display: none; } .mobile-banner { display: none; } .mobile-only-banner { display: none; } .mobile-only { display: none !important; } .for-men-p { color: #638b94; position: relative; top: 20px; } .molecules-img { position: relative; top: -46px; left: 160px } .text-center { text-align: center; } .font-change { font-size: 28px; } .checkoutcontainer .payment-methods .input-box select#cyg2molt_expiration { width: 86px !important; } .checkoutcontainer .payment-methods .input-box select#cyg2molt_expiration_yr { width: 86px !important; } .checkout-text-right { text-align: right; } @media (max-width: 767px) { .grid12-5.mobile_top_left_header { width: 75% !important; /*background-color: #638b94;*/ background-color: #a51d59; } .grid12-7.mobile_top_right_header { width: 25% !important; } .block_header_top_right { display: none !important; } .block_header_top_left { font-size: 13px; } .mobile_header_logo { display: block; } .mobile_header_logo.mobile_header_logo { width: 45% !important; float: left; margin: 0; } .mobile_header_logo.mobile_header_logo h1 { width: 85%; float: left; } /*Nav icon*/ .nav-container { width: 100%; float: left; } .nav-container .container { padding: 0; margin: 0; width: 100%; } #mobnav.grid-full { background-color: #4b4b4a; width: 55% ! Important; float: right; display: block; top: 5px; } ul.mobile-only-styles { border-bottom: none !important; } #mobnav-trigger .trigger-icon .line { background-color: #ffffff; } #mobnav-trigger .trigger-icon { padding-left: 13px; padding-top: 23px; } .nav-text { padding-top: 5px; display: inline-block; } .hide-mobile { display: none !important; } .hide-desktop { display: block !important; } .mobile-banner { display: block; margin: auto; } #middleSection .fullWidth { /*background: url('../images/press-bg.jpg') #000 no-repeat center bottom;*/ background: url('../images/custom/ViviscalCouponBanner.jpg') repeat-x #e9e9e9; /*--MSEDIT ADDED NEW BG STYLE--*/ } #middleSection .fullWidth { background-image: none; padding: 0; } .the-slideshow-wrapper img { display: none; } .home-row2 h2.headerTitle { clear: both; margin-bottom: 0 !important; text-align:center !important; font-size:36px; } .mobile-only { display: block !important; } .desktop-only { display: none !important; } .for-men-p { top: 0; } .molecules-img { top: -15px; left: 190px } .row3padding { padding-left: 0; } .row3padding .for-men-p { margin-bottom: 70px; } .grid12-6.full-width { width: 100% !important; } .grid12-6.home-row4 { height: auto !important; } .grant-stevens, .gwyneth { float: left; width: 117px; position: relative; top: 42px; margin-left: -20px !important; margin-bottom: 55px !important; } .gwyneth { top: 28px; margin-left: -5px !important; margin-bottom: 40px !important; } .grant-stevens + .headerTitle, .gwyneth + .headerTitle { float: left; font-size: 24px; width: auto !important; } #subscribe-form { padding: 20px 10px; width: 100%; } #subscribe-form #newsletter { width: 100% !important; height: 45px; max-width: 350px; margin: auto; } #subscribe-form button { width: 100% !important; height: 45px; max-width: 140px !important; margin: auto; } #subscribe-form button span { height: 45px; line-height: 45px; } #subscribe-form .headerTitle { font-size: 16px; } .vertnav-top li a { background-color: #4b4b4a; color: #F8F8F8; } .vertnav li > .opener { background-image: url('../images/opener-w.png'); } .vertnav li > .opener:hover { background-image: url('../images/opener-w.png') !important; background-color: #638b94; } .vertnav-top li.active > .opener { background-image: url('../images/opener-active-w.png') !important; } .vertnav-top li.active:hover > a:hover + .opener { background-image: url('../images/opener-active-w.png'); } .vertnav-top > li > a { padding-left: 10px; } .vertnav-top ul.level0 > li > a { font-size: 14px; padding-left: 10px; margin-bottom: 0; } ul.level0 { margin-bottom: 1px !important; } /*Footer*/ .footer-primary .mobileMenu { text-align: center; } .mobile-collapsible { border-bottom: 1px solid #81817c; } .footer-bottom .item-left { width: 75%; } .footer-bottom .item.item-right { margin: 0; } .footer-bottom .item-right img { display: block; margin: auto; } #footerSection .mobile-collapsible h6 { margin-bottom: 0; } .footer-container hr { width: 90%; } /*#mini-cart .dropdown-toggle span.caret { display: block !important; } */ .catProductDesc .button.button-women { margin: 5px 0 40px 0 !important; } .catBullets { width: 100%; max-width: 100% !important; } .category-for-women .section.clearer.links-wrapper-separators { padding: 0; } .footer-primary-container.section-container { padding-top: 0; } .footer-primary-container.section-container .section.clearer { padding-top: 0; } #mini-cart.open .dropdown-menu { display: block !important; } .product-viviscal-extra-strength-single .productMonthChoice input { float: left; clear: right; width: 13px; margin: 4px 0 0 0; } .productMonthChoiceContent { float: right; width: calc(100% - 17px); } .tabs-panels { padding: 30px 0 !important; } .gen-tabs.accor .tabs-panels .panel { padding: 15px 0; } .checkout-cart-index .cart .title-buttons .checkout-types li { margin: 0; } button.btn-checkout span { width: 100%; margin: 0; padding: 0 !important; } .header-top.header.container.clearer { width: 100%; padding: 0; } /*.icon.i-cart { background-image: url('../images/green-basket.jpg'); }*/ .vertnav-top li .opener.alt-icon { background-image: url('../images/VivArrow-alt.png'); } .vertnav li > .opener.alt-icon:hover { background-image: url('../images/VivArrow-alt.png') !important; } .section.clearer.links-wrapper-separators { padding-bottom: 0; padding-top: 0; } .collapsible.mobile-collapsible { text-align: center; } .font-change { font-size: 28px; } .cms-viviscal-elite .grid12-4 iframe { display: none; } #but_Woman.genderButton.button.women, #but_Man.genderButton.button.men { width: 48% !important; float: left; margin-left: 1% !important; margin-right: 1% !important; clear: none !important; } .vivEliteSHeader .title { font-family: "Carrois Gothic", sans-serif; font-size: 22px; } .title.width-definition { width: 77%; } .vivEliteSHeader { padding: 10px; text-align: left; } .vivEliteSHeader .title { width: 80%; } .grid12-3.optionSelection .headerTitle { width: 100%; float: right; } .grid12-3.optionSelection .step3Image { max-width: 20%; float: left; height: auto; margin-top: 0; max-height: 83px; } .grid12-3.optionSelection .kitButton { width: 75% !important; float: right; clear: none; margin-top: 6px; } .vivEliteSHeader .circleNumber { height: 30px; line-height: 30px; padding: 0; width: 30px; vertical-align: text-bottom; } .vivEliteSHeaderWrapper .title img { width: 25px; margin-top:-4px; margin-left: 5px; } .elite-input.grid12-1 { width: 15px !important; } .elite-terms.grid12-10 { width: calc(98% - 15px) !important; padding-left:2%; } .colorPicking .widget.widget-static-block { padding-top: 0; } .cms-healthy-hair-club .container { width:100%; padding: 0; margin: 0; } .optionWrapper { width: 100%; padding: 25px 0 5px; } .step4-mobile-hook .optionSelection { height: auto !important; } .step4-mobile-hook .optionSelection .step4imageandprice { min-height: 0 !important; } .step4-mobile-hook .optionSelection .step4Image { width: 25% !important; float: left; } .step4-mobile-hook .optionSelection .step4Price { float: left; width: 75% !important; margin: 0 0 10px 0 !important; clear: none; } .step4-mobile-hook .optionSelection .step4Price br { display: none; } .step4-mobile-hook .optionSelection .kitButton.button { clear: right; position: relative; padding-left: 10px; width: 72% !important; margin-top: 30px; } .step4-mobile-hook .optionSelection .headerTitle { float: right; min-height: 0 !important; } .colorPickingWrapperFull { z-index: 99; } #but_fullColorsChoice { margin: 5px auto 10px; width: 100% !important; padding-left: 0; } .shampoo-price { float: right; font-weight: bold; } #step-one, #step-two, #step-three, #step-four, #step-five, #step-six, .vivEliteOptionSection { border-left: none; border-right: none; } .step6 { border: none; } .extraProducts { width: auto; max-width: 325px; } .extraProducts span:first-child { display: none !important; } .onestepcheckout-login-link { text-align: center; font-size: 14px !important; width: 100%; margin: 10px 0 18px !important; clear: both; padding: 10px 0 !important; } #payment_form_cyg2molt .v-fix { width: 100% !important; } #payment_form_cyg2molt .v-fix #cyg2molt_expiration { width: 45% !important; margin-right: 2.5% !important; } #payment_form_cyg2molt .v-fix #cyg2molt_expiration_yr { width: 45% !important; margin-left: 2.5% !important; } #onestepcheckout-place-order { height: 55px; font-size:16px !important; } .grand-total { background-color: #638B94; color: #FFF; height: 40px; font-size: 18px; } .grand-total .title { font-weight: normal !important; } .field.gender { width: 100%; } .checkout-text-right { text-align: left; } #onestepcheckout-form .group-select { padding: 20px 10px !important; } .onestepcheckout-index-index #middleSection .col-main.grid-full.in-col1 p.headerTitle { padding: 10px 10px 0 10px; } div.onestepcheckout-place-order-wrapper { margin-top:0 !important; } .category-for-women .headerTitle.headerTitle span { font-family: "Carrois Gothic", sans-serif; font-size: 22px !important; } .vertnav-top li a { text-transform: none; font-family: "Carrois Gothic", sans-serif; font-size: 14px; } } @media (max-width: 960px) { .product3monthsupplyContent .grid12-7, .product3monthsupplyContent .grid12-5 { width: 100% !important; padding-left: 0; } .header_top_left_desktop_content { display: none !important; } .header_top_left_mobile_content { display: inline; } } @media (max-width: 640px) { .mobile-only-banner { display: block !important; margin: auto; } .desktop-only-banner.desktop-only-banner { display: none !important; } div.wrapper { min-width: 0 !important; } } @media (max-width: 400px) { .onestepcheckout-popup-wrapper .input-text { width: 150px !important; } } /*Sidebar on extra strength page*/ .product3monthsupplyContent { overflow: hidden; } .extra-strength-usp { clear: both; margin: -5px 17px 20px 17px; position: relative; } .extra-strength-usp:before { content: ' '; width: 0; height: 0; position: absolute; border-left: 0px solid #FCFCFC; border-right: 53px solid rgba(0, 0, 0, 0); border-bottom: 30px solid #FCFCFC; top: -28px; right: 50px; } .extra-strength-usp ul { width: 100%; box-sizing: border-box; border: 1px solid rgb(153, 153, 153); border: 1px solid rgba(153, 153, 153, 0.1); } .grid12-5.eliteBlurb { margin-top: -10px; } .extra-strength-usp ul li { list-style-image: url('../images/viviscal-tick.jpg'); } /* End Sidebar */ /* New mobile changes: A.S 11/05 */ .catProductDesc .headerTitle p { display:inline; } .catNumber { margin-right:10px; } .catProductDesc p.headerTitle { margin:20px 0; } .catProductDesc div ul { margin-top: 20px; } .catBullets { width: 100%; max-width: 80%; float: left; } .catProductDesc .button { margin-left: 35%; } .catProductDesc .col-1 .button, .catProductDesc .col-1 .button { margin-left: 30%; margin-right:25px; } .catBullets ul li { margin-bottom:3px; } .catProductDesc .col-1 .catBullets, .catProductDesc .col-2 .catBullets { max-width: 55%; } .categoryTestimonials .container { padding:0 !important; } .catProductDesc .button { margin-top: 40px !important; display: inline-block; } .mobile-collapsible h6.block-title.heading a { color:#fafaf2; } .breadcrumbs li span { background:none; } .product-secondary-column.custom-sidebar-right { margin-right:0 !important; } .yotpo.bottomLine { margin-bottom:0 !important; } .img-box-style1 { text-align: center; } .hide-above-480 { display:none; } .eliteSummaryMobileHeader { text-align: left; font-size:20px; line-height: 24px; margin: 15px 0 !important; font-family: 'Carrois Gothic', sans-serif; } .mobileSupplementPrice { float:right; font-weight:bold; } .mobileRemoveCartLink { display:none; } .mobileCouponForm { display:none; } .mobileCouponForm a { text-decoration: underline; margin-bottom:10px; } .cartMobileSubtitle { display:none; font-size:16px; margin-top: 10px; margin-left: 75px !important; } .belowCartText { font-size: 10px; text-align: right; } .estimatedDeliveryShipping { font-size:12px; text-align: center; } .vivEliteCheckoutImage { width: 50%; float: left; } .vivEliteCheckoutImage img { width: 100%; } .cart-right-column .eliteBlurb { width: 50% !important; margin-top: 20px; } .phoneNumberDrop { font-weight:bold; display:inline; } @media only screen and (max-width: 960px) { .catProductDesc p.headerTitle { margin: 20px 0 5px; } .catBullets { max-width: 70%; } .catProductDesc .button { margin-left:0 !important; float:right; } .headerTitle.topOfCartTitle { font-size: 19px; } .cmsMiniNav { background-size: 100% 100% !important; line-height: 22px; } } @media only screen and (max-width: 768px) { .category-description .headerTitle { width:100% !important; } .catBullets { width: 60%; } .catProductDesc .button.button-women { width: 95%; text-align: center; font-weight:normal; margin-top:8px; } .catProductDesc .col-1 .button { margin-right:0; } .categoryTestimonials { padding:40px 0 !important; } .categoryTestimonials .grid12-4 { margin-bottom:30px; } .categoryTestimonials .headerTitle { margin: 20px 0 25px 120px !important; min-height: 60px; } .mobile-collapsible .block-title.heading { padding: 8px 0; text-align: center; } .product-view .grid12-8 { margin-bottom:10px; } .yotpo.bottomLine { margin-bottom:3px !important; } .productMonthChoiceContent .regular-price .price { font-weight: bold; font-family: Arial !important; } .autoShipmentHeader .headerTitle { padding: 10px 0 !important; } .gen-tabs .acctab { color: #638b94 !important; font-size:13px !important; } .tabs-panels { border:0 !important; } .gen-tabs .acctab { background: url('../images/custom/mobilePlus.jpg') no-repeat #f5f5f5 96% 50% !important; padding: 4px 0 4px 15px !important; } .gen-tabs .acctab.current { background: url('../images/custom/mobileMinus.jpg') no-repeat #ffffff 96% 50% !important; border: 1px solid #e5e5e4; } .colorPickingWrapperFull { height:auto !important; } #products-table-basket { margin-top: 8px; border-top: solid 5px #f4f4f4; } #shopping-cart-table td.col-img { float:left; width:30%; min-height: 200px; } .mobileRemoveCartLink { float:right; font-size:12px; display:block; } .mobileRemoveCartLink { position: absolute; right: 12%; } .cart .data-table tr { float: left; padding-bottom: 10px; } #shopping-cart-table h2.product-name { width: 70%; margin-left: 75px !important; } .cart-left-column { display:none !important; } .mobileCouponForm { display:block; } .cartMobileSubtitle { display:block; } #shopping-cart-table select.qty { width: 34% !important; font-weight:bold; font-size:16px; border: 2px solid #c7c7c7; color: #5f6060; height: 40px; } .quantityChangers { padding:0 !important; } input.qty { margin: 10px 20px; } .dropdown-menu .actions .btn-checkout { width: 90%; margin-top: 10px; } .cmsMiniNav a { clear: both; display: block; text-align: center; } .cmsMiniNav { color: #EDEBEB; line-height: 18px; } .righthandmobileContent { text-align: center; margin:20px 0; } .eliteBlurb { margin-bottom: 0 !important; } } @media only screen and (max-width: 640px) { .category-description .grid12-7, .category-description .grid12-5 { display:none; } .main { padding: 20px 0 !important; } .hide-below-640, .footer-primary table { display:none !important; } .footer-primary div.block-title.heading { margin-top:20px; } .footer-primary .block-title.heading .block-content { text-align: center !important; } .footer-copyright { margin-bottom:0; } .product-view .product-type-data { margin:0 !important; } .product-secondary-column.custom-sidebar-right p.headerTitle { font-size: 20px; text-align: left; font-family: 'Carrois Gothic', sans-serif; } .custom-sidebar-right .headerTitle { padding: 8px 12px 6px !important; } #shopping-cart-table td.col-img { width:40%; } .mobileRemoveCartLink { right: 16%; } .cart-collaterals { margin-top:5%; } .cart-right-column .block_cart_below_totals .hide-below-320 { float: left !important; text-align: left !important; margin-bottom: 20px; } .cart .headerTitle { font-size:14px !important; line-height:20px; } #shopping-cart-table select.qty { width: 43% !important; } .cart .totals-inner { background:#f4f4f4; padding: 0px 10px 15px !important } .cart .totals .checkout-types li { margin: 15px 0 0 !important; } .cartTotalMobile { padding: 15px 0px 2px !important; text-align: left !important; text-transform: uppercase; } #shopping-cart-totals-table .paddingRight { padding-right: 0 !important; font-weight: bold; padding: 15px 0px 2px 10px !important; } .belowCartText { text-align: left; } .btn-proceed-checkout span span { height: 52px !important; line-height: 52px !important; font-size: 16px !important; font-weight: normal; } .cart-right-column .totals { margin-bottom: 20px !important; } .topOfCartTitle { font-size:14px !important; color:#716c6f; line-height: 18px !important; } #checkout-payment-method-load dt label { font-weight:bold !important; } .shipment-methods dd { font-weight:normal; } .estimatedDeliveryShipping { text-align: left !important; padding-left: 16px; } .header-container { background:none !important; } .step6 .headerTitle { line-height: 36px; } } @media only screen and (max-width: 540px) { .mobileRemoveCartLink { right: 11%; } } @media only screen and (max-width: 480px) { .breadcrumbs { display: none !important; } .category-description .headerTitle { margin-bottom: 30px; } .productMonthChoice .savings { margin-top:-10px !important; } .productMonthChoice .col-1 { padding: 15px 0 10px 10px !important; } .hide-above-480 { display:block; } .step6 .grid12-5 p.grandtotal { margin-bottom: 15px !important; } #shopping-cart-table td { padding:0; } #shopping-cart-table td.col-unit-price { clear:both; } #shopping-cart-table td.col-img { width: 20%; margin-bottom: 10px; } #shopping-cart-table td.col-img a { width: 100%; } #shopping-cart-table .col-unit-price, #shopping-cart-table .a-center, #shopping-cart-table .col-total { text-transform: uppercase; padding-left:5px; } #shopping-cart-table .cart-price .price { font-size:15px; } #shopping-cart-table td.col-img { min-height:60px; } #shopping-cart-table select.qty { width: 97% !important; margin: 6px 0 10px; } .onestepcheckout-summary { font-size: 13px; } .onestepcheckout-summary thead tr th { font-weight:bold; } p.onestepcheckout-numbers { font-size:20px !important; font-family: 'Carrois Gothic', sans-serif !important; } .block_header_top_left div .hide-above-480 { float:left; } .block_header_top_left div .hide-above-480 img { vertical-align: middle; margin-right: 4px; } .header .logo { width: 82% !important; float: left; } /*.smallOptionPadding p, .smallOptionPadding ul, .deluxeOption .extraPadding p, .deluxeOption .extraPadding ul { display:none; }*/ #onestepcheckout-login-popup { max-width: 100%; } #onestepcheckout-login-popup .onestepcheckout-popup-wrapper, .onestepcheckout-popup-footer { background-size: 100%; } #onestepcheckout-login-popup p.close, #onestepcheckout-toc-popup p.close { bottom: 15px !important; } #onestepcheckout-login-button { margin-left:10px; } .productMonthChoice .product3monthsupplyContent .grid12-8 { text-align: center; } } @media only screen and (max-width: 460px) { .product-secondary-column.custom-sidebar-right .autoShipmentHeader p.headerTitle { padding: 6px 40px !important; line-height: 24px; } .mobileRemoveCartLink { right: 20px; } .phoneNumberDrop { display:block; } } @media only screen and (max-width: 440px) { .catBullets { width: 58%; } } @media only screen and (max-width: 420px) { .catBullets { width: 70%; } .catProductDesc .headerTitle { padding: 0 !important; } .catProductDesc .catNumber { height: 78px; display: inline-block; line-height: 80px; padding: 4px 15px; } .catProductDesc .headerTitle p { display: inline-block; float: right; width: 80%; margin-top: 14px; } .catProductDesc p a img { width:25%; margin-top: 15px; min-width: 100px; } /*.catHairFiberImage { width: 100% !important; }*/ .footer-bottom .item-left { width:100%; } .product-view .product-shop .product-name{ margin:0; } .availability { margin:5px 0 0 !important; } .main { padding: 0 !important; } .short-description { font-size:14px !important; } .product-view .short-description { margin:10px 0; } .autoShipmentHeader .headerTitle { padding: 5px !important; } .cart { padding-top:20px; } #shopping-cart-table h2.product-name { width: 54%; margin-left: 70px !important; } .cartMobileSubtitle { margin-top: 8px; margin-bottom: 10px; margin-left: 70px !important; } .cart-right-column .eliteBlurb { margin-top: 0px; } } @media only screen and (max-width: 370px) { .catProductDesc .headerTitle p { display: inline-block; float: right; width: 73%; margin-top: 14px; } .catProductDesc .headerTitle p.oneLine { margin-top: 30px !important; } .catBullets { width: 65%; } .catProductDesc .button.button-women { width: 92%; } } .extraMarginBottom { margin-bottom:20px !important; } .cms-hair-loss-tips-older-women p { font-size:18px; margin-bottom: 30px; } .olderWomenReviews { font-size: 22px; line-height: 28px; width: 43%; float: left; } .olderWomenReviews p { margin-bottom: 30px; } .olderWomenReviews img { margin-top: 5px; } .olderWomenReviews:nth-child(odd) { padding: 0 4% 0 2%; } .olderWomenReviews:nth-child(even) { padding: 0 2% 0 4%; } .extraMargin25 { margin: 25px 0 !important; } .extraMargin2540 { margin: 25px 0 40px !important; } .extraMargin1020 { margin: 10px 0 20px !important; } @media only screen and (max-width: 960px) { .cms-hair-loss-tips-older-women .grid12-12 iframe { width: 100%; height: 450px; } } @media only screen and (max-width: 768px) { .cms-hair-loss-tips-older-women .grid12-12 iframe { height: 368px; } .centerImageOnMobile { text-align: center; margin-bottom: 20px; } } @media only screen and (max-width: 640px) { .headerTitle span { font-size: 26px !important; line-height: 30px !important; } .olderWomenReviews { width: 98%; padding: 0 1%; } .cms-hair-loss-tips-older-women .grid12-12 iframe { height: 282px; } .extraMargin2540 { margin:0 !important; } } @media only screen and (max-width: 480px) { .extraMargin25 { display:none; } } @media only screen and (max-width: 380px) { .cms-hair-loss-tips-older-women .grid12-12 iframe { height: 234px; } #shopping-cart-table td.col-img { margin-top:10px; } .header-primary { padding-top: 2px !important; padding-bottom: 0px !important; } } @media only screen and (max-width: 320px) { .cms-hair-loss-tips-older-women .grid12-12 iframe { height: 204px; } .header .logo { width: 90% !important; } } /* Hair Care SEO Pages - A.S 05/05/2015 */ .hairCareSEOHeader { line-height: 35px !important; margin-top: 5px; } .seoFormHeader { background: url('../images/custom/seoFormHeaderBG.jpg') no-repeat; color: #f8f8f8; padding: 25px 25px 45px; line-height: 22px !important; font-size: 18px !important; letter-spacing: 0.7px; text-align: center; } .seoFormRightContent { font-size: 14px; line-height: 18px; color: #334d53; font-family: TradeGothicNextLTPro; padding-right: 26px; margin-top: 20px; } .seoFormBottom { background: #f2f2f2; display:block; clear:both; border-top:#638b94 5px solid; padding:30px 20px 0; } .seoFormBottom p { padding: 0 40px; text-align: center; margin-bottom: 30px; color:#242424; } .hairCareBoxWrapper { background:#e7e7e7; line-height: 16px; margin-bottom: 20px; height: 165px; } .hairCareBox { padding:15px 5px; float: left; } .hairCareBox .headerTitle { width: 80%; line-height: 20px; margin-bottom: 10px; } .hairCareBox p { padding-left:6px; margin-bottom: 0; font-size: 12px; color: #716c6f; } .hairCareEduLargeImage { position:relative; margin-bottom: 20px; } .hairCareEduLargeImageText { background:#000000; opacity: 0.75; color:#fff; position:absolute; bottom:0px; padding: 7px 0 7px 5%; width:95%; font-family: TradeGothicNextLTPro; font-size:16px; } .grid12-4 .hairCareBoxWrapper { margin-top: 16px; } /* Hair Care SEO Pages - Responsive */ @media only screen and (max-width: 960px) { .seoFormHeader { padding: 15px 15px 45px; font-size: 14px !important; } .seoFormRightContent { line-height: 16px; padding-right: 10px; margin-top: 10px; margin-bottom: 10px; } .seoFormBottom { padding:10px 0 0; } .seoFormBottom iframe { width: 100%; } } @media only screen and (max-width: 768px) { .seoFormHeader { background-size: 100% 100%; font-size: 16px !important; } .seoFormBooklet { text-align: center; } .hairCareBox .grid12-6 { width:33% !important; } .hairCareBoxWrapper { height: 100% !important; } .hairCareSEOHeader { margin-top:0; } .hairCareEduLargeImage { margin-bottom: 20px; } .hairCareBox .grid12-6, .hairCareBox .grid12-7, .hairCareBox .grid12-5 { width:33% !important; } } @media only screen and (max-width: 480px) { .hairCareBox .grid12-6 { width: 50% !important; } } /* A.S - Misc 29/04 */ .cms-thanks-email-subscription iframe { display:none; } #TermsPopup { padding: 10px; overflow-y: scroll; text-align: left; border: 5px solid #fff; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; } #TermsPopup h1 { text-align: center; } .optionWrapper.step6 a:hover { cursor:pointer; } /*Home banner*/ .fullWidth img { margin: 0 auto; } .home-banner-1 { display: none; } .home-banner-2 { display: none; } .home-banner-3 { display: none; } .home-banner-4 { display: none; } .home-banner-5 { display: none; } .home-banner-6 { display: none; } .home-banner-7 { display: block; } @media (min-width: 321px) { .home-banner-1 { display: none; } .home-banner-2 { display: none; } .home-banner-3 { display: none; } .home-banner-4 { display: none; } .home-banner-5 { display: none; } .home-banner-6 { display: block; } .home-banner-7 { display: none; } } @media (min-width: 480px) { .home-banner-1 { display: none; } .home-banner-2 { display: none; } .home-banner-3 { display: none; } .home-banner-4 { display: none; } .home-banner-5 { display: block; } .home-banner-6 { display: none; } .home-banner-7 { display: none; } } @media (min-width: 640px) { .home-banner-1 { display: none; } .home-banner-2 { display: none; } .home-banner-3 { display: none; } .home-banner-4 { display: block; } .home-banner-5 { display: none; } .home-banner-6 { display: none; } .home-banner-7 { display: none; } } @media (min-width: 768px) { .home-banner-1 { display: none; } .home-banner-2 { display: none; } .home-banner-3 { display: block; } .home-banner-4 { display: none; } .home-banner-5 { display: none; } .home-banner-6 { display: none; } .home-banner-7 { display: none; } } @media (min-width: 960px) { .home-banner-1 { display: none; } .home-banner-2 { display: block; } .home-banner-3 { display: none; } .home-banner-4 { display: none; } .home-banner-5 { display: none; } .home-banner-6 { display: none; } .home-banner-7 { display: none; } } @media (min-width: 1024px) { .home-banner-1 { display: block; } .home-banner-2 { display: none; } .home-banner-3 { display: none; } .home-banner-4 { display: none; } .home-banner-5 { display: none; } .home-banner-6 { display: none; } .home-banner-7 { display: none; } } /* A.S - Newer (03/06) Elite styles */ .header_top_left_mobile_content, .header_top_left_tablet_content { display:none; } .checkoutLoadOverlayWrapper, .checkoutLoadOverlay { display:none; } .header_top_left_desktop_content { display:inline-block; } .eliteNumber { display:none; } .cms-healthy-hair-club .eliteNumber { display:inline-block; } .checkoutLoadOverlay { position:fixed; display:block; left:0; top:0; width: 100%; height: 100%; background-color:rgba(244, 244, 244, 0.8); z-index:99999; text-align: center; } .checkoutLoadOverlay p { padding: 20px; font-size: 22px; line-height: 28px; } @media (max-width: 1030px) { .header_top_left_tablet_content { display:inline !important; } .header_top_left_mobile_content, .header_top_left_desktop_content { display:none !important; } } @media (max-width: 768px) { .starterOption { margin: 70px auto 0 !important; display: block !important; float: none !important; } .circleNumber.mobile-only { display: inline-block !important; } .cms-healthy-hair-club .desktop-only { display:none !important; } #TermsPopup .headerTitle span { font-size: 26px !important; } .cms-healthy-hair-club .eliteNumber, .cms-healthy-hair-club .standardNumber, .step6productname.mobile-only { display:inline !important; } } @media (max-width: 640px) { .header_top_left_mobile_content { display:inline !important; height: 20px; float:left; } .header_top_left_tablet_content { display:none !important; } .home-row2 h2.headerTitle { font-size:26px; } } /* A.S 15th June Best Hair Vitamins changes */ .drugFreeSidebar { padding:50px 0 10px; margin: 20px 0; border:1px solid #000; } .drugFreeLink { text-align: right; line-height: 18px; font-size: 18px; clear: both; padding-right: 30px !important; } .drugFreeLink a { width: 80%; text-align: center; display: inline-block; } .righthandmobileContent .productHairClub { border-bottom: 12px solid #f4f4f4; margin-bottom: 15px; } .righthandmobileContent .productHairClub .button span { width: 100%; } .righthandmobileContent .productHairClub .button span span { width: 100%; padding: 0; font-size: 16px; } .righthandmobileContent .productHairClub .eliteBlurb p { padding: 0 8px 20px; } .righthandmobileContent .productHairClub button.button span { background-color: #e10096; } .righthandmobileContent .productHairClub .product3monthsupplyContent { padding: 15px 15px 5px 0px; } .tableHeader { background:#bfbfbe; } .minoxidilTable { width:100%; margin-bottom: 20px; } .minoxidilTable td { width:50%; border: 1px solid #5c5c5c; color:#301218; padding: 0px 5px; } @media (max-width: 960px) { .drugFreeLink a { width:85%; } .righthandmobileContent .drugFreeSidebar p img { margin-left:0 !important; } .righthandmobileContent .drugFreeSidebar .headerTitle { font-size: 36px !important; } } /* A.S 02/07 - New Coupon Page Form */ .couponForm { text-align: left; position: relative; } .couponForm label { font-size: 18px !important; color: #4b4748; padding: 2px 0 !important; } .couponForm input, .couponForm select { background: url('/media/wysiwyg/US_2014/Misc/inputBox.png') #fff repeat-x top !important; background-size: 100% 100% !Important; border: 0 !important; font-size: 14px; line-height: 20px; padding: 2px 0 2px 8px; height:24px; margin-bottom: 8px; } .couponForm input { width:98%; border-style: solid; border-width: 1px; border-color: #a5acb2; background: white; font-size: 10pt; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .couponForm select { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-left: 1px #c3c2c2 solid !important; border-right: 1px #c3c2c2 solid !important; } .couponForm input[type="submit"] { color: #fff; font-size: 18px; width: 120px; height: 38px; line-height: 36px; border-radius: 4px !important; -webkit-border-radius: 10px !important; -moz-border-radius: 4px !important; background: #62888f !important; float: right; margin-top: 10px; } /* A.S 8/7/2015 - Product page changes */ /* REMOVE: .itemslider-thumbnails, #zoom-btn { display:none; } */ .more-images { width:50px; float:left; } .more-images .owl-wrapper { width: 50px !important; } .more-images .owl-item { width: 46px !important; height: 46px; border: 1px solid #cfcfcf; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-bottom: 7px; overflow: hidden; } .img-box .product-image { float:right; } .img-box-style1 .more-images .thumbnails .item a { border:0 !important; margin: 0 auto !important; padding:2px !important; height: 46px; } .swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#fff;border:1px solid #A3A3A3;}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#A3A3A3}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .cms-healthy-hair-club .discount input { font-size: 14px; float: right; padding: 5px 3px; line-height: 18px; margin-top: -5px; text-align: right; color:#716c6f; border: 1px solid #5c5c5c; font-weight: bold; max-width: 160px; } /* Override for double image showing in cart dropdown */ .btn-remove, .btn-remove2, .btn-edit, .tool-tip .btn-close a { width: 5px; } div.onestepcheckout-threecolumns div.onestepcheckout-column-right { clear:right; } /* A.S 29/07 - Part of US site changes */ #y-badges { max-width: 150px; display: inline; } #y-badges .y-badge { display: inline-block; } .doctor_trusted, .doctor_trusted a { float:none !important; } .footerIcons { padding-bottom:20px; } .footerIcons img { vertical-align: bottom; } .footerIconPadding { padding:0 20px; } .product-img-column .img-box a img { margin:0 auto; } .show-below-960 { display: none !important; } /* A.S 12/08 - Hair care page fix */ .hairCareEduLargeImage.first { top: -55px; } .hairCareEduLargeImage.second { margin-top: -55px; } @media (max-width: 1006px) { .hairCareEduLargeImage.second { margin-top: -53px; } } @media (max-width: 997px) { .hairCareEduLargeImage.second { margin-top: -51px; } } @media (max-width: 988px) { .hairCareEduLargeImage.second { margin-top: -45px; } } @media (max-width: 960px) { .hairCareEduLargeImage.second { display:none; } .show-below-960 { display: inline !important; } .hairCareEduLargeImage.first { top: 0; } .hairCareBox .headerTitle { line-height:14px; } .leftClear { clear:none !important; } .cms-thinning-hair-treatments .hairCareBoxWrapper { height: 216px !important; } } @media (max-width: 768px) { .hairCareEduLargeImage { text-align: center; } .hairCareSEOHeader.first { margin-top:20px; } .cms-thinning-hair-treatments .hairCareEduLargeImage.first { top:0; } .cms-thinning-hair-treatments .hairCareBoxWrapper { height: auto !important; } .cms-thinning-hair-treatments .hairCareBox .grid12-5 { width: 60% !important; } .cms-thinning-hair-treatments .hairCareEduLargeImage.first { margin-bottom: 20px !important; top: 0 !important; } } @media (max-width: 480px) { .cms-thinning-hair-treatments .hairCareBox .grid12-5 { width: 50% !important; } .cms-thinning-hair-treatments .hairCareBox .grid12-7 { width: 45% !important; } } #candid-overlay .candid-caption b { display:none; } .cms-thinning-hair-treatments .hairCareBoxWrapper { height: 188px; } .cms-thinning-hair-treatments .hairCareEduLargeImage.first { margin-bottom: 0; top: -32px; } .cms-thinning-hair-treatments .hairCareEduLargeImage.second { margin-top: -32px; } .leftClear { clear:left; } #shopping-cart-table .item-options dd { display:none; } /* AS 02/09/2015 - Elite Changes */ .vivEliteSecondTopBox { float:left; width:100%; padding-top: 15px; } .vivEliteSecondTopBox .grid12-9 { line-height: 55px; font-size: 18px; } .vivEliteSecondTopBox .grid12-9 img { margin:0 10px; } .vivEliteSecondTopBox .grid12-3 { font-size: 14px; } .vivEliteSecondTopBox .grid12-3 a { font-size: 10px; color:#716c6f; } .starsElite { margin: 18px 0 0 !important; } .starsElite img { margin-right: 14px; } #step-one { border-top: 1px solid #d9d9d9; } #but_Woman, .starterOption { float:left; border-left: 0; } #but_Man, .deluxeOption, .monthlyOption, .summaryPrice { border-right: 0; float:right !important; } .grid12-6.optionSelection { width: 48.5% !important; margin: 0; } .starterOption, .deluxeOption { margin-top: 10px !important; } .quarterlyOption .optionSelection .widget-static-block, .monthlyOption .optionSelection .widget-static-block { padding: 0 0 10px; } .paymentplanTopContent { font-size: 18px; margin: 15px 0 10px 0; } .paymentplanBottomContent { font-size: 12px; color: #716c6f; margin-top: 20px; margin-bottom: 0; } .summaryItemWrapper { font-family: TradeGothicNextLTPro; } .cms-healthy-hair-club p.grandtotal { margin-bottom: 15px !important; } @media (max-width: 960px) { .bestValueOption { display: none; } .vivEliteOptionSection .headerTitle { font-size:16px; } } @media (max-width: 768px) { .optionSelection .headerTitle img { display: none; } .vivEliteOptionSection .headerTitle { font-size: 22px; } .grid12-6.optionSelection { width: 100% !important; } #but_quarterly { margin-bottom:20px; } } /* AS Elite styles - bottom bar */ .step2woman .widget-static-block, .step2man .widget-static-block { padding:0; } .headerTitle.bottom { margin-bottom: 0; clear:both; position: absolute; bottom: 0; width: 100%; } .deluxeOption.selected .headerTitle.bottom { width: 100%; } .optionSelection.selected p.headerTitle.bottom { bottom: 6px; width: 97.5% !important; } @media (min-width: 960px) { .step2woman, .step2man { height:861px; } } .greyAndBold a { color:#716c6f; font-weight:bold; } .deluxeKitNotice { display:none; } .cms-healthy-hair-club .deluxeKitNotice { display:block; text-align:center; color: red; line-height: 14px; font-size: 12px; } .cms-healthy-hair-club .deluxeKitNotice .container { padding:8px; max-width:800px; } .deluxeOverlay { background-color: rgba(244, 244, 244, 0.8); position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; text-align:center; } #but_DeluxeKit { position:relative; } .bestHairVitaminsCenterWrapper { background:url('../images/custom/greySeperator.jpg') #ffffff center top no-repeat; float: left; margin: 30px 0 40px; } .bestHairVitaminsCenter p { font-family: Variable; text-align: center; font-weight: bold; line-height: 30px; margin-bottom: 15px; padding: 0 20px; } .pinkButton { background-color: #a51d59; font-size: 16px; font-family: Variable; text-align: center; color: #fff; max-width: 180px; width:100%; display: block; margin: 0 auto; padding: 6px 0; border-radius: 0.25em; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; } a.pinkButton:hover { color: #fff; } .cms-best-hair-vitamins .cmsMiniNav a, .cms-thinning-hair .cmsMiniNav a, .cms-vitamins-and-minerals-for-healthier-hair .cmsMiniNav a, .cms-prenatal-vitamins .cmsMiniNav a, .cms-natural-hair-growth .cmsMiniNav a, .cms-vitamin-comparisons .cmsMiniNav a, .cms-vitamins-for-natural-hair-loss-treatment .cmsMiniNav a, .cms-best-hair-growth-products .cmsMiniNav a { padding: 0 4px; font-size: 12px; } .cms-best-hair-vitamins .magestore-bannerslider, .cms-thinning-hair .magestore-bannerslider, .cms-vitamins-and-minerals-for-healthier-hair .magestore-bannerslider, .cms-prenatal-vitamins .magestore-bannerslider, .cms-natural-hair-growth .magestore-bannerslider, .cms-vitamin-comparisons .magestore-bannerslider, .cms-vitamins-for-natural-hair-loss-treatment .magestore-bannerslider, .cms-best-hair-growth-products .magestore-bannerslider { margin-top:2px !important; margin-bottom: 15px; } .cms-best-hair-vitamins .drugFreeSidebar, .cms-thinning-hair .drugFreeSidebar, .cms-vitamins-and-minerals-for-healthier-hair .drugFreeSidebar, .cms-prenatal-vitamins .drugFreeSidebar, .cms-natural-hair-growth .drugFreeSidebar, .cms-vitamin-comparisons .drugFreeSidebar, .cms-vitamins-for-natural-hair-loss-treatment .drugFreeSidebar, .cms-best-hair-growth-products .drugFreeSidebar { margin:20px 0 3px; } .regular-price .price { position:relative; } .crossedOutPriceOverlay { position:absolute; left: -2px; top: 2px; } .limitedTimeImage { margin-top:-4px; } .fiberCouponBox { background:#d7d7d7; text-align:center; padding: 12px 40px 5px; } .fiberCouponBox span { color: #de1195; font-size:18px; font-weight:bold; letter-spacing: 1px; } .product-viviscal-hair-filler-fibers-for-men .fiberCouponBox span { color: #d5680d; } .fiberCouponBox p { margin-bottom:2px; } .product-viviscal-hair-filler-fibers .price-box, .product-viviscal-hair-filler-fibers-for-men .price-box { margin: 0 15px 0 2px !important; border-bottom: 0 !important; padding: 10px 10px 6px 0 !important; } .product-viviscal-hair-filler-fibers .inner, .product-viviscal-hair-filler-fibers-for-men .inner { padding-bottom:0 !important; } @media (max-width: 960px) { .limitedTimeImage { display: none; } .grouped-items-table tbody td { padding: 0; } } @media (max-width: 768px) { .limitedTimeImage { display: inline-block; } .grouped-items-table tbody td { padding: 0 20px; } } /*----------------------*/ /*--MS STYLES 27-11-2015--*/ .fibersHair { background:red !important; } .fibresBlueHeader { width: 100%; background-color: #2bc6e2; color: #ffffff; padding: 0; } .fibresBlurb { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 20px; color: #484445; font-weight: bold; } .extra-strength-usp2 ul li { list-style-image: url('../images/tickFibers.jpg'); } .productHairClub2 li { font-size: 13px; } .newBtnPink span { background-color: #c0006a !important; } /*--End MS--*/ .cms-healthy-hair-club #yotpo-testimonials-custom-tab { margin-top:20px; float:left; } .smallOptionPadding { padding:10px; } @media (max-width: 960px) and (min-width: 768px) { .step2woman { height: 890px; } .grant-stevens, .gwyneth { width: 50%; float:left; margin: 0 !important; } .grant-stevens-text, .gwyneth-text { font-size: 20px; } .home-row4 { height:auto !important; } } .category-description { float:left; } .eliteCosmeticBagText { color: #c7007d; font-size:22px; } .quarterlyOption { position:relative; } .eliteCosmeticBagImage { width: 130px; position: absolute; right: -8px; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(20deg); } .quarterlyOption .widget-static-block, .monthlyOption .widget-static-block { padding-bottom:10px; } @media (max-width: 990px) { .eliteCosmeticBagImage { width: 115px; } } @media (max-width: 960px) { .eliteCosmeticBagImage { display:none; } } /* added in by JAck 26/01/16 for responsive product static block */ @media only screen and (max-width: 767px) { #static-block-men-product{ background-image: none !important; } #static-block-men-product img, .mobile-only{ float: none !important; } #static-block-men-product p, h2 { text-align: left !important; padding-left: 0% !important; } } @media only screen and (min-width: 768px) and (max-width: 959px) { #static-block-men-product p{ padding-left: 42% !important; } #static-block-men-product h2{ text-align:right !important; padding: 0 !important; font-size: 22px !important; } #static-block-men-product img{ height: 88px !important; margin-top: 22px !important; } #hair-care-education-block p{ /*for hair care education Static Block*/ font-size: 12px !important; } } .product-viviscal-man .productHairClub { display:none; } /*A.S 08/02 - New VES and VMAN homepage mini-banners */ .home-row2 { position:relative; } .extraStrengthBannerText { color:#fff; position: absolute; top: 125px; left: 34%; width: 65%; } .manBannerText { color: #fff; position: absolute; top: 185px; left: 30%; width: 46%; line-height: 18px; font-size: 12px; } @media only screen and (max-width: 960px) { .extraStrengthBannerText { top: 95px; font-size: 12px; line-height: 16px; } .manBannerText { top: 136px; line-height: 12px; font-size: 11px; } } @media only screen and (max-width: 767px) { .extraStrengthBannerText { top: 125px; font-size: 14px; line-height: 21px; } .manBannerText { top: 185px; line-height: 18px; font-size: 12px; } .cms-healthy-hair-club .header-primary-container, .cms-healthy-hair-club .header-top, .cms-healthy-hair-club .breadcrumbs ul { padding: 0 2% !important; width: 96% !important; } } @media only screen and (max-width: 638px) { .home-row2 { left: 0; } .manBannerText { top: 172px; } } @media only screen and (max-width: 460px) { .extraStrengthBannerText { top: 110px; font-size: 12px; line-height: 18px; } .manBannerText { top: 160px; font-size: 11px; line-height: 15px; } } @media only screen and (max-width: 410px) { .extraStrengthBannerText { top: 100px; font-size: 11px; line-height: 15px; } .manBannerText { top: 145px; font-size: 10px; line-height: 13px; } } @media only screen and (max-width: 370px) { .extraStrengthBannerText { top: 95px; } .manBannerText { top: 135px; } } @media only screen and (max-width: 340px) { .extraStrengthBannerText { top: 83px; font-size: 10px; line-height: 14px; } .manBannerText { top: 120px; font-size: 9px; line-height: 12px; } } .customer-review-banner { background: url('/media/wysiwyg/US_2014/Customer_Reviews/viviscalCustomerReviewsBanner.png') #f4f4f4 no-repeat bottom; background-position-x: 20%; border-top: #ebebe3 1px solid; border-bottom: #ebebe3 1px solid; padding: 60px 0 20px; } @media only screen and (max-width: 1400px) { .customer-review-banner { background-position-x: 10%; } } @media only screen and (max-width: 1250px) { .customer-review-banner { background-position-x: 0; } } @media only screen and (max-width: 1130px) { .customer-review-banner { background-size: 60%; } } @media only screen and (max-width: 768px) { .customer-review-banner { background:#f4f4f4; } .customer-review-banner .grid12-4 { margin-top: 10px !important; } .home-row2 img { margin:0 auto; display:block; } } .reviewSEObox .widget-static-block { padding: 0px 30px; float: left; } .cms-enable-cookies ol { line-height:30px; } .cms-enable-cookies .subtitle { font-size:24px; margin-top:20px; } .cms-enable-cookies ol ul { list-style: circle; margin-left:10px; } .cms-enable-cookies ol img { display: block; margin-top: 10px; } .cms-enable-cookies h2 { margin-top: 40px !important; } @media only screen and (max-width: 767px) and (min-width: 480px) { .cms-healthy-hair-club .container { max-width: 767px !important; } } .more-images .itm img { max-height: 44px; } @media only screen and (min-width: 767px) and (max-width: 960px) { .smaller_text { font-size: 11px !important; } } /*New mobile nav styles*/ .header-order-now, .header-call-us { display:none; } @media only screen and (max-width: 767px) and (min-width: 480px) { .header-primary { max-width: 480px !important; } } @media (max-width: 767px) { /*.vertnav-top.mobile { display: none; } .vertnav-top.mobile.show { display:block !important; }*/ .header-primary { padding-left:0 !important; padding-right:0 !important; padding-top:0 !important; padding-bottom:0 !important; width: 100% !important; } .nav-container { margin-top: 0; } .nav-text { padding-top: 0; } #mobnav-trigger { font-family: TradeGothicNextLTPro; padding: 16px 24% 6px; line-height: 20px; text-align: center; background-color: transparent; color: #cccccc; } #mobnav-trigger:hover { background-color: #4b4b4a; } #mobnav.grid-full { background-color: #ffffff; width: 20% ! Important; float: left; display: block; top: 5px; } #mobnav-trigger .trigger-icon { width: 100%; padding-top: 0; margin: 0; padding-left: 0; } #mobnav-trigger .trigger-icon .line { background-color: #cccccc; display: block; height: 5px; margin-bottom: 6px; } .header-order-now, .header-call-us { display: inline-block; color: #ffffff; text-transform: uppercase; line-height: 84px; height: 75px; width: 40%; vertical-align: middle; margin: 0; float: left; text-align: center; font-size: 22px; font-family:"DIN Next W01 Regular", TradeGothicNextLTPro, Arial, "Helvetica Neue", Helvetica, sans-serif; text-shadow: 2px 2px rgba(63,107,169, 0.3); } /*.header-order-now {*/ /*background:url('../images/custom/button1BG.gif') #eb6109 repeat-x;*/ /*}*/ /*.header-call-us {*/ /*background:url('../images/custom/button2BG.gif') #ec9b0b repeat-x;*/ /*}*/ /****** CS 21-10-16 *****/ .header-order-now { background:#a51d59; } .header-call-us { background:#4e5655; } .header-call-us img { vertical-align: middle; margin-right:5%; margin-bottom: 4px; height: 50%; } .header-container { background: none; } } @media only screen and (max-width: 767px) and (min-width: 480px) { .nav.container { max-width: none !important; } } /*mobile nav fixed 17/06/16 updated for radio banner*/ @media (max-width: 767px) { .header-container#top{ position: fixed; top: 0; width: 100%; border-bottom:solid black 2px; background:white!important; z-index:10000; } #top > div > div > div.header-primary-container > div > div{ max-width:460px!important; } .cms-home #middleSection { /*margin-top: 136px!important;*/ margin-top: 76px!important; } #middleSection{ margin-top:75px!important; } #top > div > div > div.header-primary-container > div > div > div > div.nav-container > div.nav.container.clearer.show-bg{ /* right: -10px;*/ /*position: relative;*/ } #top > div > div > div.header-primary-container > div{ max-width: 460px!important; } } @media (max-width: 340px) { #top > div > div > div.header-primary-container > div > div > div > div.nav-container > div.nav.container.clearer.show-bg a{ font-size: 12px!important; } } @media (max-width: 452px) { .header-container#top { background: none !important; } } #zoom1{ max-width: 400px; } #goto-reviews-form,#goto-reviews-form{ display:none; } .product-view .action-box { margin:0; } #HGD { padding:20px; } .HGD_image { cursor:pointer; } #nav > li:nth-child(2) > a:hover{ background-color: #d5680d; } /*New For women page styles*/ .categoryRow2 { background: #a51d59; color: #ffffff; font-size:28px; text-transform: uppercase; padding: 30px 0; letter-spacing:1px; } .category-for-women .col-main, .category-for-women .col-main h1, .eliteBottomBanner { font-family:"News Gothic", TradeGothicNextLTPro, Arial, Helvetica, sans-serif; } .category-for-women .col-main h1, .category-for-women .col-main h2, .categoryHeader { color:#a51d59; font-size:24px; font-weight: bold; text-transform: uppercase; margin-bottom: 2px; letter-spacing:1px; } .categoryHeader { text-align:right; } .categoryHeader img { margin-bottom: 20px; } .floatWhite { float: left; background-color: #ffffff; width: 97%; padding: 10px 1.5%; text-align:left; margin-bottom: 20px; } .purpleButton { background-color: #a51d58; color: #ffffff; text-transform: uppercase; padding: 8px 36px; font-size: 20px; } .grid12-full.floatWhite .purpleButton { float: left; margin-top: 6px; } .purpleButton:hover { color:#ffffff; } .category-for-women .container { max-width: 1172px; } .category-for-women .col-main h2 { margin:20px 0 30px !important; } .floatWhite ul { list-style-type:disc; margin-left: 19px; font-size: 18px; line-height: 28px; margin-bottom:20px; text-align:left; } .noMarginLeft { margin-left:0 !important; } .noMarginRight { margin-right:0 !important; } .grid12-3.floatWhite { text-align: center; padding: 10px 0.25% 30px; } .grid12-3.floatWhite ul { padding:0 10px; font-size:15px; line-height: 20px; min-height: 160px; } .grid12-3.floatWhite p { margin-bottom:0; } .catalog-category-view .eliteBottomBanner { background: url('/skin/frontend/ultimo/vman/images/custom/eliteBGSwirl2.jpg') #dadada no-repeat top center; padding: 130px 0 20px; text-align: left; font-size:16px; line-height:25px; } .eliteBottomBanner ul { list-style-type:disc; margin: 0 0 40px 18px; } .category-for-women .grid12-3.floatWhite h2 { margin: 20px 0 !important; } .category-for-women25 { font-size:25px; } .category-for-women22 { font-size:22px; } .category-for-women18 { font-size:18px; } .category-for-women11 { font-size:11px; } @media (max-width: 1174px) and (min-width: 960px) { .grid12-full.floatWhite .purpleButton { padding: 8px 16px; } } @media (max-width: 1154px) and (min-width: 960px) { .grid12-3.floatWhite { min-height: 840px; } } @media (max-width: 960px) and (min-width: 768px) { .grid12-3.floatWhite { min-height: 920px; } .grid12-full.floatWhite .purpleButton { font-size:16px; } } @media (max-width: 960px) and (min-width: 640px) { .grid12-3.floatWhite { min-height: 920px; } } @media (max-width: 640px) and (min-width: 480px) { .grid12-3.floatWhite { min-height: 662px; } } @media (max-width: 870px) and (min-width: 768px) { .grid12-3.floatWhite .purpleButton { padding: 8px 25px; } } @media (max-width: 767px) { .category-for-women .container { width: 96%; padding-left: 2%; padding-right: 2%; } .category-for-women .col-main h1, .categoryHeader { font-size:12px; margin-top: 5px; } .categoryHeader img { width:70%; margin-bottom:10px; } .category-for-women25 { font-size:11px; line-height: 16px; } .category-for-women22 { font-size:11px; } .category-for-women18 { /*font-size:10px !important;*/ font-size:12px !important; line-height: 14px; } .category-for-women11 { font-size:7px; } .categoryRow2 { font-size: 14px; padding: 10px 0; } .catalog-category-view .eliteBottomBanner { font-size: 10px; line-height: 16px; } .purpleButton { font-size:12px; padding: 2px 15px; } .extraStrengthBox .grid12-3 { width: 35% !important; } .extraStrengthBox .grid12-9 { width: 65% !important; } .extraStrengthBox .grid12-9 h2, .extraStrengthBox .grid12-9 ul { font-size:11px; line-height: 16px; } .extraStrengthBox .grid12-9 ul { margin-bottom: 0; } .category-for-women .col-main h2 { margin: 20px 0 10px 5px !important; } .extraStrengthBox .category-for-women18, .extraStrengthBox .purpleButton { margin-bottom:10px !important; margin-left:5px; } .row3container { width: 100%; padding-left: 0; padding-right: 0; } .grid12-3.floatWhite { width: 48% !important; } .grid12-3.floatWhite img { width: 60%; } .grid12-3.floatWhite ul { /*font-size:8px;*/ font-size:11px; line-height: 14px; min-height: 120px; } .category-for-women .grid12-3.floatWhite h2 { font-size: 10px; text-align: center !important; } .grid12-3.floatWhite:nth-child(even) { border-right: 9px solid #eaeaea; } .catalog-category-view .eliteBottomBanner { padding: 80px 0 20px; } } @media (max-width: 480px) { .categoryElixirImage { width: 83.5% !important; } } /*End of for women styles*/ /*Radio menu J*/ .radio_menu{ float:right; /*display:inline-block;*/ display:none; } .header-primary-container .grid-full{ /*max-width:826px;*/ } @media (min-width: 976px) and (max-width: 1030px) { .nav-container .container { margin-left:0px; } .header-primary-container .grid-full{ max-width:786px!important; } } @media (min-width: 976px) and (max-width: 989px) { #top > div > div > div.header-primary-container > div{ margin-left: 2px!important; margin-right: 2px!important; width:100%!important; } } @media (min-width: 768px) and (max-width: 976px) { .radio_menu{ display:none; } } @media (min-width: 976px){ .mobile_radio{ display:none; } } @media (max-width: 767px){ .desktop_radio{ display:none; } .radio_menu > a:nth-child(2){ display:none; } .radio_menu > a:nth-child(1){ display:inline-block; } } @media (max-width: 768px){ .radio_menu{ width:100%; float:none; text-align:center; height:60px; background-color: #A22158; } .radio_menu > a:nth-child(1){ display:none; } .radio_menu > a:nth-child(2){ display:inline-block; } } .mobile_radio{ width:100%; /*height:auto;*/ } .radio_menu a{ display:inline-block; } @media (max-width: 767px){ #middleSection{ margin-top:153px; } .cms-home #middleSection{ margin-top:60px; } } @media (max-width: 420px){ .mobile_radio{ margin-top:3px!important; } } @media (max-width: 380px){ .mobile_radio{ margin-top:8px!important; } } #ctbtnsubmit { border: 0; height: 52px; width: 100%; position: static !important; padding: 0; margin-top: 15px; margin-bottom: 15px; background: url('/skin/frontend/ultimo/l2gus/images/custom/buttonBG.jpg'); font-weight: bold; color: #ffffff; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-style: normal; } .seoFormBottom .input { background: white; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; -moz-border-radius: 3px; -webkit-border-radius: 3px; behavior: url("border-radius.htc"); width: 97%; height: 42px; border-radius: 8px; border: 1px solid #939393; padding-left: 10px; font-weight: bold; } .cms-home .fullWidth { background: url('../images/custom/Viviscal_banner_bg_stamp_effect2.jpg'); padding: 0; } /***** CS: 19-09-16 Hair Filler Fibres *****/ .hfp_row2 { /*background:url('/media/wysiwyg/US_2014/Hair_Fiber_Page/Viviscal_Website_Fibers_Page_02_Text_Banner_Extended_Background.jpg');*/ background:url('/media/wysiwyg/US_2014/Fibers/Viviscal_banner_bg_stamp_effect2_h300.jpg'); font-size: 25px; padding: 50px 0 20px; clear: both; color: #ffffff; text-transform: uppercase; text-align: center; line-height: 26px; } /***** CS: 22-09-16 *****/ .hfp_row2 p:first-of-type, .hfp_row2 h1 { font-size: 36px; line-height: 36px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .hfp_row2 h2 { color: #ffffff; font-size: 25px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; padding:10px 0px; } @media screen and (max-width : 767px) { .hfp_row2 p:first-of-type, .hfp_row2 h1 { font-size: 19px; } .hfp_row2 h2 { font-size: 16px; } } .hfp_row_pinkBG { background: #a41d57; } .hfp_row_pinkBG .headerTitle h1 { font-size: 36px; padding: 15px 0; clear: both; background: #a41d57; color: #ffffff; text-transform: uppercase; text-align: center; font-weight: bold; font-family: TradeGothicNextLTPro; line-height: 1em; margin-bottom:0px; } @media screen and (max-width : 767px) { .hfp_row_pinkBG .headerTitle h1{ font-size: 22px !important; } } .hfp_row_greyBG { background: #ebebeb; } .hfp_row_whiteBG { background: #fff; } .hfp_mainContent, .hfp_row_whiteBG h2 { color: #646569; text-align: center; max-width:870px; padding: 30px 30px 15px; margin: 10px auto; font-size: 26px; font-family: "News Gothic", TradeGothicNextLTPro, Arial, Helvetica, sans-serif; line-height: 28px; letter-spacing: 1px; } .hfp_row_whiteBG h2 { color:#a41d57; font-weight:bold; text-align:center; margin-bottom:14px !important; } .hfp_row_whiteBG .hfp_mainContent{ padding: 0px 30px 15px; } .whiteBoxTitle { font-size: 30px; padding: 15px 0; clear: both; background: #ffffff; color: #a41d57; text-transform: uppercase; text-align: center; } .cms-home .fullWidth { background: url('../images/custom/Viviscal_banner_bg_stamp_effect2.jpg'); padding: 0; } .cms-hair-filler-fibers iframe { border:0; width:100%; height: 512px; overflow:hidden; } .cms-viviscal-densifying-hair-filler-fibers .magestore-bannerslider { max-width: 1170px; } .cms-viviscal-densifying-hair-filler-fibers .magestore-bannerslider { height:358px; } .cms-viviscal-densifying-hair-filler-fibers .flexslider{ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } .cms-viviscal-densifying-hair-filler-fibers .flexslider{ overflow:hidden; } .cms-viviscal-densifying-hair-filler-fibers .flex-control-nav { position:static; display:block; } .cms-viviscal-densifying-hair-filler-fibers .main { padding: 0px 0 20px; min-height:358px; } .comparison-text { background: #a41d57; color: #ffffff; text-align: center; width: 100%; margin: 0 auto 40px; font-size: 20px; line-height: 26px; padding-bottom: 4px; } .hfp_button { display: inline-block; margin-top:20px; } .hfp_mainContent .grid12-7 a { margin: 15px 0 40px; display:inline-block; } .hfp_button:hover { cursor:pointer; } .catHairFiberImage { margin:0 auto; display:block; } .hfp_mainContent .grid12-5 { margin-right: 2%; margin-left: 0; } .hfp_mainContent .grid12-7 { padding-top:70px; } @media (max-width: 960px) { .hfp_row2 p:first-of-type { font-size: 32px; } .cms-hair-filler-fibers iframe { height: 430px; } } @media (max-width: 768px) { .hfp_mainContent { font-size: 18px; line-height: 24px; } .cms-hair-filler-fibers .container { max-width: 100%; } .cms-hair-filler-fibers #middleSection { margin-top: 76px; } .cms-hair-filler-fibers .main { min-height: 100px; } .cms-hair-filler-fibers iframe { height: 430px; } .hfp_mainContent .grid12-7 { padding-top: 0; } } @media (max-width: 640px) { .cms-hair-filler-fibers iframe { height: 318px; } } @media (max-width: 480px) { .comparison-text { font-size: 14px; line-height: 20px; } .cms-hair-filler-fibers iframe { height: 230px; } } @media (max-width: 420px) { .cms-hair-filler-fibers iframe { height: 200px; } .hfp_mainContent { padding: 30px 0 15px; } .hfp_row_pinkBG .headerTitle { font-size: 30px; } } @media (max-width: 320px) { .cms-hair-filler-fibers iframe { height: 180px; } } .jx-slider a.jx-knightlab { display:none; } div.jx-control { background:#a41d57 !important; width: 5px !important; } div.jx-controller { background:#a41d57 !important; height: 75px !important; width: 75px !important; border-radius: 50px; left: -15px !important; } .jx-arrow { z-index:1; } div.jx-arrow.jx-left { background: url('../images/custom/hfp_leftArrow.png'); width:33px !important; height:23px !important; left: -15px !important; border: 0 !important; } div.jx-arrow.jx-right { background: url('../images/custom/hfp_rightArrow.png'); width:33px !important; height:23px !important; left: 22px !important; border: 0 !important; } /*Nat Addition 21/9/2016 */ /*this will help in mobile view avoiding repeatition*/ .hfp_row2{ background-size: cover; } /* fix for the height of the first image/slider */ .cms-viviscal-densifying-hair-filler-fibers .main { min-height: inherit; } .cms-viviscal-densifying-hair-filler-fibers .magestore-bannerslider { height: inherit; } @media only screen and (max-width: 640px) { .cms-viviscal-densifying-hair-filler-fibers .main { padding : 0 !important; } } @media (max-width: 767px) { .cms-viviscal-densifying-hair-filler-fibers #middleSection { margin-top : 73px; } } .cms-viviscal-densifying-hair-filler-fibers div.juxtapose { width : 100% !important; } /*Nat More mobile changes */ @media screen and (max-width : 767px) { .catHairFiberImage{ max-height : 320px; } .hfp_mainContent .grid12-6 { width: 48% !important; } .fiberBrownDesktop,.fiberBlondeDesktop,.fiberDarkBrownDesktop,.fiberBlackDesktop{ width :100px; } } /* NAT ADDITION 23/9/2016 */ @media only screen and (max-width : 767px) { .cms-viviscal-densifying-hair-filler-fibers .hfp_row_whiteBG .container { max-width : 100% !important; width : 100%; padding-left : 0%; padding-right : 0%; } .cms-viviscal-densifying-hair-filler-fibers .hfp_row_whiteBG .directions-for-use-heading{ text-align : center !important; padding-left : 0 !important; padding-right : 0 !important; } } @media screen and (max-width : 480px) { .cms-viviscal-densifying-hair-filler-fibers .hfp_row_whiteBG .container .hfp_mainContent{ padding : 0 !important; } } /***** CS: 26-10-16 *****/ @media (max-width:767px) { .toast-position-top-right { position: fixed !important; top: 110px !important; right: 20px !important; } } /****** CS: 17-01-2017 - new filler fibres page *****/ .main-container { /*background-color:#363636;*/ /*background-image:url(http://vus.vivistage.co.uk/media/wysiwyg/_Viviscal/Global/background-image1.jpg);*/ /*background-repeat:repeat-x;*/ } .main, .container{ padding-top: 0px; background-color: transparent; } .cms-hair-filler-fibers .flexslider{ background-color: transparent; border: none; border-radius: none; top: -20px; } .cms-viviscal-densifying-hair-filler-fibers .flex-control-paging li a, .cms-hair-filler-fibers .flex-control-paging li a { background: rgba(230, 187, 206, 0.9) none repeat scroll 0 0; box-shadow: 0 0 3px rgba(164, 31, 88, 0.3) inset; } .cms-viviscal-densifying-hair-filler-fibers .flex-control-paging li a:hover, .cms-hair-filler-fibers .flex-control-paging li a:hover { background: rgba(164, 31, 88, 0.9) none repeat scroll 0 0; } .cms-viviscal-densifying-hair-filler-fibers .flex-control-paging li a.flex-active, .cms-hair-filler-fibers .flex-control-paging li a.flex-active { background: rgba(164, 31, 88, 1) none repeat scroll 0 0; } .cms-viviscal-densifying-hair-filler-fibers .flex-control-paging li a:active, .cms-hair-filler-fibers .flex-control-paging li a:active { background: rgba(164, 31, 88, 0.9) none repeat scroll 0 0; } /*.cms-hair-filler-fibers .flex-control-nav {*/ /*background:#fff;*/ /*}*/ .hfp_row_whiteBG .headerTitle h1 { background: #ffffff none repeat scroll 0 0; clear: both; color: #a41d57; font-family: TradeGothicNextLTPro; font-size: 32px; font-weight: bold; line-height: 1em; margin-bottom: 0; padding: 15px 0; text-align: center; text-transform: uppercase; } .hfp_row_pinkBG .headerTitle h1 { background: #a41d57 none repeat scroll 0 0; clear: both; color: #ffffff; font-family: TradeGothicNextLTPro; font-size: 36px; font-weight: bold; line-height: 1em; margin-bottom: 0; padding: 15px 0; text-align: center; text-transform: uppercase; } .hfp_row2 p:first-of-type, .hfp_row2 h1 { font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 36px; line-height: 36px; } .hfp_row2 h2 { color: #ffffff; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 25px; padding: 10px 0; } .couponBanner h1, h2 { color: #231f20; font-family: TradeGothicNextLTPro; margin: 5px 0 !important; } .whiteBoxTitle h2{ font-weight: normal; letter-spacing: 1px; } .hfp_row1 .slides { background: #363636; } .cms-hair-filler-fibers div.juxtapose { width: 100% !important; } @media screen and (min-width: 790px) and (max-width : 959px) { .main-container { /* background-color: #363636; */ background-position-y: -86px; } } .cms-viviscal-densifying-hair-filler-fibers .main, .cms-hair-filler-fibers .main { background-color: #363636; max-width:100%; margin:0; width:100%; position:relative; } .cms-viviscal-densifying-hair-filler-fibers .flex-control-nav-background, .cms-hair-filler-fibers .flex-control-nav-background { background: #fff; position: absolute; bottom: 0px; left: 0; height: 61px; z-index: 9; width: 100%; } .cms-viviscal-densifying-hair-filler-fibers .magestore-bannerslider, .cms-hair-filler-fibers .magestore-bannerslider { z-index: 10; position: relative; } @media screen and (max-width: 880px) { .cms-viviscal-densifying-hair-filler-fibers .flex-control-nav-background, .cms-hair-filler-fibers .flex-control-nav-background { height: 120px; } } .cms-viviscal-densifying-hair-filler-fibers .magestore-bannerslider, .cms-hair-filler-fibers .magestore-bannerslider{ max-width: 1170px; } .cms-viviscal-densifying-hair-filler-fibers .flex-control-nav, .cms-hair-filler-fibers .flex-control-nav { position:static; display:block; } .cms-viviscal-densifying-hair-filler-fibers .flexslider, .cms-hair-filler-fibers .flexslider{ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } /******* Nat Additional rules for 3 floating right images in the hair-care page ********/ .hairCareEduLargeImage.hairCareSEOHeader.first { position : relative; } @media screen and (min-width : 960px) { .hairCareEduLargeImage.first { top: -55px; } } .hairCareEduLargeImage a.right-middle-a { position : absolute; bottom : -231px; margin-top : 0; left : 0; width : 100%; } .hairCareEduLargeImage a.right-bottom-a { position : absolute; bottom : -445px; margin-top : 0; left : 0; width : 100%; } .hairCareBoxWrapper.clear-hair{ clear : both; } @media screen and (max-width : 959px) { .hairCareEduLargeImage a.right-middle-a, .hairCareEduLargeImage a.right-bottom-a, .hairCareBoxWrapper.filler{ display : none; } } /************************************************/ /***** CS: 22-03-17 Top 5 Vit additional CSS ****/ #top5vitamin-page ul { padding-left:30px; } #top5vitamin-page ul li { list-style-type:disc; } #top5vitamin-page ul li ul li{ list-style-type:circle; } /************************************************/