*{margin:0;padding:0;} @font-face { font-family: "Johnston"; font-weight: 300; src: url("../fonts/johnston/johnston-itc-light.woff2") format("woff2"), url("../fonts/johnston/johnston-itc-light.woff") format("woff"); } @font-face { font-family: "Johnston"; font-weight: 400; src: url("../fonts/johnston/johnston-itc-medium.woff2") format("woff2"), url("../fonts/johnston/johnston-itc-medium.woff") format("woff"); } @font-face { font-family: "Bembo"; font-weight: 400; src: url("../fonts/bembo/bembo-regular.woff2") format("woff2"), url("../fonts/bembo/bembo-regular.woff") format("woff"); } @font-face { font-family: "Bembo"; font-weight: 700; src: url("../fonts/bembo/bembo-bold.woff2") format("woff2"), url("../fonts/bembo/bembo-bold.woff") format("woff"); } :root { /* Fonts */ --bembo : "Bembo", "Georgia", "Verdana", sans-serif; --johnston : "Johnston", "Arial", sans-serif; /* Colours */ --light-blue : #92b0d6; --light-blue-50 : #c9d4e5; --light-blue-15 : #eff2f7; --inky-blue : #071d49; --mid-blue : #2c5697; --cobalt-blue : #0033a0; --light-neutral : #faf5f0; --red-brick : #b33d26; } body { background-color: var(--light-blue-15); color: var(--inky-blue); font-family: var(--bembo); font-size: 18px; font-weight: normal; } h1, h2 { font-family: var(--johnston); font-weight: normal; text-transform: uppercase; } h1 { font-size: 30px; letter-spacing: 0.1rem; text-align: center; } h2 { font-size: 18px; margin-bottom: 20px; } h3, h4 { font-family: var(--johnston); font-weight: normal; text-transform: uppercase; } h3 { font-size: 16px; letter-spacing: 0.1rem; margin-bottom: 20px; } h4 { font-size: 16px; letter-spacing: 0.7px; margin-bottom: 12px; } p { line-height: 1.4; } p + h2 { margin-top: 30px; } input[type="email"], input[type="number"], input[type="password"], input[type="submit"], input[type="tel"], input[type="text"], textarea { border-radius: 0; color: inherit; font: inherit; } input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"] { border: 1px solid var(--light-blue); box-sizing: border-box; min-width: 280px; padding: 12px 10px; } select { border: 1px solid var(--light-blue); box-sizing: border-box; color: inherit; font: inherit; max-width: 280px; padding: 12px 10px; } .cta, input.cta, #globalePopupWrapper .gePopupsContainer .glDefaultBtn { background-color: transparent; border-color: var(--inky-blue); border-radius: 0; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--inky-blue); cursor: pointer; display: block; font-family: var(--johnston); font-size: 16px; font-weight: normal; margin: 20px 0; max-width: 280px; padding: 13px 10px 12px; text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color .15s; width: 100%; } .cta:hover, input.cta:hover, #globalePopupWrapper .gePopupsContainer .glDefaultBtn:hover { text-decoration: none; } .cta.cta-primary, #globalePopupWrapper .gePopupsContainer .glDefaultBtn { background-color: var(--mid-blue); border-color: var(--mid-blue); color: var(--light-neutral); transition: background-color .15s, border-color .15s; } .cta.cta-primary.cta-white { background-color: white; border-color: white; color: var(--inky-blue); } .cta.cta-inky { background-color: var(--inky-blue); color: white; } .cta.cta-transparent { border-color: white; color: white; transition: background-color .15s, color .15s; } .cta.cta-sale { background-color: var(--red-brick); border-color: var(--red-brick); color: white; transition: background-color .15s, border-color .15s; } .cta.cta-mini { font-size: 14px; padding: 6px 10px 5px; } .cta.cta-big { /* border-width: 2px; */ font-size: 18px; letter-spacing: 1px; margin: 0; max-width: none; padding-bottom: 16px; padding-top: 17px; } .cta.loading { cursor: wait; opacity: 0.5; -moz-user-select: none; -ms-user-select: none; user-select: none; } .product-view .options-container-small .cta.engrave-this-item { margin-top: 15px; } @media (hover: hover) { .cta:not(.loading):hover, .cta:not(.loading):focus { background-color: var(--light-blue); } .cta.cta-primary:not(.loading):hover, .cta.cta-primary:not(.loading):focus { background-color: var(--inky-blue); border-color: var(--inky-blue); } .cta.cta-primary.cta-white:not(.loading):hover, .cta.cta-primary.cta-white:not(.loading):focus { background-color: #dadada; border-color: #dadada; } .cta.cta-transparent:not(.loading):hover, .cta.cta-transparent:not(.loading):focus { background-color: white; color: var(--inky-blue); } .cta.cta-sale:not(.loading):hover, .cta.cta-sale:not(.loading):focus { background-color: var(--inky-blue); border-color: var(--inky-blue); } .cta.cta-inky:not(.loading):hover, .cta.cta-inky:not(.loading):focus { background-color: var(--inky-blue); color: white; } /* #pronav > .parent:hover > a::after { background-color: var(--light-blue); bottom: -10px; content: ""; display: block; height: 20px; left: 0; margin: 0 auto; position: absolute; right: 0; transform: rotate(45deg); width: 20px; } */ #pronav .sub li a:hover { font-weight: normal; text-decoration: none; } } @media all and (max-width: 767px) { .cta.cta-big { font-size: 16px; } } @media all and (max-width: 400px) { .cta.cta-big { font-size: 15px; } } @media all and (max-width: 375px) { .cta.cta-big { font-size: 13px; } } body.catalog-product-view .page { padding-top: 50px; } body.catalog-product-view .wrapper { margin-bottom: 60px; } @media all and (max-width: 1023px) { h1 { font-size: 27px; } .mob-hide { display: none !important; } } #ascommercebug_showhide { position: absolute; top: 0; left: 0; } .ie11-only, .ie11-only * { display: none; } .ias-trigger.ias-trigger-prev, .ias-trigger.ias-trigger-next { display: none !important; } /* Put your IE-only styles here. Works for IS 10 & IE 11*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ie11-only, .ie11-only * { display: inline-block; } .ie-font-warning { font-size: 12px; padding: 20px; position: relative; z-index: 99; } .ie-font-warning a { font: inherit !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } } a { color: inherit; font-weight: bold; text-decoration: none; } @media all and (min-width: 1024px) { .mob, .mob-show { display: none !important; } a:hover { text-decoration: underline; } } img { border: 0; display: block; } :focus{outline:0;} .font12{font-size:12px;} .font11{font-size:11px;} b,strong{font-weight:bold;} fieldset{border:0;} label{cursor:pointer;} legend{display:none;} table{border:0;border-collapse:collapse;border-spacing:0;empty-cells:show;} table[border]{border-color: var(--inky-blue);} caption,th,td{vertical-align:top;text-align:left;font-weight:normal;} address{font-style:normal;} cite{font-style:normal;} q, blockquote{quotes:none;} q:before, q:after{content:'';} small{font-size:10px;} big{font-size:1.2em;} ul,ol{list-style:none;} .uppercase{text-transform:uppercase} .iw_1{width:50px !important;} .iw_2{width:100px !important;} .iw_3{width:150px !important;} .iw_4{width:200px !important;} .iw_5{width:250px !important;} .iw_6{width:350px !important;} .hidden{display:block !important;border:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;width:0 !important;height:0 !important;overflow:hidden !important;} .nobr{white-space:nowrap !important;} .wrap{white-space:normal !important;} .df{display:flex;} .dif{display:inline-flex;} .ais{align-items:flex-start;} .aic{align-items:center;} .aie{align-items:flex-end;} .ase{align-self:flex-end;} .fdc{flex-direction:column;} .fww{flex-wrap:wrap;} .jce{justify-content:flex-end;} .jcc{justify-content:center;} .jcsa{justify-content:space-around;} .jcsb{justify-content:space-between;} .no-display{display:none;} .no-margin{margin:0 !important;} .no-padding{padding:0 !important;} .no-bg{background:none !important;} .ac_home_wrapper{width:970px;float:left;} .peerius_cart_wrapper{width:790px;height:150px;background:#efefef;display:block;float:left;margin:30px 90px 50px 90px;} .giftwrap_area{margin-bottom:18px;padding:12px 0px;width:790px;float:left;} .giftwrap_area h4{text-transform:uppercase;font-size:1.05em;padding:0 0 8px 0;color:#2D2D2D;} .giftwrap-style-table{width:790px;} .giftwrap-style-table .giftwrap-item{width:80px;text-align:center;} .giftwrap-style-table .giftwrap-style-selection{width:230px;text-align:center;} .giftwrap-style-table .style-image{width:120px;text-align:center;} .giftwrap-style-table .style-price{width:80px;text-align:center} #giftwrap_all_div{padding-top:20px;width:50%;} #giftwrap_styleselection{padding-right:5px;padding-top:5px;} #giftwrap_styleselection ul{clear:both;margin-bottom:10px;} #giftwrap_styleselection ul li{float:left;text-align:center;} #giftwrap_styleselection ul li div{border:2px solid #CFCFCF;height:122px;width:90px;margin-right:5px;background-color:white;} #giftwrap_styleselection ul li div#giftwrap_style{height:82px;width:150px;font-size:14px;text-transform:uppercase;text-align:center;padding-top:40px;} .gift_wrap_head h3{text-align:right;} .head1 h3{margin-right:89px;min-height:30px;} #giftwrap_styleselection ul li div.gray{background-color:#F1F1F1;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .clearfix{display:inline-block;} html[xmlns] .clearfix{display:block;} * html .clearfix{height:1%;} #giftwrap_message{float:left;} #giftwrap_message h4{min-height:16px;color:#e26703;padding-top:1px;padding-right:0pt;padding-bottom:1px;padding-left:5px;} .giftwrap_area .giftwrap_item{text-align:center;float:left;width:100%;} /************RINGSTACKER LOADING OVERLAY***************/ #loading-mask{display:none;position:fixed;width:100%;color:#fff;font-size:14px;height:100%;padding-top:200px;text-align:center;z-index:5555; background:url("../images/ringstack-loadtranspbg.png");top:0;left:0} .loading-mask-spinner{background:url('../images/ringstackredirect-loading.gif') no-repeat;width:100px;height:100px;margin:0 auto} #loading-mask-giftwrap{position:absolute;color:#d85909;font-size:1.1em;font-weight:bold;text-align:center;z-index:500;} #loading-mask-giftwrap .loader-giftwrap{position:fixed;top:45%;left:50%;width:120px;margin-left:-60px;padding:15px 60px;background:#334880;border:4px solid #202E51;color:#ffffff;font-weight:bold;text-align:center;z-index:1000;text-transform:uppercase;} .giftwrap_icon{width:50%;} .giftwrap_protoClassic{border:5px solid #8C939C;width:300px;} .giftwrap_protoClassic .giftwrap_toolbar{/*-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;*/ background:#96B8E2 repeat-y scroll left top;color:#FFFFFF;font-weight:bold;} .giftwrap_protoClassic .title{padding:5px;} .giftwrap_protoClassic .content{background:#fff;color:#333333;font:11px Arial, Helvetica, sans-serif;padding:5px;clear:both;} .listing-pagers .grid-row{border-bottom:1px solid #d9dde3;float:left;width:100%;} .listing-pagers .last{border-bottom:0;} .listing-pagers li.item{float:left;width:30%;padding:12px 10px;line-height:1.6em;overflow:hidden;border-right:1px solid #d9dde3;} .listing-pagers .product-image{text-align:center;} .listing-pagers h5{text-align:center;} .add_reminder_wrapper{font-size:11px;margin:0;padding:0 15px 15px 15px;text-transform:uppercase;} .add_reminder_wrapper h4{color:#1D2844;font-size:12px;font-weight:normal;line-height:19px;margin:0 0 1.5em;text-transform:uppercase;} .add_reminder_wrapper input{width:200px} .add_reminder_wrapper select{width:205px} .flint_reminders_message{padding:10px 0 10px 0;font-size:12px;text-transform:none;color:#444;line-height:16px} .flint_reminders_wrapper .pager{background:none repeat scroll 0 0 #f5f5f5;display:inline-block;height:23px;margin:0;padding:5px 5px 1px 0;width:770px;} .flint_reminders_wrapper .form-buttons{padding:8px 0 0 0;} .wrapper{overflow:hidden;} .page{text-align:center;} .page-print{background:#fff;padding:20px;text-align:left;} .page-popup{padding:20px;text-align:left;} .page-empty{background:#fff;padding:20px;text-align:left;} .main{text-align:left;} .central_page_wrapper{padding:0 0 0 90px;width:780px;} .main_popup{float:left;min-width:550px;padding:0 0 0 0;min-height:350px;text-align:left;background:none;} .col-right{float:right;width:140px;padding:0 0 0 32px;margin:0 0 -1px;} .col1-layout .breadcrumbs{margin-bottom:0 !important;} .col1-layout .toolbar{width:970px;float:left} .col2-left-layout{} .top-space{} .col2-right-layout{background:#fff;min-height:720px;} .col2-right-layout .col-main{width:798px;padding:0;margin:0;} .col3-layout{background-position:0 0;} .col3-layout .col-main{width:564px;margin-left:1px;display:inline;} .col3-layout .col-wrapper{float:left;width:787px;} .col3-layout .col-wrapper .col-main{float:right;} .col2-set .col-1{float:left;width:49%;} .col2-set .col-2{float:right;width:49%;} .col2-set .narrow{width:33%;} .col2-set .wide{width:65%;} .col3-set .col-1{float:left;width:32%;} .col3-set .col-2{float:left;width:32%;margin-left:2%;} .col3-set .col-3{float:right;width:32%;} .col4-set .col-1{float:left;width:23.5%;} .col4-set .col-2{float:left;width:23.5%;margin:0 2%;} .col4-set .col-3{float:left;width:23.5%;} .col4-set .col-4{float:right;width:23.5%;} .pagenotfound-holder{padding:20px 0 0 0;display:block;} .pagenotfound-holder a{color:#256796;text-decoration:none;} .pagenotfound-holder a:hover{color:#256796;text-decoration:underline;} .messages { background-color: var(--light-blue-50); border: 1px solid black; margin-bottom: 20px; padding: 10px; text-align: center; } /***********************************************************************************HEADER**********************************************/ .header-search .form-search .search-autocomplete{z-index:999999;position:relative!important;top:0 !important;left:0 !important;height:0 !important;overflow:visible !important;background:#fff;text-transform:capitalize;text-align:left;} .header-search .form-search .search-autocomplete ul{ background-color: #fff; border: 1px solid #ccc; max-height: 200px; overflow: hidden; padding: 5px 0; position: absolute; text-transform: capitalize; top: -1px; width: 164px; } .header-search .form-search .search-autocomplete li{padding:4px 6px;border-bottom:1px solid #fff;font-size:11px;cursor:pointer;} .header-search .form-search .search-autocomplete li:hover{color:#333;text-decoration:underline;} .header-search .form-search .search-autocomplete li .amount{float:right;font-weight:bold;display:none;} .header-search .form-search .search-autocomplete li.selected{} .header-search .form-search .search-autocomplete li.last{border-bottom:0;} /* Combined Header Styles */ .header-left { width: 350px; } .header-right { width: 370px; } .header-middle { box-sizing: border-box; text-align: center; width: 100%; /* Header left + Header right */ } .header-middle .ac-logo { background-image: url("../images/logo/svg/ac-inky-blue.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: contain; display: block; height: 45px; image-rendering: -webkit-optimize-contrast; margin-left: auto; margin-right: auto; position: relative; width: 380px; } .pronav-wrap { background-color: white; position: relative; z-index: 100; } @media all and (min-width: 1024px) { .pronav-wrap { display: block !important; /* Ensures element is visible even when resizing from mobile size to desktop */ } } #top_cart_container .checkout_button { width: 143px; margin-bottom: 3px; font-size: 15px; } .header-container.pronav-fixed .header-wishlist-wrap { animation-duration: 0.7s; animation-fill-mode: both; animation-name: fadeInDown; position: fixed; right: 32px; top: 12px; z-index: 101; } input,select,textarea,button{vertical-align:middle;} select.multiselect option{padding:2px 2px;border-bottom:1px solid #bbb;} select.multiselect option:last-child{border-top:0;} textarea{overflow:auto;resize:none;} input.qty{width:2.5em !important;} .validation-advice { color: var(--red-brick); font-size: 14px; padding: 5px; } .product-options .validation-error .options-list, .validation-failed{border:1px solid #f47d4e !important;background:#fff7f5 !important;} input.input-text.validation-failed, textarea.validation-failed{background:#fff7f5;} span.validation-passed, div.validation-passed{} span.validation-error, div.validation-error{} .form-list .validation-advice{width:250px;margin-right:-250px;} .fieldset{font-size:11px;margin:0 0 16px;text-transform:none;background:#F7F7F7;padding:15px;} .fieldset p{margin:0 0 1.5em;text-transform:none;} .fieldset h2.legend{margin:0 0 1.5em;color:#1D2844;font-size:12px;font-weight:normal;line-height:19px;text-transform:none;} ul.add-row, .form-list li.add-row{margin-top:15px;} ul.add-row .btn-remove, .form-list li.add-row .btn-remove{font-size:0;line-height:0;padding:5px 5px 0 0;margin:0;text-align:right;} .form-alt label{float:none;display:inline;width:auto;} .form-alt li{margin:0 0 5px;line-height:16px;} .form-alt select{width:496px;} .form-alt .input-box{width:496px;margin-top:5px;padding-bottom:11px;} .form-alt .input-text{width:480px;} .inner-form{margin:10px 0 5px;padding:10px 0 0;border:1px dashed #d1d1d1;border-width:1px;background:#f7f7f7;} .inner-form .form-alt label{padding-left:5px;} .form-list .customer-dob label{float:none;width:auto;padding:0;font-size:11px;font-weight:normal;color:#777;} .form-list .customer-dob .input-box{float:left;width:auto;margin-right:8px;} .form-list .customer-dob .input-box .validation-advice{display:none !important;} .form-list .customer-dob input.input-text{float:none;display:block;margin-bottom:2px;} .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-year{float:left;margin-right:8px;padding-right:0 !important;background:none !important;} .form-list .customer-dob .dob-day .validation-advice, .form-list .customer-dob .dob-month .validation-advice, .form-list .customer-dob .dob-year .validation-advice{display:none;} .form-list .customer-dob .dob-day input.input-text{width:20px;} .form-list .customer-dob .dob-month input.input-text{width:20px;} .form-list .customer-dob .dob-year{margin-right:0;} .form-list .customer-dob .dob-year input.input-text{width:35px;} .form-list li.fields{margin:0;} .form-list li.fields .field{clear:left;padding:0 0 9px;} .buttons-set{clear:both;margin:15px 0;} .buttons-set p.back-link{float:left;} a.back-link{color:#256796;text-decoration:none;text-indent:-9999px;} .buttons-set p.back-link a{color:#256796;text-decoration:none;background:url('../images/goback.jpg') 0 0 no-repeat;padding:2px 0px 0 8px;margin:0 0 0 5px;text-indent:-9999px;display:block;width:110px;height:26px;} .buttons-set small{display:none;} .buttons-set a.button, .buttons-set button.button{float:right;color:#256796;} .buttons-set2{clear:both;margin:5px 0 0;padding:5px;background-color:#F3F3F2;text-align:right;} .buttons-set button.savebutton{float:left;margin-left:150px} button.savebutton span{background:url('../images/savebg.png');width:98px;height:23px;color:#fff;background-repeat:no-repeat;padding-top:7px;letter-spacing:0.2em} .form-buttons{margin:0;width:780px;} .form-buttons .button{float:right;} .form-buttons .button{margin-left:15px;} .form-buttons p.back-link{float:left;width:100px;text-align:left;} .btn-only{} .form-buttons small{display:none;} .col3-layout .form-buttons p.back-link, .col3-layout .form-list label{width:150px;} .col3-layout .form-list input.input-text, .col3-layout .form-list textarea{width:274px;} .col3-layout .form-list select{width:280px;} .col3-layout .form-list .control .input-box{margin-left:165px;} .col3-layout .form-list .customer-dob .dob-day input.input-text{width:74px;} .col3-layout .form-list .customer-dob .dob-month input.input-text{width:74px;} .col3-layout .form-list .customer-dob .dob-year{margin-right:0;} .col3-layout .form-list .customer-dob .dob-year input.input-text{width:98px;} .col3-layout p.required, .col3-layout .form-buttons{width:445px;} /****************************************************************************BREADCRUMBS**************/ .breadcrumb-news-holder { margin: 0 auto 45px; max-width: 1280px; } .breadcrumb-news-holder, .product-view { width: 90%; } .cms-page-view .breadcrumb-news-holder, .catalog-category-view .breadcrumb-news-holder, .xsitemap-index-index .breadcrumb-news-holder { display: none; } .breadcrumbs { font-size: 16px; text-align: left; } .breadcrumbs li { display: inline; } .breadcrumbs a { font-weight: lighter; } .breadcrumbs a::after { content: " >"; } .bread-back-link-holder { display: none; } /***********************************************************************************************************/ .title-buttons{text-align:right;} .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6{float:left;text-transform:uppercase;} .title-buttons .link-print{float:right;margin-top:4px;} .page-popup .page-title, .col-main .page-title{text-transform:uppercase;font-size:13px;} .sub-title{font-size:12px;font-weight:normal;color:#1D2844;line-height:19px;margin:0 0 10px;text-transform:uppercase;} .sub-title .separator{font-weight:normal;color:#1D2844;} .sub-title a{font-size:11px;font-weight:normal;text-transform:lowercase;} .section-title{font-size:11px;font-weight:normal;color:#151515;margin:0 0 5px;text-transform:uppercase;} .separator{color:#1D2844;} .showallwrap { text-align: center; float: right; margin-top: -6px; } .showallwrap a:hover { text-decoration: none; } .showallwrap > a { font-size: 9px; } .results-view .pages img{margin:-3px 0 0 0;padding:0;} .noscript{border:1px solid #cfcfcf;border-width:0 0 1px;background:#ffff90;font-size:12px;line-height:1.25;text-align:center;color:#2f2f2f;} .noscript .noscript-inner{width:940px;margin:0 auto;padding:12px 0 12px} .noscript p{margin:0;} .demo-notice{margin:0;padding:6px 10px;background:#d75f07;font-size:12px;line-height:1.15;text-align:center;color:#fff;} .closed{background:#494949;} .closed .status, .closed .event-dates{color:#e2d4c7} .closed .event-button{} .container-open{background:#f7d4b6;display:block;margin:5px 0;} .container-open .open{padding-top:3px;height:54px;} .container-closed{background:#9f958c} .sidebar .callout{display:block;margin:10px 0;} .sidebar .block{} .sidebar .block .block-title{padding:17px 0 0 0;} .sidebar .block .block-title strong{display:block;font:10px Arial, Helvetica, sans-serif;padding:0;color:#333; font-weight:normal} .sidebar .block .block-title strong span{} .sidebar .block .block-title strong small{font-size:12px;color:#777;} .sidebar .block .block-subtitle, .sidebar .block h3{font-size:10px;color:#555;text-transform:uppercase;font-weight:normal} .sidebar .block .block-content{padding:0;margin:10px 10px 0;} .sidebar .block .btn-remove{color:#222;margin-right:3px;} .sidebar .block .btn-remove a{color:#222 !important;text-decoration:none !important;} .sidebar .block li a.btn-remove{float:right;width:13px;height:0;padding-top:12px;margin-top:3px;overflow:hidden;} .info-box{border:4px solid #f5f5f5;outline:1px solid #ddd;background:#fff;padding:17px 0 0 0;margin-bottom:5px} .info-box .box-title{margin:0px 17px 0 17px;font:12px Scala Sans Regular, "ff-scala-sans-web-pro-n3","ff-scala-sans-web-pro",Lucida Grande sans-serif;padding:0;color:#1D2844; text-transform:none;font-weight:normal;} .info-box .box-title a{font-size:11px;color:#0183A7} .info-box .box-content{padding:10px 17px 17px;color:#515556;} .info-box .box-content img{width:145px} .info-box .separator{color:#1D2844;} .layer-expanded{background:url('../images/expanded.png') no-repeat 2px 17px !important;cursor:pointer;padding:15px 0 10px 20px;} .layer-compacted{background:url('../images/compacted.png') no-repeat 2px 15px;border-bottom:1px dotted #888;cursor:pointer;padding:15px 0 15px 20px;} .layer-inline{margin:0;padding:0;} .layer-inline a{background:url('../images/small-placeholder-un-ticked.gif') no-repeat 0 1px;margin:0;padding:0 0 0 18px;} .layer-inline a:hover{background:url('../images/small-placeholder-ticked.jpg') no-repeat 0 1px;margin:0;padding:0 0 0 18px;} .layer-inline.layer-reset{padding:6px 0 6px 10px;text-transform:uppercase;background:none;font-weight:bold;} .layer-inline.layer-reset.layer-inline-selected{font-weight:bold;background:none;padding:6px 0 6px 10px;text-transform:uppercase;font-weight:bold;color:#222;} .layer-inline.layer-reset.layer-inline-selected a{color:#222;} .layer-inline.layer-reset dt{color:#f06;} .sidebar .block-layered-nav{background:none;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:25px} .sidebar .block-layered-nav .layer-category dt{color:#f06;} .sidebar .block-layered-nav .block-content{margin:0px 10px 0 !important;} .sidebar .block-layered-nav .block-title{padding:10px 0 10px;border-bottom:1px dotted #333;font-size:10px;color:#333;margin-left:11px;width:160px} .sidebar .block-layered-nav .block-title h2{font-size:18px;color:#111;} .sidebar .block-layered-nav .block-subtitle{display:none;} .sidebar .block-layered-nav h1{letter-spacing:0.4px;} .sidebar .block-layered-nav dt{font-weight:normal;font-size:11px;color:#444;text-transform:none;letter-spacing:0.1em;} .sidebar .block-layered-nav dd{color:#666;padding:0 0 15px 0;border-bottom:1px dotted #444;} .sidebar .block-layered-nav dd li{font-size:10px;text-transform:none;padding:2px 0 2px 0;display:block;float:left;width:100%} .sidebar .block-layered-nav dd a{color:#666;text-decoration:none;letter-spacing:0;} .sidebar .block-layered-nav dd a:hover{text-decoration:none;color:#222;} .sidebar .block-layered-nav .currently{border:1px solid #d1d1d1;border-width:1px 0;padding:10px 10px 10px 17px;margin-bottom:-1px;background:#f4f4f4} .sidebar .block-layered-nav .currently li{padding:5px 0;color:#222;} .sidebar .block-layered-nav .currently .label{font-weight:bold;color:#d33911;font-size:12px;} .sidebar .block-layered-nav .actions{text-align:left;padding-right:7px;display:none;} .sidebar .block-layered-nav dd li.layer-inline-selected{margin:0;padding:0;padding-bottom:15px;margin-bottom:5px;background-image:url('../images/clearselection.png');background-repeat:no-repeat;background-position:bottom center} .sidebar .block-layered-nav dd li.layer-inline-selected a{background:url('../images/small-placeholder-ticked.jpg') no-repeat 0 1px;margin:0;font-weight:bold;padding:0 0 0 18px;color:#222 !important;} .sidebar .block-layered-nav dd li.layer-inline-selected a:hover{background:url('../images/small-placeholder-ticked-hover.png') no-repeat 0 1px;} /************************************************************************MINI SHOPPING BAG********************/ .sidebar .mini-products-images-list li.item{float:left;padding:5px 5px;text-align:center;} .block-products .product-image{width:50px;margin-right:-50px;} .block-products .mini-products-list .product-details{margin-left:65px;} .top-cart{position:relative;} .top-cart .block-title a h2{display:block;padding-right:0px;font-size:10px;color:#333;font-weight:normal;text-decoration:none;} .top-cart .block-content { background: #fff; border: 1px solid var(--inky-blue); box-sizing: border-box; font-size: 16px; padding: 10px; position: absolute; right: 0; top: 30px; width: 310px; z-index: 101; } .top-cart .block-content h3{float:left;width:220px;font-size:12px;text-align:right;color:#333;font-weight:lighter; line-height:12px;margin:6px 0 10px;padding:3px 0;} .top-cart .block-content h3 .close-btn{float:right;width:13px;height:0;padding-top:12px;text-align:left;overflow:hidden;cursor:pointer; position:relative;z-index:10;display:none} .top-cart .cart-empty .close-btn{float:right;width:13px;height:0;padding-top:12px;text-align:left;overflow:hidden;cursor:pointer;position:relative;z-index:1;} .top-cart .cart-empty { padding: 10px 0; text-align: center; } .top-cart .block-content table th{padding:0;color:#444;text-align:right;display:none;} .top-cart .block-content .subtotal{background:#fff;padding:2px 5px;text-align:center;} .top-cart .top-cart-top{padding:8px 0 8px;width:180px;} .top-cart .top-cart-bottom{float:left;padding:8px 0 20px;width:220px;text-align:left;color:#fff;font-weight:lighter;font-size:10px;display:none} .top-cart .top-cart-bottom p a{color:#fff;text-decoration:none;} .top-cart .checkout-button-row{float:left;width:220px;} .top-cart .checkout-button-row a{display:block;float:right;text-align:center;background:#0a1630;color:#fff;padding:5px 14px; text-decoration:none;font-size:13px} .top-cart .checkout-button-row a:hover{text-decoration:underline} .top-cart .actions{background:#e3e3e3;text-align:center;padding:5px 11px;text-align:right;} .top-cart .actions a{float:left;line-height:23px;} .top-cart .actions button{float:none;} .top-cart .actions button.button span, .top-cart .actions button.button span span{background-repeat:no-repeat;} .mini-cart-item-qty { float: left; } .mini-cart-item-remove { float: right; padding-right: 17px; background: url("../images/gold-cross-remove.png") no-repeat right center; color: #717171; } .mini-cart-item-remove:hover { text-decoration: none !important; } .top-cart .block-content .inner-wrapper .mini-products-list.scroll { height: 310px; overflow-y: scroll; } /********************************************************************HOME PAGE ***************************/ [data-ac-waypoint] { opacity: 0; transition: opacity 2s; } [data-ac-waypoint].in-view { opacity: 1; } /* For single images, when the slideshow isn't used */ .homepage_top { margin-bottom: 20px; background: white; } .homepage_top .singleimg { margin-bottom: 20px; } .homepage_top .featured_this_week { left: 0 !important; } .homepage_top .bx-wrapper { background: white; } .homepage_top > a { width: 1500px; overflow: hidden; display: block; position: relative; left: 50%; right: 50%; margin-left: -750px; margin-right: -750px; } .homepage-mainslide-wrap{width:970px;height:500px;overflow:hidden;margin-bottom:10px} .homepage-mainslide-wrap, .bx-wrapper, .bx-window { z-index: 1 !important; } .homepage-mainslide li{width:970px;height:500px;overflow:hidden} .homepage-mainslide-wrap .bx-pager{width:auto !important;right:0; display: inline-block; height:30px;margin-right:0px !important; position:relative; top:-30px;z-index:101; } .homepage-mainslide-wrap .pager-link{text-indent:-9999px;width:15px;height:15px;margin-right:10px;background:url('../images/homeslide-dot-inactive2.png') no-repeat;display:block;float:left;outline:none} .homepage-mainslide-wrap .pager-active{background:url('../images/homeslide-dot-active.png') no-repeat;} .homepage-mainslide-wrap .pager-link:hover{} .homepage-mainslide-wrap .bx-auto{width:20px;left:50px;margin-top:-40px;display:block;float:left;z-index:101;position:absolute;outline:none;} .homepage-mainslide-wrap .bx-next{left:80px;margin-top:-40px;display:block;float:left;z-index:101;position:absolute;outline:none;} .homepage-mainslide-wrap .bx-prev{margin-top:-40px;display:block;float:left;z-index:101;position:absolute;outline:none;left:20px;} .homepage-mainslide-wrap .bx-pager .pager-link:last-child { margin-right: 0px !important; } .homepage-mainslide-wrap a:hover{text-decoration:none} .cms-home .bannerwrap-970{margin:0} .homepage-mainslide-wrap .bx-wrapper{z-index:4; text-align: center;} .category-view{margin:0;display:block;float:left;width:100%} .category-title{margin-bottom:0;} .category-title .rss-feed{float:right;margin:7px 0 0;padding-left:17px;line-height:12px;white-space:nowrap;text-decoration:none;} .category-title .rss-feed:hover{text-decoration:underline;} .category-view .note-msg{width:420px;height:115px;top:28px;left:350px;z-index:3;position:absolute;line-height:1.3em;color:#3B3B3B;font-size:100%;display:block;} .cat-descrow{width:100%;height:150px;overflow:hidden;float:left;margin-bottom:15px;background-repeat:no-repeat} .category-description a{color:#225F8B;text-decoration:none;} .category-description a:hover{color:#225F8B;text-decoration:underline;} .col1-layout .category-description{background:url('../images/white_transp.png')} .col1-layout .category-description h1{color:#000} .col1-layout .category-description p{color:#121212} .results-view{margin:0;} .search_results_advanced_search{width:100%;padding:10px 0;font-size:11px;text-transform:none;} .search_results_advanced_search a{color:#256796;font-size:11px;text-decoration:none;text-transform:uppercase;} .search_results_advanced_search a:hover{text-decoration:underline;} .catalogsearch-result-index .page-title{margin-bottom:0;} .catalogsearch-result-index .note-msg{margin:20px 0;} .sidebar .category-title{margin:0;} .category-image{display:block;margin:0 0 20px 0;width:780px;overflow:hidden;} /****************************************CATEGORY PRODUCT LINKS*************/ /* 4-product-wide category layout */ .col1-layout .products-grid li.middle { margin-left: 0px; margin-right: 0px; } .col1-layout .products-grid li:nth-child(4n+2) { margin-left: 30px; margin-right: 15px; } .col1-layout .products-grid li:nth-child(4n+3) { margin-left: 15px; margin-right: 30px; } .products-grid .actions{bottom:0;display:none;} .products-grid .productlist-item-borderbottom{width:200px;margin-left:30px;height:1px;float:left;background:#ccc;line-height:0; position:absolute;bottom:0;*display:none/*left:0*/} .product-image .vomfade{margin-top:0;margin-left: 0;text-align:left} .product-image .vomfade div{position: absolute;top:0;left:0;display:none;} .col1-layout .products-grid li.item{width:220px;height:360px} .col1-layout .products-grid li.item .product-image a img{width:240px;height:240px} .col1-layout .products-grid li.item .product-image{width:240px;height:240px;overflow:hidden;text-align:left} .col1-layout .products-grid .productlist-item-borderbottom{width:180px;} .col2-left-layout .products-grid .product-image { overflow: hidden; position: relative; } .col2-left-layout .products-grid .product-image .vomfade div{width:258px;height:258px} .products-grid .product-designer{color:#717171;font-size:11px;font-weight:normal;letter-spacing:0.01em;margin-bottom:8px} .products-grid span.in-stock, .products-grid p.in-stock {display:none;} .products-grid span.out-of-stock, .products-grid p.out-of-stock {font-weight:normal;float:none;text-align:center;color:#202020;padding:0} .products-grid .available-soon { /*display: block;*/ color: #017a9f; margin-top: 7px; } .product_listing_short_description{color:#999999;font-size:11px;font-weight:normal;text-transform:none;margin:5px 0;} .products-list li.item{margin:0;padding:0;} .products-list li.last{background-image:none;} .products-list .product-image{float:left;text-decoration:none !important;/*position:relative;*/} .products-list .product-shop{margin-left:186px;} .astleyclarke-website-survey-friend-confirmation{margin-top:-15px} .contact_shopper_holder .form-list label{width:200px; text-align: left; color: inherit;} .contact_shopper_holder .form-list textarea{width:240px; height: 50px;} .contact_shopper_holder .form-list input.input-text{width:220px;} .contact_shopper_holder .form-buttons{width:550px;} .contact_shopper_holder .contact-button{background:none;color:#999999;display:block;float:left;font-size:10px;height:40px;margin:0;padding:5px 0px 0 0;width:460px;} .contact_shopper_holder .fieldset{margin-bottom:5px;background:#fff} .contact_shopper_holder { background: url("") no-repeat 0 10px; padding-left: 250px; font-family: Verdana,sans-serif; width: 500px; min-height: 400px; color: #717171 !important; } .contact_shopper_holder h1 { font-family: "Scala Sans Light","ff-scala-sans-web-pro-n3","ff-scala-sans-web-pro","Lucida Grande",sans-serif; font-size: 24px; margin-bottom: 12px; } .contact_shopper_holder .tell-a-friend-opt { margin-bottom: 10px; } .astleyclarke-website-survey-friend-confirmation .main_popup{min-height:50px;width:550px;} .astleyclarke-website-personalshopper-confirmation .main_popup{min-height:50px;width:550px;} .main_popup .messages, .main_popup .messages p { color: black; } .main_popup .messages li{margin:0 !important;} .main_popup .messages li.success-msg{background-color:#1E3056;border-color:#FFFFFF;color:#FFFFFF;padding-top:5px} .main_popup .drop-a-hint { display: none; } .rating-box{width:65px;height:13px;font-size:0;line-height:0;overflow:hidden;} .rating-box .rating{float:left;height:13px;} .ratings{margin:5px 0;} .ratings .rating-box{float:left;margin-right:5px;} .ratings .amount{font-size:11px;} .ratings .rating-links{margin:0;font-size:11px;} .ratings .rating-links a{text-decoration:underline;} .ratings .rating-links a:hover{text-decoration:none;} .ratings .rating-links .separator{margin:0 3px;} .availability{font-weight:bold;float:left;text-align:left;} .availability.in-stock{color:#193161;} /*.availability.out-of-stock{color:#193161 !important;font-weight:normal}*/ .price{white-space:nowrap !important;} .minimal-price .price-label{white-space:nowrap;} .minimal-price-link{display:block;margin:5px 0;text-decoration:none;} a.minimal-price-link:hover{text-decoration:underline;} .minimal-price-link .label{font-weight:bold;} .minimal-price-link .price{font-weight:bold;} .price-excluding-tax{display:block;} .price-excluding-tax .label{white-space:nowrap;} .price-excluding-tax .price{font-weight:normal;} .price-including-tax{display:block;} .price-including-tax .label{white-space:nowrap;} .price-including-tax .price{font-weight:bold;} .price-excl-tax{display:block;} .price-excl-tax .label{display:block;white-space:nowrap;} .price-excl-tax .price{display:block;} .price-incl-tax{display:block;} .price-incl-tax .label{display:block;white-space:nowrap;} .price-incl-tax .price{display:block;font-weight:bold;} .price-from .price-label{white-space:nowrap;} .price-from .price{white-space:nowrap;} .price-to .price{white-space:nowrap;} .price-to .price-label{white-space:nowrap;} .price-as-configured .price-label{white-space:nowrap;} .price-as-configured .price{font-size:14px;color:#e55100;} .price-notice{padding-left:0px;} .price-notice .price{font-weight:bold;font-size:12px;} .product-pricing{background:#fbf4de;border:1px solid #e2d4c7;padding:8px;margin:20px 0;} .product-pricing li{line-height:1.35;margin:2px 0;} .product-pricing li .price{font-weight:bold;} .product-pricing li .benefit{font-weight:bold;} .add-to-links{margin:5px 0 20px;font-size:100%;} .add-to-links li{margin:2px 0;} .add-to-links a{color:#131D37;text-decoration:none;} .add-to-links a:hover{color:#131D37;text-decoration:underline;} .add-to-links .separator{display:none;} .add-to-cart label{font-size:11px;vertical-align:middle;font-weight:bold;margin-right:5px;text-transform:capitalize;} .add-to-cart .qty{vertical-align:middle;margin-right:10px;width:60px;} .product-view .product-essential button.btn-cart span, .add-to-cart button.btn-cart span{background-image:none;} .product-view .product-essential button.btn-cart span span, .add-to-cart button.btn-cart span span{border:0;background-image:url('../images/add-tobag.png');background-position:0 0;background-repeat:no-repeat;color:#3A63B3;height:33px;text-transform:none;width:154px;text-indent:-9999px;} .product-options dt label{font-weight:normal;font-size:12px;width:260px;color:#424242;text-transform:uppercase;} .product-options dt .qty-holder{float:right;} .product-options dt .qty-holder label{vertical-align:middle;} .product-options dt .qty-disabled{background:none;border:0;padding:3px;color:#000;} .product-options dl.last dd.last{} .product-options dd input.input-text{width:100%;height:60px;background:#f4f4f4} .product-options dd input.datetime-picker{width:150px;} .product-options dd textarea{width:230px;height:20px;} .product-options dd select{width:100%;} .product-options .options-list li{vertical-align:middle;margin:0;padding:2px 0;line-height:1.315;} .product-options .options-list input.radio{float:left;margin:2px -18px 0 0;} .product-options .options-list input.checkbox{float:left;margin:2px -20px 0 0;} .product-options .options-list .label{display:block;margin-left:20px;} .product-options .validation-error .options-list, .product-options ul.validation-failed{padding:2px 1px !important;position:relative;z-index:2;top:-3px;left:-2px;margin-right:-2px;} .options-container-small .product-options .validation-error .options-list, .options-container-small .product-options ul.validation-failed{padding:0 1px !important;position:relative;z-index:2;top:-1px;left:-2px;margin-right:-2px;} .product-options li{margin:3px 0;} .product-options .required em{display:none;} .product-options .price-notice{float:right;} .options-container-small .product-pricing{display:none;} .options-container-small .price-box{display:none;} .options-container-small .product-options-bottom p.required{padding:0 0 0 90px;width:auto;float:left;clear:left;text-align:left;} .options-container-small dt{float:left;line-height:1.2;width:160px;padding:3px 0px 3px 0;margin:0 0 8px;} .options-container-big{background:none;padding:0;width:260px;} #customizeTitle{margin:0;} .cms-menu{font: 11px Verdana, Tahoma, sans-serif; float:left;width:190px;padding:0;font-size:11px; margin-bottom: 30px;} .cms-menu li{color:#717171;font-weight:bold;letter-spacing:0.12em; display:block;text-decoration:none; margin-bottom: 8px;} .cms-menu li a{color:#717171;text-decoration:none;} .cms-menu li.parent > a, .cms-menu li.parent > strong{ font-weight:bold;letter-spacing:0.12em; display:block;text-decoration:none;padding-bottom:10px; background:url("../images/arrows/cms-leftnav-down-arrow-grey.jpg") no-repeat right center;padding-right:20px} .cms-menu li.parent ul li{text-decoration:none;text-transform:none;font-weight:normal;letter-spacing:0;} .cms-menu li.parent ul li a{background:none;padding-right:0;border-bottom:0;padding-bottom:0;} .cms-menu li strong{font-size:11px;font-weight:bold;color:#636465;} .cms-menu li ul, .cms-menu li ol{padding-left:0px;} /* Initial state: hidden */ .cms-menu .how-to-guides-and-jewellery-videos ul, .cms-menu .thinkers-corner ul, .cms-menu .the-jewellery-review ul, .cms-menu .collection-booklets ul, .cms-menu .jewellery-care ul, .cms-menu .precious-metals-guide ul, .cms-menu .jewellery-miscellany ul { display: none; } .menu-down-arrow { background-image: url("../images/arrows/cms-leftnav-down-arrow-grey.jpg") !important; } .menu-up-arrow { background-image: url("../images/arrows/cms-leftnav-up-arrow-grey.jpg") !important; } .active-blue { color: #017A9F !important; text-decoration: none !important; } /* Small "NEW" icon on left hand World Of links */ .cms-menu .isNewPage { background: url("../images/new-butterfly-icon.png") no-repeat right 2px; } ol.cms-menu.type-1{list-style-type:decimal;} ol.cms-menu.type-1 ol{list-style-type:decimal;} ol.cms-menu.type-a{list-style-type:lower-alpha;} ol.cms-menu.type-a ol{list-style-type:lower-alpha;} ol.cms-menu.type-A{list-style-type:upper-alpha;} ol.cms-menu.type-A ol{list-style-type:upper-alpha;} ol.cms-menu.type-i{list-style-type:lower-roman;} ol.cms-menu.type-i ol{list-style-type:lower-roman;} ol.cms-menu.type-I{list-style-type:upper-roman;} ol.cms-menu.type-I ol{list-style-type:upper-roman;} ul.cms-menu.type-circle{list-style-type:circle;} ul.cms-menu.type-circle ul{list-style-type:circle;} ul.cms-menu.type-disc{list-style-type:disc;} ul.cms-menu.type-disc ul{list-style-type:disc;} ul.cms-menu.type-square{list-style-type:square;} ul.cms-menu.type-square ul{list-style-type:square;} .tags-list{margin:5px 0;} .tags-list li{display:inline;font-size:11px;} .tags-list li a{text-decoration:none;margin:0 2px 0 0;} .tags-list li a:hover{text-decoration:underline;} .search-summary{padding:10px 10px 0;margin:10px 0 0;font-size:12px;} .search-summary li{margin:2px 0;} .sitemap{font-size:12px;} .sitemap li{margin:3px 0;} .table-caption{border:1px solid #ccc;border-bottom:0;margin:-1px 0 0;background:#fff;padding:3px 7px 4px;color:#1D2844;font:bold 12px Arial,Helvetica,sans-serif;text-transform:uppercase;} .table-caption a{font-size:11px;text-transform:lowercase;} .page-popup .data-table td, .page-popup .data-table th{border-bottom:1px solid #d9d9d9;} .page-popup .buttons-set .button{float:right;} tr.tax-total{cursor:pointer;} tr.tax-total td{} tr.tax-total .tax-collapse{float:right;text-align:right;padding-left:20px;cursor:pointer;} tr.show-details .tax-collapse{background-position:0 -53px;} tr.show-details td{} tr.tax-details td{background-color:#ede9e6;font-size:12px;padding:5px !important;} tr.tax-details-first td{} .truncated{cursor:help;margin:5px 0 0;position:relative;z-index:1;} .truncated a.dots{cursor:help;display:none} .truncated a.details{cursor:help;text-decoration:none;color:#514f4f;} .truncated .truncated_full_value{} .truncated .truncated_full_value .item-options{position:absolute;top:-99999em;left:-99999em;z-index:999;padding:0;width:190px;border:1px solid #c8c8c8;border-bottom:1px solid #919191;background-color:#fff;} .truncated .truncated_full_value .item-options dl{margin-right:-9px;position:relative;z-index:9999;padding:0px 21px 10px 12px;} .truncated .show .item-options{top:-20px;left:50%;} .block-cart .truncated .show .item-options{top:-60px;left:-206px;} .top-cart .truncated .show .item-options{top:-60px;left:-206px;} .col-left .truncated .show .item-options{left:30px;top:7px;} .col-right .truncated .show .item-options{left:-240px;top:7px;} /*********************************************REFER A FRIEND PROMO FOR REGISTER PAGE**************/ .form-list li.fields .field.narrow{width:110px;margin-right:10px;float:left;overflow:hidden;clear:none} .form-list li.fields .field.narrow input{width:100px;float:left} .form-list li.fields .field.narrow .validation-advice{width:110px} .storecredit .account-balance{margin:0 0 20px;padding:0 0 10px;font-size:11px;} .storecredit .account-balance .price{font-weight:bold;} .giftcard-redeem{padding-bottom:20px;} .giftcard-redeem .input-box{margin-right:5px;} .giftcardaccount{position:relative;z-index:1;padding-top:1px;} .giftcard-status .messages, .giftcardaccount .messages{margin-bottom:10px;} .giftcardaccount p{margin:15px 0;font-size:11px;} .giftcardaccount .fieldset{margin:0;} .giftcardaccount .btn-only{margin:0 0 15px;} .giftcard-status .gift-card-info, .giftcard-status p.error-msg, .giftcardaccount #giftcard_balance_lookup .gift-card-info, .giftcardaccount #giftcard_balance_lookup p.error-msg{margin:10px 0 20px;} .gift-card-info{margin:10px 0;padding:10px 10px 5px;border:1px dashed #d9d9d9;background:#fcf7f5;} .gift-card-info p{font-size:11px;margin:0 0 5px;} .gift-card-info .giftcard-number{font-weight:bold;} .gift-card-info .form-list label{} .gift-card-info .btn-only{padding-left:0;} #gc-please-wait{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";-moz-opacity:0.8;opacity:0.8;} .page-print .print-head{margin:0 0 25px 0;} .page-print .print-head img{float:left;} .page-print .print-head address{float:left;margin-left:15px;} .page-print h2.h2{margin:15px 0 10px;} .page-print .col2-set{margin:10px 0 20px;} .page-print .gift-message-link{display:none;} .page-print .price-excl-tax, .page-print .price-incl-tax{display:block;white-space:nowrap;} .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price{display:inline;} #my-tags-table .price-box{margin:5px 0;} #my-tags-table .last{text-align:center;} #my-tags-table .last p{margin:10px 0;} .my-rewards .box{margin:0 0 30px;} .my-rewards .info-box .box-title{margin:10px 10px;} .my-rewards .info-box .box-content{padding:0 10px 10px;} .my-rewards p.error{display:inline;color:#d91a00;} .my-rewards dl{font-size:11px;} .my-rewards dl dt{font-weight:bold;font-size:13px;margin-top:10px;} .my-rewards dl dt span{color:#d12c01;} .my-rewards dl dd.last{margin:7px 0 0;} .my-rewards .form-list label{width:auto;} .my-rewards .form-list .control .input-box{position:static;margin:0 5px 0 0;} .my-rewards .data-table small{display:block;font-size:1em;color:#808080;} /********************************************************************RECENTLY VIEWED*****************************/ /* #recently-viewed-holder{width:970px;float:left;padding:5px 0;min-height:100px;overflow:visible;border-top:none; margin-bottom: 40px;} #recently-viewed-holder .products-grid .actions{display:none;} #recently-viewed-holder .products-grid .product-name{display:none;} #recently-viewed-holder .products-grid{padding:0;margin:0;width:970px} #recently-viewed-holder .products-grid .price-box{display:none;} #recently-viewed-holder .page-title{width:230px;float:left;border:0;padding:0;margin:0;margin-right:10px;height:80px;font-family:Scala Sans Regular, "ff-scala-sans-web-pro-n3","ff-scala-sans-web-pro",Lucida Grande,sans-serif} #recently-viewed-holder .page-title h5, .page-title h2{color:#3B3B3B;text-transform:uppercase;font-size:12px;letter-spacing:0.07em;text-align:left;} #recently-viewed-holder .widget-viewed{margin:0;float;left} #recently-viewed-holder .page-title h5{margin-top:40px;font-weight:normal;font-size:13px} #recently-viewed-holder .category-view{width:970px;float:left;overflow:hidden} #recently-viewed-holder .products-grid li.item,#recently-viewed-holder .products-grid li.item .product-image,#recently-viewed-holder .products-grid li.item img {width:90px !important;height:90px !important;padding:0;margin:0;border:0} */ .page-head-alt{} .page-head, .page-head-alt{margin:0 0 20px;padding:23px 0 6px;border-bottom:1px solid #e5e5e3;} .col-main .page-head, .col-main .page-head-alt{} .page-head-alt .link-rss{float:right;margin-top:8px;} .page-head h2, .page-head h3, .page-head-alt h3, .page-head-alt h2{font:normal 15px Arial, Helvetica, sans-serif;color:#1d2844;text-transform:uppercase} #referafriend{display:none;position:absolute;top:50%;left:50%;z-index:9999;width:350px;margin:-300px 0 0 -150px;} #referafriend[id]{position:fixed;} #referafriend h4{padding:4px 0;} #referafriend .group-select{margin:0;} #referafriend-overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:5000;background-color:#000;-moz-opacity:0.3;opacity:.30;filter:alpha(opacity=30);} #referafriend-overlay[id]{position:fixed;} #referafriend.done #rafLoadMessage{display:none;} #referafriend.done #rafContent{display:block;} #referafriend.loading #rafContent{display:none;} #referafriend.loading #rafLoadMessage{font-size:1.1em;font-weight:bold;color:#000;display:block;background-color:#fff;width:100px;padding:10px;margin:250px 0 0 120px;} .referafriend-please-wait{padding-right:7px;} #raf-invite .group-select{margin:28px 0;border:1px solid #bbafa0;padding:22px 25px 12px 25px;background:#fbfaf6;} #raf-invite .group-select li .input-box .input-text,#raf-invite .group-select li .input-box textarea{width:275px;} #raf-invite .button-set{border-top:1px solid #E4E4E4;clear:both;margin-top:4em;padding-top:8px;text-align:right;} #raf-invite .buttonlist li span a{display:inline;} .raf-right{text-align:right;} #referafriend-form span.required{color:#EB340A;} .product-options dt:after, #bundleProduct:after, .events-slider:after, .product-image-popup .nav:after, .gift-item:after, .block-content:after, .block-list li.item:after, .currently li:after, .order-info:after, .top-cart .actions:after, .header .quick-access:after, .product-view .box-related li.item:after, .bundle-summary .product:after, .collateral-tabs:after, .block-cart .block-content .item:after, .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header-panel:after, #nav:after, .main:after, .footer-before-container:after, .footer-container:after, .footer:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block li.item:after, .block-cart .actions:after, .block .actions:after, .mini-products-list li:after, .cms-index-index .block-featured li.item:after, .title-buttons:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .products-grid:after, .products-list li.item:after, .product-view:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add-tags:after, .product-options .options-list li:after, .options-container-small .product-options:after, .product-options-bottom:after, .product-review:after, .box-collateral:after, .box-collateral .box-content:after, .account-login:after, .cart .cart-collaterals:after, .cart:after, .opc .step-title:after, .checkout-progress:after, .form-list li:after, .form-list li.fields .field:after, .clearfix:after, .buttons-set:after, .buttons-set2:after, .page-print .print-head:after, .new-product-spotlight .more-new .item:after, .addresses-list .col-2 li:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden;} /**************************************************TOOLTIP STYLE*************************** .tipsy { padding: 5px; font-size: 11px; position: absolute; z-index: 100000;letter-spacing:1px;font-family:Didot W02 Roman, Arial,sans-serif } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; } .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; } .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; } .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; } .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; } /***************************************************** Amasty ShopBy Extension ***********************/ div.amshopby-column {float:left; width:83px;} select.amshopby-select {width:150px;} .amshopby-logo{padding: 0pt 10px 10px 0pt; float: left;} .amshopby-featured {padding: 5px 5px 5px 5px; } .amshopby-link{float:left;padding-left:5px; padding-top:5px;} .main{background:none} .col-left .block-title{display:none} #navleft{margin:0;width:155px;/*display:none*/} /*div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;} */ .sidebar .block-layered-nav{text-transform:capitalize;width:180px;font-family:Verdana,sans-serif} .sidebar .block-layered-nav .block-content{margin:0 !important} .sidebar .block-layered-nav p.refineselection{height: 12px; color:#ffffff;background:#c3c3c3;font-size:12px;font-weight:normal;margin:0; text-transform:uppercase;padding:10px;padding-right:5px;width:165px;letter-spacing:0.01em; font-family:Scala Sans Light, "ff-scala-sans-web-pro-n3","ff-scala-sans-web-pro", Lucida Grande} .sidebar .block-layered-nav dt{font-size:12px;line-height:130%;color:#222;margin:0;font-weight:normal;padding:10px; text-transform:uppercase;font-family:Scala Sans Regular, "ff-scala-sans-web-pro-n3","ff-scala-sans-web-pro",Lucida Grande,sans-serif; background:#f8f8f8;width:160px} .sidebar .block-layered-nav dt span{background:url('../images/arrows/leftnavfilter-arrow-down.jpg') no-repeat right center;padding-right:20px} .sidebar .block-layered-nav dt.amshopby-collapsed{background:#f8f8f8;margin-bottom:5px} .sidebar .block-layered-nav dt.amshopby-collapsed span{background:url('../images/arrows/leftnav-filter-arrow-right.jpg') right center no-repeat;} .sidebar .block-layered-nav dd{border-bottom:0;overflow-x:hidden;padding-bottom:0;margin-bottom:5px;background:#f8f8f8;width:180px; padding-bottom:10px} .sidebar .block-layered-nav dd ol{padding:12px;list-style-position:outside;float:left} .sidebar .block-layered-nav dd ol li a .leftnav-itemcount{color:#b5b5b5} .sidebar .block-layered-nav .currently{background:#f9f9f9;border:none;padding:8px 5px;width:170px;line-height:17px;} .sidebar .block-layered-nav .currently li{font-size:10px} .sidebar .block-layered-nav ol.currently li a img{float:right;} .sidebar .block li a.btn-remove {width:77px;margin-right:0;margin-top:0;height:14px;padding-top:0;text-align:right;color:#b5b5b5;display:block} .sidebar .block li a.btn-remove span{color:#0580a9} .sidebar .block-layered-nav .actions{display:block;text-align:right;padding:0 5px 10px;width:170px;background:#f9f9f9} .sidebar .block-layered-nav .actions{font-size:11px;color:#212121;text-decoration:underline} .sidebar .block-layered-nav .currently .label{display:none} .sidebar .block-layered-nav dd ol li{color:#222;font-size:11px;width:100%;float:left;display:block} .sidebar .block-layered-nav dd ol li.clearer{height:15px;line-height:normal} .sidebar .block-layered-nav dd ol li a{/*display:block;*/font-size:11px;line-height:17px;color:#222;padding-left:20px;display:block;float:left;margin-right:3px; background:url('../images/leftnav-filter-non-selected.jpg') no-repeat 0 3px;font-weight:normal} .sidebar .block-layered-nav dd ol li a:hover{text-decoration:underline;background:url('../images/arrows/leftnav-filter-selected.jpg') no-repeat; background-position: 0px 3px;} div.block-layered-nav dd ol li a.amshopby-attr { } div.block-layered-nav dd ol li a.amshopby-attr-selected {background:url('../images/arrows/leftnav-filter-selected.jpg') no-repeat; background-position: 0px 3px;color:#b1b1b1} div.block-layered-nav dd ol li a img {padding: 0 5px 5px 5px; float:left;} div.block-layered-nav dd ol li.amshopby-cat-level-2 {padding-left:20px;} div.block-layered-nav dd ol lia.amshopby-cat-selected {font-weight: bold;color:black; text-decoration: none; cursor:text;color:#b1b1b1} div.block-layered-nav dd li span.amshopby-plusminus {float:left;display:block; width:15px; height:15px; cursor:pointer; background:transparent url('../images/amshopby-plus.gif') no-repeat;} div.block-layered-nav dd li span.minus {background:transparent url('../images/amshopby-minus.gif') no-repeat;} div.block-layered-nav dd li:after {display:block; content:".";clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } div.block-layered-nav dt {cursor:pointer;} div.block-layered-nav div.slider{position:relative;margin:0 auto 5px auto; z-index:9; height:18px; background:url('../images/slider_bg.gif') no-repeat 50% 50%; cursor:pointer;} div.block-layered-nav div.slider div.handle {width:8px; top:3px; height:14px; background: transparent url('../images/amshopby-hadle.png') no-repeat; position: absolute; cursor:move;} /**************************************LEFTNAV CUSTOM SCROLL********************************/ .scrollbar-pane {margin-right:20px;} .scrollbar-handle-container{background:#e8e8e8;width: 10px;} .scrollbar-handle {width:10px;background:#b5b5b5;} .scrollbar-handle:hover{background: #666} .scrollbar-handle.move{background: #666;} .scrollbar{width:173px;height:150px;margin:0;overflow:hidden;float:left;} .sidebar .block-layered-nav dd ol{padding:0 12px} .category-leftnav-banner{width:100%;float:left;overflow:hidden} /*******************************************************************************YOU MAY ALSO LIKE Tooltip************/ .products-grid .tooltip{text-align:center;margin-left:-30px;background:#f8f8f8;border:2px solid #e8e8e8;background:#ffffff;height:70px; position:absolute;margin-top:-230px;padding:10px;width:150px;font-size:11px;color:#333333;z-index:1200; -moz-box-shadow: 10px 10px 5px #b3b3b3;-webkit-box-shadow: 10px 10px 5px #b3b3b3;box-shadow: 10px 10px 5px #b3b3b3;} .products-grid .tooltip .product-name{text-transform:capitalize;font-size:12px} .products-grid .tooltip .price-box{margin-top:10px;border-top:1px solid #999999;padding-top:10px;width:150px;text-align:center} /******************************************************************************GEOLOCATOR POPUP******************/ /*.geolocator_bgoverlay{background: url('../images/ringstack-loadtranspbg.png'); display: none;height: 100%;left: 0;position:fixed;top:0;width:100%;z-index: 10000;text-align:center} .geolocator_modal{background:#fff url('http://media1.astleyclarke.com/media/cms/banners/geolocation-overlay-bg.jpg') 0 0 no-repeat; font-size:15px;color:#414141;padding:20px;width:500px;height:468px;margin:100px auto;font-family:'Didot W02 Roman', Georgia} .geolocator_modal h4{font-family:'Didot W01 Italic';font-size:18px;margin-top:100px;margin-bottom:10px;font-weight:normal;padding-bottom:0} .geolocator_modal .geopopupcountryblock{width:200px;float:left;margin-left:40px;text-align:left} .geolocator_modal .geopopupcountryblock p{padding-bottom:5px;font-size:12px;font-family:Georgia,serif;margin-bottom:5px} .geolocator_modal .geopopupcountryblock p.country{border-bottom:1px solid #ccc} .geolocator_modal .geopopupcountryblock p.country a{color:#0A1630;font-family:'Didot W02 Roman';padding-right:20px;font-size:15px; background:url('../images/editorial-arrowsprite.png') right 3px no-repeat} */ .geolocator_bgoverlay{background: url('../images/ringstack-loadtranspbg.png');text-align:center; display: none;height: 100%;left: 0;position:fixed;top:0;width:100%;z-index: 10000; } .geolocator_modal{ text-align:left;font-size:15px;color:#212121;padding:55px 0 0 55px;width:785px;height:390px; margin:100px auto;font-family:Verdana;} .geolocator_modal p.geoipwelcome{font-family:Scala Sans Light, "ff-scala-sans-web-pro-n3","ff-scala-sans-web-pro", Lucida Grande; line-height:100%;font-size:35px;margin-top:0;margin-bottom:0px;font-weight:100;padding-bottom:0; color:#717171;text-transform:uppercase} .geolocator_modal p.selectshop{border:0;font-size:16px;line-height:130%;font-family:Scala Sans Regular, "ff-scala-sans-web-pro-n3","ff-scala-sans-web-pro", Lucida Grande;text-transform:uppercase;color:#717171;margin-top:0;margin-bottom:15px} .geolocator_modal p{font-size:11px;display:block;float:left;width:785px} .geolocator_modal p.country{border:0;margin-top:50px;font-size:24px;line-height:140%;font-family:Scala Sans Light, "ff-scala-sans-web-pro-n3","ff-scala-sans-web-pro", Lucida Grande;margin-bottom:0px;color:#202020;font-weight:100} .geolocator_modal p.country a{color:#212121;padding-right:25px;background:url('../images/arrows/black-dotted-arrow-right-10-14.jpg') right center no-repeat} /* Newsletter Signup Overlay */ .newsletter_signup_bgoverlay { background:url("../images/ringstack-loadtranspbg.png"); display:none; height:100%; left:0; position:fixed; text-align:center; top:0; width:100%; z-index:10000; } .newsletter_signup_modal { background:#fff url("../images/newsletter-overlay-bg-1.png") right bottom no-repeat; color:#212121; font-family:Verdana; font-size:15px; height:300px; margin:100px auto; padding: 0; text-align:left; width:500px; position: relative; } .newsletter_signup_modal p.geoipwelcome { color:#717171; font-family:Scala Sans Light, ff-scala-sans-web-pro-n3,ff-scala-sans-web-pro, Lucida Grande; font-size:35px; font-weight:100; line-height:100%; margin-bottom:0; margin-top:0; padding-bottom:0; text-transform:uppercase; } .newsletter_signup_modal p.selectshop { border:0; color:#717171; font-family:Scala Sans Regular, ff-scala-sans-web-pro-n3,ff-scala-sans-web-pro, Lucida Grande; font-size:16px; line-height:130%; margin-bottom:15px; margin-top:0; text-transform:uppercase; } .newsletter_signup_modal p { display:block; float:left; font-size:11px; width:785px; } .newsletter_signup_modal p.country { border:0; color:#202020; font-family:Scala Sans Light, ff-scala-sans-web-pro-n3,ff-scala-sans-web-pro, Lucida Grande; font-size:24px; font-weight:100; line-height:140%; margin-bottom:0; margin-top:50px; } .newsletter_signup_modal p.country a { background:url("../images/arrows/black-dotted-arrow-right-10-14.jpg") right center no-repeat; color:#212121; padding-right:25px; } /*******************************************RINGSTACKER AMENDS*****************************************/ .category-create-your-own-stacking-rings .ontap_ringstacker .products .layered_nav .filters, .category-create-your-own-stacking-rings .ontap_ringstacker .products .layered_nav .title{display:none} /*************************************MINI BAG AMENDS*************************************/ .top-cart .mini-cart-totalrow { border-top: 1px dotted var(--light-blue-50); font-family: var(--johnston); font-weight: normal; justify-content: space-between; margin: 0 auto 15px; padding-top: 10px; width: 90%; } .top-cart .block-content .inner-wrapper .checkout-link-row .bag{background-color: #efebe0; background-image: url("../images/arrows/black-dotted-arrow-10-14.png"); background-position:94px center;background-repeat: no-repeat;color: #222222;float:left;} .top-cart .block-content .inner-wrapper .checkout-link-row .bag:hover{background-color:#9c9992;text-decoration:none} .top-cart .block-content .inner-wrapper .checkout-link-row .checkout { background-color: #017A9F; background-image: url("../images/arrows/white-dotted-arrow-10-14.png"); background-position: 98px center; padding-right: 10px; color: #FFFFFF; float: right; } .minibag-title { text-transform: uppercase; } .minibag-summary-itemcount { float: right; } .top-cart .mini-cart-product-designer { display: none; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */ ::i-block-chrome,.checkout-link-row .bag { font-family: "PT Sans", "Myriad", "Myriad Pro", "Verdana"; } } /* Always Show Pronav */ /*#topCartContent { display: block !important; } .pronav-wrap { display: none !important; }*/ /************* SELECTION CUSTOM SCROLL********************************************************/ .top-cart .block-content .inner-wrapper .scrollable {overflow: hidden !important;position: relative;width:295px;height:335px} .top-cart .block-content .inner-wrapper .scrollable .scrollcontent {position: absolute;top: 0px;right: 20px;bottom: 0px;left: 0px;overflow: hidden;line-height: 0px; width: 290px;} .top-cart .block-content .inner-wrapper .scrollable .scrollwrap {overflow: hidden;display: inline-block;line-height: 1.3em; margin-bottom: 4px; width: 290px;} .top-cart .block-content .inner-wrapper .scrollable .scrollwrap:after {display: none;} .top-cart .block-content .inner-wrapper .scrollable.no_scroll_v .scrollcontent {left: 0;right: 0px;} .top-cart .block-content .inner-wrapper .scrollable.no_scroll_h .scrollcontent {top:0;bottom: 0px; width: 290px;} .top-cart .block-content .inner-wrapper .scrollable .scroller {position: absolute;} .top-cart .block-content .inner-wrapper .scrollable .vscroller {top:0px;left:auto;right:5px;width:15px;bottom:0px;} .top-cart .block-content .inner-wrapper .scrollable.no_scroll_v .vscroller {display: none;} .top-cart .block-content .inner-wrapper .scrollable.no_scroll_h .vscroller,.scrollable.no_scroll_v .filler, .top-cart .block-content .inner-wrapper .scrollable.no_scroll_h .filler {bottom: 0px;} .top-cart .block-content .inner-wrapper .scrollable .hscroller {left: 0px;top: auto;right: 20px;height: 20px;bottom: 0px;} .top-cart .block-content .inner-wrapper .scrollable.no_scroll_v .hscroller {right: 0px;} .top-cart .block-content .inner-wrapper .scrollable.no_scroll_h .hscroller {display: none;} .top-cart .block-content .inner-wrapper .scrollable .scrollarea {position: absolute;} .top-cart .block-content .inner-wrapper .scrollable .vscroller .scrollarea {top: 20px;bottom: 0px;left: 0px;right: 0px;height:390px;overflow:hidden} .top-cart .block-content .inner-wrapper .scrollable .scrollblock {position: absolute;top: 0px;left: 0px;background:#ececec;} .top-cart .block-content .inner-wrapper .scrollable .vscroller .scrollblock {left: 4px;right: 4px;} .top-cart .block-content .inner-wrapper .scrollable .scrollbtn {width:15px;height:15px;background:transparent;text-indent:-9999px;cursor:pointer} .top-cart .block-content .inner-wrapper .scrollable .scrolltop{top:0;background:url('../images/arrows/minibag-customscroll-arrow-up.jpg') no-repeat top center} .top-cart .block-content .inner-wrapper .scrollable .scrolldown{position:absolute;top:315px;background:url('../images/arrows/minibag-customscroll-arrow-down.jpg') no-repeat top center} .top-cart .block-content .inner-wrapper .scrollable .filler {/*position: absolute;bottom: 0px;right: 0px;height: 20px;width: 20px;left: auto;top: auto;*/display:none} #scrollTest{width:250px;float:left;height:290px;overflow: auto;background-color: #ffffff;} .top-cart .block-content .inner-wrapper .scrollable .scrollarea {} .top-cart .block-content .inner-wrapper .scrollable .vscroller .scrollblock {left: 0px;right: 0px;} /* New style of scroll: chunky arrows at top and bottom */ .top-cart .scrollarea { display: none !important; } .top-cart .vscroller { width: 100% !important; height: 20px !important; } .top-cart .scrollbtn { width: 100% !important; background-color: #f5f5f5 !important; height: 20px !important; } .top-cart .scrollcontent { margin-top: 15px !important; } .top-cart .scrolltop { background-image: url('../images/chunky-arrow-up.png') !important; background-position: center 4px !important; background-color: #f5f5f5 !important; } .top-cart .scrolldown { background-image: url('../images/chunky-arrow-down.png') !important; background-position: center 4px !important; background-color: #f5f5f5 !important; } .top-cart .hscroller { display: none; } /**************************PAGE BOTTOM CONTENT-TEASERS*******************************/ .page-bottom-content-teasers{width:970px;float:left;font-family:Verdana;margin:20px 0;text-align:left;} .page-bottom-content-teasers h5{color: #B1B1B1;font-family:Scala Sans Light, "ff-scala-sans-web-pro-n3","ff-scala-sans-web-pro",Lucida Grande;font-size: 20px; font-weight: 100;line-height:130%;margin-bottom: 15px; text-transform: uppercase;font-size: 20px;} .content-teaser{margin-right:4px;width:190px;float:left;} .page-bottom-content-teasers .last{margin-right:0} .content-teaser a img{height:190px;border:0} .content-teaser h6{text-transform:uppercase;font-weight:normal;margin:13px 0 10px;} .content-teaser h6 a{color:#b8a675;font-size:11px} .content-teaser .textwrap{width:100%;float:left;height:60px;margin-bottom:10px} .content-teaser p{font-size:11px;margin-bottom:20px;width:185px;line-height:160%;color:#4c4c4c;} .content-teaser p a.hasarrow{color:#717171;padding-right:20px;background:url("../images/arrows/black-dotted-arrow-10-14.png") no-repeat right center} p a.hasarrow{color:#717171;padding-right:20px;background:url("../images/arrows/black-dotted-arrow-10-14.png") no-repeat right center} /*********************DESIGNERSINTROBLOCK - REBRAND*************************/ .designer-introblock-201209{width:970px;height:240px;overflow:hidden;margin-left:-190px;} .designer-introblock-201209 .designer-introblock-imagewrap{float:left;width:640px;height:240px;overflow:hidden} .designer-introblock-201209 .designer-introblock-textwrap{float:left;width:300px;margin-top:20px;height:220px;overflow:hidden;margin-left:20px} .designer-introblock-201209 .designer-introblock-textwrap h1{text-transform:uppercase;font-weight:100;line-height:130%; font-family:Scala Sans Light, "ff-scala-sans-web-pro-n3","ff-scala-sans-web-pro",Lucida Grande;color:#212121;font-size:20px;margin-bottom:10px;padding:0} .designer-introblock-201209 .designer-introblock-textwrap p{color:#212121;font-size:11px;font-family:Verdana; line-height:16px;margin-bottom:10px} .designer-introblock-201209 .designer-introblock-textwrap p a{color:#017A9F} .designer-introblock-201209 .designer-introblock-textwrap p a.with-black-arrow{color:#212121;padding-right:20px;background:url("../images/arrows/black-dotted-arrow-10-14.png") right center no-repeat} .designer-introblock-201209 .designer-introblock-textwrap ul li{margin-bottom:5px;width:50%} .designer-introblock-201209 .designer-introblock-textwrap ul li a{color:#717171;display:block;background:url("../images/arrows/grey-dotted-arrow-10-14.png") no-repeat right center;} .designer-introblock-201209.xmas2013 { margin-left: 0 !important; } /*********************MY WISHLIST LANDING FROM EMAIL*******************************************************/ .my-wishlist .page-title{float:left;width:150px} .my-wishlist .page-title h1{font-size:35px;line-height:100%} .my-wishlist .page-title h1 span{color:#717171;font-size:20px;line-height:120%;display:block} .my-wishlist .page-title p{text-transform:none;font-size:11px;font-family:Verdana;margin-bottom:5px;color:#202020} .my-wishlist .page-title p span{font-weight:bold} .my-wishlist #wishlist-right-column{width:820px;float:right;font-family:Verdana} .my-wishlist .sharedwishlist-item{width:289px;height:290px;padding:10px;float:left;margin-left:98px;border:1px solid #b1b1b1; margin-bottom:35px;text-align:right;overflow:hidden} .my-wishlist .sharedwishlist-item .addto-wishlist { display: none; } .my-wishlist .out-of-stock{background:#e3e3e3} .my-wishlist .sharedwishlist-item a img.wishlistitem-image{width:150px;border:0;display:block;float:left; margin-bottom:20px} .my-wishlist .sharedwishlist-item h3{margin-bottom:10px;padding:0;width:130px;float:right;line-height:100%;line-height:130%;} .my-wishlist .sharedwishlist-item h3 a{color:#212121;text-transform:uppercase;font-family:Scala Sans Regular, "ff-scala-sans-web-pro-n3","ff-scala-sans-web-pro", Lucida Grande; font-size:12px;margin-bottom:10px;padding:0;font-weight:100} .my-wishlist .sharedwishlist-item .price-box{margin-bottom:10px;float:right;width:130px} .my-wishlist .sharedwishlist-item .price-box .old-price{float:right} .my-wishlist .sharedwishlist-item .price-box .old-price .price-label{float:none;padding:0;font-weight:bold} .my-wishlist .sharedwishlist-item .price-box .old-price .price{padding-right:0;float:none;font-weight:bold} .my-wishlist .sharedwishlist-item .price-box .special-price{float:right;color:#dc4703} .my-wishlist .sharedwishlist-item .price-box .special-price .price-label{float:none;padding:0;font-weight:bold} .my-wishlist .sharedwishlist-item .price-box .special-price .price{padding-right:0;float:none;font-weight:bold} .my-wishlist .sharedwishlist-item .outofstocklabel{font-weight:bold;font-size:10px;text-transform:uppercase;color:#212121;float:right} .my-wishlist .sharedwishlist-item button{background:#0183a7;padding:5px;text-transform:uppercase;float:right;margin-bottom:10px} .my-wishlist .sharedwishlist-item button:hover{background:#0D566C} .my-wishlist .sharedwishlist-item button span{color:#fff;background:url('../images/arrows/white-dotted-arrow-10-14.png') right center no-repeat; padding-right:15px;font-size:11px;height:auto} .wishlist-emailback-link{background:#0183a7; padding:5px;text-transform:uppercase;float:right;margin-bottom:10px;width:110px;text-align:left} .wishlist-emailback-link:hover{background:#0D566C;text-decoration:none} .wishlist-emailback-link span{color:#fff;padding-right:15px;font-size:11px;height:auto;background:url('../images/arrows/white-dotted-arrow-10-14.png') right center no-repeat;display:block} .my-wishlist .sharedwishlist-item .wishlistitem-comment{float:left;width:290px;margin-bottom:10px; color:#717171;/*height:45px;overflow:auto*/} .my-wishlist .sharedwishlist-item .addto-wishlist{float:left;width:100%} .my-wishlist .sharedwishlist-item .addto-wishlist a{color:#b5a874;text-transform:uppercase;font-size:12px; padding-right:20px;background:url("../images/arrows/yellow-dotted-arrow-10-14.png") no-repeat right center} .loading-ajax { background: url(../images/ajax-loader.gif) no-repeat 50% 50% transparent !important; } .buttony.loading { /* background-image: url("../images/ajax-loader-teal.gif") !important; */ background-position: 50% 50% !important; } /* Gift Search on Home Page */ .gift-search-widget { width: 304px; background: url("../images/gift-finder-final.jpg") no-repeat 215px 9px white; color: #666666; padding: 9px 7px; } .gift-search-widget .giftfinder_wrapper { margin-top: 0; width: 198px; } .gift-search-widget .giftfinder_wrapper .select { width: 198px !important; background-position: 183px center !important; } .gift-search-widget input, .gift-search-widget span, .gift-search-widget select, .gift-search-widget option { font: 11px "Verdana" !important; } .gift-search-widget p { margin-bottom: 2px !important; } .gift-search-widget .giftfinder-findbutton { background: url("") no-repeat 50% 50% #b9a675 !important; width: 100% !important; margin-top: 8px !important; color: white !important; } .gift-search-widget .giftfinder-findbutton span { /*visibility: hidden;*/ } .blue-button { display: inline-block; padding: 4px; text-transform: uppercase; min-width: 170px; color: white; font: 14px "Myriad Pro"; background: url("../images/arrows/white-dotted-arrow-10-14.png") no-repeat 94% 50% #017a9f; } .blue-button:hover { text-decoration: none; } @media all and (min-width: 1024px) { .pronav-wrap.fixed { left: 0; position: fixed; top: 0; width: 100%; } .header-container.pronav-fixed #top_cart_container { animation-duration: 0.7s; animation-fill-mode: both; animation-name: fadeInDown; position: fixed; right: 15px; top: 12px; z-index: 101; } .header-container.pronav-fixed #top_cart_container .my-bag-label { display: none; } .header-container.pronav-fixed .header-search-wrap { position: fixed; right: 75px; top: 8px; z-index: 101; } .header-container.pronav-fixed .header-search { float: none; position: absolute; right: 0; animation-name: fadeInDown; animation-duration: 0.7s; animation-fill-mode: both; } } @media all and (min-width: 1024px) and (max-width: 1540px) { .header-container.pronav-fixed .phonenumber { left: 10px; } .header-container.pronav-fixed .stockists-link { left: 45px; } .header-container.pronav-fixed .sign-in-register { left: 80px; } } @media all and (min-width: 1024px) and (max-width: 1440px) { .header-container.pronav-fixed #search_mini_form .input-text { width: 140px; } } @media all and (min-width: 1024px) and (max-width: 1279px) { .header-container.pronav-fixed #search_mini_form .input-text { width: 100px; } } .header-right .sign-in-register { position: relative; } #cart_header_wishlist_link { display: none !important; } .header-left p.storeswitcher img { margin-right: 6px !important; vertical-align: middle !important; } .footernewsletterform p.footer-newsletter-gender span { background: none !important; } /* Pronav */ .pronav-wrap.fixed .pronav-nested.active { top: 45px; } .pronav-world-of span { border-right: none !important; color: #017a9f; } .astley-clarke-sale span { border-right: none !important; color: #017a9f; } .header-left p.phonenumber a, .header-right p.welcomemessage a { color: #b9a879 !important; } .header-left p.phonenumber a:hover, .header-right p.welcomemessage a:hover { color: #017a9f; text-decoration: none; } .footerlinks-wrap ul li a { color: #2a2a2a; } .footerlinks-wrap ul li a:hover { color: #017a9f; text-decoration: none; } .page_wrapper { width: 970px; margin: 0 auto; } .template1 { margin-bottom: 40px; overflow: hidden; } .template1 .leftblock { width: 270px; padding: 20px 0 0 20px; float: left; color: #838383; font: 11px Verdana; line-height: 18px; } .template1 .rightblock { float: right; } .template1 p { margin-bottom: 10px; } .template1 .mainlink { margin-top: 15px !important; } .template1 h2 { color: #666666; font: 21px "ScalaSansCompPro-Light", "Scala Sans Regular"; text-transform: uppercase; margin-bottom: 15px; letter-spacing: 1px; } .template1 .lighter { display: block; color: #999999 !important; margin-bottom: 5px; } .mainlink { display: inline-block; font: 14px "ScalaSansCompPro-Light", "Scala Sans Regular"; text-transform: uppercase; color: #b8a675; background: url("../images/arrows/gold-dotted-arrow-10-14.png") no-repeat 100% 50%; height: 9px; line-height: 11px; padding-right: 15px; } .template1 a:hover { /* text-decoration: none; color: #017a9f;*/ } .template2 { background: #f5f5f5; padding: 20px; overflow: hidden; margin-bottom: 40px; } .template2 .leftblock { background: white; width: 620px; height: 240px; float: left; margin-right: 20px; } .template2 .rightblock { float: left; margin-left: 20px; width: 260px; } .template2 .column { width: 110px; float: left; margin-right: 20px; } .template2 .column:last-child { margin-right: 0px; } .template2 .column a { display: block; color: #464646; margin-bottom: 15px; font: 11px Verdana; } .template2 .column a:hover { text-decoration: none; color: #017a9f; } .template_left { float: left; } .jewellery-finder-new-template .giftfinder_wrapper { width: 250px; height: 180px; padding: 12px 20px 20px 20px; background: #f5f5f5; margin: 0px; margin-bottom: 14px; } .jewellery-finder-new-template .giftfinder_wrapper .select { width: 250px; } .jewellery-finder-new-template .giftfinder_wrapper select { width: 250px; } .jewellery-finder-new-template .jewellery-finder-top-header { width: 290px; padding-top: 10px; height: 50px; background: #e7e7e7 url("../images/giftfinder14bg.png") no-repeat 50% 50%; } .jewellery-finder-new-template .giftfinder_wrapper p { font: 13.5px "ScalaSansCompPro-Light", "Scala Sans Regular"; line-height: 35px; } .jewellery-finder-new-template .giftfinder_wrapper p select { width: 250px !important; } .jewellery-finder-new-template .giftfinder_wrapper span { background: url("../images/chevrons/right-chevron-small-grey.png") no-repeat right bottom; color: #1e1e1e !important; padding: 0px !important; } .jewellery-finder-new-template { overflow: hidden; margin-bottom: 20px; } .jewellery-finder-new-template .giftfinder-findbutton { width: 250px; height: 25px; background: url("../images/the-jewellery-finder-let-the-search-begin.png") no-repeat 50% 50%;; cursor: pointer; } .jewellery-finder-new-template .giftfinder-findbutton:hover { background: url("../images/the-jewellery-finder-let-the-search-begin.png") no-repeat 50% 50%;; } .jewellery-finder-new-template .giftfinder-findbutton span { font-size: 0px; } .template3 { width: 290px; position: relative; } .template4 { float: right; width: 640px; position: relative; margin-bottom: 40px; } .template3 .textblock, .template4 .textblock { background: white; position: absolute; bottom: 0; padding: 20px; } .template4 .textblock { width: 405px; right: 0; } .textblock p { font: 11px Verdana; color: #b1b1b1; margin-bottom: 12px; } .textblock h2 { font: 15px "ScalaSansCompPro-Light", "Scala Sans Regular"; text-transform: uppercase; color: #666666; margin-bottom: 12px; } .textblock h2 .lighter { color: #999999; } .template5 { clear: both; } .template5 h2 { font: 17px "ScalaSansCompPro-Light", "Scala Sans Regular"; color: #666666; text-transform: uppercase; margin-bottom: 20px; } .template5 .thumbpod { margin-bottom: 40px; float: left; margin-right: 19px; max-width: 228px; } .template5 .thumbpod.last { margin-right: 0px !important; } .template5 img { margin-bottom: 20px; } .template5 h2 .lighter { color: #999999; } .template5 p { font: 11px Verdana; color: #999999; margin-bottom: 10px; } .template5 .title, .template5 .title a { font: 14px "ScalaSansCompPro-Light", "Scala Sans Regular"; color: #666 !important; text-transform: uppercase; } .template5 .title a:hover { color: #017a9f !important; text-decoration: none; } .template2 .rightblock .column a { line-height: 13px; } .featured_slider { overflow: hidden; float: left; margin: 0 auto; text-align: center; } .featured_slider.loading { opacity: 0; } .featured_slider img { display: block; } .featured_this_week .bx-wrapper, .featured_this_week .bx-window { /*width: 573px !important;*/ overflow: hidden !important; float: left; } .four-block-slider { background: white; } .template1 { margin-top: 20px; } .template2 .rightblock { margin-top: 16px; } .template1 .leftblock .details { display: none; } .more-link, .less-link, .more-link:hover, .less-link:hover { color: #017a9f !important; text-decoration: none; } .featured_this_week .mainlink { margin-top: 20px; } .social-icons { display: block; margin-bottom: 15px; } .social-icons ul { margin-bottom: 0; } .social-icons li, #social-content li { display: inline-block; margin-right: 10px; margin-bottom: 0; } .social-icons li:last-child, #social-content li:last-child { margin-right: 0; } .social-icons li a, #social-content li a { display: block; height: 20px; width: 20px; } .social-icons li span, #social-content li span { display: none; } .icon-facebook { background: url("../images/reskin/social-icon-facebook-black.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .icon-google-plus { background: url("../images/sprite_social_google_plus.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .icon-pinterest { background: url("../images/reskin/social-icon-pinterest-black.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .icon-twitter { background: url("../images/reskin/social-icon-twitter-black.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .icon-instagram { background: url("../images/reskin/social-icon-instagram-black.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .icon-youtube { background: url("../images/icon_social_youtube.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .icon-email { background: url("../images/sprite_social_email.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .social-icons li:hover { /*background-position: 0 -20px !important;*/ } /* Product Page Redesign, August 2014 */ .prevnextbuttons { float: right; margin: 12px 0; font: 13px "Scala Sans Regular"; color: black; } .prevnextbuttons .prev { background: url("../images/product-page-2014/prev.png") no-repeat 0% -1px; padding-left: 14px; padding-right: 6px; } .prevnextbuttons .next { background: url("../images/product-page-2014/next.png") no-repeat 100% -1px; padding-right: 14px; } .skufloat { position: absolute; bottom: 0; right: 0; } .price_and_sku { position: relative; } .product-right .product-tabs { margin-top: 0px !important; } .product-right .prod-page-ringstacklink { margin-top: 28px !important; } .product-right .prod-page-ringstacklink a { color: #666666 !important; font: 11px Verdana !important; background-position: right 1px !important; } .product-right .stock-hover { background-color: var(--mid-blue); color: var(--light-neutral); display: none; font-size: 17px; font-weight: lighter; margin: -35px -52px; padding: 5px 10px; position: fixed; text-align: center; width: 90px; } /* Triangle arrow */ .product-right .stock-hover::after { border-color: var(--mid-blue) rgba(245, 245, 245, 0) rgba(245, 245, 245, 0); border-image: none; border-style: solid; border-width: 6px; content: " "; height: 0; left: 48px; pointer-events: none; position: absolute; top: 100%; } .product-left { position: relative; } .product-view .product-left .iviewer_zoom_in { background: url("../images/product-page-2014/productpage-zoom-icons.png") no-repeat scroll -5px -5px !important; border: 0px !important; } .product-view .product-left .iviewer_zoom_out { background: url("../images/product-page-2014/productpage-zoom-icons.png") no-repeat scroll -39px -5px !important; left: 45px !important; border: 0px !important; } .product-view .product-left .iviewer_zoom_in:hover { background: url("../images/product-page-2014/productpage-zoom-icons-hover.png") no-repeat scroll -5px -5px !important; border: 0px !important; } .product-view .product-left .iviewer_zoom_out:hover { background: url("../images/product-page-2014/productpage-zoom-icons-hover.png") no-repeat scroll -39px -5px !important; left: 45px !important; border: 0px !important; } .product-reviews strong { font-weight: bold; } .product-reviews .posted { width: 95px; } .product-reviews .rating { width: 60px; } .product-right .tabs p { margin-bottom: 10px; } .product-reviews table { width: 100%; border-collapse: separate; border-spacing: 0 5px; } .product-reviews th { font-weight: bold; } .product-reviews td { } #product-attribute-specs-table th, #product-attribute-specs-table td { padding: 3px 0; } .tab-content table { border-collapse: separate; border-spacing: 0 5px; margin-bottom: 10px; } .tab-content td, .tab-content th { padding: 2px 0; } .tab-content th { font-weight: bold; } #my-sagepaycards-table { width: 100%; } #my-sagepaycards-table th { font-weight: bold; } #my-sagepaycards-table tr { } #my-sagepaycards-table td, #my-sagepaycards-table th { vertical-align: middle; text-align: left; padding-bottom: 5px; } #fancybox-outer, .checkout-cart-index #fancybox-outer, .product-premium-giftwrap #fancybox-outer, .wishlist-index-shared #fancybox-outer, .wishlist-index-share #fancybox-outer, .wishlist-index-index #fancybox-outer, .cms-page-view #fancybox-outer, .catalog-category-view #fancybox-outer { background: #f5f5f5 !important; } #fancybox-outer, .checkout-cart-index #fancybox-outer, .product-premium-giftwrap #fancybox-outer, .wishlist-index-shared #fancybox-outer, .wishlist-index-share #fancybox-outer, .wishlist-index-index #fancybox-outer { background: white; } #fancybox-frame, .checkout-cart-index #fancybox-frame, .product-premium-giftwrap #fancybox-frame, .wishlist-index-shared #fancybox-frame, .wishlist-index-share #fancybox-frame, .wishlist-index-index #fancybox-frame, .cms-page-view #fancybox-frame, .catalog-category-view #fancybox-frame { margin: 0 !important; height: 100% !important; background: url("../images/reskin/loading-icon-teal-white.gif") no-repeat 50% 50% white !important; } #fancybox-close, .checkout-cart-index #fancybox-close, .product-premium-giftwrap #fancybox-close, .wishlist-index-shared #fancybox-close, .wishlist-index-share #fancybox-close, .wishlist-index-index #fancybox-close, .cms-page-view #fancybox-close, .catalog-product-view #fancybox-close, .catalog-category-view #fancybox-close { width: 27px !important; height: 27px !important; background: url("../images/reskin/close-black.png") no-repeat; background-size: contain; font-size: 0px !important; } #fancybox-close span, .checkout-cart-index #fancybox-close span, .product-premium-giftwrap #fancybox-close span, .wishlist-index-shared #fancybox-close span, .wishlist-index-share #fancybox-close span, .wishlist-index-index #fancybox-close span, .cms-page-view #fancybox-close span, .catalog-category-view #fancybox-close span { display: none; } #fancybox-inner, .checkout-cart-index #fancybox-inner, .product-premium-giftwrap #fancybox-inner, .wishlist-index-shared #fancybox-inner, .wishlist-index-share #fancybox-inner, .wishlist-index-index #fancybox-inner, .cms-page-view #fancybox-inner, .catalog-category-view #fancybox-inner { background: url("../images/reskin/loading-icon-teal-white.gif") no-repeat 50% 50% white !important; } .onestepcheckout-index-index #fancybox-inner, .onestepcheckout-index-index #fancybox-frame[src*="cvv.gif"] { background-image: none !important; } .bannerblock { position: relative; } .bannerblock a { width: 21px; height: 22px; display: block; position: absolute; background: url("../images/crosshair-sprite.png"); } .bannerblock a:hover { background: url("../images/crosshair-sprite.png") 0 22px; } .bannerblock.single { position: relative; top: 12px; } .hover_icons .quick_view_link { display: none; text-align: left; position: absolute; bottom: 6px; left: 0px; } .wishlist_link { display: none; text-align: left; position: absolute; bottom: 6px; left: 30px; } .add-to-box #add_to_wishlist .addto, .add-to-box #add_to_wishlist .alreadyin, .add-to-box #add_to_wishlist .viewwl { min-width: 115px; visibility: hidden; } #add_to_wishlist .addto, #add_to_wishlist.saving .addto, #add_to_wishlist.saving:hover .addto { display: block; visibility: visible; } #add_to_wishlist.saving .addto, #add_to_wishlist.saving:hover .addto { visibility: hidden; } #add_to_wishlist .alreadyin, #add_to_wishlist .viewwl { display: none; visibility: hidden; } #add_to_wishlist.saved .addto { display: none; } #add_to_wishlist:hover .addto { visibility: visible; } #add_to_wishlist.saved:hover .addto { display: none; } #add_to_wishlist.saved .alreadyin, #add_to_wishlist.saved .viewwl { display: block; visibility: visible; } #add_to_wishlist.saved .alreadyin a { color: #80bccf; } #add_to_wishlist.saved .viewwl a { color: #0c79b1 !important; } .save_for_later_link.saving { background-image: url("../images/ajax-loader-teal-fg-15px.gif"); cursor: default !important; } .save_for_later_link.saving img { display: none; } .quick_view_text, .save_for_later_text, .saved_for_later_text, .wishlist_text { font-size: 10px; font-family: "Scala Sans Regular"; color: #017a9f !important; position: absolute; bottom: 21px; display: none; text-transform: uppercase; left: 0; background: white; padding: 0 2px; } .quick_view_text a, .save_for_later_text a, .saved_for_later_text a, .wishlist_text a { color: #017a9f; } .quick_view_text, .saved_for_later_text, .save_for_later_text { bottom: 0; right: 0; left: auto; } .saved_for_later_text { } .quick_view_text .quick_view_link { position: relative; bottom: 0; } .saved_for_later_text a { text-decoration: none; color: #017A9F; } .quick_view_hover:hover .quick_view_text, .save_for_later_hover:hover .save_for_later_text, .wishlist_hover:hover .wishlist_text { display: block; } .save_for_later_hover.saved:hover .save_for_later_text { display: none; } .save_for_later_hover.saved:hover .saved_for_later_text { display: block; } .products-grid .item:hover .quick_view_text { display: block; } .products-grid .item:hover .save_for_later_hover.saved .save_for_later_text { display: none; } .products-grid .item:hover .save_for_later_hover.saved .saved_for_later_text { display: block; } .save_for_later_hover.saved:hover .saved_for_later_text { display: block; } .selectwrap select.styled { width: 162px !important; } .toolbarcount .current { font-weight: bold; } .hover-sizes { position: absolute; right: 0; top: 5px; display: none; } .products-grid .item:hover .hover-sizes { display: block; } .hover-sizes .in-stock { display: block; } .hover-sizes li { float: left; background-color: #F5F5F5; border: 1px solid #C6C6C6; color: #222222; display: block; float: left; font-size: 11px; line-height: 100%; margin-bottom: 4px; padding: 3px 5px; text-align: center; text-transform: uppercase; line-height: 17px !important; margin-right: 5px !important; min-height: 18px; min-width: 18px; padding: 0 !important; text-align: center; } .hover-sizes .out-of-stock { background: url("../images/product-page-2014/cross.png") no-repeat scroll 50% 50% #F5F5F5 !important; color: #9B9B9B !important; cursor: default !important; text-decoration: none !important; } .infobar_wrapper { clear: both; } .infobar_wrapper.fixed { position: fixed; top: 40px; width: 100%; z-index: 999; } .infobar { color: white; margin: 0 auto; padding: 5px 0; background: white; width: 1500px; } .infobar_wrapper.fixed .infobar { padding: 0px !important; } .infobar ul { background: #c6c6c6; font-size: 0; text-align: center; height: 30px; line-height: 30px; } .infobar li { font: 13px "Trivia Serif Book"; line-height: 30px; display: inline-block; padding: 0 38px; min-width: 100px; } .infobar a { color: white; } .infobar a:hover { color: white; } .infobar .butterfly-right { background: url("../images/white-butterfly.png") no-repeat right 50%; padding-right: 57px; } .infobar .butterfly-left { background: url("../images/white-butterfly.png") no-repeat left 50%; padding-left: 57px; } .infobar .no-italic { font-style: normal; } .infobar .underline { text-decoration: underline; } .infobar .bold { font-weight: bold; } /* Gift Finder 2014 */ .giftfinder_wrapper { margin-bottom: 32px; width: 255px; height: 245px; padding: 15px 20px; background: #E7E7E7; } .giftfinder { width: 100%; height: 100%; background: url("../images/giftfinder2014bg.jpg") no-repeat 50% top #E7E7E7; } .giftfinder .butterfly { position: relative; top: -15px; left: 95px; display: block; } .giftfinder .selects { font-size: 0; line-height: 0; margin-bottom: 7px; display: block; } .giftfinder .select { width: 120px; height: 30px; border-radius: 2px; background: #bbc6c9; margin-bottom: 10px; float: left; position: relative; } .giftfinder .select.left { margin-right: 15px; } .giftfinder .acbutton { background-position: 235px 50%; font-size: 15px; height: 50px; line-height: 20px !important; width: 245px; } .giftfinder .results { clear: both; color: #FFFFFF; font: 14px "Scala Sans Regular"; margin-top: 5px; text-align: center; text-transform: none; } /* Chrome and Safari only */ @media screen and (-webkit-min-device-pixel-ratio:0) { .giftfinder .results { margin-top: 11px; } } /* Select drop-downs */ .giftfinder .butt { width: 120px; height: 30px; border-radius: 2px; margin-bottom: 10px; float: left; z-index: 99; /*position: relative;*/ /*background: url("../images/chevrons/down-chevron-white.png") no-repeat 98px 50% #bbc6c9;*/ } .giftfinder .big { z-index: 100; background-position: 233px 50%; } .giftfinder .select.right .big { /*position: absolute;*/ } .giftfinder .butt.active, .giftfinder .butt.big { background-color: #9eacb2; } /* Adds a faux background element which can be rotated when the .rotated class is applied */ .giftfinder .butt:before { cursor: pointer; background: url("../images/chevrons/down-chevron-white.png") no-repeat scroll 50% 50% transparent; content: ""; height: 15px; left: 98px; position: absolute; top: 8px; width: 15px; z-index: 1; -webkit-transition: transform 0.2s linear; -moz-transition: transform 0.2s linear; -ms-transition: transform 0.2s linear; -o-transition: transform 0.2s linear; transition: transform 0.2s linear; } .giftfinder .butt.big:before { left: 231px; top: 8px; } .giftfinder .right .butt.big:before { left: 98px !important; } .giftfinder .butt.big.bgForcedLeft:before { left: 98px !important; } .rotated:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .giftfinder .butt > .title { font: 14px "Scala Sans Regular"; color: white; text-transform: uppercase; line-height: 30px; display: block; padding-left: 10px; cursor: pointer; } .giftfinder .butt > .apply { display: none; background: none repeat scroll 0 0 #117a9d; border-radius: 3px; color: white; font: 13px/20px "Scala Sans Regular"; height: 20px; left: 160px; position: relative; text-align: center; top: -26px; width: 90px; z-index: 100; cursor: pointer; } .giftfinder .menu { display: none; font: 11px "Verdana"; color: #717171; background: white; border-radius: 0 0 5px 5px; border: 1px solid #d2d2d2; border-top: 0px; position: absolute; left: 0; top: 28px; width: 227px; padding: 10px 13px 13px 13px; font-weight: bold; z-index: 99; max-height: 250px; overflow-y: auto; box-shadow: 0 4px 2px -2px gray; } .giftfinder .right .menu { left: auto; right: 0; } .giftfinder .menu .title { text-transform: uppercase; margin-bottom: 10px; display: block; padding-left: 20px; } .giftfinder .menu li { background: url("../images/leftnav-filter-sprite2.png") no-repeat left -3px; padding-left: 20px; cursor: pointer; height: 25px; } .giftfinder .menu li:hover { background: url("../images/leftnav-filter-sprite2.png") no-repeat left -95px; } .giftfinder .menu li.selected { background: url("../images/leftnav-filter-sprite2.png") no-repeat left -186px; } .giftfinder .menu li:last-child { margin-bottom: 0px; } .giftfinder .menu li .count { color: #B1B1B1; vertical-align: top; white-space: nowrap; position: relative; display: inline-block; } .giftfinder .menu li .count > span { top: -1px; } #main_count { top: 0px !important; } /* AC Popup generic styles */ .acpopupbg { background-color: rgba(0, 0, 0, 0.5); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 4444; } .acpopup { display: none; width: 800px; height: 450px; background: white; border: 10px solid #f5f5f5; position: fixed; top: 50%; left: 50%; margin-top: -225px; margin-left: -400px; z-index: 5555; } .fancybox-toolbar a.close:first-child, .acpopup a.close:first-child { background: url("../images/reskin/close-black.png"); background-size: contain; cursor: pointer; display: block; height: 27px; position: absolute; right: 0px; top: 0px; width: 27px; z-index: 2; } .fancybox-toolbar a.close:first-child { background: url("../images/reskin/close-black.png") no-repeat center 5px / cover; background-size:27px; background-color:#ffffff; padding:5px; } .fancybox-navigation .fancybox-arrow { background-color: white; } .fancybox-navigation .fancybox-arrow--left { transform: none; background: white url("../images/chevrons/left-chevron-large-grey.png") no-repeat scroll 50% 50% !important; height: 44px; width: 44px; margin-left: 30px; } .fancybox-show-nav .fancybox-navigation .fancybox-arrow { opacity: 1; } .fancybox-arrow::after { display: none; } .fancybox-navigation .fancybox-arrow--right { background: white url("../images/chevrons/right-chevron-large-grey.png") no-repeat scroll 50% 50% !important; height: 44px; width: 44px; margin-right: 30px; } .fl { float: left; } .fr { float: right; } .acpopup p { margin-bottom: 15px; } .acpopupcontent { padding: 10px; display: table-cell; vertical-align: middle; position: relative; } /* Pre-order popup */ .pre-order-popup { text-align: left; } .pre-order-popup img { float: left; margin-right: 20px; } .pre-order-popup h3 { font-weight: lighter; margin-top: 45px; } .pre-order-popup .rightside { width: 370px; } .pre-order-popup .acbutton { margin-top: 20px; } .pre-order-popup .rightside { width: 360px; display: inline-block; } .pre-order-popup .acbutton { width: 120px; background-position: 110px 50%; } .pre-order-sticker-small { background: url("../images/pre-order-sticker-small.png"); width: 94px; height: 11px; top: 8px; right: 5px; position: absolute; } .pre-order-sticker-large { background: url("../images/pre-order-sticker-large.png"); width: 351px; height: 39px; } .main_popup .acpopup { border: 0; margin-left: -410px; margin-top: -235px; height: 470px; width: 820px; } /* Debug Styles */ .debug { border: 1px solid brown; margin: 10px; clear: both; float: left; max-height: 400px; overflow-y: scroll; } .debug.echo { padding: 5px; background: #242424; border: 1px solid #57abf2; border-radius: 5px; color: #95e444; font-size: 18px; } .debug pre { word-wrap: break-word; white-space: pre-wrap; padding: 15px; font-size: 14px; } .debug.pr { background: pink; } .debug.fs { position: fixed; top: 0; left: 0; width: 100%; box-sizing: border-box; z-index: 99999; text-align: left; opacity: 0.2; padding: 5px; font-size: 15px; } .debug.fs:hover { opacity: 1; } /* Hide breadcrumbs on some pages */ .checkout-onepage-success .breadcrumb-news-holder { display: none; } .customer-account-forgotpassword .col-main .page-title, .customer-account-resetpassword .col-main .page-title { margin-top: 20px; } .customer-account-forgotpassword .col-main p, .customer-account-resetpassword .col-main p { font: 11px Verdana; margin-bottom: 12px; } .customer-account-forgotpassword .col-main input, .customer-account-resetpassword .col-main input { padding: 2px; font: 11px verdana; padding: 5px; width: 162px; } /*.customer-account-login .messages { margin-top: -15px; }*/ .catalog-category-view #recently-viewed-holder { display: none !important; } .catalog-category-view .recently-viewed-title { display: none !important; } #Growler { display: none; } /* Global-e switcher arrow */ .header .ShippingSwitcherCurrency, #ac-footer .ge-clone { font-family: var(--johnston); } .ShippingSwitcherCurrency { cursor: pointer; } #recently-viewed-holder { display: none !important; } .globale-integration-checkout-index .logo { display: block; margin-left: auto; margin-right: auto; width: 380px; } .pmerchant-suggest .regular-price { display: none; } .selector-button-size-small { order: 1; } .selector-button-size-medium { order: 2; } .selector-button-size-large { order: 3; } .selector-button-size-d { order: 10; } .selector-button-size-e { order: 15; } .selector-button-size-f { order: 20; } .selector-button-size-g { order: 25; } .selector-button-size-h { order: 30; } .selector-button-size-i { order: 35; } .selector-button-size-j { order: 40; } .selector-button-size-k { order: 45; } .selector-button-size-l { order: 50; } .selector-button-size-m { order: 55; } .selector-button-size-n { order: 60; } .selector-button-size-o { order: 65; } .selector-button-size-p { order: 70; } .selector-button-size-q { order: 75; } .selector-button-size-r { order: 80; } .selector-button-size-s { order: 85; } .selector-button-size-t { order: 90; } .stock-hover-size-small { order: 1; } .stock-hover-size-medium { order: 2; } .stock-hover-size-large { order: 3; } .stock-hover-size-d { order: 10; } .stock-hover-size-e { order: 15; } .stock-hover-size-f { order: 20; } .stock-hover-size-g { order: 25; } .stock-hover-size-h { order: 30; } .stock-hover-size-i { order: 35; } .stock-hover-size-j { order: 40; } .stock-hover-size-k { order: 45; } .stock-hover-size-l { order: 50; } .stock-hover-size-m { order: 55; } .stock-hover-size-n { order: 60; } .stock-hover-size-o { order: 65; } .stock-hover-size-p { order: 70; } .stock-hover-size-q { order: 75; } .stock-hover-size-r { order: 80; } .stock-hover-size-s { order: 85; } .stock-hover-size-t { order: 90; } .cart-back-order-message { font-size: 16px; margin-bottom: 15px; } /* Cart with Paypal */ .cart .amazonpayments-or { display: none; } .cart .or-divider { display: none !important; } .cart .paypal-or { display: none; /* border-bottom: 1px solid #eee; border-top: 1px solid #eee;*/ color: #BABABA; font: 15px/41px Scala Sans Light; margin: 0; margin-right: 8px; padding: 10px 0; text-transform: uppercase; } .ac-pulsing-circle { animation: 3.25s cubic-bezier(0.66, 0, 0, 1) 0s normal none infinite running pulse; border-radius: 50%; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); height: 1px; left: calc(50% - 11px); position: absolute; top: 14px; width: 1px; z-index: 5; } .ac-cart-checkout-button:hover .ac-pulsing-circle { -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none; } @-webkit-keyframes pulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}} @-moz-keyframes pulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}} @-ms-keyframes pulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}} @keyframes pulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}} .ac-cart-checkout-arrow { border-left: 1px dotted white; background: #006F93 url("../images/chevrons/right-chevron.png") no-repeat scroll 50% 50% !important; padding: 0 10px; } .cart .checkout-with-paypal span { display: none; } .ac-cart-checkout-arrow.paypal { background-color: #EAAF28 !important; } .ac-cart-checkout-button, .checkout-with-paypal { width: 186px !important; } .ac-cart-checkout-button, .ac-cart-checkout-arrow { height: 50px !important; float: left; } .cart .checkout-with-paypal, .ac-cart-checkout-arrow.paypal { height: 36px !important; } #shipping-country-message { margin-bottom: 25px; } /* Test styles */ .ac-cart-checkout-arrow { display: none; } .ac-cart-checkout-button { height: 36px !important; line-height: 37px !important; } .ac-cart-checkout-button span { display: none; } .checkout-with-paypal { background-color: #ddd !important; color: #222; } /* Paypal Review page */ .paypal-express-review .breadcrumb-news-holder { display: none; } .paypal-express-review .page-title { position: relative; top: 12px; float: left; margin-bottom: 0; } /* .paypal-express-review .col1-layout { margin-top: 30px; } */ .paypal-express-review .col-main { position: relative; } /* .paypal-express-review .col-main h2 { background:#efefef; height:15px; padding:5px; font-family: Scala Sans Light,"ff-scala-sans-web-pro-n3","ff-scala-sans-web-pro",Lucida Grande,sans-serif; font-size: 14px; text-transform: uppercase; margin: 20px 0; line-height: 18px; font-weight: 900; } */ .paypal-express-review .col-main a { color:#017A9F; font-weight: 100; /*border:1px solid #017A9F; padding-right:; */} .paypal-express-review .col-main h2 a { color: #0c79b1; float: right; font-size: 13px; font-weight: inherit; line-height: inherit; padding-right: 10px; } .paypal-express-review .box-content a { display: inline-block; text-transform: uppercase; width: 35px; text-align: center; } .paypal-express-review .box-content a:hover { background-color: #017a9f; color: white; text-decoration: none; } .paypal-express-review .col-main a.button span, .paypal-express-review .col-main button.button span span { background:none; background-color:#017a9f; padding: 10px 0 7px 0; text-transform: uppercase; text-align: center; font-size: 18px; font-family: Scala Sans Light,"ff-scala-sans-web-pro-n3","ff-scala-sans-web-pro",Lucida Grande,sans-serif; line-height: 24px; width: 270px; } .paypal-express-review .col-main a.button, .paypal-express-review .col-main button.button span { color:#ffffff; } .paypal-express-review .col-main .box-content, .paypal-express-review .col-main address { font-family: Scala Sans Light,"ff-scala-sans-web-pro-n3","ff-scala-sans-web-pro",Lucida Grande,sans-serif; font-size: 14px; display: block; } .paypal-express-review .col-main h3 { margin-bottom: 10px; font-family: Scala Sans Light,"ff-scala-sans-web-pro-n3","ff-scala-sans-web-pro",Lucida Grande,sans-serif; text-transform: uppercase; font-weight: 100; } .paypal-express-review .col-main th { font-size: 11px; font-weight: 900; text-transform: uppercase; color: #363636; text-align: left !important; padding-bottom: 10px; } .paypal-express-review .col-main input, .paypal-express-review .col-main select, .paypal-express-review .col-main textarea, .paypal-express-review .col-main button { font-family: Scala Sans Light,"ff-scala-sans-web-pro-n3","ff-scala-sans-web-pro",Lucida Grande,sans-serif; font-size: 12px; } .paypal-express-review .box-content { margin-bottom: 10px; } .paypal-express-review .shipping-title, .paypal-express-review .shipping-method-title, .paypal-express-review .payment-title { display: none; } .paypal-express-review #details-reload { position: relative; margin-bottom: 20px; } .paypal-express-review #details-table { width: 100%; font-family: Verdana; } .paypal-express-review #details-table th { width: 15%; } .paypal-express-review #details-table th.name { width: 55%; } .paypal-express-review #details-table td { padding-bottom: 8px; text-align: left !important; } .paypal-express-review #details-table h4 { font-weight: normal; font-size: 14px; } .paypal-express-review #details-table tfoot tr > td:first-child { color: #363636; } .paypal-express-review #details-table { font-family:Scala Sans Light,"ff-scala-sans-web-pro-n3","ff-scala-sans-web-pro",Lucida Grande,sans-serif; font-size: 14px; } .paypal-express-review .col-main th { font-size: 13px; } .paypal-express-review tfoot tr.first td { border-top: 1px solid #999999; padding-top: 10px; } .paypal-express-review .col-main input, .paypal-express-review .col-main select, .paypal-express-review .col-main textarea, .paypal-express-review .col-main button { font-size: 13px; } .paypal-express-review .col-main a.button span, .paypal-express-review .col-main button.button span span { padding:10px; vertical-align: text-bottom; } .paypal-express-review #order_review_form { float: right; } .paypal-express-review #order_review_form .buttons-set { margin: 0 !important; } .paypal-express-review .left_section { clear: both; float: left; position: relative; width: 49%; } .paypal-express-review .right_section { float: right; position: relative; width: 49%; } .paypal-express-review .bottom_button { position: absolute; bottom: 8px; right: 0; } /* ====================================================================================================== */ /* Site-wide styles */ /* ====================================================================================================== */ #feefologohere { margin: 10px 0; position: relative; } #feefologohere a { display: block; } /*#feefologohere:before { content:''; display:block; box-shadow:inset 0 0 2px white; position:absolute; top:0; left:0; width:100%; height:100%; }*/ .ac-social-icons ul { margin-left: -7px; } .ac-social-icons li { margin-right: 4px; } .ac-social-icons li a { display: inline; line-height: 26px; } /* ====================================================================================================== */ /* ====================================================================================================== */ /* Footer */ /* ====================================================================================================== */ #site-footer { clear: both; background-color: #b1b2b2; overflow: hidden; padding-top: 35px; text-align: left; } #site-footer-top { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eaeaea; overflow: hidden; } #site-footer h2 { color: #f4f4f4; font-size: 16px; text-align: left; margin-bottom: 25px; letter-spacing: 1px; font-family: "Scala Sans Regular"; text-transform: uppercase; } #site-footer h3 { font-family: "Scala Sans Regular"; font-size: 13px; font-weight: normal; } #site-footer-top h2, #site-footer-top h3 { margin-bottom: 10px; } #site-footer .newsletter { float: left; width: 470px; text-align: left; } #site-footer .newsletter .acbutton { margin-right: 5px; } #site-footer .social { float: left; width: 350px; text-align: left; } #site-footer .reviews { float: left; text-align: left; } #site-footer .social li { display: inline-block; } #site-footer .social li a { font-size: 13px; font-family: "Scala Sans Regular"; text-transform: uppercase; color: white; } #site-footer input { height: 32px; position: relative; bottom: 1px; border: 0; padding: 0 10px; width: 100%; max-width: 175px; text-align: left; text-transform: none; margin-right: 5px; box-sizing: border-box; border: 1px solid #cccccc; font: 13px "Scala Sans Regular"; } #site-footer-links { background: url("../images/footer-2015/footer-emblem.jpg") no-repeat right bottom; overflow: hidden; padding-bottom: 60px; margin-bottom: 25px; position: relative; } #site-footer-links > div { float: left; } #site-footer-links .col1 { width: 240px; } #site-footer-links .col2 { width: 190px; } #site-footer-links .col3 { width: 190px; } #site-footer-links .col4 { width: 220px; } #site-footer-links .col5 { width: 130px; } #site-footer-links li { font: 14px "Scala Sans Regular"; display: block; line-height: 26px } #site-footer-links .copyright { color: #eaeaea; position: absolute; bottom: 0; right: 45px; text-align: right; font-family: "Verdana"; } .newsletter-mini-form { display: inline-block; overflow: visible; position: relative; width: 100%; } .newsletter-mini-form input.error { border: 1px solid #017a9f; } .newsletter-mini-form label.error { font-family: "Verdana"; color: #017a9f; position: absolute; bottom: -15px; left: 0; } /* ====================================================================================================== */ #search_autocomplete { display: none !important; } /* Gift Finder 2015 Revamp */ .gift-finder-2015 .giftfinder_wrapper { width: 100%; box-sizing: border-box; height: auto; padding: 12px; } .gift-finder-2015 .giftfinder { background-image: none; } .gift-finder-2015 .butterfly { display: none !important; } .gift-finder-2015 .giftfinder .selects { float: left; } .gift-finder-2015 .giftfinder .select { background: white none repeat scroll 0 0; border-radius: 0; float: left !important; height: 35px; margin-right: 10px; width: 125px; } .gift-finder-2015 .giftfinder .butt > .title { color: #717171; cursor: pointer; display: block; font: 11px/35px Verdana; text-transform: uppercase; text-align: left; padding-left: 10px; } .gift-finder-2015 .giftfinder .butt::before { background: transparent url("../images/chevrons/down-chevron-grey.png") no-repeat scroll 50% 50%; right: 8px; top: 9px; } .gift-finder-2015 .results { display: none; } .gift-finder-2015 #gift_finder_begin { width: 125px; height: 35px; padding: 0px; border: 1px solid #b9a775; box-sizing: border-box; /* background-color: transparent; color: #b9a775 !important;*/ } /*.gift-finder-2015 #gift_finder_begin:hover { background-color: #b9a775; color: white !important; }*/ .gift-finder-2015 #gift_finder_begin .text { font-size: 0px; } .gift-finder-2015 #gift_finder_begin .text:before { content: "Search Now"; font: 11.5px "Verdana"; line-height: 35px; } .gift-finder-2015 .giftfinder .butt { border-radius: 0px; height: 35px; } .gift-finder-2015 .giftfinder .butt.big { width: 260px; } .gift-finder-2015 .giftfinder .butt > .apply { top: -27px; border-radius: 0px; display: none !important; } .gift-finder-2015 .giftfinder .butt.active, .gift-finder-2015 .giftfinder .butt.big { background-color: #b1b1b1; width: 125px; } .gift-finder-2015 .giftfinder .butt.big.rotated { width: 260px; } .gift-finder-2015 .giftfinder .butt.big.rotated .apply { /* Hidden while "bLiveUpdating" mode is true for the gift finder */ /*display: block !important;*/ } .gift-finder-2015 .giftfinder .butt.big.rotated::before { background-image: url("../images/chevrons/down-chevron-white.png"); } .gift-finder-2015 .giftfinder .butt.active > .title { color: white; } .gift-finder-2015 .giftfinder .butt.big > .title { color: white; } .gift-finder-2015 .giftfinder .menu { top: 35px; width: 232px; text-align: left; } .account-quick-menu { background-color: white; border: 1px solid var(--inky-blue); display: none; margin-bottom: 0; padding: 15px; position: absolute; right: -5px; text-align: left; top: 24px; z-index: 300; } .account-quick-menu.active { display: block; } .account-quick-menu li a { background: url("../images/icons/blue/chevron-right-thin.png") no-repeat scroll 100% 50% / 14px; display: block; font-size: 16px; font-weight: normal; margin-bottom: 0; padding-right: 26px; text-transform: none; } .account-quick-menu li { margin-bottom: 14px; min-width: 141px; } .account-quick-menu li:last-child { margin-bottom: 0px; } #account-quick-menu-link { z-index: 400; cursor: pointer; position: relative; } #account-quick-menu-link.active { /*color: #202020;*/ } .header-container.pronav-fixed .account-quick-menu { display: none; } /* ====================================================================================================== */ /* New modular CMS styles */ /* ====================================================================================================== */ .ac-cms-page .mag-block a:hover { text-decoration:none; } .ac-cms-page .left-content .acbutton { padding-right:0; width:200px; } .ac-cms-page .featured_slider { overflow: hidden; float: left; margin: 0 auto; text-align: center; } .ac-cms-page .featured_slider img { display: block; } .ac-cms-page .featured_slider label { display: none; background-color: rgba(111, 111, 111, 0.6); bottom: 10px; box-sizing: border-box; color: white; font: 14px/40px "Scala Sans Regular"; height: 40px; left: 10px; position: absolute; text-transform: uppercase; width: 290px; } .ac-cms-page .featured_slider a.active label, .ac-cms-page .featured_slider a:hover label { display: block; cursor: pointer; } .ac-cms-page .featured_this_week { clear: both; left: -51px; margin-bottom: 60px; position: relative; width: 1072px; } .ac-cms-page .featured_this_week { clear: both; margin: 0 auto; margin-bottom: 50px; position: relative; /*overflow: hidden; background: white; border-top: 4px solid #e7e7e7; border-bottom: 4px solid #e7e7e7;*/ width: 1072px; left: -51px; } .ac-cms-page .featured_this_week .arrow_left { /*margin-right: -15px;*/ } .ac-cms-page .featured_this_week .arrow_right { /*margin-left: 15px;*/ } .ac-cms-page .featured_this_week .textblock { text-align: center; width: 180px; right: 25px; top: 40px; } .ac-cms-page .featured_this_week img { float: left; } .ac-cms-page .featured_this_week .bx-wrapper, .ac-cms-page .featured_this_week .bx-window { width: 970px !important; overflow: hidden !important; float: left; height: 258px; } .ac-cms-page .featured_this_week .slide_left { position: relative; left: -20px; } .ac-cms-page .featured_this_week .slide_right { position: relative; left: 20px; } .ac-cms-page .page_section { text-align: center; margin: 0 auto; margin-bottom: 55px; } .ac-cms-page .page_section h2 { font: 24px "Scala Sans Regular"; color: #202020; text-transform: uppercase; margin-bottom: 5px; line-height: auto; letter-spacing: 0.04em; } .ac-cms-page .page_section .subtitle { font: 14px "Trivia Serif Book"; color: #202020; margin-bottom: 25px; line-height: 25px; letter-spacing: 0.04em; } .ac-cms-page .page_section h5 { font: 15px "Scala Sans Regular"; color: #717171; margin-bottom: 10px; text-transform: uppercase; font-weight: 900; letter-spacing: 0.05em; line-height: 23px; } .ac-cms-page .page_section h4 { font: 23px "Trivia Serif Book"; color: #333333; line-height: 53px; letter-spacing: 0.02em; } .ac-cms-page .page_section .left-content { background-color: white; float: left; height: 240px; width: 330px; box-sizing: border-box; padding-top: 55px; } .ac-cms-page .page_section .date { color: #999999; font: 10px "Trivia Serif Book"; display: block; margin-bottom: 33px; line-height: 0; letter-spacing: 0.04em; } .ac-cms-page .four-block { margin-bottom: 30px; overflow: hidden; } .ac-cms-page .four-block li { float: left; margin-right: 10px; } .ac-cms-page .four-block li:last-child { margin-right: 0px !important; } .ac-cms-page p.w940 { width: 940px; text-align: center; margin: 0 auto; font: 16px "Trivia Serif Book"; color: #202020; margin-bottom: 50px; } .ac-cms-page p.w940 a { color: #b9a879; } .ac-cms-page .ac-block-1500 { max-width: 1500px; width: 100%; margin: 0 auto; position: relative; } .ac-cms-page .ac-block-1500.single { height: 800px; overflow: hidden; margin-bottom: 20px; } .ac-cms-page .ac-block-1500 .half-1500 { display: inline-block; height: 500px; margin-bottom: 30px; max-width: 742px; position: relative; width: calc(50% - 8px); overflow: hidden; } .ac-cms-page .ac-block-1500 .half-1500.left { margin-right: 8px; } .ac-cms-page .ac-block-1500 .bg { bottom: -9999px; left: -9999px; margin: auto; position: absolute; right: -9999px; top: -9999px; } .ac-block-1500 .content { position: relative; z-index: 2; left: 75px; color: white; top: 65px; } .ac-block-1500 h2 { font: 90px "Aire Bold Pro"; color: inherit; text-transform: uppercase; max-width: 480px; line-height: 75px; } .ac-block-1500 p { font: 18px "Scala Sans Light"; color: inherit; text-transform: uppercase; max-width: 480px; margin-bottom: 15px; line-height: 25px; } .ac-cms-page .ac-block-1500 .half-1500 h3 { font: 28px "Scala Sans Light"; color: inherit; text-transform: uppercase; margin-bottom: 7px; } .ac-cms-page .ac-block-1500 .half-1500 p { font-size: 15px; line-height: 20px; } /* ====================================================================================================== */ #xmas-2015-gifts .stars { background: url("//www.astleyclarke.com/media/christmas-2015/stars.jpg") no-repeat 50% 0; padding: 30px 0; margin-bottom: 40px; } #xmas-2015-gifts .stars h2, #xmas-2015-gifts .stars .subtitle { color: white; } #xmas-2015-gifts .content.kula-info { top: 250px; left: 15px; max-width: 430px; color: black; } #xmas-2015-gifts .content.pin-info { top: 30px; left: 35px; max-width: 350px; } .ac-quote::before { content: open-quote; display: block; font-size: 46px; line-height: 10px; text-align: center; } .ac-quote::after { content: close-quote; display: block; font-size: 46px; line-height: 10px; margin-top: 23px; text-align: center; } .ac-quote { quotes: "“" "”" "‘" "’"; } /* IE9+ override */ @media screen and (min-width:0) and (min-resolution: +72dpi) { .top-10-2015 .tbl { display: inline-block !important; float: none !important; } .top-10-2015 .tbl-cell { padding-top: 82px; } } /* Hovers */ .product-hover area { display: block; background: red; } .product-hover-box { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; color: #717272; display: none; font: 14px/15px "Scala Sans Regular"; height: 110px; position: fixed; text-align: center; text-transform: uppercase; width: 150px; z-index: 999; } .product-hover-box a:hover { text-decoration: none; } .product-hover-box .title { border-bottom: 1px solid #717272; display: table; height: calc(50% - 3px); left: 5px; margin: 8px 0 4px 0; position: relative; width: calc(100% - 10px); } .product-hover-box .title a { display: table-cell; vertical-align: middle; } .product-hover-box .view { display: table; height: calc(50% - 10px); left: 5px; position: relative; width: calc(100% - 10px); } .product-hover-box .view a { display: table-cell; vertical-align: middle; text-decoration: underline; } .product-hover-box.up:after { width: 100%; height: 10px; display: block; background: url("../images/arrows/white-arrow-up.png") no-repeat 50% 0; content: " "; top: -10px; position: absolute; } .product-hover-box.right:after { height: 100%; width: 10px; display: block; background: url("../images/arrows/white-arrow-right.png") no-repeat 0 50%; content: " "; top: 0; right: -10px; position: absolute; } .product-hover-box.down:after { width: 100%; height: 10px; display: block; background: url("../images/arrows/white-arrow-down.png") no-repeat 50% 0; content: " "; bottom: -10px; position: absolute; } .product-hover-box.left:after { height: 100%; width: 10px; display: block; background: url("../images/arrows/white-arrow-left.png") no-repeat 0 50%; content: " "; top: 0; left: -10px; position: absolute; } /* Engraving */ #engraving-popup { height: 600px; margin-left: auto; margin-top: auto; text-align: center; transform: translateY(-50%) translateX(-50%); width: 350px; } #engraving-popup h2 { border-bottom: 1px solid var(--light-blue-50); margin: 10px auto; padding-bottom: 10px; } #engraving-popup p { font-size: 15px; margin-bottom: 0; } #engraving-popup img { margin: 10px auto; max-width: 200px; } #engraving-popup .acbutton { margin-bottom: 10px; } #engraving-popup .cta { margin-left: auto; margin-right: auto; } #engraving-popup p.terms { font-size: 13px; margin-bottom: 0px; } #engraving-popup .view-my-bag-link { margin: 0; } /* Single Stud Popup */ #single-stud-popup { background: white url("//www.astleyclarke.com/media/cms/popups/single-stud-popup-bg.jpg") no-repeat 50% 0; text-align: center; } #single-stud-popup p { max-width: 80%; margin: 0 auto 20px; } .spend-offer-banner { background-color: var(--light-blue); color: white; font-family: var(--johnston); font-size: 15px; font-weight: 300; margin-bottom: 35px; padding: 10px; text-align: center; text-transform: uppercase; } .spend-offer-banner [data-voucher-code] { cursor: pointer; font-weight: bold; letter-spacing: 0.5px; } /* Newer Personalmerchant Suggest layout */ .socialy-instagram-slider-widget { clear: both; } .suggestions-block-title { font-weight:bold;color:#000; text-transform: none; font-family: Verdana; position: relative; width: 250px; top: -23px; } .pmerchant-suggest { display: none; clear: both; border-bottom: 1px solid #ddd; } .five-product-block, { width: 970px; float: left; border-bottom: 1px solid #dddddd; margin-bottom: 0; padding: 5px 0; overflow: visible; font-family: Scala Sans Regular, "ff-scala-sans-web-pro-n3", "ff-scala-sans-web-pro", Lucida Grande, sans-serif; font-weight: 100; font-size: 11px } .five-product-block .block-title { width: 230px; float: left; border: 0; padding: 0; margin: 0; margin-right: 10px; height: 80px; background: none } .five-product-block .block-title h5 { margin-top: 40px; font-weight: 100; font-size: 13px; text-transform: uppercase; color: #3b3b3b; letter-spacing: 0.07em } .five-product-block .block-content { width: 970px; float: left; overflow: hidden } .five-product-block .block-content .products-grid { width: 970px; } .five-product-block .block-content li a img { width: 193px !important; height: 193px !important; margin: 0; border: 0 } .five-product-block .block-content li { width: 210px !important; height: 235px !important; float: left; border: 0; padding: 0; margin-right: -16px; } .five-product-block .block-content .products-grid li.item { background: 0 } .five-product-block .product-name { font-family: "Verdana"; margin-top: 4px; padding: 0 20px; white-space: pre-wrap; } .five-product-block .regular-price { font-family: "Verdana"; color: #222; font-weight: normal; letter-spacing: normal; text-transform: none; } .zero-total-checkout { margin-bottom: 15px; margin-left: 15px; } /* Hide Gift Finder Price Temporarily (Global-E Issue) */ .gift-finder-2015 #select_price { display: none; } .gift-finder-2015 .giftfinder .select, .gift-finder-2015 .giftfinder .butt { width: 154px; } .gift-finder-2015 .butt::before { left: 125px; } .gift-finder-2015 .select.right .butt.rotated { left: 29px; position: relative; } .giftfinder_wrapper #select_metal { float: right !important; margin-right: 0; } .giftfinder_wrapper #select_colour_group { float: left !important; margin-right: 15px; } .gift-finder-2015 #select_metal, .gift-finder-2015 #select_colour_group { float: left !important; margin-right: 10px; } .giftfinder #select_price { display: none; } /* Porting mobile's .block-menu styles to desktop */ .block-menu > li > a { background-color: #f5f5f5; color: #717171; font-family: "Scala Sans Regular"; font-size: 15px; font-weight: 100; letter-spacing: 0.04em; margin-top: 10px; padding: 8px 0 5px 8px; text-transform: uppercase; display: block; margin-bottom: 15px; } .block-menu > li > a:hover { cursor: pointer; text-decoration: none; } .block-menu > li > .subpane { display: block; } .block-menu .close-button { display: none; } .block-menu p { color: #212121; font-family: Verdana; font-size: 11px; line-height: 160%; margin-bottom: 15px; width: 100%; } /* ============================================================================ /* Responsive Footer /* ============================================================================ */ @media all and (max-width: 990px) { #site-footer { padding-left: 10px; padding-right: 10px; } #site-footer .social { width: 290px; } } @media all and (max-width: 950px) { #site-footer-top > div { border-bottom: 1px solid white; clear: both; display: block !important; float: none !important; margin: 0 auto !important; text-align: center !important; width: 100% !important; padding-bottom: 40px; margin-bottom: 40px !important; } #site-footer-top > div:last-child { border-bottom: none !important; padding-bottom: 0px !important; margin-bottom: 0px !important; } #site-footer h2 { text-align: center; } #site-footer-links .col2, #site-footer-links .col3, #site-footer-links .col4 { display: none; } #site-footer-links .col1 { width: 100%; } #site-footer-links li { width: calc( 50% - 38px ); float: left; text-align: center; } } @media all and (max-width: 480px) { .newsletter-mini-form input { display: block; max-width: 100%; margin-bottom: 10px; } #site-footer .newsletter .acbutton:last-child { margin-right: 0px !important; } #site-footer .newsletter .acbutton { width: calc( 50% - 8px ); } } /* ------------------------------------------------------------------------------------ */ /* Full Width Styles */ /* ------------------------------------------------------------------------------------ */ .page .main, .catalog-category-view .col-left, .catalog-category-view .col-main, .page .main.sidebar-is-fixed .col-left > div.block, .header-container, .reskin .page_wrapper, .reskin #site-footer .page_wrapper { max-width: 100%; } .header-container, .header-container, .page .col-main { box-sizing: border-box; } .header-container.pronav-fixed .stockists-link { left: 15px; } .header-container.pronav-fixed .sign-in-register { left: 50px; } /* Removing unused gift total lines on checkout */ .onestepcheckout-summary tr[data="giftcardaccount"], .onestepcheckout-totals tr[data="giftwrapping"] { display: none; } /* Adding "bullets" style for the blog */ ul.bullets { list-style: disc inside; } ul.bullets li { display: list-item; list-style: disc inside; } body.cms-page-view .page-body ul { margin-bottom: 15px; } body.cms-page-view .page-body li { margin-bottom: 10px; } #emerald-blog-post img { max-width: 100%; } #emerald-blog-post .halfwidth { height: 300px; } #emerald-blog-post .mb-fix { margin-bottom: -70px; } #emerald-blog-post .valign-fix { padding-top: 110px; } #emerald-blog-post .valign-fix p { position: static; transform: none; } /* ------------------------------------------------------------------------------------ */ /* Resets */ /* ------------------------------------------------------------------------------------ */ input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; } body > img { display: none; } /* Blocks v. helpful layout-breaking img from Socialy.io */ iframe[name="google_conversion_frame"] { display: none !important; } /* ------------------------------------------------------------------------------------ */ /* Universal Button Styles */ /* ------------------------------------------------------------------------------------ */ .acbutton { -moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: "Scala Sans Regular"; text-align: center; font-size: 14px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; height: 24px; line-height: 25px; text-transform: uppercase; background-repeat: no-repeat; background-position: 130px 50%; width: 140px; padding-right: 10px; background-image: url("../images/chevrons/right-chevron.png"); border: 0; } .acbutton.back { background-image: url("../images/chevrons/left-chevron.png"); background-position: 10px 50%; padding-left: 10px; padding-right: 0px; } .acbutton.disabled { padding-right: 0px; cursor: default; } .acbutton.wide { width: 180px; background-position: 170px 50%; } .acbutton.wider { width: 210px; background-position: 190px 50%; } .acbutton.even-wider { width: 220px; background-position: 200px 50%; } .acbutton.widest { width: 580px; background-position: 560px 50%; } .acbutton.thin { width: 110px; background-position: 100px 50%; } .acbutton.even-thinner { width: 80px; background-position: 70px 50%; } .acbutton.thinnest { width: 60px; background-position: 50px 50%; } .acbutton.chunky { height: 30px; line-height: 31px !important; } .acbutton.more-chunky { height: 32px; line-height: 33px !important; } .acbutton.chunkier { height: 40px; line-height: 41px; } .acbutton.even-chunkier { height: 50px; line-height: 51px; } .acbutton.chunkiest { height: 80px; line-height: 81px !important; } .acbutton.short { height: 20px; line-height: 21px !important; } .acbutton.shorter { height: 18px; line-height: 19px; } .acbutton.even-shorter { height: 16px; line-height: 17px; } .acbutton.shortest { height: 14px; line-height: 15px !important; } .acbutton a { color: #fff; } .acbutton:hover, .acbutton a:hover { text-decoration: none !important; } .acbutton.teal { background-color: #017A9F; color: white !important; } .acbutton.whitebg { background-color: white; } .acbutton.greybg { background: #777777; border: 1px solid #777777; color: #ffffff !important; } .acbutton.whiteborder { border: 1px solid white; } .acbutton.blackborder { border: 1px solid #202020; color: black; } .acbutton.darkgreyborder { border: 1px solid #717171; color: #717171; } .acbutton.gold { background-color: #b9a775; color: white !important; } .acbutton.gold.transparent { background: none !important; border: 1px solid #b9a775; color: #b9a775 !important; } .acbutton.gold.whitebg { background: white; border: 1px solid #b9a775; color: #b9a775 !important; } .acbutton.gold.transparent:hover { background-color: #b9a775 !important; color: white !important; border: 1px solid white; } .acbutton.white.transparent { background: none; border: 1px solid white; color: white; } .acbutton.grey { background-color: #C2CACD; background-image: url("../images/chevrons/right-chevron-light-blue.png"); } .acbutton.grey.back { background-image: url("../images/chevrons/left-chevron-light-blue.png"); background-position: 10px 50%; } .acbutton.white { background-color: #fff; border: 1px solid #017A9F; color: #017A9F; background-image: url("../images/chevrons/right-chevron-teal.png"); } .acbutton.white a { color: #017a9f; } .acbutton.lightpurple { background-color: white; background-image: url("../images/chevrons/right-chevron-lightpurple.png"); border: 0; color: #8c6a7f; } .acbutton.gold { background-color: #0c79b1; color: white !important; } .acbutton.thinner { width: 120px; background-position: 110px 50%; } .acbutton.noarrow { background-image: none; padding-right: 0px; } .acbutton.autowidth { width: auto; padding-left: 14px !important; padding-right: 14px !important; } .acbutton.gold.loading, .acbutton.gold.transparent.loading { background-color: #b9a775 !important; background-image: url("../images/icons/ajax-loader-gold.gif") !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; font-size: 0px !important; } .acbutton.icon-gift { background-image: url("../../astleyclarke/images/icons/gift-icon.png") !important; background-repeat: no-repeat !important; background-position: 10px 50%; padding-left: 25px; padding-right: 0px; } .acbutton.cms { width: 280px; height: 40px; box-sizing: border-box; color: #b9a775; border: 1px solid #b9a775; line-height: 40px; padding-right: 0; letter-spacing: 0.08em; background-image: none; } .acbutton.cms:hover { background: #b9a775; color: white; } /* Chrome and Safari only */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { .acbutton { line-height: 26px !important; } .acbutton.chunky { line-height: 33px !important; } .acbutton.cms { line-height: 40px !important; } } */ @media all and (max-width: 970px) { .acbutton.cms { height: 44px; line-height: 44px !important; } } /* ==================================================================================== */ /* ------------------------------------------------------------------------------------ */ /* Drop a Hint Form */ /* ------------------------------------------------------------------------------------ */ body.ios-bug { left: 0; margin-left: auto; margin-right: auto; position: fixed; right: 0; top: 0; width: 100%; } .drop-a-hint-popup { width: auto; margin-left: -467.5px; } .drop-a-hint-popup .acpopupcontent { background-color: white; } .drop-a-hint-popup .drop-a-hint-form { background-color: var(--light-blue-15); box-sizing: border-box; padding: 20px 0 10px; width: 405px; } .drop-a-hint-popup h3 { margin-bottom: 10px; text-align: center; } .drop-a-hint-popup .preview { width: 590px; height: 450px; float: right; text-align: center; } .drop-a-hint-popup fieldset { margin-bottom: 15px; } .drop-a-hint-popup fieldset:first-of-type { margin-bottom: 20px; } .drop-a-hint-popup .anything-else-section { margin-bottom: 5px; } .drop-a-hint-popup .optin { margin-left: auto; margin-right: auto; } .drop-a-hint-popup .drop-a-hint-form input[type="text"], .drop-a-hint-popup .drop-a-hint-form input[type="email"], .drop-a-hint-popup .drop-a-hint-form textarea { border-radius: 0; border: 1px solid var(--inky-blue); box-shadow: none; box-sizing: border-box; display: block; font-size: 16px; margin: 0 auto 7px; max-width: 340px; padding: 7px; width: 100%; } .drop-a-hint-popup .drop-a-hint-form input.error { border: 1px solid red; } .drop-a-hint-popup .drop-a-hint-form textarea { height: 75px; resize: none; } .drop-a-hint-popup .drop-a-hint-form .acbutton { margin: 0 auto; margin-bottom: 10px; display: block; } .drop-a-hint-popup .preview h2 { background: transparent url("../images/icons/blue/drop-a-hint.png") no-repeat center 40% / 60px auto; font-size: 25px; margin-bottom: 35px; padding-top: 150px; } .drop-a-hint-popup .preview h2::after { background-color: var(--inky-blue); content: ""; display: block; height: 3px; left: 0; margin-left: auto; margin-right: auto; max-width: 30px; position: absolute; right: 0; top: 185px; } .drop-a-hint-popup .preview p { margin-bottom: 20px; padding: 0 60px; } #preview_recipient_name, #preview_sender_name { border-bottom: 1px dashed var(--inky-blue); display: inline-block; width: 150px; } .drop-a-hint-thank-you { display: none; } .drop-a-hint-error { color: red; display: none; } .drop-a-hint-popup .drop-a-hint-form .drop-a-hint-preview, .drop-a-hint-popup .preview .drop-a-hint-edit, .drop-a-hint-popup .preview .drop-a-hint-send { display: none; } /* Hide zendesk live chat tab in popup */ #fancybox-frame .zopim, #fancybox-wrap .zopim { display: none !important; } .drop-a-hint-popup .reskin #preview_product_name { font-weight: bold; } .drop-a-hint-popup .reskin .drop-a-hint-popup p { font-weight: lighter; } .drop-a-hint-popup .preview { position: relative; width: 510px; } @media all and (min-width: 971px) { .drop-a-hint-popup.wishlist-shared { margin-left: calc(-530px / 2); } } @media all and (max-width: 970px) { .drop-a-hint-popup { width: 300px; height: auto; /* height: 470px; */ overflow: hidden; margin-left: -150px; /*margin-top: -225px;*/ left: 50%; } .drop-a-hint-popup .acpopupcontent { width: 280px; height: auto; /* height: 470px; */ display: block; position: relative; margin: 0 auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .drop-a-hint-popup .acpopupcontent.previewing { top: -465px; } .drop-a-hint-popup .drop-a-hint-form { width: 100%; background: white; display: block; padding-top: 15px; } .drop-a-hint-popup .drop-a-hint-form .drop-a-hint-send { /* display: none; */ /* Why was this rule added? */ } .drop-a-hint-popup .drop-a-hint-form .drop-a-hint-preview { display: inline-block; } .drop-a-hint-preview-text { display: none; } .drop-a-hint-popup .preview { width: 280px; /*padding-top: 10px;*/ } .drop-a-hint-popup .preview p { padding: 0 30px; } #preview_recipient_name { width: 110px; } .drop-a-hint-popup .preview .drop-a-hint-edit, .drop-a-hint-popup .preview .drop-a-hint-send { display: inline-block; } .drop-a-hint-popup .preview .drop-a-hint-send { margin-bottom: 5px; } .drop-a-hint-thank-you { padding-top: 80px; } } /* ==================================================================================== */ /* ------------------------------------------------------------------------------------ */ /* Product List Stickers */ /* ------------------------------------------------------------------------------------ */ .products-grid .item:hover .initial.sticker { display: none; } .products-grid .item:hover .hover.sticker { /* background-image is generated in catalog/product/list.phtml */ display: block; } .products-grid .sticker { position: absolute; height: 55px; right: -12px; top: -5px; width: 55px; z-index: 1; } .products-grid .sticker.as-seen-on { background: url("//www.astleyclarke.com/media/stickers/as-seen-on.png") no-repeat; } .products-grid .sticker.as-seen-in { background: url("//www.astleyclarke.com/media/stickers/as-seen-in.png") no-repeat; } .products-grid .sticker.back-in-stock { background: url("//www.astleyclarke.com/media/stickers/back-in-stock.png") no-repeat; } .products-grid .sticker.online-exclusive { background: url("//www.astleyclarke.com/media/stickers/online-exclusive.png") no-repeat; } .products-grid .sticker.new-in { background: url("//www.astleyclarke.com/media/stickers/new-in-sticker.png") no-repeat; } .products-grid .sticker.pre-order { background: url("//www.astleyclarke.com/media/stickers/pre-order.png") no-repeat; } .product-left .sticker { display: none; position: absolute; top: 8px; right: 5px; width: 55px; height: 55px; } .product-left .sticker.as-seen-on { background: url("//www.astleyclarke.com/media/stickers/as-seen-on.png") no-repeat; } .product-left .sticker.as-seen-in { background: url("//www.astleyclarke.com/media/images/stickers/as-seen-in.png") no-repeat; } .product-left .sticker.online-exclusive { background: url("//www.astleyclarke.com/media/images/stickers/online-exclusive.png") no-repeat; } .product-left .sticker.new-in { background: url("//www.astleyclarke.com/media/images/stickers/new-in-sticker.png") no-repeat; } /* Hide "New To Sale" for Boxing Day 2019 */ /* .products-grid .sticker.new-to-sale { display: none; } */ /* ==================================================================================== */ .product-premium-giftwrap .product-right .drop-a-hint, .product-home-giftwrap .product-right .drop-a-hint { display: none; } /* ------------------------------------------------------------------------------------ */ /* Single Stud Popup */ /* ------------------------------------------------------------------------------------ */ #single-stud-popup { background: white url("//www.astleyclarke.com/media/cms/popups/single-stud-popup-bg.jpg") no-repeat 50% 0; background-position: 50% 0 !important; background-size: auto !important; text-align: center; } #single-stud-popup p { max-width: 80%; margin: 0 auto 15px; } @media all and (max-width: 810px) { #single-stud-popup { background-size: 100% auto !important; margin: 0 auto; transform: translate(-50%, -50%); width: 95%; } #single-stud-popup .single-stud-header { margin: 30% auto 10px !important; } } /* ------------------------------------------------------------------------------------ */ /* Pins Popups */ /* ------------------------------------------------------------------------------------ */ #pins-popup { background: white url("//www.astleyclarke.com/media/cms/popups/pins-popup/regular.jpg") no-repeat; background-position: 50% 0 !important; background-size: auto !important; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } #pins-popup.acpopup { margin-top: auto !important; } #pins-popup.pins-popup-alphabet { background: white url("//www.astleyclarke.com/media/cms/popups/pins-popup/alphabet.jpg") no-repeat 50% 0; } #pins-popup h2 { font: 37px "Scala Sans Regular"; text-transform: uppercase; margin-bottom: 20px; color: #202020; margin-top: 215px; } #pins-popup p { max-width: 95%; margin: 0 auto 12px; } #pins-popup table { text-align: left; margin: 15px auto; } #pins-popup th { font-weight: bold; padding-right: 30px; } @media all and (max-width: 800px) { #pins-popup { background-position: 50% 0px !important; background-size: auto 114px !important; } #pins-popup.pins-popup-alphabet { background-image: url("//www.astleyclarke.com/media/cms/popups/pins-popup/alphabet-mobile.jpg"); } #pins-popup h2 { margin-top: 120px !important; font-size: 25px !important; margin-bottom: 10px !important; } #pins-popup .acbutton { height: 50px; line-height: 51px !important; margin-bottom: 12px; } } /* ------------------------------------------------------------------------------------ */ /* AC Tabs (expandable tabs on CMS/product pages) */ /* ------------------------------------------------------------------------------------ */ .actabs, .product-right .tabs { width: 100%; clear: both; } .actabs .tab.active .tab-content, .product-right .tabs .tab.active .tab-content { display: block; } .actabs .tab h2, .product-right .tabs .tab h2 { cursor: pointer; display: block; font-family: var(--bembo); font-size: 18px; font-weight: bold; margin: 10px auto !important; text-transform: none; } .actabs .tab-content, .product-right .tab-content { display: none; padding-top: 10px; padding-bottom: 10px; overflow: hidden; } /* AC Panes - horizontal tabbed panes */ .acpanes { border: 1px solid black; } .acpanes > div { padding: 20px 30px; } @media all and (max-width: 768px) { .acpanes > div { padding: 10px; } } .acpanes > ul { border-bottom: 1px solid black; width: 100% !important; table-layout: fixed; margin-bottom: 0 !important; } .acpanes > ul > li.ui-state-active { background-color: black; color: white; } .acpanes > ul > li.ui-state-active a { color: white; } .acpanes > ul { border-bottom: 1px solid black; display: table; } .acpanes > ul > li { display: table-cell !important; background-color: white; color: black; text-transform: uppercase; text-align: center; padding-top: 10px; padding-bottom: 10px; } .acpanes > ul > li:not(.ui-state-active):not(:last-of-type) { border-right: 1px solid black; } .acpanes > ul > li a { color: black; width: 100%; display: inline-block; margin: 0; } /* ------------------------------------------------------------------------------------ */ /* Reskin 2016 */ /* ------------------------------------------------------------------------------------ */ /* Overriding inherent fixed widths */ .col1-layout, .col1-layout .col-main, .main, .page { width: 100% !important; clear: both; } /* Hide images above footer */ .footer-before-container { display: none; } .footer-outside-wrapper { padding-bottom: 10px; } /* Global re-skin CSS */ .reskin h1.cms-page { font-size: 40px; font-weight: normal; line-height: 1.3; margin-bottom: 10px; text-transform: uppercase; } .reskin h3.fancy::before { background: #9b9b9b; content: ""; display: block; height: 1px; left: 0; position: relative; top: -10px; width: 100%; } .reskin input { border-radius: 0; box-sizing: border-box; } .reskin input[type="email"], .reskin input[type="text"], .reskin input[type="submit"] { -moz-appearance: none; -moz-box-sizing: border-box; -ms-appearance: none; -webkit-appearance: none; -webkit-box-sizing: border-box; border-radius: 0; box-sizing: border-box; } /* .reskin select { -moz-appearance: none; -moz-box-sizing: border-box; -ms-appearance: none; -webkit-appearance: none; -webkit-box-sizing: border-box; background: white url("../images/reskin/select-arrow-down.png") no-repeat scroll calc(100% - 10px) center / 15px 15px; border: 1px solid black; border-radius: 0; box-sizing: border-box; height: 44px; width: 280px; } .reskin select, .reskin select option { padding-left: 10px; } .reskin select:focus { background-image: url("../images/reskin/select-arrow-up.png"); outline: 0; } */ .reskin h1 span, .reskin h2 span, .reskin h3 span, .reskin h4 span, .reskin h5 span, .reskin h6 span { color: inherit; font-family: inherit; font-size: inherit; margin: inherit; } .reskin table { border-collapse: collapse; border-spacing: 0; } .reskin td, .reskin th, .reskin .tab-content td, .reskin .tab-content th { padding: 4px; vertical-align: middle; } .reskin th { font-weight: bold; text-align: center; } .reskin ol { list-style-position: inside; list-style-type: decimal; padding-left: 10px; } ol li, ul.bullets li { display: list-item; } ul.bullets { list-style-position: inside; list-style-type: disc; padding-left: 10px; } ul.bullets li { list-style-type: disc; } ul.bullets li:not(:last-child) { margin-bottom: 10px; } ul.bullets li > ol { margin-top: 10px; padding-left: 0; } ul.bullets li > ol > li { list-style-type: decimal; padding-left: 40px; } .reskin .orangetext { color: #e89345; } .reskin .pinktext { color: #0c79b1; } /** * ===================================================== * Top Promo Bar * ===================================================== */ .promo-bar-wrapper { background-color: var(--light-blue); box-sizing: border-box; font-family: var(--johnston); margin-bottom: 15px; padding: 11px 0; text-align: center; } .promo-bar-wrapper a { display: inline-block; font-size: 14px; font-weight: normal; position: relative; text-transform: uppercase; } .promo-bar-wrapper a.icon { padding-left: 35px; } .promo-bar-wrapper a:not([href]):hover { text-decoration: none !important; } .promo-bar-wrapper .icon { background-position: left center; background-repeat: no-repeat; background-size: 25px; } .promo-bar-wrapper li:not(:first-child) { border-left: 2px solid; } /* Black icons */ .promo-bar-wrapper .icon-bag { background-image: url("../images/reskin/shopping-bag.png"); } .promo-bar-wrapper .icon-book { background-image: url("../images/reskin/gift-guide.png"); } .promo-bar-wrapper .icon-delivery { background-image: url("../images/reskin/delivery.png"); } .promo-bar-wrapper .icon-returns { background-image: url("../images/reskin/returns.png"); } .promo-bar-wrapper .icon-gift { background-image: url("../images/reskin/gift-icon.png"); background-position: left -4px; } /* White icons */ .promo-bar-wrapper .icon-white.icon-bag { background-image: url("../images/reskin/shopping-bag-white.png"); } .promo-bar-wrapper .icon-white.icon-book { background-image: url("../images/reskin/gift-guide-white.png"); } .promo-bar-wrapper .icon-white.icon-delivery { background-image: url("../images/reskin/delivery-white.png"); } .promo-bar-wrapper .icon-white.icon-gift { background-image: url("../images/reskin/gift-icon-white.png"); } .promo-bar-wrapper .icon-white.icon-returns { background-image: url("../images/reskin/returns-white.png"); } /* Red */ .promo-bar-wrapper .icon-red.icon-gift { background-image: url("../images/reskin/gift-icon-red.png"); } @media all and (min-width: 1024px) { .promo-bar-wrapper li:not(:first-child) { border-left: 2px solid; margin-left: 70px; padding-left: 70px; } .promo-bar-wrapper li:last-child { margin-right: 70px; } } @media all and (min-width: 768px) and (max-width: 1023px) { .promo-bar-wrapper li:not(:first-child) { border-left: 2px solid; margin-left: 40px; padding-left: 40px; } .promo-bar-wrapper li:last-child { margin-right: 40px; } } @media all and (max-width: 1023px) { .promo-bar-wrapper a { font-size: 13px; } } @media all and (max-width: 767px) { .promo-bar-wrapper li { width: 50%; } } /** * ===================================================== * Gift Finder * ===================================================== */ #achome .gift-finder, #achome .giftfinder_wrapper, #achome .giftfinder { background-color: black; } #achome .giftfinder_wrapper { margin: 0; padding: 0; } #achome .gift-finder { height: 100px; margin-bottom: 5px; text-align: center; } #achome .gift-finder * { color: white; float: none !important; font: lighter 14px/23px "neuzeit-grotesk", sans-serif; letter-spacing: 1px; z-index: 99; } #achome .giftfinder .menu { background: black; border-color: white; border-radius: 0; box-shadow: none; } #achome .gift-finder > div { display: inline-block; position: relative; top: calc(50% - 5px); transform: translateY(-50%); vertical-align: middle; } #achome .gift-finder > div:first-of-type { top: 50%; } #achome .gift-finder-2015 .giftfinder .selects { float: none; margin: 0 auto; } #achome .giftfinder > div { display: inline-block; vertical-align: middle; } #achome .giftfinder .select { background: none; display: inline-block; margin: 0 80px 0 5px; } #achome .gift-finder-2015 .giftfinder .select, #achome .gift-finder-2015 .giftfinder .butt { width: auto; } #achome #gift_finder_begin { background: url("../images/reskin/tick-circle-teal.png") no-repeat scroll center / contain; border: none; font-size: 0; height: 34px; width: 34px; } #achome #gift_finder_begin:hover { background-image: url("../images/reskin/tick-circle-hover-teal.png"); } #achome .gift-finder-2015 { margin-left: 20px; } #achome .gift-finder-2015 .giftfinder .butt { margin: 0 auto; width: calc(100% + 20px); } #achome .gift-finder-2015 .giftfinder .butt > .title { padding: 0; } #achome .gift-finder-2015 .giftfinder .butt, #achome .gift-finder-2015 .giftfinder .select { height: auto; } #achome .butt { background: url("../images/reskin/chevron-white-down.png") no-repeat scroll center right / 10px; } #achome .butt::before { /* background: url("../images/reskin/chevron-white-down.png") no-repeat scroll center / 10px; right: unset; top: unset; */ display: none; } #achome .gift-finder span, #achome .gift-finder p { margin: 0 auto; } #achome .gift-finder-2015 .giftfinder .menu { left: -1px; top: 59px; } #achome .giftfinder .menu li { background: url("../images/reskin/gift-unchecked.png") no-repeat left 1px; display: block; } #achome .giftfinder .menu li.selected { background-image: url("../images/reskin/gift-checked.png"); } #achome .giftfinder .menu li:hover { background-color: #323232; } #achome .giftfinder .butt > .apply { background-color: #0c79b1; left: 0; line-height: 20px; padding: 3px; position: absolute; top: 25px; width: 110px; } #achome .gift-finder > div p:first-of-type { font-weight: bold; } #achome .gift-finder .butt.big .title { color: #0c79b1; } #achome .gift-finder .ps-container > .ps-scrollbar-y-rail { display: block; opacity: 0.6; } @media all and (max-width: 1280px) { #achome .giftfinder .select { margin: 0 50px 10px 5px; } } @media all and (max-width: 1023px) { .drop-a-hint-popup .preview h2::after { top: 205px; } #achome .gift-finder { height: auto; } #achome .gift-finder > div { display: block; position: static; top: unset; transform: none; } #achome .gift-finder > div:first-of-type { padding-top: 20px; } #achome .gift-finder-2015 { margin: 0 auto; } #achome .gift-finder-2015 .giftfinder .selects { margin: 20px auto 10px; position: relative; } #achome #gift_finder_begin { margin-bottom: 10px; } #achome .giftfinder .butt > .apply { left: unset; right: 40px; top: 40px; z-index: 100; } #achome .gift-finder-2015 .giftfinder .menu { box-sizing: border-box; left: 0; margin: 0 auto; right: 0; top: 30px; width: 95%; } #achome .giftfinder .select { position: static; } } @media all and (max-width: 800px) { #achome .gift-finder-2015 .giftfinder .menu { border: 1px solid white; overflow-y: scroll; padding-top: 65px; top: 0; } .giftfinder .menu ul { position: relative; top: 10px; } #achome .giftfinder .butt > .apply { background-color: black; border-top: 1px solid white; box-sizing: border-box; left: 20px; padding-top: 55px; top: 0; width: 85%; } #achome .giftfinder .butt > .apply span { background-color: #0c79b1; bottom: 35px; padding: 7px 15px; position: relative; } #achome .giftfinder ::-webkit-scrollbar { -webkit-appearance: none; } #achome .giftfinder ::-webkit-scrollbar:vertical { width: 12px; } #achome .giftfinder ::-webkit-scrollbar:horizontal { height: 12px; } #achome .giftfinder ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .6); border: 2px solid #ffffff; border-radius: 10px; } #achome .giftfinder ::-webkit-scrollbar-track { background-color: #ffffff; } } /* End gift finder styles */ /* Media queries */ @media all and (max-width: 1554px) { #achome .images.top .cta { top: 75%; transform: translate(-50%, -75%); } #achome .images.middle .cta { top: 90%; transform: translate(-10%, -90%); } } @media all and (max-width: 1280px) { #achome .images h2 { font-size: 35px; left: 50%; text-align: center !important; top: 70%; transform: translate(-50%, -70%); width: 95% !important; } #achome .images .cta { display: block !important; left: 50% !important; opacity: 1; top: 90% !important; transform: translate(-50%, -90%) !important; } #achome .images.top .cta { top: 80% !important; transform: translate(-50%, -80%) !important; } } @media all and (max-width: 989px) { #achome .images h2 { font-size: 30px; top: 60%; } #achome .images .cta { width: 240px; } } @media all and (max-width: 767px) { #achome .chrome-bug { position: static; } #achome .images { display: block; margin: 0 auto; } #achome .images > div { margin: 0 auto 5px !important; width: 100% !important; } #achome .images h1 { left: 50%; top: 70%; transform: translate(-50%, -70%); } #achome .images h2 { font-size: 40px; top: 70%; } #achome .images.middle > div:first-of-type h2 { left: 50%; top: 30%; transform: translate(-50%, -30%); } } @media all and (max-width: 500px) { #achome .images h1, #achome .images h2 { font-size: 40px; } } @media all and (max-width: 430px) { #achome .images h1, #achome .images h2 { font-size: 30px; } #achome .images.top .cta { top: 85%; transform: translate(-50%, -85%); } } /* End homepage styles */ #stockists .store-name { text-transform: uppercase; } .reskin button, .reskin input, .reskin select, .reskin textarea { vertical-align: middle; } .featured_slider img { width: 100%; } #basketpage-titleblock h1 { color: black !important; font: lighter 40px "Libre Franklin" !important; } #shopping-cart-table th { color: white !important; background-color: black !important; font: lighter 14px "neuzeit-grotesk" !important; letter-spacing: 1px; } /* Global-e logo */ #header #logo { width: 100%; } #header.header { margin-bottom: 35px; } /* End checkbox/misc. input styling ========================================================================== */ /* ============================================================================== Re-styling "actabs" ============================================================================== */ .reskin .actabs { margin: 30px auto 50px; } .reskin .actabs h2, .reskin .actabs p { padding-right: 55px; } .reskin .actabs .tab:first-child, .reskin .product-right .tabs .tab:first-child { border-top: 1px solid var(--inky-blue); } .reskin .actabs .tab, .reskin .product-right .tabs .tab { background: rgba(0, 0, 0, 0) url("../images/icons/blue/plus.png") no-repeat scroll 98% 15px / 20px; border-bottom: 1px solid var(--inky-blue); padding: 5px 0; } .reskin .actabs .tab.active, .reskin .product-right .tabs .tab.active { background-image: url("../images/icons/blue/minus.png"); } .reskin .actabs .tab-content { padding: 0; } /* End of "actabs" re-styling ========================================================================== */ .rm-active .category-view .category-introblock.wide-introblock, .rm-active .reskin.category-introblock { background-position: left center !important; } .banner h1 { color: var(--inky-blue); font-family: var(--johnston); padding-bottom: 40px; padding-top: 35px; } .google-maps { height: 0; margin: 0; overflow: hidden; padding-bottom: 58%; position: relative; width: 95%; } .google-maps iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* YouTube iFrame styling */ .vid-wrapper { width: 600px; margin: 15px 0 0; } .video-container { height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 35px; position: relative; } .video-container iframe { height: 100%; left: 0; position: absolute; top:0; width: 100%; } @media all and (max-width: 1024px) { .vid-wrapper { width: 100%; margin: 15px auto 0; } } .reskin .opening-hours { margin-bottom: 45px; } .reskin .opening-hours td:first-of-type { padding-left: 0; padding-right: 30px; } .page-body { margin: 0 auto 50px; width: 970px; } .page-body p { margin-bottom: 10px; } /* ========================================================================== "Drop a Hint" styling ========================================================================== */ .drop-a-hint-popup.acpopup { border: none !important; margin-top: -280px !important; } .drop-a-hint-popup.acpopup a.close:first-child, .acpopup.pre-order-popup.reskin a.close:first-child { background: url("../images/icons/blue/close-thin.png") no-repeat scroll center / contain !important; right: 10px !important; top: 10px !important; } @media all and (max-width: 990px) { .drop-a-hint-popup .drop-a-hint-form { height: auto !important; } .drop-a-hint-popup .drop-a-hint-form fieldset { margin-bottom: 10px; } } .drop-a-hint-popup .cta { margin: 0 auto; } #share-wishlist-popup input[type="email"], #share-wishlist-popup input[type="text"], #share-wishlist-popup textarea, #share-wishlist-popup .optin, #drop-a-hint-popup .optin { max-width: 340px; width: 100%; } #drop-a-hint-popup .privacy-note { font-size: 13px; line-height: 1.3; margin-bottom: 0; text-align: center; } #drop-a-hint-popup .privacy-note a { font: inherit; margin-bottom: 0; } .drop-a-hint-form label { font-size: 14px; } .drop-a-hint-form #sender_optin { margin-right: 8px; } #coming-soon #subscribe-form .acbutton.cms.black, #promotion #subscribe-form .acbutton.cms.black, #signup-page #subscribe-form .acbutton.cms.black { background-color: black !important; color: white !important; } #coming-soon #subscribe-form .acbutton.cms.black:hover, #promotion #subscribe-form .acbutton.cms.black:hover, #signup-page #subscribe-form .acbutton.cms.black:hover { font-weight: bold !important; } .drop-a-hint-popup input[type="checkbox"] + label::before, .drop-a-hint-popup input[type="checkbox"]:checked + label::before { display: none; } .main_popup .drop-a-hint-popup .preview { display: none; } .drop-a-hint-popup p.error { color: red !important; font-size: 12px !important; text-align: center; } .drop-a-hint-popup input.error { border-color: red !important; } #preview_product_name, #preview_recipient_name, #preview_sender_name { font-weight: bold; } .drop-a-hint-form .g-recaptcha > div { margin: 0 auto 15px auto; } .drop-a-hint-form label.error { display: none !important; } .drop-a-hint-popup .drop-a-hint-form input.error, .drop-a-hint-popup .drop-a-hint-form textarea.error { border-color: red !important; } @media all and (max-width: 970px) { .drop-a-hint-popup .drop-a-hint-form { width: 100% !important; } #drop-a-hint-preview-text, .drop-a-hint-popup .drop-a-hint-form .drop-a-hint-preview { display: none; } } /* Styling the popup within the Quick View popup */ body.catalog-category-view .fancybox-slide--iframe .fancybox-content { height: 520px; width: 820px; } .main_popup .drop-a-hint-popup { height: calc(100% - 100px) !important; left: 50px; margin-left: 0; margin-top: 0 !important; top: 50px !important; width: calc(100% - 100px); } .main_popup .drop-a-hint-popup .acpopupcontent, .main_popup .drop-a-hint-popup .drop-a-hint-form { width: auto; height: auto; } .main_popup .drop-a-hint-form { text-align: center; } .main_popup .drop-a-hint-popup .drop-a-hint-form fieldset { display: inline-block; margin-left: 10px; margin-right: 10px; } .main_popup .drop-a-hint-popup .drop-a-hint-form .drop-a-hint-send { clear: both; } .main_popup .drop-a-hint-popup .drop-a-hint-form textarea, .main_popup .drop-a-hint-popup .drop-a-hint-form .drop-a-hint-send { width: 580px !important; } .main_popup .drop-a-hint-form label br { display: none; } .main_popup .drop-a-hint-popup .cta { margin: 0 auto 10px; } .main_popup .drop-a-hint-form label { margin-bottom: 0; } .main_popup .drop-a-hint-popup .drop-a-hint-form span { width: auto !important; } .main_popup .drop-a-hint-thank-you { position: absolute; top: 0; left: 0; width: 100% !important; background-color: white; } .main_popup .drop-a-hint-popup .preview h2::after { display: none; } /* End "Drop a Hint" styling ========================================================================== */ /* Pre-order popup */ #pre-order-popup-back-order-date { display: block; } .acpopup.pre-order-popup.reskin { border: none; } .acpopup.pre-order-popup.reskin .rightside { width: 390px; } .acpopup.pre-order-popup.reskin .rightside h2 { font-size: 30px; } .acpopup.pre-order-popup.reskin .rightside h3 { font-size: 20px; } .acpopup.pre-order-popup.reskin { border: medium none !important; height: auto !important; left: 50% !important; margin: auto !important; top: 50% !important; transform: translate(-50%, -50%) !important; } @media all and (max-width: 800px) { .acpopup.pre-order-popup.reskin, .acpopup.pre-order-popup.reskin .rightside { text-align: center; width: 90%; } .acpopup.pre-order-popup.reskin .cta { margin: 0 auto 15px; } .pre-order-popup img { display: none; } } @media all and (max-width: 400px) { .acpopup.pre-order-popup.reskin .cta { width: 100%; } } /* ========================================================================== "Pins pop-up" styling ========================================================================== */ #pins-popup, #pins-popup.pins-popup-alphabet { background-image: none !important; } #pins-popup h1 { font-size: 35px; margin: 240px auto 10px; } #pins-popup p { margin: 0 auto; } #single-stud-popup.acpopup a.close:first-child, #pins-popup.acpopup a.close:first-child { background: url("../images/reskin/close-white.png") no-repeat scroll center / contain !important; top: 10px !important; right: 10px !important; } #engraving-popup.acpopup a.close:first-child { background: url("../images/icons/blue/close-thin.png") no-repeat scroll center / contain !important; top: 10px !important; right: 10px !important; } #pins-popup.acpopup { border: medium none !important; height: auto !important; left: 50% !important; margin: auto !important; top: 50% !important; transform: translate(-50%, -50%) !important; } #pins-popup .acpopupcontent { background: white url("//www.astleyclarke.com/media/cms/popups/pins-popup/icon-1.jpg") no-repeat scroll center top / contain !important; } /* "Initial pins" background image */ #pins-popup.pins-popup-alphabet .acpopupcontent { background: white url("//www.astleyclarke.com/media/cms/popups/pins-popup/initial-pins.jpg") no-repeat scroll center top / contain !important; } #pins-popup .cta { display: inline-block; margin: 0 auto 10px; } @media all and (max-width: 800px) { #pins-popup h1 { margin: 30% auto 10px; } #pins-popup.acpopup { width: 90% !important; } } @media all and (max-width: 450px) { #pins-popup h1 { font-size: 30px; } } /* End "Pins pop-up" styling ========================================================================== */ /* Quick fix for "Engraving popup" */ @media all and (max-width: 767px) { #engraving-popup { height: auto; max-width: 320px; width: 95%; } #engraving-popup img { width: 150px; } #engraving-popup p a, #engraving-popup strong { font-size: inherit; } #engraving-popup .acpopupcontent { padding: 5px; } #engraving-popup .cta { margin: 5px auto 9px; } #engraving-popup .engraving-quote { display: none; } #engraving-popup .view-my-bag-link { margin-bottom: 0; } } @media all and (max-width: 500px) { #engraving-popup h2:first-of-type { margin-top: 0; } #engraving-popup img { width: 110px; } } /* ========================================================================== Header/pronav styling ========================================================================== */ #header_main_wrapper { background-color: white; } /* The following three rules are for the 'sticky' header */ #header_main_wrapper .infobar_wrapper { border-bottom: 1px solid black; } .page .main.sidebar-is-fixed { padding-top: 70px; /* Placeholder space for .col-left - the top sticky nav */ } .my-bag-label { display: none !important; } .search-icon { background: url("../images/icons/blue/header/search.svg") no-repeat center / 21px; cursor: pointer; height: 25px; width: 25px; } .header-container .header-left .stockists-link { background: url("../images/reskin/stockists.png") no-repeat scroll 0 center / contain; display: none; /* COVID */ margin-right: 15px !important; padding-left: 25px !important; } .header-container.pronav-fixed .header-left .stockists-link { background: url("../images/reskin/stockists-white.png") no-repeat scroll 0 center / contain; } .header-container .header .sign-in-register > a { background: url("../images/icons/blue/header/account.svg") no-repeat scroll 0 2px / 21px; display: block; height: 25px; width: 25px; } .header-right .header-wishlist-wrap > a { background: url("../images/icons/blue/header/wishlist.svg") no-repeat 0 50% / 20px; display: block; height: 25px; width: 25px; } #cartHeader > a { height: 25px; width: 25px; } #cart_header_basket_link { background-image: url("../images/icons/blue/header/bag.svg"); background-repeat: no-repeat; background-size: 22px; display: block; text-align: center; text-decoration: none; } #cart_header_basket_link > strong { font-family: var(--johnston); font-size: 12px; font-weight: normal; left: -1px; position: relative; } .switcherWraP .ShippingSwitcherCurrency::after { background: url("../images/reskin/chevron-black-down.png") no-repeat scroll 0 center / contain !important; height: 9px; transform: rotate(-90deg); width: 9px; } /* Begin circular search icon */ /* form#search_mini_form button.button { background: black url("../images/reskin/search-white.png") no-repeat scroll center center / 17px auto !important; border-radius: 50%; height: 30px !important; margin: 0; padding: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 30px !important; } .form-search { border-bottom-right-radius: 15px; border-top-right-radius: 15px; border: 1px solid black; box-sizing: border-box; height: 30px; overflow: hidden; position: relative; } #search_mini_form #search { height: 100% !important; width: 100% !important; } */ /* End circular search icon */ #new-info .new-delivery { background-image: url("../images/reskin/delivery.png"); } #new-info .new-returns { background-image: url("../images/reskin/returns.png"); } #new-info .new-shipping { background-image: url("../images/reskin/worldwide-delivery.png"); } /* #new-info .new-gift, ul#new-info.gb .new-returns:last-of-type { background-image: url("../images/reskin/xmas-returns.png"); background-position: 30px 3px !important; background-size: 23px auto; } */ ul#new-info.gb .new-returns.shopping-bag { background-image: url("../images/reskin/shopping-bag.png"); } #new-info span { position: relative; top: 1px; } .new-wrapper #new-info li:not(:last-child)::after { content: ""; left: unset; } .new-wrapper .infobar, .new-wrapper .info-bar, .new-wrapper .infobar ul { background: white !important; } .new-wrapper .infobar.delivery #new-info > li > a { color: black !important; font-family: "neuzeit-grotesk", sans-serif !important; font-size: 13px !important; font-weight: lighter !important; letter-spacing: 0.4px !important; padding: 5px 10px !important; text-transform: uppercase; } #new-info > li { background-position: 30px 1px !important; } #pronav-jewellery.ps-container { overflow: visible !important; } @media all and (max-width: 1023px) { #pronav-jewellery.ps-container { overflow: hidden !important; } } #pronav .astley-clarke-sale span, #pronav .mobile-sale span { color: #da4902 !important; } ul#pronav .parent.astley-clarke-sale a span:hover { border-color: #da4902; } ul#pronav li.mobile-sale { display: none !important; } ul#pronav .mobile-sale span { font-weight: bold; } #pronav .parent li.blank { cursor: default; height: 20px; } #pronav li.parent div.sub div > .menu-header { font-size: 25px; letter-spacing: 1px; margin: 20px auto; text-transform: uppercase; } #pronav li.parent div.sub div > .menu-header, .pronav-reskin .divider { display: none; } #pronav-new-in > img { float: right; } #jewellery-menu { position: relative; } #jewellery-menu li > ul { position: absolute; left: 375px !important; top: 0 !important; width: 100%; } #jewellery-menu li > ul:nth-of-type(2) { left: 750px !important; } #pronav-new-in > img { float: right; width: 35%; } #pronav-new-in > img + img { margin-right: 30px; } /* Somehow this rule fixes a big empty gap to the right of all pages... */ #header_main_wrapper .suggested-word.input-text { display: none; } ul#pronav .pronav-reskin li.pronav-title, ul#pronav .pronav-reskin li.pronav-title > a { cursor: default !important; } .pronav-title strong { text-decoration: underline; } /* Hacky CSS to keep sub-menu titles at the top of the menu when scrolling (mobile) */ .pronav-wrap.fixed .menu-header.active { position: fixed; top: 145px; width: 69.5%; z-index: 2; } /* .pronav-wrap.fixed .pronav-reskin > ul li > ul { margin-top: 45px; } */ /* End pronav/header styling ========================================================================== */ /* ========================================================================== Re-skin Category Page ========================================================================== */ .catalog-category-view .col-main { display: block; float: none !important; margin: 0 auto !important; max-width: 100%; width: 100% !important; } .catalog-category-view .col-left.sidebar { display: none; } .catalog-category-view .sidebar { position: absolute; } /* Category pages with no introblock */ body.category-vip-gifts .category-view .toolbar, body.category-vip-lockets .category-view .toolbar { top: 0; } @media all and (max-width: 1023px) { body.catalog-category-view.category-vip-gifts #header_main_wrapper, body.catalog-category-view.category-vip-lockets #header_main_wrapper { margin-bottom: 0 !important; } body.catalog-category-view.category-vip-gifts .col-main, body.catalog-category-view.category-vip-lockets .col-main { top: 0; } } /* Sticky top-right toolbar */ .page .main.sidebar-is-fixed .category-view .toolbar .tools { position: fixed; /*right: calc((100% - 1500px)/2);*/ top: 37px; z-index: 99; width: inherit; } .amshopby-slider-ui .ui-slider-handle { background-color: black !important; border-color: #000 !important; } .ui-slider-horizontal .ui-slider-range { top: 2px !important; height: 5px !important; } .ui-slider .ui-slider-range { border: 1px solid #c9c9c9 !important; } .amshopby-slider-ui .ui-slider-range { background: white !important; } /* Hack to justify inline-block elements */ .sidebar .block-layered-nav { width: 100% !important; } .amshopby-attr-selected { font-weight: bold; } .catalog-category-view .main { position: relative; width: 100%; max-width: 100%; margin: 0 auto; float: none; } .category-view select.styled { opacity: 1 !important; } .category-view .products-grid .saved_for_later_text a { font-size: 0 !important; } .category-view .product-image img, .category-view .col2-left-layout .products-grid .product-image { width: 375px !important; height: 375px !important; left: 0 !important; } .category-view .category-products { position: relative; } .category-view .products-grid { display: flex; flex-wrap: wrap; justify-content: center; } .category-view .products-grid { /* display: grid; */ /* grid-template-columns: repeat(auto-fit, minmax(600px, 1fr)); */ } .category-view .products-grid .item-wrap { margin-bottom: 50px; /*max-width: 720px; flex-basis: 650px;*/ max-width: 750px; flex-basis: 700px; width: 100%; flex-grow: 1; flex-shrink: 1; } /* Anything above iPads, make prod images larger */ @media all and (min-width: 1025px) { .category-view .products-grid .item-wrap { flex-basis: 700px; } } .category-view .products-grid .item-wrap:last-of-type { margin-right: auto; } .category-view .products-grid .item { box-sizing: border-box; padding: 0 10px; position: relative; width: 50%; } .category-view .products-grid .item.contains-product-block { /*width: 720px;*/ /* Not sure if it's acceptable to resize product blocks (via flex)? */ width: 100%; } .category-view .products-grid .product-image { margin-bottom: 20px; } /* .category-view .products-grid .item { display: inline-block; flex-basis: 325px; flex-grow: 1; flex-shrink: 1; height: 100%; max-width: 375px; min-height: 325px; padding-bottom: 40px; position: relative; width: 100%; } */ /* .category-view .products-grid .item { align-items: center; display: inline-block; flex-basis: 325px; flex-grow: 1; flex-shrink: 1; float: none !important; height: 100% !important; justify-content: center; margin: 0 !important; max-width: 375px; min-height: 325px; padding-bottom: 20px; width: 100% !important; } */ .category-view .product-image .vomfade > a { display: block; margin-bottom: 0 !important; } .category-view .product-image .vomfade, .category-view .products-grid .product-image, .category-view .products-grid .product-image img, .category-view .product-image img, .col2-left-layout .products-grid .product-image, .col2-left-layout .products-grid .product-image .vomfade .vomshot { width: 100% !important; /*max-width: 375px;*/ height: auto !important; /*min-height: 325px !important;*/ max-height: auto !important; } .category-view .product-image .vomfade { height: 100% !important; } .category-view .name-price-wrap { min-height: 40px; } .category-view .product-name { box-sizing: border-box; padding-right: 15px; width: 75%; } .category-view .product-name a { font-size: 15px; font-weight: normal; } .category-view .product-name a:hover { text-decoration: none; } .category-view .price { font-family: var(--johnston); } .category-view .products-grid .product-designer { display: none !important; } .category-view .category-introblock { background-position: bottom center; background-size: cover; color: white; height: 250px; margin: 0 auto 35px; overflow: hidden; position: relative; text-align: center; } .category-view .category-introblock > .content { margin-left: auto; margin-right: auto; max-width: 970px; padding-top: 0; position: relative; top: 50%; transform: translateY(-50%); } .category-introblock .main-copy { letter-spacing: 1px; } .category-introblock .cat-link { font-family: var(--johnston); font-size: 14px; font-weight: 300; text-transform: uppercase; } .category-introblock .cat-link a { font-weight: normal; } .rm-active .reskin .category-introblock h1.long-title { bottom: 10px; padding-bottom: 10px; position: relative; } @media all and (max-width: 1023px) { .category-view .category-introblock { box-sizing: border-box; height: auto; padding: 30px 10px; } .category-view .category-introblock > .content { top: auto; transform: none; } } .category-view .hover_icons { height: 24px; position: absolute; right: 20px; top: 10px; width: 24px; } .category-view .save_for_later_link { background-image: url("../images/icons/light-blue/heart.png"); background-repeat: no-repeat; background-size: contain; display: block; height: 100%; position: absolute; width: 100%; } .category-view .save_for_later_link.saved { background-image: url("../images/icons/light-blue/heart-filled.png"); } .category-view .hover_icons .quick_view_link { display: block !important; left: 7px !important; margin-bottom: 0 !important; top: 5px; } .category-view .quick_view_hover:hover .quick_view_text, .category-view .save_for_later_hover:hover .save_for_later_text, .category-view .wishlist_hover:hover .wishlist_text, .category-view .products-grid .item:hover .quick_view_text { display: none !important; } .category-view .hover_icons .quick_view_hover > a { width: 18px; height: 18px; display: block; background: url("../images/reskin/icon-search.png") no-repeat; background-size: 18px; margin-bottom: 0 !important; } .category-view .products-grid .sticker { background-image: none !important; color: #999999; font: lighter 16px "neuzeit-grotesk" !important; text-align: right; text-transform: uppercase !important; letter-spacing: 1px; width: 110px !important; height: auto !important; top: 8px !important; right: 8px !important; } .category-view .products-grid .sticker.as-seen-in, .category-view .products-grid .sticker.as-seen-on { font-weight: bold; } .category-view .products-grid .sticker.as-seen-in span, .category-view .products-grid .sticker.as-seen-on span { display: block; text-transform: none; margin-top: 7px; } .category-view .products-grid .sticker.back-in-stock { color: black !important; } .category-view .products-grid .sticker.new-in { font-weight: bold; color: black !important; } .category-view .products-grid .sticker.pre-order { font-weight: bold; } .category-view .products-grid .item:hover .sticker { display: none !important; } .category-view .product-view { float: none !important; } .ias-spinner { display: block; margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 7px solid rgba(110, 139, 254, 0.2); border-right: 7px solid rgba(110, 139, 254, 0.2); border-bottom: 7px solid rgba(110, 139, 254, 0.2); border-left: 7px solid #0c79b1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; clear: both; top: 25px; } .ias-spinner, .ias-spinner::after { border-radius: 50%; height: 70px; width: 70px; } .ias-trigger, .ias-trigger a { display: block; width: 100%; color: #0c79b1; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* End category page ========================================================================== */ /* ========================================================================== Product Page ========================================================================== */ .product-view { margin-left: auto; margin-right: auto; max-width: 1280px; } .product-view .product-left .viewer, .product-view #thumbs_wrapper { width: 500px !important; } .main_popup .product-view .product-left .viewer, .main_popup .product-view #thumbs_wrapper { width: 300px !important; } .main_popup .product-bottom, .main_popup .product-reviews { display: none; } @media all and (min-width: 1024px) { .product-right, .product-left { box-sizing: border-box; float: left; width: 50%; } .product-right { float: left; margin-bottom: 30px; padding-left: 90px; } } .product-right .add-to-box-flint .skufloat { font-size: 12px !important; margin: 0 !important; color: black !important; } .main_popup .skufloat { bottom: 7px; } .product-right .options-container-small .product-options dl > dt { display: none; } .product-options .selector-button-ring-size, .product-options .selector-button-size { border: 1px solid var(--inky-blue); font-family: var(--johnston); font-size: 14px; font-weight: lighter; margin-bottom: 10px; margin-right: 10px; min-width: 30px; padding: 6px 14px 7px; text-align: center; text-decoration: none; } .product-options .selector-button-size.selector-button-selected { background-color: var(--inky-blue); color: var(--light-neutral); } #option-buttons-container { margin-top: 25px; } @media (hover: hover) { #option-buttons-container a:hover { background-color: var(--inky-blue); color: white; } } .product-right .add-to-box-flint .outofstock-view .wishlist { width: 100%; } .main_popup .product-right .add-to-box-flint .wishlist { text-align: left; } .product-right #Help { display: inline-block; font-family: var(--johnston); font-size: 14px; font-weight: lighter; text-decoration: underline; text-transform: uppercase; } .product-right #Help:hover { font-weight: normal; } .cta.teal { border-color: #0c79b1; color: #0c79b1; } .cta.teal:hover { background-color: #0c79b1; color: white !important; } .outofstock-view #add_to_wishlist_link, .product-right .add-to-box-flint .outofstock-view #add_to_wishlist { margin-bottom: 10px !important; } .product-right .add-to-box-flint .outofstock-view #add_to_wishlist { width: 100%; max-width: 400px; } .product-right .add-to-box-flint .outofstock-view #add_to_wishlist a { font-size: 16px; color: white !important; } .product-right .add-to-box-flint .outofstock-view #add_to_wishlist span, .product-right .add-to-box-flint .outofstock-view #add_to_wishlist span a, .outofstock-view #add_to_wishlist .viewwl, .outofstock-view #add_to_wishlist .viewwl a { font-size: 16px !important; color: #0c79b1 !important; } /* Gift-wrap fancybox pop-up CTA */ #product_addtocart_form { margin-bottom: 60px; } #product_addtocart_form::after { clear: both; content: ""; display: block; } .product-home-giftwrap .product-view, .product-premium-giftwrap .product-view { margin: 0px !important; padding: 0 15px; width: auto; } .product-home-giftwrap .drop-a-hint-row, .product-premium-giftwrap .drop-a-hint-row { display: none !important; } .product-premium-giftwrap .product-right .add-to-cart { margin-right: auto !important; width: 90% !important; } .product-premium-giftwrap .product-right .options-container-small div.product-options-bottom { width: 100% !important; } @media all and (max-width: 768px) { #fancybox-wrap, #fancybox-inner, .product-premium-giftwrap .main_popup, .product-premium-giftwrap { width: 100% !important; } #fancybox-wrap { left: 0 !important; margin: 0 auto !important; padding: 0 !important; right: 0 !important; width: 90% !important; } #fancybox-inner { left: 0 !important; } .main_popup { min-width: 0 !important; } .product-premium-giftwrap #product-add-to-cart { height: 44px !important; top: 40px !important; right: 200px !important; } body.product-home-giftwrap { width: auto; } .product-home-giftwrap .product-view br, .product-premium-giftwrap .product-view br { display: none; } .product-home-giftwrap .main_popup .product-right, .product-premium-giftwrap .main_popup .product-right { float: none !important; width: 100% !important; } .product-home-giftwrap #product-add-to-cart, .product-premium-giftwrap #product-add-to-cart { left: 0; right: 0; } .product-home-giftwrap .product-view .note, .product-premium-giftwrap .product-view .note { font-size: 14px !important; } .product-home-giftwrap .product-options-bottom { float: none !important; } #fancybox-inner { min-height: 400px !important; } .product-premium-giftwrap .product-right .options-container-small .product-options dl dd { width: 230px !important; } } /* End gift-wrap fancybox pop-up CTA */ .initially-hidden { display: none; } .product-right .view-my-bag-link { display: none !important; margin-top: 8px; text-align: center; } .product-right .view-my-bag-link a { font-family: var(--johnston); font-size: 16px; font-weight: lighter; letter-spacing: 0.4px; text-transform: uppercase; } .product-right .buy-button-row { margin-bottom: 15px; } .product-right .add-to-wishlist-labels { display: table-cell; height: 35px; vertical-align: middle; } .add-to-wishlist-heart, .product-right .add-to-box-flint #add_to_wishlist_link { background: url("../images/reskin/icon-heart.png") no-repeat; background-position: 0 50%; width: 20px; height: 35px; display: inline-block; background-size: contain; margin-right: 10px !important; } .add-to-wishlist-heart:hover, .add-to-wishlist-heart.added, .product-right .add-to-box-flint #add_to_wishlist_link:hover, .product-right .add-to-box-flint .saved #add_to_wishlist_link { background-image: url("../images/reskin/icon-heart-black.png"); } .product-right .add-to-box-flint #add_to_wishlist_link > img { display: none; } .icon-drop-a-hint { background-image: url("../images/reskin/drop-a-hint-teal.png"); background-repeat: no-repeat; background-size: 20px; background-position: 10px 50%; } .icon-drop-a-hint:hover { background-image: url("../images/reskin/drop-a-hint-white.png"); } /* Wishlist Updates */ /* .header-wishlist-wrap:hover .mini-wishlist-wrapper { display: block !important; } */ .product-right .wishlist #remove_from_wishlist, .product-right .wishlist .view-my-wishlist-link { display: none; } .product-right .wishlist.saved #remove_from_wishlist, .product-right .wishlist.saved .view-my-wishlist-link { display: block; } .product-right .wishlist.saved #add_to_wishlist { display: none; } .product-right .wishlist .saved .add { display: none; } .icon-wishlist { background-image: url("../images/reskin/icon-heart.png"); background-repeat: no-repeat; background-size: 20px; background-position: 10px 50%; } .icon-wishlist.teal { background-image: url("../images/reskin/icon-heart-teal.png"); } .icon-wishlist:hover, .saved .icon-wishlist:hover { background-image: url("../images/reskin/icon-heart-white.png"); } .saved .icon-wishlist { background-image: url("../images/reskin/icon-heart-black.png"); } #remove_from_wishlist.icon-wishlist { background-image: none; } /* End Wishlist Updates */ .product-left #thumbs { font-size: 0; margin: 0 auto; text-align: center !important; width: 100%; } .product-left #thumbs li { float: none; margin: 0 10px; } .product-left #thumbs li a { /* width: 15px; height: 15px; display: block; background: url("../images/reskin/bullet-circle.png") no-repeat 50% 50%; */ border: 1px solid transparent; box-sizing: border-box; display: block; margin: 0 auto; } .product-left #thumbs li a:hover, .product-left #thumbs li a.active { /* background-image: url("../images/reskin/bullet-circle-filled.png"); */ border: 1px solid black; } .product-left div#thumbs_wrapper { height: auto; } /* .product-left #thumbs li a > img { display: none; } */ .product-left #arrow-left, .product-left #arrow-right { display: none; padding: 10px !important; } #big-arrow-left { background-image: url("../images/reskin/image-left.png") !important; background-size: contain !important; } #big-arrow-right { background-image: url("../images/reskin/image-right.png") !important; background-size: contain !important; left: 460px !important; } #big-arrow-left, #big-arrow-right { height: 40px !important; padding: 0 !important; width: 40px !important; } .small-arrow-left { background-image: url("../images/reskin/image-left.png") !important; } .small-arrow-right { background-image: url("../images/reskin/image-right.png") !important; left: calc(100% - 30px) !important; } .small-arrow-left, .small-arrow-right { background-position: 0 50%; background-repeat: no-repeat; background-size: contain !important; cursor: pointer; display: inline-block; height: 100% !important; padding: 0 !important; position: absolute; width: 30px !important; z-index: 98; } .main_popup #big-arrow-right { left: 360px !important; } #product-attribute-specs-table th { min-width: 140px; padding-right: 20px; text-align: left; } @media all and (max-width: 1023px) { #product-attribute-specs-table th { min-width: 30%; } } .product-bottom .product-reviews th { text-align: left; } /* Begin: "You May Also Like" carousel */ .slick-slider .slick-list { box-sizing: border-box; margin: 0 auto; width: calc(100% - 80px); } .slick-slider .ac-arrow { background-size: contain; cursor: pointer; height: 30px; position: absolute; top: 50%; transform: translateY(-50%); width: 30px; } .slick-slider .ac-arrow.arrow-prev { background-image: url("../images/icons/blue/chevron-left-thin.png"); left: 0; } .slick-slider .ac-arrow.arrow-next { background-image: url("../images/icons/blue/chevron-right-thin.png"); right: 0; } .product-view .you-may-also-like { text-align: center; } .product-view .you-may-also-like h3 { font-size: 22px; margin-bottom: 40px; } .main_popup #productpage_boughtalsobought { display: none; /* Hiding carousel from quick-view pop-ups */ } #productpage_boughtalsobought .slick-slide { margin-left: 5px; margin-right: 5px; } #productpage_boughtalsobought .original-price, #productpage_boughtalsobought .special-price { display: inline-block !important; float: none !important; padding: 0 !important; } #productpage_boughtalsobought .special-price span { color: var(--red-brick); } .you-may-also-like a { display: block; } .you-may-also-like a:hover { text-decoration: none !important; } .you-may-also-like img { width: 100%; } .you-may-also-like span { display: block; margin-bottom: 0; line-height: 20px; } #ugc-section .slick-arrow { background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: 50px; border: none; cursor: pointer; font-size: 0; height: 100%; position: absolute; top: 0; width: 50px; z-index: 1; } .you-may-also-like .slick-prev { background-image: url("../images/reskin/image-left.png"); left: 0; } .you-may-also-like .slick-next { background-image: url("../images/reskin/image-right.png"); right: 0; } /** * Colour swatches for product refinement */ #narrow-by-list > li > ol > li > a.amshopby-attr-selected::before { background-color: var(--cobalt-blue); border-width: 2px; } #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="multi"]::before, #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="multi"].checked::before, #ac-colour_group-multi { background: none; background: linear-gradient(to bottom right, #7e0000, #0c8000, #1306ba); } #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="yellow"]::before, #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="yellow"].checked::before, #ac-colour_group-yellow { background: #fae500; background: linear-gradient(to bottom right, #fae500, #fbfab8); } #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="red"]::before, #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="red"].checked::before, #ac-colour_group-red { background: #bb0000; background: linear-gradient(to bottom right, #bb0000, #ffa6a6); } #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="pink"]::before, #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="pink"].checked::before, #ac-colour_group-pink { background: #bb003e; background: linear-gradient(to bottom right, #bb003e, #ffa6c3); } #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="green"]::before, #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="green"].checked::before, #ac-colour_group-green { background: #184f00; background: linear-gradient(to bottom right, #184f00, #91be65); } #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="blue"]::before, #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="blue"].checked::before, #ac-colour_group-blue { background: #00044f; background: linear-gradient(to bottom right, #00044f, #656abe); } #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="white"]::before, #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="white"].checked::before, #ac-colour_group-white { background: #cecece; background: linear-gradient(to bottom right, #cecece, #ffffff); } #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="purple"]::before, #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="purple"].checked::before, #ac-colour_group-purple { background: #7f00a9; background: linear-gradient(to bottom right, #7f00a9, #d249ff); } #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="orange"]::before, #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="orange"].checked::before, #ac-colour_group-orange { background: #ff6c00; background: linear-gradient(to bottom right, #ff6c00, #ffae63); } #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="grey"]::before, #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="grey"].checked::before, #ac-colour_group-grey { background: #464646; background: linear-gradient(to bottom right, #464646, #979797); } #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="brown"]::before, #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="brown"].checked::before, #ac-colour_group-brown { background: #372201; background: linear-gradient(to bottom right, #372201, #684000); } #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="black"]::before, #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="black"].checked::before, #ac-colour_group-black { background: #000000; background: linear-gradient(to bottom right, #000000, #484848); } #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="silver"]::before, #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="silver"].checked::before, #ac-colour_group-silver { background: #e0e0e0; background: linear-gradient(to bottom right, #e0e0e0, #f6f6f6); } #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="rose"]::before, #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="rose"].checked::before, #ac-colour_group-rose { background: #c69f74; background: linear-gradient(to bottom right, #c69f74, #e6b682); } #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="clear"]::before, #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="clear"].checked::before, #ac-colour_group-clear { background: #e5fbff; background: linear-gradient(to bottom right, #e5fbff, #d1f8ff); } #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="plain"]::before, #narrow-by-list > li[data-filter-name="colour"] > ol > li > a[data-colour-refine="plain"].checked::before, #ac-colour_group-plain { background: #b9a879; background: linear-gradient(to bottom right, #b9a879, #d5c393); } /** * Gemstone colour swatches */ li[data-filter-name="gemstone"] a[data-colour-refine="alexandrite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="alexandrite"], li[data-filter-name="gemstone"] a[data-colour-refine="alexandrite"].checked::before, #ac-gemstones-alexandrite { background: #004f45; background: linear-gradient(to bottom right, #004f45, #157f72); } li[data-filter-name="gemstone"] a[data-colour-refine="amazonite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="amazonite"], li[data-filter-name="gemstone"] a[data-colour-refine="amazonite"].checked::before, #ac-gemstones-amazonite { background: #1fa997; background: linear-gradient(to bottom right, #1fa997, #a7cfca); } li[data-filter-name="gemstone"] a[data-colour-refine="amethyst"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="amethyst"], li[data-filter-name="gemstone"] a[data-colour-refine="amethyst"].checked::before, #ac-gemstones-amethyst { background: #5b0050; background: linear-gradient(to bottom right, #5b0050, #a61994); } li[data-filter-name="gemstone"] a[data-colour-refine="ametrine"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="ametrine"], li[data-filter-name="gemstone"] a[data-colour-refine="ametrine"].checked::before, #ac-gemstones-ametrine { background: #a23e95; background: linear-gradient(to bottom right, #a23e95, #ffb400); } li[data-filter-name="gemstone"] a[data-colour-refine="andalusite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="andalusite"], li[data-filter-name="gemstone"] a[data-colour-refine="andalusite"].checked::before, #ac-gemstones-andalusite { background: #bab045; background: linear-gradient(to bottom right, #bab045, #533c06); } li[data-filter-name="gemstone"] a[data-colour-refine="apatite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="apatite"], li[data-filter-name="gemstone"] a[data-colour-refine="apatite"].checked::before, #ac-gemstones-apatite { background: #4db5a5; background: linear-gradient(to bottom right, #4db5a5, #a1ebe0); } li[data-filter-name="gemstone"] a[data-colour-refine="aventurine"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="aventurine"], li[data-filter-name="gemstone"] a[data-colour-refine="aventurine"].checked::before, #ac-gemstones-aventurine { background: #60c873; background: linear-gradient(to bottom right, #60c873, #baefc3); } li[data-filter-name="gemstone"] a[data-colour-refine="azurite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="azurite"], li[data-filter-name="gemstone"] a[data-colour-refine="azurite"].checked::before, #ac-gemstones-azurite { background: #061781; background: linear-gradient(to bottom right, #061781, #4657bd); } li[data-filter-name="gemstone"] a[data-colour-refine="beryl"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="beryl"], li[data-filter-name="gemstone"] a[data-colour-refine="beryl"].checked::before, #ac-gemstones-beryl { background: #eccd20; background: linear-gradient(to bottom right, #eccd20, #ece2ad); } li[data-filter-name="gemstone"] a[data-colour-refine="black-diamond"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="black-diamond"], li[data-filter-name="gemstone"] a[data-colour-refine="black-diamond"].checked::before, #ac-gemstones-black-diamond { background: #000000; background: linear-gradient(to bottom right, #000000, #3c3c3c); } li[data-filter-name="gemstone"] a[data-colour-refine="bloodstone"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="bloodstone"], li[data-filter-name="gemstone"] a[data-colour-refine="bloodstone"].checked::before, #ac-gemstones-bloodstone { background: #000000; background: linear-gradient(to bottom right, #000000, #ff0000); } li[data-filter-name="gemstone"] a[data-colour-refine="blue-diamond"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="blue-diamond"], li[data-filter-name="gemstone"] a[data-colour-refine="blue-diamond"].checked::before, #ac-gemstones-blue-diamond { background: #0014ac; background: linear-gradient(to bottom right, #0014ac, #232b5c); } li[data-filter-name="gemstone"] a[data-colour-refine="blue-goldstone"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="blue-goldstone"], li[data-filter-name="gemstone"] a[data-colour-refine="blue-goldstone"].checked::before, #ac-gemstones-blue-goldstone { background: #373b56; background: linear-gradient(to bottom right, #373b56, #232b5c); } li[data-filter-name="gemstone"] a[data-colour-refine="carnelian"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="carnelian"], li[data-filter-name="gemstone"] a[data-colour-refine="carnelian"].checked::before, #ac-gemstones-carnelian { background: #af281a; background: linear-gradient(to bottom right, #af281a, #d25244); } li[data-filter-name="gemstone"] a[data-colour-refine="cats-eye"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="cats-eye"], li[data-filter-name="gemstone"] a[data-colour-refine="cats-eye"].checked::before, #ac-gemstones-cats-eye { background: #dfcd00; background: linear-gradient(to bottom right, #dfcd00, #fff79a, #dfcd00); } li[data-filter-name="gemstone"] a[data-colour-refine="chalcedony"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="chalcedony"], li[data-filter-name="gemstone"] a[data-colour-refine="chalcedony"].checked::before, #ac-gemstones-chalcedony { background: #91f9ff; background: linear-gradient(to bottom right, #91f9ff, #fb90ff); } li[data-filter-name="gemstone"] a[data-colour-refine="champagne-quartz"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="champagne-quartz"], li[data-filter-name="gemstone"] a[data-colour-refine="champagne-quartz"].checked::before, #ac-gemstones-champagne-quartz { background: #ba864a; background: linear-gradient(to bottom right, #ba864a, #d2bf95); } li[data-filter-name="gemstone"] a[data-colour-refine="chrysoberyl"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="chrysoberyl"], li[data-filter-name="gemstone"] a[data-colour-refine="chrysoberyl"].checked::before, #ac-gemstones-chrysoberyl { background: #528753; background: linear-gradient(to bottom right, #528753, #c6de85); } li[data-filter-name="gemstone"] a[data-colour-refine="chrysoprase"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="chrysoprase"], li[data-filter-name="gemstone"] a[data-colour-refine="chrysoprase"].checked::before, #ac-gemstones-chrysoprase { background: #207d23; background: linear-gradient(to bottom right, #207d23, #1ab30b); } li[data-filter-name="gemstone"] a[data-colour-refine="citrine"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="citrine"], li[data-filter-name="gemstone"] a[data-colour-refine="citrine"].checked::before, #ac-gemstones-citrine { background: #e2bf32; background: linear-gradient(to bottom right, #e2bf32, #ffe67f); } li[data-filter-name="gemstone"] a[data-colour-refine="coral"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="coral"], li[data-filter-name="gemstone"] a[data-colour-refine="coral"].checked::before, #ac-gemstones-coral { background: #e23232; background: linear-gradient(to bottom right, #e23232, #7a0000); } li[data-filter-name="gemstone"] a[data-colour-refine="cultured-white-sapphire"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="cultured-white-sapphire"], li[data-filter-name="gemstone"] a[data-colour-refine="cultured-white-sapphire"].checked::before, #ac-gemstones-cultured-white-sapphire { background: #ecf2db; background: linear-gradient(to bottom right, #ecf2db, #d4d6ce); } li[data-filter-name="gemstone"] a[data-colour-refine="dolomite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="dolomite"], li[data-filter-name="gemstone"] a[data-colour-refine="dolomite"].checked::before, #ac-gemstones-dolomite { background: #ffffff; background: linear-gradient(to bottom right, #ffffff, #c0c0c0); } li[data-filter-name="gemstone"] a[data-colour-refine="druzy"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="druzy"], li[data-filter-name="gemstone"] a[data-colour-refine="druzy"].checked::before, #ac-gemstones-druzy { background: #4a51b8; background: linear-gradient(to bottom right, #4a51b8, #0010ff); } li[data-filter-name="gemstone"] a[data-colour-refine="emerald"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="emerald"], li[data-filter-name="gemstone"] a[data-colour-refine="emerald"].checked::before, #ac-gemstones-emerald { background: #068349; background: linear-gradient(to bottom right, #068349, #2eaf49); } li[data-filter-name="gemstone"] a[data-colour-refine="fibrolite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="fibrolite"], li[data-filter-name="gemstone"] a[data-colour-refine="fibrolite"].checked::before, #ac-gemstones-fibrolite { background: #cac65c; background: linear-gradient(to bottom right, #cac65c, #f1efb5); } li[data-filter-name="gemstone"] a[data-colour-refine="garnet"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="garnet"], li[data-filter-name="gemstone"] a[data-colour-refine="garnet"].checked::before, #ac-gemstones-garnet { background: #860000; background: linear-gradient(to bottom right, #860000, #bf0000); } li[data-filter-name="gemstone"] a[data-colour-refine="garnet-coated-spinel"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="garnet-coated-spinel"], li[data-filter-name="gemstone"] a[data-colour-refine="garnet-coated-spinel"].checked::before, #ac-gemstones-garnet-coated-spinel { background: #4f0000; background: linear-gradient(to bottom right, #4f0000, #790000); } li[data-filter-name="gemstone"] a[data-colour-refine="geode"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="geode"], li[data-filter-name="gemstone"] a[data-colour-refine="geode"].checked::before, #ac-gemstones-geode { background: #6e0050; background: linear-gradient(to bottom right, #6e0050, #8c4779); } li[data-filter-name="gemstone"] a[data-colour-refine="grey-diamond"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="grey-diamond"], li[data-filter-name="gemstone"] a[data-colour-refine="grey-diamond"].checked::before, #ac-gemstones-grey-diamond { background: #5a5a5a; background: linear-gradient(to bottom right, #5a5a5a, #cbcbcb); } li[data-filter-name="gemstone"] a[data-colour-refine="hematite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="hematite"], li[data-filter-name="gemstone"] a[data-colour-refine="hematite"].checked::before, #ac-gemstones-hematite { background: #171717; background: linear-gradient(to bottom right, #171717, #585858); } li[data-filter-name="gemstone"] a[data-colour-refine="hessonite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="hessonite"], li[data-filter-name="gemstone"] a[data-colour-refine="hessonite"].checked::before, #ac-gemstones-hessonite { background: #5d1400; background: linear-gradient(to bottom right, #5d1400, #9b3013); } li[data-filter-name="gemstone"] a[data-colour-refine="howlite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="howlite"], li[data-filter-name="gemstone"] a[data-colour-refine="howlite"].checked::before, #ac-gemstones-howlite { background: #e5e5e5; background: linear-gradient(to bottom right, #e5e5e5, #747474, #e5e5e5); } li[data-filter-name="gemstone"] a[data-colour-refine="hypersthene"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="hypersthene"], li[data-filter-name="gemstone"] a[data-colour-refine="hypersthene"].checked::before, #ac-gemstones-hypersthene { background: #101010; background: linear-gradient(to bottom right, #101010, #b0b0b0); } li[data-filter-name="gemstone"] a[data-colour-refine="idocrase"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="idocrase"], li[data-filter-name="gemstone"] a[data-colour-refine="idocrase"].checked::before, #ac-gemstones-idocrase { background: #769e48; background: linear-gradient(to bottom right, #769e48, #c2e29d); } li[data-filter-name="gemstone"] a[data-colour-refine="indicolite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="indicolite"], li[data-filter-name="gemstone"] a[data-colour-refine="indicolite"].checked::before, #ac-gemstones-indicolite { background: #227f7c; background: linear-gradient(to bottom right, #227f7c, #97e2e0); } li[data-filter-name="gemstone"] a[data-colour-refine="iolite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="iolite"], li[data-filter-name="gemstone"] a[data-colour-refine="iolite"].checked::before, #ac-gemstones-iolite { background: #3f1dae; background: linear-gradient(to bottom right, #3f1dae, #7980c4); } li[data-filter-name="gemstone"] a[data-colour-refine="jade"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="jade"], li[data-filter-name="gemstone"] a[data-colour-refine="jade"].checked::before, #ac-gemstones-jade { background: #085a08; background: linear-gradient(to bottom right, #085a08, #328b32); } li[data-filter-name="gemstone"] a[data-colour-refine="jasper"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="jasper"], li[data-filter-name="gemstone"] a[data-colour-refine="jasper"].checked::before, #ac-gemstones-jasper { background: #87220a; background: linear-gradient(to bottom right, #87220a, #be6d59); } li[data-filter-name="gemstone"] a[data-colour-refine="jet"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="jet"], li[data-filter-name="gemstone"] a[data-colour-refine="jet"].checked::before, #ac-gemstones-jet { background: #000000; background: linear-gradient(to bottom right, #000000, #424242); } li[data-filter-name="gemstone"] a[data-colour-refine="kunzite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="kunzite"], li[data-filter-name="gemstone"] a[data-colour-refine="kunzite"].checked::before, #ac-gemstones-kunzite { background: #c31e9a; background: linear-gradient(to bottom right, #c31e9a, #f58edb); } li[data-filter-name="gemstone"] a[data-colour-refine="kyanite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="kyanite"], li[data-filter-name="gemstone"] a[data-colour-refine="kyanite"].checked::before, #ac-gemstones-kyanite { background: #06007b; background: linear-gradient(to bottom right, #06007b, #35317d); } li[data-filter-name="gemstone"] a[data-colour-refine="labradorite-coated-grey-spinel"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="labradorite-coated-grey-spinel"], li[data-filter-name="gemstone"] a[data-colour-refine="labradorite-coated-grey-spinel"].checked::before, #ac-gemstones-labradorite-coated-grey-spinel { background: #757575; background: linear-gradient(to bottom right, #757575, #aaaaaa); } li[data-filter-name="gemstone"] a[data-colour-refine="blue-sapphire"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="blue-sapphire"], li[data-filter-name="gemstone"] a[data-colour-refine="blue-sapphire"].checked::before, li[data-filter-name="gemstone"] a[data-colour-refine="lapis-lazuli"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="lapis-lazuli"], li[data-filter-name="gemstone"] a[data-colour-refine="lapis-lazuli"].checked::before, #ac-gemstones-lapis-lazuli { background: #002f9b; background: linear-gradient(to bottom right, #002f9b, #3165e9); } li[data-filter-name="gemstone"] a[data-colour-refine="london-blue-topaz"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="london-blue-topaz"], li[data-filter-name="gemstone"] a[data-colour-refine="london-blue-topaz"].checked::before, #ac-gemstones-london-blue-topaz { background: #0f66bf; background: linear-gradient(to bottom right, #0f66bf, #31e3e9); } li[data-filter-name="gemstone"] a[data-colour-refine="milky-aqua-quartz"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="milky-aqua-quartz"], li[data-filter-name="gemstone"] a[data-colour-refine="milky-aqua-quartz"].checked::before, #ac-gemstones-milky-aqua-quartz { background: #69e2de; background: linear-gradient(to bottom right, #69e2de, #bafffd); } li[data-filter-name="gemstone"] a[data-colour-refine="milky-quartz"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="milky-quartz"], li[data-filter-name="gemstone"] a[data-colour-refine="milky-quartz"].checked::before, #ac-gemstones-milky-quartz { background: #e8e7c8; background: linear-gradient(to bottom right, #e8e7c8, #fffff1); } li[data-filter-name="gemstone"] a[data-colour-refine="milky-rose-quartz"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="milky-rose-quartz"], li[data-filter-name="gemstone"] a[data-colour-refine="milky-rose-quartz"].checked::before, #ac-gemstones-milky-rose-quartz { background: #ee9bd0; background: linear-gradient(to bottom right, #ee9bd0, #ffe0f4); } li[data-filter-name="gemstone"] a[data-colour-refine="miyuki-bead"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="miyuki-bead"], li[data-filter-name="gemstone"] a[data-colour-refine="miyuki-bead"].checked::before, #ac-gemstones-miyuki-bead { background: #41e0d3; background: linear-gradient(to bottom right, #41e0d3, #cafffb); } li[data-filter-name="gemstone"] a[data-colour-refine="moonstone"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="moonstone"], li[data-filter-name="gemstone"] a[data-colour-refine="moonstone"].checked::before, #ac-gemstones-moonstone { background: #eff1cb; background: linear-gradient(to bottom right, #eff1cb, #ffffff); } li[data-filter-name="gemstone"] a[data-colour-refine="pink-opal"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="pink-opal"], li[data-filter-name="gemstone"] a[data-colour-refine="pink-opal"].checked::before, #ac-gemstones-pink-opal { background: #e3b6e1; background: linear-gradient(to bottom right, #e3b6e1, #f9e0f4); } li[data-filter-name="gemstone"] a[data-colour-refine="mother-of-pearl"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="mother-of-pearl"], li[data-filter-name="gemstone"] a[data-colour-refine="mother-of-pearl"].checked::before, #ac-gemstones-mother-of-pearl { background: #d2d2aa; background: linear-gradient(to bottom right, #d2d2aa, #ececd7); } li[data-filter-name="gemstone"] a[data-colour-refine="obsidian"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="obsidian"], li[data-filter-name="gemstone"] a[data-colour-refine="obsidian"].checked::before, #ac-gemstones-obsidian { background: #000000; background: linear-gradient(to bottom right, #000000, #2d2d2d); } li[data-filter-name="gemstone"] a[data-colour-refine="onyx"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="onyx"], li[data-filter-name="gemstone"] a[data-colour-refine="onyx"].checked::before, #ac-gemstones-onyx { background: #000000; background: linear-gradient(to bottom right, #000000, #3e3e3e); } li[data-filter-name="gemstone"] a[data-colour-refine="paraiba"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="paraiba"], li[data-filter-name="gemstone"] a[data-colour-refine="paraiba"].checked::before, #ac-gemstones-paraiba { background: #2ed3d1; background: linear-gradient(to bottom right, #2ed3d1, #bdfafe); } li[data-filter-name="gemstone"] a[data-colour-refine="peacock-pearl"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="peacock-pearl"], li[data-filter-name="gemstone"] a[data-colour-refine="peacock-pearl"].checked::before, #ac-gemstones-peacock-pearl { background: #2e451c; background: linear-gradient(to bottom right, #2e451c, #451c1c); } li[data-filter-name="gemstone"] a[data-colour-refine="pearl"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="pearl"], li[data-filter-name="gemstone"] a[data-colour-refine="pearl"].checked::before, #ac-gemstones-pearl { background: #dad0c6; background: linear-gradient(to bottom right, #dad0c6, #f8fadb); } li[data-filter-name="gemstone"] a[data-colour-refine="phrenite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="phrenite"], li[data-filter-name="gemstone"] a[data-colour-refine="phrenite"].checked::before, #ac-gemstones-phrenite { background: #a1c597; background: linear-gradient(to bottom right, #a1c597, #e0fcd6); } li[data-filter-name="gemstone"] a[data-colour-refine="cultured-freshwater-pearl"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="cultured-freshwater-pearl"], li[data-filter-name="gemstone"] a[data-colour-refine="cultured-freshwater-pearl"].checked::before, #ac-gemstones-cultured-freshwater-pearl { background: #dad0c6; background: linear-gradient(to bottom right, #dad0c6, #f8fadb); } li[data-filter-name="gemstone"] a[data-colour-refine="prehnite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="prehnite"], li[data-filter-name="gemstone"] a[data-colour-refine="prehnite"].checked::before, #ac-gemstones-prehnite { background: #87e965; background: linear-gradient(to bottom right, #87e965, #fdfffd); } li[data-filter-name="gemstone"] a[data-colour-refine="pyrite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="pyrite"], li[data-filter-name="gemstone"] a[data-colour-refine="pyrite"].checked::before, #ac-gemstones-pyrite { background: #e8d39b; background: linear-gradient(to bottom right, #e8d39b, #fff7e0); } li[data-filter-name="gemstone"] a[data-colour-refine="quartz"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="quartz"], li[data-filter-name="gemstone"] a[data-colour-refine="quartz"].checked::before, #ac-gemstones-quartz { background: #e8e8e8; background: linear-gradient(to bottom right, #e8e8e8, #fefff5); } li[data-filter-name="gemstone"] a[data-colour-refine="quartzite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="quartzite"], li[data-filter-name="gemstone"] a[data-colour-refine="quartzite"].checked::before, #ac-gemstones-quartzite { background: #e8e8e8; background: linear-gradient(to bottom right, #e8e8e8, #fefff5); } li[data-filter-name="gemstone"] a[data-colour-refine="rainbow-moonstone"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="rainbow-moonstone"], li[data-filter-name="gemstone"] a[data-colour-refine="rainbow-moonstone"].checked::before, #ac-gemstones-rainbow-moonstone { background: #2989cc; background: linear-gradient(to bottom right, #2989cc, #ffffff); } li[data-filter-name="gemstone"] a[data-colour-refine="rhodolite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="rhodolite"], li[data-filter-name="gemstone"] a[data-colour-refine="rhodolite"].checked::before, #ac-gemstones-rhodolite { background: #cc2979; background: linear-gradient(to bottom right, #cc2979, #731443); } li[data-filter-name="gemstone"] a[data-colour-refine="rock-crystal"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="rock-crystal"], li[data-filter-name="gemstone"] a[data-colour-refine="rock-crystal"].checked::before, #ac-gemstones-rock-crystal { background: #dddddd; background: linear-gradient(to bottom right, #dddddd, #ffffff); } li[data-filter-name="gemstone"] a[data-colour-refine="rose-de-france"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="rose-de-france"], li[data-filter-name="gemstone"] a[data-colour-refine="rose-de-france"].checked::before, #ac-gemstones-rose-de-france { background: #cb5ea8; background: linear-gradient(to bottom right, #cb5ea8, #ffedf9); } li[data-filter-name="gemstone"] a[data-colour-refine="rose-quartz"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="rose-quartz"], li[data-filter-name="gemstone"] a[data-colour-refine="rose-quartz"].checked::before, #ac-gemstones-rose-quartz { background: #fd99c3; background: linear-gradient(to bottom right, #fd99c3, #ffdaea); } li[data-filter-name="gemstone"] a[data-colour-refine="rubellite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="rubellite"], li[data-filter-name="gemstone"] a[data-colour-refine="rubellite"].checked::before, #ac-gemstones-rubellite { background: #c40958; background: linear-gradient(to bottom right, #c40958, #460926); } li[data-filter-name="gemstone"] a[data-colour-refine="ruby"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="ruby"], li[data-filter-name="gemstone"] a[data-colour-refine="ruby"].checked::before, #ac-gemstones-ruby { background: #480606; background: linear-gradient(to bottom right, #480606, #dd5c5c); } li[data-filter-name="gemstone"] a[data-colour-refine="rutilated-quartz"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="rutilated-quartz"], li[data-filter-name="gemstone"] a[data-colour-refine="rutilated-quartz"].checked::before, #ac-gemstones-rutilated-quartz { background: #cea61b; background: linear-gradient(to bottom right, #cea61b, #fffbc3, #cea61b); } li[data-filter-name="gemstone"] a[data-colour-refine="sandstone"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="sandstone"], li[data-filter-name="gemstone"] a[data-colour-refine="sandstone"].checked::before, #ac-gemstones-sandstone { background: #ce781b; background: linear-gradient(to bottom right, #ce781b, #ffc17e); } li[data-filter-name="gemstone"] a[data-colour-refine="sapphire"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="sapphire"], li[data-filter-name="gemstone"] a[data-colour-refine="sapphire"].checked::before, #ac-gemstones-sapphire { background: #002f9b; background: linear-gradient(to bottom right, #002f9b, #3165e9); } li[data-filter-name="gemstone"] a[data-colour-refine="sardonyx"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="sardonyx"], li[data-filter-name="gemstone"] a[data-colour-refine="sardonyx"].checked::before, #ac-gemstones-sardonyx { background: #b83e01; background: linear-gradient(to bottom right, #b83e01, #b16f4e); } li[data-filter-name="gemstone"] a[data-colour-refine="serpentine"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="serpentine"], li[data-filter-name="gemstone"] a[data-colour-refine="serpentine"].checked::before, #ac-gemstones-serpentine { background: #2c4800; background: linear-gradient(to bottom right, #2c4800, #819b57); } li[data-filter-name="gemstone"] a[data-colour-refine="sillimanite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="sillimanite"], li[data-filter-name="gemstone"] a[data-colour-refine="sillimanite"].checked::before, #ac-gemstones-sillimanite { background: #95833a; background: linear-gradient(to bottom right, #95833a, #dfcc7f); } li[data-filter-name="gemstone"] a[data-colour-refine="silver-diamond"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="silver-diamond"], li[data-filter-name="gemstone"] a[data-colour-refine="silver-diamond"].checked::before, #ac-gemstones-silver-diamond { background: #b2b2b2; background: linear-gradient(to bottom right, #b2b2b2, #e4e4e4); } li[data-filter-name="gemstone"] a[data-colour-refine="smoky-quartz"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="smoky-quartz"], li[data-filter-name="gemstone"] a[data-colour-refine="smoky-quartz"].checked::before, #ac-gemstones-smoky-quartz { background: #402601; background: linear-gradient(to bottom right, #402601, #665e53); } li[data-filter-name="gemstone"] a[data-colour-refine="spinel"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="spinel"], li[data-filter-name="gemstone"] a[data-colour-refine="spinel"].checked::before, #ac-gemstones-spinel { background: #5f0101; background: linear-gradient(to bottom right, black, #2e2e2e); } li[data-filter-name="gemstone"] a[data-colour-refine="sugilite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="sugilite"], li[data-filter-name="gemstone"] a[data-colour-refine="sugilite"].checked::before, #ac-gemstones-sugilite { background: #550e4f; background: linear-gradient(to bottom right, #550e4f, #f373e8); } li[data-filter-name="gemstone"] a[data-colour-refine="tanzanite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="tanzanite"], li[data-filter-name="gemstone"] a[data-colour-refine="tanzanite"].checked::before, #ac-gemstones-tanzanite { background: #240e55; background: linear-gradient(to bottom right, #240e55, #5081d1); } li[data-filter-name="gemstone"] a[data-colour-refine="tigers-eye"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="tigers-eye"], li[data-filter-name="gemstone"] a[data-colour-refine="tigers-eye"].checked::before, #ac-gemstones-tigers-eye { background: #4e3a0a; background: linear-gradient(to bottom right, #4e3a0a, #ffb400, #4e3a0a); } li[data-filter-name="gemstone"] a[data-colour-refine="topaz"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="topaz"], li[data-filter-name="gemstone"] a[data-colour-refine="topaz"].checked::before, #ac-gemstones-topaz { background: #4e3a0a; background: linear-gradient(to bottom right, #4e3a0a, #fabb25); } li[data-filter-name="gemstone"] a[data-colour-refine="tourmaline"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="tourmaline"], li[data-filter-name="gemstone"] a[data-colour-refine="tourmaline"].checked::before, #ac-gemstones-tourmaline { background: #00665e; background: linear-gradient(to bottom right, #00665e, #87faf1); } li[data-filter-name="gemstone"] a[data-colour-refine="tsavorite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="tsavorite"], li[data-filter-name="gemstone"] a[data-colour-refine="tsavorite"].checked::before, #ac-gemstones-tsavorite { background: #1a6600; background: linear-gradient(to bottom right, #1a6600, #9dfa87); } li[data-filter-name="gemstone"] a[data-colour-refine="turquoise"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="turquoise"], li[data-filter-name="gemstone"] a[data-colour-refine="turquoise"].checked::before, #ac-gemstones-turquoise { background: #1c9da2; background: linear-gradient(to bottom right, #1c9da2, #84faff); } li[data-filter-name="gemstone"] a[data-colour-refine="zoisite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="zoisite"], li[data-filter-name="gemstone"] a[data-colour-refine="zoisite"].checked::before, #ac-gemstones-zoisite { background: #127517; background: linear-gradient(to bottom right, #127517, #863179); } li[data-filter-name="gemstone"] a[data-colour-refine="rainbow-moonstone"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="rainbow-moonstone"], li[data-filter-name="gemstone"] a[data-colour-refine="rainbow-moonstone"].checked::before, #ac-gemstones-rainbow-moonstone { background: linear-gradient(to bottom right, #e1d8cd, #f2e8e3, #fbf6f3, #e8e4df, #d4c8b9); } li[data-filter-name="gemstone"] a[data-colour-refine="sea-bamboo"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="sea-bamboo"], li[data-filter-name="gemstone"] a[data-colour-refine="sea-bamboo"].checked::before, li[data-filter-name="gemstone"] a[data-colour-refine="red-agate"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="red-agate"], li[data-filter-name="gemstone"] a[data-colour-refine="red-agate"].checked::before, #ac-gemstones-red-agate { background: #f00002; } li[data-filter-name="gemstone"] a[data-colour-refine="pink-sapphire"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="pink-sapphire"], li[data-filter-name="gemstone"] a[data-colour-refine="pink-sapphire"].checked::before, #ac-gemstones-pink-sapphire { background: #e710b7; } li[data-filter-name="gemstone"] a[data-colour-refine="moss-agate"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="moss-agate"], li[data-filter-name="gemstone"] a[data-colour-refine="moss-agate"].checked::before, #ac-gemstones-moss-agate { background: #203724; } li[data-filter-name="gemstone"] a[data-colour-refine="pink-opal"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="pink-opal"], li[data-filter-name="gemstone"] a[data-colour-refine="pink-opal"].checked::before, #ac-gemstones-pink-opal { background: linear-gradient(to bottom right, #ebddda, #fcf7f4, #ebddda); } li[data-filter-name="gemstone"] a[data-colour-refine="tiger-s-eye"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="tiger-s-eye"], li[data-filter-name="gemstone"] a[data-colour-refine="tiger-s-eye"].checked::before, #ac-gemstones-tiger-s-eye { background: #4e3a0a; background: linear-gradient(to bottom right, #4e3a0a, #fabb25); } li[data-filter-name="gemstone"] a[data-colour-refine="agate"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="agate"], li[data-filter-name="gemstone"] a[data-colour-refine="agate"].checked::before, #ac-gemstones-agate { background: #c6281c; background: linear-gradient(to bottom right, #c6281c); } li[data-filter-name="gemstone"] a[data-colour-refine="amber"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="amber"], li[data-filter-name="gemstone"] a[data-colour-refine="amber"].checked::before, #ac-gemstones-amber { background: #e65708; background: linear-gradient(to bottom right, #e65708, #fcc700, #fb8e00); } li[data-filter-name="gemstone"] a[data-colour-refine="aquamarine"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="aquamarine"], li[data-filter-name="gemstone"] a[data-colour-refine="aquamarine"].checked::before, #ac-gemstones-aquamarine { background: #b8d3da; background: linear-gradient(to bottom right, #b8d3da, #f5f5f5); } li[data-filter-name="gemstone"] a[data-colour-refine="diamond"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="diamond"], li[data-filter-name="gemstone"] a[data-colour-refine="diamond"].checked::before, #ac-gemstones-diamond { background: #c7d0d7; background: linear-gradient(to bottom right, #c7d0d7, #ffffff, #c7d0d7); } li[data-filter-name="gemstone"] a[data-colour-refine="fluorite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="fluorite"], li[data-filter-name="gemstone"] a[data-colour-refine="fluorite"].checked::before, #ac-gemstones-fluorite { background: #e3b3c3; background: linear-gradient(to bottom right, #e3b3c3, #aa6085, #974575, #215f76, #66a377); } li[data-filter-name="gemstone"] a[data-colour-refine="labradorite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="labradorite"], li[data-filter-name="gemstone"] a[data-colour-refine="labradorite"].checked::before, #ac-gemstones-labradorite { background: #676568; background: linear-gradient(to bottom right, #676568, #8eb4bf, #676568); } li[data-filter-name="gemstone"] a[data-colour-refine="london-blue-topaz"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="london-blue-topaz"], li[data-filter-name="gemstone"] a[data-colour-refine="london-blue-topaz"].checked::before, #ac-gemstones-london-blue-topaz { background: #00c2e8; background: linear-gradient(to bottom right, #00c2e8, #c7fffe, #0076b3, #89c6d9, #06cdee); } li[data-filter-name="gemstone"] a[data-colour-refine="malachite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="malachite"], li[data-filter-name="gemstone"] a[data-colour-refine="malachite"].checked::before, #ac-gemstones-malachite { background: #13402c; background: linear-gradient(to bottom right, #13402c, #77a893, #143323, #408364, #3d6857); } li[data-filter-name="gemstone"] a[data-colour-refine="morganite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="morganite"], li[data-filter-name="gemstone"] a[data-colour-refine="morganite"].checked::before, #ac-gemstones-morganite { background: #e7c1e5; background: linear-gradient(to bottom right, #e7c1e5, #dfac8f); } li[data-filter-name="gemstone"] a[data-colour-refine="opal"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="opal"], li[data-filter-name="gemstone"] a[data-colour-refine="opal"].checked::before, #ac-gemstones-opal { background: #02db96; background: linear-gradient(to bottom right, #02db96, #0849bf); } li[data-filter-name="gemstone"] a[data-colour-refine="opalite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="opalite"], li[data-filter-name="gemstone"] a[data-colour-refine="opalite"].checked::before, #ac-gemstones-opalite { background: #0053a8; background: linear-gradient(to bottom right, #0053a8, #b9f5eb, #ebe2dd); } li[data-filter-name="gemstone"] a[data-colour-refine="peridot"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="peridot"], li[data-filter-name="gemstone"] a[data-colour-refine="peridot"].checked::before, #ac-gemstones-peridot { background: #b9e751; background: linear-gradient(to bottom right, #b9e751, #648d17, #4c6b04); } li[data-filter-name="gemstone"] a[data-colour-refine="pink-tourmaline"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="pink-tourmaline"], li[data-filter-name="gemstone"] a[data-colour-refine="pink-tourmaline"].checked::before, #ac-gemstones-pink-tourmaline { background: #fde5e5; background: linear-gradient(to bottom right, #fde5e5, #f58e92, #ca322f, #fa9c94); } li[data-filter-name="gemstone"] a[data-colour-refine="spessartite"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="spessartite"], li[data-filter-name="gemstone"] a[data-colour-refine="spessartite"].checked::before, #ac-gemstones-spessartite { background: #fcf4a9; background: linear-gradient(to bottom right, #fcf4a9, #fc8400, #622c12); } li[data-filter-name="gemstone"] a[data-colour-refine="zircon"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="zircon"], li[data-filter-name="gemstone"] a[data-colour-refine="zircon"].checked::before, #ac-gemstones-zircon { background: #99cbe6; background: linear-gradient(to bottom right, #99cbe6, #00a1e1, #031a3a); } li[data-filter-name="gemstone"] a[data-colour-refine="abalone"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="abalone"], li[data-filter-name="gemstone"] a[data-colour-refine="abalone"].checked::before, #ac-gemstones-abalone { background: #7596b9; background: linear-gradient(to bottom right, #7596b9, #70afc1, #6ba074, #594d65); } li[data-filter-name="gemstone"] a[data-colour-refine="lace-agate"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="lace-agate"], li[data-filter-name="gemstone"] a[data-colour-refine="lace-agate"].checked::before, #ac-gemstones-lace-agate { background: #ddced1; background: linear-gradient(to bottom right, #ddced1, #ffffff); } li[data-filter-name="gemstone"] a[data-colour-refine="white-agate"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="white-agate"], li[data-filter-name="gemstone"] a[data-colour-refine="white-agate"].checked::before, #ac-gemstones-white-agate { background: #f4f3f1; background: linear-gradient(to bottom right, #f4f3f1, #ededed, #ffffff); } li[data-filter-name="gemstone"] a[data-colour-refine="green-onyx"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="green-onyx"], li[data-filter-name="gemstone"] a[data-colour-refine="green-onyx"].checked::before, #ac-gemstones-green-onyx { background: #029a50; background: linear-gradient(to bottom right, #029a50); } li[data-filter-name="gemstone"] a[data-colour-refine="blue-zircon"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="blue-zircon"], li[data-filter-name="gemstone"] a[data-colour-refine="blue-zircon"].checked::before, #ac-gemstones-blue-zircon { background: #042d38; background: linear-gradient(to bottom right, #042d38, #1684a1, #d1fdfd, #022d34); } li[data-filter-name="gemstone"] a[data-colour-refine="fire-opal"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="fire-opal"], li[data-filter-name="gemstone"] a[data-colour-refine="fire-opal"].checked::before, #ac-gemstones-fire-opal { background: #ae1a16; background: linear-gradient(to bottom right, #ae1a16, #db2b1d, #f27d42, #ed2e21); } li[data-filter-name="gemstone"] a[data-colour-refine="blue-agate"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="blue-agate"], li[data-filter-name="gemstone"] a[data-colour-refine="blue-agate"].checked::before, #ac-gemstones-blue-agate { background: #79b7dd; background: linear-gradient(to bottom right, #79b7dd); } li[data-filter-name="gemstone"] a[data-colour-refine="london-blue-topaz"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="gemstone"][data-value="london-blue-topaz"], li[data-filter-name="gemstone"] a[data-colour-refine="london-blue-topaz"].checked::before, #ac-gemstones-london-blue-topaz { background: #00c2e8; background: linear-gradient(to bottom right, #00c2e8, #c7fffe, #0076b3, #89c6d9, #06cdee); } /* Metal types */ li[data-filter-name="metal"] a[data-colour-refine="black-rhodium"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="metal"][data-value="black-rhodium"], li[data-filter-name="metal"] a[data-colour-refine="black-rhodium"].checked::before, #ac-metal-black-rhodium { background: #000000; background: linear-gradient(to bottom right, #000000, #484848); } li[data-filter-name="metal"] a[data-colour-refine="black-rhodium-plated"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="metal"][data-value="black-rhodium-plated"], li[data-filter-name="metal"] a[data-colour-refine="black-rhodium-plated"].checked::before, #ac-metal-black-rhodium-plated { background: #000000; background: linear-gradient(to bottom right, #000000, #2d2d2d); } li[data-filter-name="metal"] a[data-colour-refine="platinum"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="metal"][data-value="platinum"], li[data-filter-name="metal"] a[data-colour-refine="platinum"].checked::before, #ac-metal-platinum { background: #e5e4e2; background: linear-gradient(to bottom right, #e5e4e2, #a1a1a1); } li[data-filter-name="metal"] a[data-colour-refine="rose-gold-(vermeil)"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="metal"][data-value="rose-gold-(vermeil)"], li[data-filter-name="metal"] a[data-colour-refine="rose-gold-(vermeil)"].checked::before, #ac-metal-rose-gold-vermeil { background: #c9876c; background: linear-gradient(to bottom right, #c9876c, #de8047); } li[data-filter-name="metal"] a[data-colour-refine="sterling-silver"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="metal"][data-value="sterling-silver"], li[data-filter-name="metal"] a[data-colour-refine="sterling-silver"].checked::before, #ac-metal-sterling-silver { background: #c0c0c0; background: linear-gradient(to bottom right, #c0c0c0, #f2f2f2); } li[data-filter-name="metal"] a[data-colour-refine="white-gold-vermeil"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="metal"][data-value="white-gold-vermeil"], li[data-filter-name="metal"] a[data-colour-refine="white-gold-vermeil"].checked::before, #ac-metal-white-gold-vermeil { background: #ede5e5; background: linear-gradient(to bottom right, #ede5e5, #d2d2d2); } li[data-filter-name="metal"] a[data-colour-refine="yellow-gold-(solid)"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="metal"][data-value="yellow-gold-(solid)"], li[data-filter-name="metal"] a[data-colour-refine="yellow-gold-(solid)"].checked::before, #ac-metal-yellow-gold { background: #ecd8a0; background: linear-gradient(to bottom right, #ecd8a0, #b9a879); } li[data-filter-name="metal"] a[data-colour-refine="yellow-gold-(vermeil)"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="metal"][data-value="yellow-gold-(vermeil)"], li[data-filter-name="metal"] a[data-colour-refine="yellow-gold-(vermeil)"].checked::before, #ac-metal-yellow-gold-vermeil { background: #ece4a0; background: linear-gradient(to bottom right, #ece4a0, #a6a46f); } li[data-filter-name="metal"] a[data-colour-refine="black-ruthenium-plated"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="metal"][data-value="black-ruthenium-plated"], li[data-filter-name="metal"] a[data-colour-refine="black-ruthenium-plated"].checked::before, #ac-metal-black-ruthenium-plated { background: #000; } li[data-filter-name="metal"] a[data-colour-refine="rose-gold-(solid)"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="metal"][data-value="rose-gold-(solid)"], li[data-filter-name="metal"] a[data-colour-refine="rose-gold-(solid)"].checked::before, #ac-metal-rose-gold { background: #f3cab4; background: linear-gradient(to bottom right, #f3cab4, #ffe9d2, #feede3, #f1cbb4); } li[data-filter-name="metal"] a[data-colour-refine="white-gold-(solid)"]::before, .fl-lisa .fl-lisa-color-tile[data-filter="metal"][data-value="white-gold-(solid)"], li[data-filter-name="metal"] a[data-colour-refine="white-gold-(solid)"].checked::before, #ac-metal-white-gold { background: #f7f7f7; background: linear-gradient(to bottom right, #d3d3d3, #fff, #f5f5f5, #fff, #d0d0d0); } /* Zoom icons */ .product-view .product-left .iviewer_zoom_in, .product-view .product-left .iviewer_zoom_in:hover { background: url("../images/reskin/zoom-in-nb.png") no-repeat scroll center / contain !important; } .product-view .product-left .iviewer_zoom_out, .product-view .product-left .iviewer_zoom_out:hover { background: url("../images/reskin/zoom-out-nb.png") no-repeat scroll center / contain !important; } .product-view .product-left .iviewer_zoom_in { left: 45px !important; } .product-view .product-left .iviewer_zoom_out { left: 75px !important; } .productimgwrapper .iviewer_zoom_in, .productimgwrapper .iviewer_zoom_out { display: block; } /* End Product Page ========================================================================== */ /* Miscellaneous */ body.product-gold-scorpio-zodiac-biography-pendant-necklace .product-right .product-swatches li[data-sku="39056SNON"] { display: none !important; } #discount-coupon-form .highlight { margin-bottom: 0; } #contact-us h3 { margin-bottom: 10px; } #contact-us .hours-header { margin: 30px auto 10px; } #contact-us .notice { margin-bottom: 70px; } #contact-us .c-address { font-weight: bold; } #contact-us .c-icon { max-width: 25px; } #contact-us .contact-info > ul:not(:last-child) { margin-bottom: 25px; } #contact-us .contact-options { margin: 20px auto 30px; text-align: left; } #contact-us .contact-options li { display: block; margin: 0 auto; } #contact-us .contact-options li:not(:last-of-type) { margin-bottom: 15px; } #contact-us .contact-options li * { display: inline-block; margin: 0 auto; vertical-align: middle; } #contact-us .contact-options li .c-name { margin-left: 20px; } #contact-us .contact-options li .c-address { margin-left: 5px; } #contact-us .contact-options .contact-us-live-chat { display: none; } #contact-us .contact-options .contact-us-live-chat.agent-online { display: block; } @media all and (max-width: 1023px) { #contact-us .contact-options { max-width: 768px; } } @media all and (max-width: 420px) { #contact-us .contact-options .c-address { font-size: 14px; } #contact-us .contact-options li .c-name { display: none; } } @media all and (max-width: 325px) { #contact-us .c-icon { max-width: 30px; } } #pronav-new-in .pronav-copy-wrapper .pronav-title { color: white !important; font-family: "Libre Franklin" !important; font-size: 30px !important; line-height: 1.25 !important; margin-bottom: 20px !important; text-align: left !important; } #blog h1 { color: black; } #blog .block.twitter { display: none; } #ring-size-guide-dropdown h3 { font-size: 20px; margin-bottom: 10px; } #ring-size-guide-dropdown .size-info:not(:last-of-type) { margin-bottom: 30px; } #size-conversion-table .half { font-size: 10px; vertical-align: super; } #size-conversion-table th { border: none; padding: 5px; } #size-conversion-table td { border: 1px solid black; font-size: 16px; font-weight: lighter; padding: 10px; text-align: center; width: 80px; } #mini-cart .mini-cart-item-qty, #mini-cart .mini-cart-item-remove { display: none; } #delivery-and-returns .uk-delivery, #delivery-and-returns .int-delivery { margin-bottom: 30px; } .category-jewellery-gift-vouchers .col-left #narrow-by-list { max-width: 250px !important; } .blog-slider-container { max-width: 800px; } .blog-slider .products-grid { max-width: 235px; } #onestepcheckout-form .onestepcheckout-enable-newsletter-bottom { font: 14px Verdana; margin: 0 auto 20px; text-align: left; } #sagepaydirectpro_cc_type_ss_div label { font: 14px Verdana; } #onestepcheckout-form #id_subscribe_newsletter { margin-right: 8px; } #mmLink { padding: 5px; } .special-price { margin-left: 10px; } .special-price .price { color: var(--red-brick); } /* "justintime" promo code */ @media all and (max-width: 700px) { ul#new-info .new-delivery { background-image: none !important; } ul#new-info > li { padding: 0 5px; } .new-delivery > a { box-sizing: border-box; display: block; width: 100%; } } @media all and (max-width: 565px) { .infobar ul, ul#new-info > li { height: 45px !important; } } @media all and (max-width: 335px) { ul#new-info span { font-size: 14px !important; } } .old-price .price { text-decoration: line-through; } #same-day-delivery-warning { margin-top: 20px; } div.main_popup .price_and_sku { position: relative !important; } @media all and (max-width: 768px) { #london-jewellery-shop .contact-info-right > h2 { left: 50%; position: relative; transform: translateX(-50%); width: calc(100% + 30px); } } /* Begin: Gift wrap pop-up */ .product-home-giftwrap .main_popup, .product-home-giftwrap { /* width: 100% !important; */ } .product-home-giftwrap .main_popup .skufloat, .product-premium-giftwrap .main_popup .skufloat, .product-home-giftwrap .main_popup #ugc-section, .product-premium-giftwrap .main_popup #ugc-section { display: none; } .product-home-giftwrap .main_popup .product-view, .product-premium-giftwrap .main_popup .product-view { background: white url("../images/giftwrap-popup-background-old.jpg") no-repeat scroll center top / contain; text-align: center; } .product-home-giftwrap div.product-right { margin-top: 90px !important; } .product-premium-giftwrap .product-right .description { margin-bottom: 10px; } .product-home-giftwrap .main_popup .product-right .name-and-sku, .product-premium-giftwrap .main_popup .product-right .name-and-sku, .product-home-giftwrap .main_popup .product-right .handy-links, .product-premium-giftwrap .main_popup .product-right .handy-links { display: none; } .product-premium-giftwrap .product-options-bottom, .product-premium-giftwrap #product-add-to-cart { float: none; position: static !important; } .product-premium-giftwrap #product-add-to-cart { max-width: 280px; } .product-premium-giftwrap .product-right .options-container-small #product-options-wrapper { margin-bottom: 0; } .product-home-giftwrap .product-right .options-container-small #product-options-wrapper, .product-home-giftwrap .product-right .options-container-small .product-options-bottom, .product-home-giftwrap .product-right .options-container-small #product-options-wrapper dl dd, .product-premium-giftwrap .product-right .options-container-small #product-options-wrapper, .product-premium-giftwrap .product-right .options-container-small .product-options-bottom, .product-premium-giftwrap .product-right .options-container-small #product-options-wrapper dl dd { width: 100% !important; } .product-home-giftwrap textarea, .product-premium-giftwrap textarea { resize: none; } .product-home-giftwrap .main_popup h2, .product-premium-giftwrap .main_popup h2 { background: none; color: black; font: lighter 35px "Libre Franklin", sans-serif; padding: 0; text-transform: none; } .product-home-giftwrap .main_popup .product-right, .product-premium-giftwrap .main_popup .product-right { display: flex; flex-direction: column; float: none !important; width: 100% !important; } /* End: Gift wrap pop-up */ #option-buttons-container .selector-button-size-one-size { background-color: black; color: white; } #option-buttons-container .single-sized-product { display: none; } /* Begin: Interstellar test */ .reskin #interstellar-page { background: url("../../../../../media/cms/interstellar/images/background-bigger.jpg") no-repeat scroll center / cover; width: 100%; } .reskin #interstellar-page p { letter-spacing: 0.04em; } .reskin #interstellar-page .background { background: url("../../../../../media/cms/interstellar/images/interstellar.svg") no-repeat scroll center 40% / 50%; } .reskin #interstellar-page .more-information { left: 50%; right: unset; top: 60%; transform: translate(-50%, -60%); } .reskin #interstellar-page .constellations { position: static; } .reskin #interstellar-page .constellation-1 img, .reskin #interstellar-page .constellation-1 svg {left: 10%; top: 10%; } .reskin #interstellar-page .constellation-2 img, .reskin #interstellar-page .constellation-2 svg {left: 45%; top: 10%; } .reskin #interstellar-page .constellation-3 img, .reskin #interstellar-page .constellation-3 svg {right: 10%; top: 10%; } .reskin #interstellar-page .constellation-4 img, .reskin #interstellar-page .constellation-4 svg {bottom: 10%; right: 10%; top: unset; } .reskin #interstellar-page .constellation-5 img, .reskin #interstellar-page .constellation-5 svg {bottom: 10%; left: 10%; top: unset; } @media all and (max-width: 768px) { #interstellar-page { display: none; } #interstellar-mobile { display: block !important; margin: 0 auto -30px; width: 100%; } #interstellar-mobile img { max-width: 100%; } } /* End: Interstellar test */ #shopping-cart-table .item-msg.error, .messages li.error-msg span, .messages li.error-msg span strong { color: var(--red-brick); } @media all and (max-width: 1023px) { .product-right .stock-hover { display: none !important; } .pronav-image { display: none !important; } } @media all and (max-width: 350px) { #find-your-ring-size .buttons:first-of-type .cta { display: block !important; margin: 10px auto !important; width: 150px !important; } } .select-a-size { color: var(--red-brick); font-weight: bold; margin-bottom: 5px; } .continue-shopping-links .cta { margin-left: auto; margin-right: auto; } .code_removelink { font-size: 14px; margin-left: 10px; } #fancybox-close, .checkout-cart-index #fancybox-close, .product-premium-giftwrap #fancybox-close, .wishlist-index-shared #fancybox-close, .wishlist-index-share #fancybox-close, .wishlist-index-index #fancybox-close, .cms-page-view #fancybox-close, .catalog-product-view #fancybox-close, .catalog-category-view #fancybox-close { /* background: url("../images/reskin/close-white.png") no-repeat scroll center / contain !important; */ } /* Quick fix for checkout buttons */ #cart-reskin #basketpage-titleblock { float: none; } #cart-reskin .checkout-types { right: -50px; top: 30px; } @media all and (max-width: 1023px) { #cart-reskin .checkout-types { position: static; } } /* #fancybox-close { right: 40px !important; top: 20px !important; } */ #add_to_wishlist .addto, #add_to_wishlist.saving:hover .addto { cursor: pointer; } #add_to_wishlist .addto { position: relative; } /* ========================================================================== Mini Bag ========================================================================== */ .mini-cart-item-remove { background: rgba(0, 0, 0, 0) url("../images/reskin/close-black.png") no-repeat scroll right center / 13px auto !important; position: absolute; right: 5px; top: 10px; } .scrollwrap .item { position: relative; } .top-cart .block-content .inner-wrapper .scrollable .scrolltop { background: white url("../images/reskin/chevron-black-up.png") no-repeat scroll center / 15px !important; } .top-cart .block-content .inner-wrapper .scrollable .scrolldown { background: white url("../images/reskin/chevron-black-down.png") no-repeat scroll center / 15px !important; } .header-container { padding: 10px 50px; } /* "Thank you for your order" page */ .page { min-height: 370px; } .paypal-express-review #order_review_form { float: none !important; position: static !important; } #order_review_form #review_button, #review address, #review h4, .paypal-express-review .col-main th, .paypal-express-review #details-table tfoot tr > td:first-child, .paypal-express-review .col-main .box-content, .paypal-express-review .col-main address { color: black !important; font: lighter 16px "neuzeit-grotesk" !important; } .paypal-express-review .col-main th { font-weight: bold !important; } #order_review_form #review_button:hover { color: white !important; } #review address br { margin: 2px auto; } #review .info-set + .info-set { margin-top: 20px; } #review .product-name { text-transform: none; } #review #shipping_method { color: black; font: lighter 14px "neuzeit-grotesk" !important; } #review { min-height: 700px; } #review a, #review li, #review p, #review span, #review strong { line-height: 1.4; } #review a, #review li, #review p, #review span, #review strong, #review ul { margin-bottom: 0; } #review h3 { font-size: 17px; line-height: 1; margin-bottom: 5px; text-align: left; } #review section { margin-left: auto; margin-right: auto; } #review .account-2016 { margin-left: auto; margin-right: auto; max-width: 970px; position: relative; width: 95%; } #review .error-info { margin-top: 20px; text-align: center; } #review .error-info a { font-size: inherit; line-height: inherit; font-weight: bold; } #review .feedback-section { padding-left: 2.5%; width: 67.5%; } #review .feedback-section, #review .product-image { display: inline-block; vertical-align: top; } #review .form-bottom { padding: 2.5%; } #review .forms-wrapper form { border: 1px solid #050004; display: block; } #review .forms-wrapper form:not(:last-of-type) { margin-bottom: 35px; } #review .page-body > section:not(:last-of-type) { margin-bottom: 40px; } #review .product-image { width: 30%; } #review .review-clone { margin-bottom: 15px; } #review .review-comment { border: 1px solid #050004; border-radius: 0; box-sizing: border-box; display: block; margin-bottom: 10px; min-height: 130px; max-width: 100%; padding: 8px; width: 100%; } #review .review-comment.error { border: 2px solid red; } #review .review-order-info { border-bottom: 1px solid #050004; padding: 10px; text-align: left; } #review .review-order-info p, #review .review-order-info strong { display: inline-block; line-height: 1; vertical-align: middle; } #review .review-order-info li:not(:last-of-type) { margin-right: 20px; } #review .review-submitted { display: none; text-align: left; } #review .review-submitted li:not(:last-child) { margin-bottom: 10px; } #review .share-icons a { cursor: pointer; display: inline-block; margin: 0; } #review .share-icons a:hover { text-decoration: none; } #review .share-icons img { width: 35px; } #review .share-icons li:not(:last-of-type) { margin-right: 20px; } #review .star-validation-error .error { color: #ce0225; display: block; margin-top: -10px; text-align: left; } #review .summary { max-width: 768px; text-align: center; width: 100%; } #review .thank-you-note { margin-bottom: 20px; } /* Star rating CSS by Neil Pomerleau, from https://codepen.io/neilpomerleau/pen/wzxzQr (modified) */ #review .stars-rating { display: table; margin-bottom: 10px; position: relative; } #review .stars-rating label { cursor: pointer; height: 100%; left: 0; line-height: 1; margin: 0; position: absolute; top: 0; } #review .stars-rating label:last-child { position: static; } #review .stars-rating label:last-child .star-icon { color: var(--light-blue-50); } #review .stars-rating label:nth-child(1) { z-index: 5; } #review .stars-rating label:nth-child(2) { z-index: 4; } #review .stars-rating label:nth-child(3) { z-index: 3; } #review .stars-rating label:nth-child(4) { z-index: 2; } #review .stars-rating label:nth-child(5) { z-index: 1; } #review .stars-rating label input { left: 0; opacity: 0; position: absolute; top: 0; } #review .stars-rating label .star-icon { color: transparent; font: 25px/1 sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #review .stars-rating:not(:hover) label input:checked ~ .star-icon, #review .stars-rating:hover label:hover input ~ .star-icon { color: var(--inky-blue); } #review .stars-rating.rated { pointer-events: none; } /* End: star rating CSS */ @media all and (max-width: 768px) { #review .feedback-section { display: block; padding-left: 0; width: auto; } #review .form-bottom { position: relative; } #review .product-image { position: absolute; right: 2.5%; top: 5%; width: 25%; } #review .review-comment, #review .thank-you-note { margin-left: 0; max-width: 70%; } #review .review-order-info li { display: block; } #review .review-order-info li:not(:last-of-type) { margin-right: auto; } } /* Update: add login form */ #review .login-note { text-align: center; } #review .login-notice { display: none; margin-top: 20px; text-align: center; } #review .login-notice p { margin-bottom: 10px; } #review .login-notice .cta { margin-left: auto; } #review .login-section { margin-top: 20px; padding-bottom: 0; } #review .login-section form { display: block; } #review .login-section .login-form, #review .login-section .register-form { display: none; } #review .login-section input[type="email"], #review .login-section input[type="text"], #review .login-section .cta { margin-left: auto; margin-right: auto; } #review .login-section .block-list { width: 100%; } #review .login-section .block-list li:not(:last-of-type) { margin-bottom: 10px; } #review .no-order p { margin-bottom: 5px; } #review .no-order .cta { margin: 20px auto 0; } /* Photo upload CSS */ #review .del-photo { background: rgba(255, 255, 255, 0.5) url("../images/reskin/close-black-chunky.png") no-repeat center / 60%; border-radius: 50%; cursor: pointer; height: 25px; position: absolute; right: 10px; transition: all .15s; top: 10px; width: 25px; } #review .del-photo:hover { background-color: white; } #review .input-wrapper .cta { vertical-align: top; } #review .input-wrapper .add-photo-label { margin-bottom: 20px; max-width: 170px; overflow: hidden; position: relative; } #review .photo-upload { cursor: pointer; height: 100%; opacity: 0; position: absolute; top: 0; width: 100%; /* Outrageously hacky solution for IE */ right: 50%; transform: scaleX(2); } #review .photo-wrapper { border: 2px solid #050004; box-sizing: border-box; display: inline-block; margin-bottom: 10px; max-width: calc(100% / 3 - 10px); position: relative; vertical-align: top; } #review .photo-wrapper:not(:last-child) { margin-right: 10px; } #review .user-photo-gallery { display: none; } #review .user-photo-gallery.active { display: block; text-align: left; } #review .user-image { display: block; max-width: 100%; } @media all and (max-width: 768px) { #review .input-wrapper .cta { display: block; } #review .input-wrapper .cta:not(:last-child) { margin-bottom: 10px; } #review .input-wrapper .add-photo-label { margin-left: 0; max-width: 280px; } #review .photo-wrapper { max-width: calc(50% - 10px); } #review .photo-wrapper:not(:last-child) { margin-right: auto; } #review .photo-wrapper:nth-child(even) { margin-left: 10px; } } #review .customer-logged-in-true form { display: none !important; } #review .customer-logged-in-true .custservice-copy { margin-top: 0; } /* Begin: Site map */ .xsitemap { margin-left: auto; margin-right: auto; max-width: 1280px; width: 95%; } .xsitemap-stores { display: none; } .xsitemap h1 { padding-bottom: 40px; padding-top: 35px; } .xsitemap h2 { text-align: center; } .xsitemap a { font-weight: normal; } #sitemap-reskin li { margin-bottom: 5px; } #sitemap-reskin .catalogue-column { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: space-between; } #sitemap-reskin .catalogue-column > li { padding-bottom: 30px; width: 25%; } #sitemap-reskin .catalogue-column > li:nth-of-type(n+5)::before { border-top: 1px solid var(--inky-blue); content: ""; display: block; padding-bottom: 30px; } #sitemap-reskin .catalogue-column > li:nth-of-type(4n+1) > * { padding-left: 10px; } #sitemap-reskin .catalogue-column > li > a { display: inline-block; font-family: var(--johnston); font-weight: normal; margin: 20px 0 15px; text-transform: uppercase; } #sitemap-reskin .pages { display: flex; flex-wrap: wrap; } #sitemap-reskin .pages > li { margin: 10px 5px; padding: 0; width: calc(25% - 10px); } #sitemap-reskin .product-list > li { display: block; } @media all and (max-width: 1023px) { #sitemap-reskin .pages > li, #sitemap-reskin .catalogue-column > li { width: 50%; } #sitemap-reskin .pages > li { box-sizing: border-box; margin-left: auto; margin-right: auto; padding: 0 5px; } } @media all and (max-width: 500px) { #sitemap-reskin .catalogue-column > li, #sitemap-reskin .catalogue-column > li:nth-of-type(4n+1) > * { padding: 0; } #sitemap-reskin .catalogue-column > li:last-of-type::after, #sitemap-reskin .catalogue-column > li:nth-of-type(n+5)::before { display: none; } #sitemap-reskin .pages > li, #sitemap-reskin .catalogue-column > li { width: 100%; } } /* End: Site map */ /* ========================================================================== Media queries ========================================================================== */ /* Initially hide .mobile-only elements, to be revealed in media queries */ .reskin .mobile-only, .pronav-hidden { display: none !important; } @media all and (max-width: 1340px) { .reskin #site-footer #subscribe-form #email { width: 250px; } } @media all and (max-width: 1299px) { .reskin #site-footer #subscribe-form #email { width: 200px; } .category-view .toolbar .numfound { line-height: 30px !important; margin-right: 112px !important; } } body.header-is-fixed > .wrapper { padding-top: 50px; /* Height of sticky pronav */ } /* Main 1023px media query */ @media all and (max-width: 1023px) { body.header-is-fixed > .wrapper { padding-top: calc(78px + 44px); /* Height of promo bar + header */ } .col-left #narrow-by-list > li > ol { top: 61px !important; } #cart-reskin #basketpage-titleblock { width: auto; } .product-premium-giftwrap .main_popup #product-add-to-cart { display: block; margin: 0 auto !important; } ul#pronav .new-in-images { display: none !important; } .product-left #thumbs li { margin: 0 10px 10px; } .product-left #thumbs_wrapper { height: 30px; } #topCartContent { display: none !important; } .reskin .page-body { width: 90%; } .reskin .mobile-only, .pronav-hidden { display: block !important; } /* Pronav/header media queries*/ .header-search-wrap { display: none; } /* Originally in 768 */ .reskin table { margin-left: auto; margin-right: auto; } .reskin .google-maps { margin: 0 auto; } .reskin .opening-hours { margin: 0 auto 45px; } #mobile-menu-icon { background-image: url("../images/mobile-menu-black.png"); background-position: center; background-repeat: no-repeat; background-size: 40px; cursor: pointer; display: block; height: 64px; position: relative; width: 64px; z-index: 100; } #pronav .blank { display: none; } .parent.no-child { display: block !important; } ul#pronav .parent.no-child a span { text-transform: none; } #pronav .ge-switcher { display: block; margin: 0 auto; text-align: center; } #pronav-explore li:not(.pronav-title) { display: none; } #pronav-explore .blank { display: none !important; } .paypal-express-review .left_section, .paypal-express-review .right_section, #review .col2-set .col-1, .paypal-express-review #order_review_form { float: none !important; width: 100% !important; } #review_button, .paypal-express-review .col-main h2 a { float: none !important; } .paypal-express-review .col-main h2 a { font-size: 11px; left: 10px; position: relative; } .paypal-express-review .right_section { margin-top: 20px; } /* Category Page and Filters */ .col-left #narrow-by-list { width: 100% !important; } .catalog-category-view .col-left > div.block { height: 60px; overflow: hidden; } .col-left #narrow-by-list > li > a.name { background-image: none; display: inline-block; font-size: 10px !important; line-height: 10px !important; max-width: 55px; padding: 0; position: relative; text-align: center !important; text-transform: uppercase; top: 5px; vertical-align: middle !important; } .col-left #narrow-by-list > li > a.name > span { display: none; } .col-left #narrow-by-list > li { background-image: url("../images/reskin/select-arrow-down.png") !important; background-position: 50% calc(40% - 10px); background-repeat: no-repeat; background-size: auto 12px !important; min-width: 45px; position: unset; text-align: center; } .col-left #narrow-by-list > li.active { background-color: black; background-image: url("../images/reskin/select-arrow-down-white.png") !important; } .col-left #narrow-by-list > li.active > a { color: white !important; } .col-left #narrow-by-list > li > ol { width: calc(100% - 30px); } .col-left #narrow-by-list > li[data-filter-name="engravable"] { display: none; } .col-left #narrow-by-list > li[data-filter-name="jewellerytype"] { background-image: url("../images/reskin/filter-jewellery.png"); } .col-left #narrow-by-list > li[data-filter-name="price"] { background-image: url("../images/reskin/filter-price.png"); } .col-left #narrow-by-list > li[data-filter-name="metal"] { background-image: url("../images/reskin/filter-metal.png"); } .col-left #narrow-by-list > li[data-filter-name="gemstone"] { background-image: url("../images/reskin/filter-gemstone.png"); } .col-left #narrow-by-list > li[data-filter-name="colour"] { background-image: url("../images/reskin/filter-colour.png"); } .col-left #narrow-by-list > li[data-filter-name="jewellerytype"].active { background-image: url("../images/reskin/filter-jewellery-white.png"); } .col-left #narrow-by-list > li[data-filter-name="price"].active { background-image: url("../images/reskin/filter-price-white.png"); } .col-left #narrow-by-list > li[data-filter-name="metal"].active { background-image: url("../images/reskin/filter-metal-white.png"); } .col-left #narrow-by-list > li[data-filter-name="gemstone"].active { background-image: url("../images/reskin/filter-gemstone-white.png"); } .col-left #narrow-by-list > li[data-filter-name="colour"].active { background-image: url("../images/reskin/filter-colour-white.png"); } .col-left #narrow-by-list > li[data-filter-name="engravable"].active { display: none; } #clear-all-filters-button.active::before { /*content: none;*/ } #clear-all-filters-button { display: inline-block !important; height: 20px !important; left: 150px !important; line-height: 20px !important; position: absolute; top: 80px !important; width: 100px; z-index: 98; } #clear-all-filters-button.active, #clear-all-filters-button { display: none !important; /* Temp/tmp */ } .category-view .toolbar .numfound { left: 0 !important; line-height: 30px !important; position: absolute; } .reskin .mobile-only.search-activate { display: inline-block !important; height: 15px; margin-right: 10px; } .pronav-title strong { text-decoration: none; } /* Product Page */ .main_popup .product-left, .main_popup .product-right { width: auto !important; clear: none !important; float: left !important; } .main_popup .product-right { width: 365px !important; float: right !important; } .social-icons ul { text-align: center; } .breadcrumbs { padding: 0 10px; } .product-view { padding: 0 10px; box-sizing: border-box; } .product-view .productimgwrapper { position: relative; } .product-view .product-left .product-img-box .productimgwrapper, .product-view .product-left .viewer, .product-view #thumbs_wrapper { width: 100% !important; max-width: 500px !important; } .main_popup .product-view .product-left .product-img-box .productimgwrapper, .main_popup .product-view .product-left .viewer, .product-view #thumbs_wrapper { max-width: 350px !important; } .productimgwrapper #big-arrow-left, .productimgwrapper #big-arrow-right { /* background-color: rgba(255,255,255,0.5) !important; */ } .productimgwrapper #big-arrow-right { left: unset !important; right: 0 !important; } .main_popup .productimgwrapper #big-arrow-right { left: 260px !important; right: 0 !important; } .acpanes > ul { } .acpanes > ul > li { border-right: 0 !important; display: block !important; margin-bottom: 0 !important; } .acpanes > ul > li > a { padding: 10px 0; } .acpanes > ul > li:not(:last-of-type) { border-bottom: 1px solid black; } .prod-img-mob > img, .product-view .product-left .product-img-box { width: 100% !important; } .sidebar .block-layered-nav .block-content { height: 70px; } .footer-outside-wrapper .ShippingSwitcherCurrency span { color: white !important; } .switcherWraP .ShippingSwitcherCurrency::after { background-image: url("../images/reskin/chevron-white-right.png") !important; transform: none !important; } .reskin #site-footer-links { display: none; } .site-footer .ge-switcher { padding-bottom: 20px !important; } .quick_view_hover, .quick_view_link { display: none !important; } /* Sticky header on mobile */ #header_main_wrapper.fixed { position: fixed; top: 0; width: 100%; z-index: 1001; } /* Arrows on category pages */ .product-image .vomfade .small-arrow-left, .product-image .vomfade .small-arrow-right { display: inline-block; } } /* Checkout CSS 2016-10-31 17.27 */ #sagepaydirectpro_start_month { margin-right: 5px; } @media all and (max-width: 1023px) { #sagepaydirectpro_start_month { margin: 0 auto; } } #sagepaydirectpro_start_year { max-width: 100px; } .cart .checkout-with-paypal, #cart-reskin .ac-cart-checkout-button { height: 50px !important; line-height: 50px !important; width: 280px !important; } .cart .paypal-or { font: 14px/45px "Libre Franklin", sans-serif; } .cart .checkout-with-paypal { background-color: #ffffff !important; } .cart .checkout-with-paypal { margin-bottom: 0; } .cart #shopping-cart-table th { background: #999999; } .shipping #basketpage-shipping-title { background-color: #999999 !important; } .shipping #basketpage-shipping-title p a { color: #ffffff !important; text-decoration: underline; } .giftwrap-checkout-cart-container #shopping-cart-table th, .giftwrap-checkout-cart-container #shopping-cart-table th.total_box { padding: 10px 0 8px 0; } #basketpage-titleblock { margin-bottom:0; } #basketpage-titleblock h1 { font: lighter 34px "Libre Franklin" !important; } @media all and (max-width: 768px) { #basketpage-titleblock h1 { margin-bottom: 30px; } } /* Begin: category-page-wedding */ #wedding-parent { text-align: center; } #wedding-parent h2 { background-color: transparent; font-family: "Libre Franklin"; font-size: 23px; margin-bottom: 10px; padding-left: 0; padding-top: 20px; position: relative; } #wedding-parent .content p { margin: 0 auto; max-width: 970px; } #wedding-parent .pink-transparency { padding-bottom: 15px; } #wedding-parent .product-image .vomfade div { height: 375px; width: 375px; } #wedding-parent .toolbar { display: none !important; } #wedding-parent .top-banner { background-color: #f0f6f8; background-image: url("../../../../../media/landing-pages/category-banners/wedding/top-banner-left.jpg"), url("../../../../../media/landing-pages/category-banners/wedding/top-banner-right.jpg"); background-position: left, right; background-repeat: no-repeat; background-size: auto 100%; margin-bottom: 5px; padding-bottom: 20px; } #wedding-parent .top-banner h1 { font-size: 35px; font-weight: normal; margin-bottom: 10px; padding-bottom: 0; padding-top: 25px; } #wedding-parent .wedding-category { clear: both; } #wedding-parent .wedding-category + .wedding-category { padding-top: 30px; } #wedding-parent .wedding-category h2::after, #wedding-parent .wedding-category h2::before { background-color: white; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 33px; width: 300px; } #wedding-parent .wedding-category h2::after { left: 590px; } #wedding-parent .wedding-category h2::before { right: 590px; } #wedding-parent .wedding-category h2.wide::after { left: 660px; } #wedding-parent .wedding-category h2.wide::before { right: 660px; } #wedding-parent .wedding-category .content { background-color: #d1bdc3; background-position: left, right; background-repeat: no-repeat; background-size: auto 100%; clear: both; } #wedding-parent .wedding-category .content p { color: white; } #wedding-parent .wedding-ctas { font-size: 0; margin-bottom: 0; } #wedding-parent .wedding-ctas li { margin: 0 5px; } #wedding-parent .wedding-ctas .cta { font-size: 16px; transition: background-color .15s ease; width: 250px; } .wedding-category.for-the-bride .content { background-image: url("../../../../../media/landing-pages/category-banners/wedding/01-for-the-bride-left.jpg"), url("../../../../../media/landing-pages/category-banners/wedding/01-for-the-bride-right.jpg"); } .wedding-category.bridal-gifts .content { background-image: url("../../../../../media/landing-pages/category-banners/wedding/02-bridal-gifts-left.jpg"), url("../../../../../media/landing-pages/category-banners/wedding/02-bridal-gifts-right.jpg"); } .wedding-category.for-the-bridesmaids .content { background-image: url("../../../../../media/landing-pages/category-banners/wedding/03-for-the-bridesmaids-left.jpg"), url("../../../../../media/landing-pages/category-banners/wedding/03-for-the-bridesmaids-right.jpg"); } .wedding-category.for-the-wedding-guest .content { background-image: url("../../../../../media/landing-pages/category-banners/wedding/04-for-the-wedding-guest-left.jpg"), url("../../../../../media/landing-pages/category-banners/wedding/04-for-the-wedding-guest-right.jpg"); } @media all and (max-width: 1600px) { #wedding-parent .pink-transparency { background-color: rgba(210, 190, 196, 0.5); } #wedding-parent .transparency-layer { background-color: rgba(240, 246, 248, 0.5); } } @media all and (max-width: 1280px) { #wedding-parent .wedding-ctas .cta { width: 220px; } } @media all and (max-width: 990px) { #wedding-parent .pink-transparency { margin: 0 auto; width: 95%; } #wedding-parent .wedding-category h2::after, #wedding-parent .wedding-category h2::before { display: none; } #wedding-parent .wedding-category .content { background-image: none; } #wedding-parent .wedding-ctas { margin-top: 20px; } #wedding-parent .wedding-ctas li { width: calc(50% - 10px); } #wedding-parent .wedding-ctas li:nth-of-type(even) .cta { margin-left: 0; } #wedding-parent .wedding-ctas li:nth-of-type(odd) .cta { margin-right: 0; } #wedding-parent .wedding-ctas .cta { background-color: #f4f7f9; margin-bottom: 15px; margin-top: 0; } #wedding-parent .wedding-ctas .cta:hover { background-color: #f4f7f9; color: black; } } @media all and (max-width: 850px) { #wedding-parent .top-banner { background: #f3f7f9 url("../../../../../media/landing-pages/category-banners/wedding/top-banner-mobile.jpg") no-repeat right / auto 100%; } #wedding-parent .transparency-layer { background-color: transparent; margin: 0 auto; width: 95%; } } @media all and (max-width: 768px) { #wedding-parent h2 { margin-bottom: 0; } #wedding-parent .wedding-category .content p { display: none; } } @media all and (max-width: 500px) { #wedding-parent .wedding-ctas { padding-bottom: 5px; } #wedding-parent .wedding-ctas li { display: block; margin: 0 auto 10px; width: 100%; } #wedding-parent .wedding-ctas .cta { margin: 0 auto !important; } } /* End: category-page-wedding */ /* Begin: tweak to "Win Your Hint" page */ #win-your-hint .hint-preview a.cta { border-color: #e5e5e5; box-shadow: none; } div#win-your-hint .bottom > ul { margin: 20px auto 0; } /* End: tweak to "Win Your Hint" page */ /* Limit Feefo pagination buttons to 15 */ .feefo_comments .feefo_paginate li:nth-of-type(1n+16) { display: none; } #merchTopResults { margin-top: 10px; } /* END TEMP TO BE FIXED */ .catalog-category-view .sli-search-results-page .col-left { top: 0; } @media all and (max-width: 500px) { .sli-search-results-page .category-view .category-products { top: 10px !important; } .sli-search-results-page .category-view .toolbar { width: 100%; } .sli-search-results-page .category-view .toolbar .numfound { margin: 0 auto !important; position: static; text-align: center; width: 100%; } } /* Checkout recommendations carousel */ #cartpage_boughtalsobought .quick_view_hover, #cartpage_boughtalsobought .quick_view_link { display: block !important; } #cartpage_boughtalsobought.checkout-carousel { clear: both; margin-bottom: 30px; } #cartpage_boughtalsobought.checkout-carousel h3::before, #cartpage_boughtalsobought.checkout-carousel h3::after { display: none; } #cartpage_boughtalsobought.checkout-carousel h3 { color: black; margin-bottom: 20px; text-align: center; } #cartpage_boughtalsobought.checkout-carousel img { height: 125px; width: 125px; } #cartpage_boughtalsobought.checkout-carousel span { font-size: 14px; } #cartpage_boughtalsobought.checkout-carousel .product-name { line-height: 18px; } #cartpage_boughtalsobought .you-may-also-like { margin: 0 auto; width: 90%; } @media all and (max-width: 400px) { #cartpage_boughtalsobought .you-may-also-like { width: 100%; } } /* #cartpage_boughtalsobought.checkout-carousel .slick-arrow { top: 0; } */ /* #cartpage_boughtalsobought.checkout-carousel .slick-prev { left: -50px; } */ /* #cartpage_boughtalsobought.checkout-carousel .slick-next { right: -50px; } */ @media all and (max-width: 990px) { /* #cartpage_boughtalsobought.checkout-carousel .slick-prev { left: 0; } */ /* #cartpage_boughtalsobought.checkout-carousel .slick-next { right: 0; } */ #cartpage_boughtalsobought.checkout-carousel h3 { text-align: center; } } /* PayPal CTA */ .basketpage-checkoutbutton-section .paypal-logo { display: none; } #cart-reskin .cart .basketpage-checkoutbutton-section .checkout-types li { clear: none; display: inline-block; float: right; } #cart-reskin .basketpage-checkoutbutton-section .checkout-with-paypal { border: 1px solid black; margin-right: 10px; } @media all and (max-width: 768px) { #cart-reskin .basketpage-checkoutbutton-section { margin: 0 auto 20px; } #cart-reskin .basketpage-checkoutbutton-section ul.checkout-types { float: none; } #cart-reskin .basketpage-checkoutbutton-section ul.checkout-types * { float: none !important; } #cart-reskin .cart .basketpage-checkoutbutton-section .checkout-types li { clear: both; display: block; margin: 10px auto; width: 280px; } } /* "SALE" pronav item */ ul#pronav .parent.astley-clarke-sale { display: none !important; } /* Hiding "Collection" (aka "Designer") filter option as requested by Vicky */ .col-left #narrow-by-list > li[data-filter-name="collection"] { display: none !important; } @media (max-width: 1023px) { .new-wrapper { display:none; } } /* Begin: Account Quick Menu */ .account-quick-menu.reskin { margin: 0; right: -5px; top: 30px; } .account-quick-menu.reskin a { font-size: 13px; } .account-quick-menu.reskin li { display: block; } .account-quick-menu.reskin li:hover a { font-weight: bold; } /* End: Account Quick Menu */ .catalog-product-view .input-box.customer-photo-\(left\), .catalog-product-view .input-box.locket-photo-\(left\), .catalog-product-view .input-box.customer-photo-\(right\), .catalog-product-view .input-box.locket-photo-\(right\), .catalog-product-view .input-box.engraving-font, .catalog-product-view .input-box.engraving-font-\(front\), .catalog-product-view .input-box.engraving-font-\(back\), .catalog-product-view .input-box.engraving, .catalog-product-view .input-box.engraving-text-\(front\), .catalog-product-view .input-box.engraving-text-\(back\), .catalog-product-view .input-box.guid, .catalog-product-view .input-box.ringstack, .product-view .input-box.customer-photo-\(left\), .product-view .input-box.locket-photo-\(left\), .product-view .input-box.customer-photo-\(right\), .product-view .input-box.locket-photo-\(right\), .product-view .input-box.engraving-font, .product-view .input-box.engraving-font-\(front\), .product-view .input-box.engraving-font-\(back\), .product-view .input-box.engraving, .product-view .input-box.engraving-text-\(front\), .product-view .input-box.engraving-text-\(back\), .product-view .input-box.engraving-chosen\?, .product-view .input-box.guid, .product-view .input-box.ringstack, body.product-locketphotos .product-options-wrapper .input-box.to-fit, body.product-locketphotos .product-options-wrapper .input-box.size { display: none; } .cart .item-option-label-customimage, .cart .item-option-label-g3dprintjobref, .onestepcheckout-summary .item-option-label-customimage, .onestepcheckout-summary .item-option-label-g3dprintjobref { display: none !important; } .shopping-bag-iconography-delivery-notice { border: 1px solid red; box-sizing: border-box; float: left; margin-bottom: 20px; padding: 10px; text-align: center; width: 100%; margin-top: 30px; } .shopping-bag-iconography-delivery-notice p { width: 100%; color: red; } .shopping-bag-iconography-delivery-notice strong { color: red; } /* .product-right div.drop-a-hint { display: none !important; } */ .reskin #site-footer .social li a { display: block; height: 20px; margin: 0 auto; width: 20px; } .reskin #site-footer .social li img { display: block; max-width: 100%; } .drop-a-hint-popup .g-recaptcha { margin: 0 auto; width: calc(100% - 20px); } .cart .deals .discountcodemessage p { display: inline-block; font-size: 16px; font-weight: 600; margin: 0 20px 12px 0; max-width: calc(100% - 140px); padding-top: 0; } .cart .deals .discountcodemessage span { display: inline-block; width: 110px; } .grecaptcha-badge { display: none; } .onestepcheckout-button.grey { cursor: wait; } /* Begin: Reviews page */ #reviews #yotpo-testimonials-site-reviews .product-link-wrapper, #reviews .content-title, #reviews .yotpo-footer, #reviews .yotpo-icon-profile, #reviews .yotpo-label { display: none; } #reviews .yotpo-main { margin-left: 0; } #reviews .yotpo-icon-profile { background: none; } /* End: Yotpo reviews page */ /* Reviews */ .product-bottom { overflow: hidden; } .product-reviews { margin-bottom: 20px; } .product-reviews .review:not(:last-child) { border-bottom: 1px solid #d9d9d9; margin-bottom: 25px; padding-bottom: 10px; } .product-reviews .review:last-of-type { border-bottom: 0; } .product-reviews textarea { width: 100%; height: 70px; padding: 10px; box-sizing: border-box; margin-bottom: 10px; } .product-reviews input { border: 1px solid #c7c7c7; padding: 10px; max-width: 280px; width: calc(50% - 3px); margin-bottom: 10px; } .product-reviews .images > a { display: inline-block; margin-right: 10px; vertical-align: top; } .product-reviews .images > a:hover { cursor: zoom-in; } .product-reviews .images img { display: block; max-width: 200px; width: 100%; } .product-bottom .acpanes { width: 50%; float: left; box-sizing: border-box; } .product-view h1 { font-size: 23px; font-weight: lighter; letter-spacing: 0.7px; text-align: left; width: 75%; } .product-right .name-and-sku { justify-content: space-between; margin-bottom: 10px; overflow: hidden; } .product-right .sku { font-family: var(--johnston); font-size: 14px; font-weight: lighter; } .product-right .price { font-family: var(--johnston); } .product-right .handy-links { float: right; } .product-right .handy-links .stars:hover { text-decoration: none; } .product-right .handy-links a:last-of-type { border-left: 1px solid #0c79b1; padding-left: 6px; margin-left: 3px; } .product-right .handy-links a:first-of-type { border-left: none; margin-left: 0; padding-left: 0; } .product-reviews .review .author { color: #0c79b1; font-weight: bold; } .ac-star-rater, .category-view .products-grid .ac-star-rater { color: #e2c41e !important; } .category-view .rating-box { height: 25px; width: 100%; } .category-view .products-grid .ac-star-rater { padding-left: 40px; width: 220px; margin: 0 auto; display: block !important; font-size: 22px !important; margin-bottom: 0 !important; } .category-view .products-grid .ac-star-rater:hover { text-decoration: none; } .category-view .products-grid .ac-star-rater, .ac-star-rater { display: inline-block; margin-bottom: 10px; vertical-align: middle; } .ac-star-rater > div { float: left; cursor: pointer; } .ac-star-rater .grey, .product-reviews .stars .grey { color: #d9d9d9; } .product-reviews .review .title { font-weight: bold; } .product-reviews .answer { margin-left: 50px; word-wrap: break-word; } @media all and (max-width: 500px) { .product-right .name-and-sku { overflow: unset; } .product-right .name-and-sku h1 { float: none; width: auto; } .product-right .description { clear: both; } .product-right .handy-links { float: left; width: 100%; } .product-bottom .acpanes > ul > li, .product-reviews .acpanes > ul > li { padding: 0; } .product-bottom .acpanes > ul > li a, .product-reviews .acpanes > ul > li a { font-size: 12px; line-height: 16px; } } @media all and (max-width: 1023px) { .product-bottom .acpanes { width: 100%; margin-bottom: 15px; } /* Make product page panes side-by-side (May 2017) */ .product-view .acpanes > ul > li { display: table-cell !important; vertical-align: middle; } .product-view .acpanes > ul > li:not(:last-of-type) { border-bottom: 0px; } .product-view .acpanes > ul > li:not(.ui-state-active):not(:last-of-type) { border-right: 1px solid black !important; } .add-to-box-flint { max-width: 100%; } } #write-a-review .error, #ask-a-question .error { text-align: left; } #ask-a-question-submit-button { color: white !important; } .product-view input.error, .product-view textarea.error { border-color: red !important; margin-bottom: 2px; } .product-view label.error { color: red !important; margin-bottom: 10px; display: block; text-align: center; } /* Prevent live chat tab overlapping other elements */ .zopim { z-index: 100 !important; /* original value 16000002...! */ } .yotpo .write-review-button { display: none !important; } #shared-wishlist .save_for_later_hover, #shared-wishlist .toolbar { display: none; } /* Basket page */ .cart #shipping-zip-form { display: none; } #payment-error-notification .checkout-with-paypal, #onestepcheckout-form .checkout-with-paypal, .cart .checkout-with-paypal { background-color: transparent !important; background-image: url("../images/payment/cta-paypal.png?v=1") !important; background-position: center; background-repeat: no-repeat; background-size: 280px auto; border-radius: 3px; display: block; font-size: 0; margin-left: auto; padding: 0; width: 280px !important; } .ac-pp-osc li { list-style: none; } #onestepcheckout-form .paypal-or { display: none; } #basketpage-leftcolumn { display: none; } @media all and (max-width: 1024px) { .amshopby-filters-left.ajax-loading::after { background: white url("../images/reskin/loading-icon-teal-white.gif") no-repeat center / auto 80%; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 6; } .category-view .category-introblock > .content { padding-top: 0; } } /* TEMP: Hiding account login hyperlink */ .onestepcheckout-login-link-holder { display: none !important; } /* TEMP: Hiding account login hyperlink */ .account-2016 #refer-link { margin-top: 30px; max-width: 550px; } .my-account { min-height: 768px; } .main_popup .my-account { min-height: auto; } .reskin.account-2016 { clear: both; margin: 0 auto; max-width: 970px; padding-bottom: 20px; position: relative; text-align: center; width: 95%; } .reskin.account-2016 * { float: none !important; } .reskin.account-2016 a, .reskin.account-2016 p { margin: 0 auto; } .reskin.account-2016 form { display: inline-block; margin: 0 auto; position: relative; } /* .reskin.account-2016 h1 { color: black; font-size: 40px; margin: 0 auto; padding-bottom: 20px; text-transform: none; } */ .reskin.account-2016 input[type="checkbox"] { float: left !important; height: 25px; width: 15px; min-width: 15px; max-width: 970px; position: relative; margin: 0 auto; } .reskin.account-2016 input[type="checkbox"] + label { margin-left: 25px; float: left; display: block; } .reskin.account-2016 input[type="submit"], .reskin.account-2016 input[type="text"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .reskin.account-2016 input::-webkit-input-placeholder { color: #555; } .reskin.account-2016 input:-moz-placeholder { color: #555; opacity: 1; } .reskin.account-2016 input::-moz-placeholder { color: #555; opacity: 1; } .reskin.account-2016 input:-ms-input-placeholder { color: #555; } .reskin.account-2016 label { cursor: pointer; display: inline-block; margin: 0 auto; padding: 0; text-align: left; vertical-align: middle; } .reskin.account-2016 label, .reskin.account-2016 .cta { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .reskin.account-2016 p { margin-bottom: 10px; } .reskin.account-2016 ul > li { margin-bottom: 8px; } .reskin.account-2016 ul, .reskin.account-2016 ul li { display: inline-block; /*font-size: 0;*/ /* RIP */ margin: 0 auto; max-width: 300px; } .reskin.account-2016 ul li > ul li:last-of-type { margin-bottom: 0; } .reskin.account-2016 #cust_dob { margin-top: 10px; } .reskin.account-2016 #cust_dob .validation-advice { margin: 10px auto 20px; } .reskin.account-2016 .custservice-copy { margin: 40px auto 20px; width: 570px; } .reskin.account-2016 .forgottenpassword { cursor: pointer; display: table; margin: 30px auto 0; text-decoration: underline; } .reskin.account-2016 .form-additions { text-align: left; width: 300px; } .reskin.account-2016 .form-additions > div { margin: 5px auto; } .reskin.account-2016 .form-additions a { text-decoration: underline; } .reskin.account-2016 .form-additions input, .reskin.account-2016 .form-additions label { display: inline; } .reskin.account-2016 .form-list { display: inline-block; margin: 0 auto; } .reskin.account-2016 .form-list li { display: block; } .reskin.account-2016 .page-title { margin: 0 auto; } .reskin.account-2016 .validation-advice { padding: 0 !important; text-align: left; } .reskin.account-2016 .validation-failed { background-color: rgba(255, 255, 255, 0.8) !important; border: 2px solid #f47d4e !important; } .reskin.account-2016 .login-wrapper { margin: 0 auto; width: 970px; } .reskin.account-2016 .login-wrapper.view-sign-in .block-list li { display: none; } .reskin.account-2016 .login-wrapper.view-sign-in .block-list .row-email, .reskin.account-2016 .login-wrapper.view-sign-in .block-list .row-next { display: block; } .reskin.account-2016 .login-wrapper.view-sign-in .row-sign-in, .reskin.account-2016 .login-wrapper.view-sign-in .row-sign-up { display: none; } .reskin.account-2016 .login-wrapper.view-register .row-password { margin-top: 50px; } .reskin.account-2016 .login-wrapper.view-register .row-next, .reskin.account-2016 .login-wrapper.view-register .row-sign-in { display: none; } .reskin.account-2016 .login-wrapper .row-next { margin-bottom: 40px; } .reskin.account-2016 #acc-details h2 { background-color: rgba(0, 0, 0, 0); color: black; font-family: "Libre Franklin", sans-serif; font-size: 40px; font-weight: lighter; margin: 0 auto; padding: 35px 0 20px; text-transform: none; } .reskin.account-2016 #acc-details .details-wrapper { position: relative; margin: 0 auto; width: 970px; } .reskin.account-2016 #acc-details .half-col { display: inline-block; vertical-align: top; width: 50%; } .reskin.account-2016 #acc-details .note { margin-bottom: 30px; } .reskin.account-2016 #acc-details .note-preferences { /* margin: 70px auto 0; */ /* max-width: 500px; */ } .reskin.account-2016 #acc-details .note-preferences h3 { font-size: 20px; margin-bottom: 10px; } .reskin.account-2016 #acc-details .note-preferences .cta { margin-left: auto; margin-right: auto; } .reskin.account-2016 #add-address { display: none; } .reskin.account-2016 #add-address #postcode { min-width: unset; transition: none; width: 120px; } .reskin.account-2016 #add-address #postcode.full { width: 100%; } .reskin.account-2016 #add-address #postcode, .reskin.account-2016 #add-address #postcode + .cta { display: inline-block; margin: 0 auto; vertical-align: middle; } .reskin.account-2016 #add-address #postcode + .cta { float: right !important; margin-right: 10px; width: 150px; } .reskin.account-2016 #add-address .row-address-checkboxes { margin: 20px auto; text-align: left; } .reskin.account-2016 #add-address .row-address-checkboxes div { margin: 0 auto 5px; width: 300px; } .reskin.account-2016 #add-address .row-form-controls .cta { vertical-align: top; margin: 0 auto; float: left !important; width: calc(50% - 5px); } .reskin.account-2016 #add-address .row-form-controls .cta:first-of-type { margin-right: 10px; } .reskin.account-2016 #add-address, .reskin.account-2016 #edit-details-form, .reskin.account-2016 #register-form { width: auto; } .reskin.account-2016 #add-address.updating { opacity: 0.3; pointer-events: none; } .reskin.account-2016 #sign-in > form , .reskin.account-2016 #sign-up > form , .reskin.account-2016 #sign-in-register > form , .reskin.account-2016 #register > form , .reskin.account-2016 #change-password > form { width: 100%; max-width: 970px; } .reskin.account-2016 #change-password li:first-of-type, .reskin.account-2016 #register-form li:first-of-type { margin-bottom: 40px; } .reskin.account-2016 #register-form input[type="text"], .reskin.account-2016 #register-form input[type="email"], .reskin.account-2016 #register-form input[type="password"], .reskin.account-2016 #register-form li:not(.dob-section) select { min-width: 300px; } .reskin.account-2016 #register-form .dob-section select { background-image: none; min-width: 0; width: auto; } .reskin.account-2016 #register-form .dob-section select:not(:last-of-type) { margin-right: 5px; } .reskin.account-2016 #register-form .dob-section select[name="dob_year"] { max-width: 130px; } .reskin.account-2016 #register-form .dob-section select[name="dob_day"] { width: 74px; } .reskin.account-2016 #register-form .dob-section select[name="dob_month"] { width: 90px; } .reskin.account-2016 #register-form .dob-section select[name="dob_year"] { width: 125px; } .reskin.account-2016 #address-list { margin: 0 auto 10px; max-width: 400px; text-align: left; width: 400px; margin-top: 20px; } .reskin.account-2016 #address-list form { width: 100%; } .reskin.account-2016 #address-list p { text-align: left; } .reskin.account-2016 #address-list .no-addresses p { text-align: center; } .reskin.account-2016 #address-list strong { color: inherit; } .reskin.account-2016 #address-list .update-address { margin: 20px auto 10px; width: 150px; } .reskin.account-2016 #address-list .address-card { background-color: var(--light-blue-50); box-sizing: border-box; margin-bottom: 20px; max-width: 400px; padding: 20px 12px 20px; position: relative; transition: all 0.15s; width: 100%; } .account-2016 .contact_exists { margin: 30px 0; } .account-2016 .contact_exists p, .account-2016 .contact_exists strong { color: #da4902 !important; } .reskin.account-2016 #address-list > form:last-of-type .address-card { border-bottom: 0; } #address-list .address-card:not(.active) li { max-width: 400px; } #address-list fieldset { display: inline-block; margin-right: 15px; } #address-list .address-card p.title { font-weight: bold; } #address-list .address-card:not(.active) li, #address-list .address-card:not(.active) p { margin-bottom: 0 !important; } .reskin.account-2016 #address-list .address-card.active { background-color: transparent; padding: 30px 12px 10px; } .reskin.account-2016 #address-list .address-card.active p { display: none; } .reskin.account-2016 #address-list .address-card.active .address-initially-hidden { display: block; } .reskin.account-2016 #address-list .address-card.active .address-initially-hidden.inline { display: inline-block; } .reskin.account-2016 #address-list .address-card.active .edit-icon { background-image: url("../images/reskin/close-black-chunky.png"); } .reskin.account-2016 #address-list .address-card.active .edit-icon, .reskin.account-2016 #address-list .address-card.active .delete-icon { display: none; } .reskin.account-2016 #address-list .address-card.active .back-icon { display: block; } .reskin.account-2016 #address-list .address-card.active .row-default-address-info { display: none; } .reskin.account-2016 #address-list .address-card.active .row-address-checkboxes { text-align: center; display: block; } .reskin.account-2016 #address-list .address-card.updating input, .reskin.account-2016 #address-list .address-card.updating select { background-color: #fff !important; cursor: not-allowed; } .reskin.account-2016 #address-list .address-card.updating label { cursor: not-allowed; } .reskin.account-2016 #address-list .address-card .address-initially-hidden { display: none; } .reskin.account-2016 #address-list .back-icon, .reskin.account-2016 #address-list .edit-icon, .reskin.account-2016 #address-list .delete-icon { cursor: pointer; height: 20px; position: absolute; top: 10px; width: 20px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .reskin.account-2016 #address-list .back-icon { background-image: url("../images/icons/blue/arrow-left.png"); right: 12px; display: none; } .reskin.account-2016 #address-list .edit-icon { background-image: url("../images/icons/blue/pencil.png"); right: 42px; } .reskin.account-2016 #address-list .delete-icon { background-image: url("../images/reskin/icon-delete-red-large.png"); right: 12px; font-size: 0; transition: all 0.15s; } .reskin.account-2016 #address-list .delete-icon span { font-size: 0; } .reskin.account-2016 #address-list .address-card .delete-icon.confirming { background-color: #da4902; background-position: 0 center; border-radius: 12px 0 0 12px; padding-left: 23px; width: 153px; } .reskin.account-2016 #address-list .address-card .delete-icon.confirming, .reskin.account-2016 #address-list .address-card .delete-icon.confirming span { color: white; font-size: 11px; line-height: 20px; } .reskin.account-2016 #address-list .row-default-address-info span { display: block; text-align: right; margin-bottom: 0; font-size: 14px; line-height: 18px; } .reskin.account-2016 #address-list .row-address-checkboxes { margin-top: 10px; display: none; } .reskin.account-2016 #address-list .row-address-checkboxes label { font-size: 14px; line-height: 26px; } .reskin.account-2016 #show-address-form { background: url("../images/icons/blue/plus.png") no-repeat center 20px /45%; cursor: pointer; height: 110px; margin: 0 auto; position: relative; transition: all 0.15s; user-select: none; width: 110px; } .reskin.account-2016 #show-address-form p { bottom: 5%; cursor: pointer; font-size: 14px; left: 0; line-height: 14px; position: absolute; right: 0; text-transform: uppercase; } .reskin.account-2016 .block-list li { display: block; margin-bottom: 5px; } .reskin.account-2016 .loading-spinner { -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; border-bottom: 5px solid rgba(232, 147, 69, 0.2); border-left: 5px solid #0c79b1; border-right: 5px solid rgba(232, 147, 69, 0.2); border-top: 5px solid rgba(232, 147, 69, 0.2); box-sizing: border-box; display: inline-block; font-size: 10px; left: 0; margin: 0 auto; position: absolute; right: 0; text-indent: -9999em; top: calc(50% - 30px / 2); -webkit-transform: translateZ(0); transform: translateZ(0); } .reskin.account-2016 .loading-spinner, .reskin.account-2016 .loading-spinner::after { border-radius: 50%; height: 30px; width: 30px; } .reskin.account-2016 .row-new-pass { margin-top: 50px; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #account-dashboard > div { margin: 0 auto; width: 970px; } #dashboard-right { text-align: center; } #dashboard-right.mini { font-size: 0; } #account-dashboard strong { color: inherit; } #account-dashboard #dashboard-left { margin-bottom: 50px; } #dashboard-right .block { background-position: center 40%; background-repeat: no-repeat; background-size: 40%; display: inline-block; height: 220px; margin: 5px; transition: all 0.15s; vertical-align: top; width: 220px; } #dashboard-right .block.orders { background-image: url("../images/icons/blue/acc-orders.png"); } #dashboard-right .block.wishlist { background-image: url("../images/icons/blue/acc-wishlist.png"); } #dashboard-right .block.password { background-image: url("../images/icons/blue/acc-password.png"); } #dashboard-right .block.details { background-image: url("../images/icons/blue/acc-details.png"); } #dashboard-right .block.reviews { background-image: url("../images/icons/blue/acc-reviews.png"); } #dashboard-right .block.dates { background-image: url("../images/icons/blue/acc-dates.png"); } #dashboard-right .block.active, #dashboard-right .block:focus, #dashboard-right .block:hover { background-size: 43%; } #dashboard-right .block a { display: block; height: 100%; position: relative; width: 100%; } #dashboard-right .block h3 { bottom: 10%; font-weight: lighter; left: 0; letter-spacing: 0.4px; margin: 0 auto; position: absolute; right: 0; text-align: center; transition: all 0.15s; } #dashboard-right .sign-out { display: table; margin: 30px auto 0; text-decoration: underline; } .reskin.account-2016 #customer-edit .fieldset, .reskin.account-2016 #new-address .fieldset { background: none; border: none; margin: 0 auto; outline: none; padding: 0; } .reskin.account-2016 #customer-edit { font-size: 0; } .reskin.account-2016 #customer-edit h2 { background: none; font: lighter 30px "Libre Franklin", sans-serif; margin: 0 auto 20px; padding: 0; text-transform: none; } .reskin.account-2016 #customer-edit #form-validate, .reskin.account-2016 #customer-edit #accentedit-address-details { display: inline-block; margin: 0 5px; vertical-align: top; width: 470px; } .reskin.account-2016 #new-address button { line-height: 40px; margin-bottom: 50px; } .reskin.account-2016 #new-address input { width: 300px; } .reskin.account-2016 #new-address input[type="checkbox"] { display: inline; height: 15px; margin: 0 auto; width: 15px; } .reskin.account-2016 #new-address input[type="checkbox"] + label { font-size: 16px; line-height: 23px; margin-left: 10px; } .reskin.account-2016 #new-address input, .reskin.account-2016 #new-address select { margin: 5px auto; } .reskin.account-2016 #new-address label { width: auto; } .reskin.account-2016 #new-address li, .reskin.account-2016 #new-address .field { padding: 0; } .reskin.account-2016 #new-address #postcode-lookup { background-color: #fff; box-sizing: border-box; display: inline-block; cursor: pointer; height: 40px; letter-spacing: 1px; line-height: 40px; margin: 5px auto 5px 8px; padding: 0; text-transform: uppercase; transition: all 0.15s; width: 190px; } .reskin.account-2016 #new-address #postcode-lookup:focus, .reskin.account-2016 #new-address #postcode-lookup:hover { font-weight: bold; } .reskin.account-2016 #new-address #zip { display: inline-block; width: 100px; } .reskin.account-2016 #new-address .control { margin: 0 auto 5px; text-align: left; width: 300px; } .reskin.account-2016 #new-address .control:first-of-type { margin-top: 20px; } .reskin.account-2016 #new-address .postcode-container { font-size: 0; } .reskin.account-2016 #address-book h3 { font-size: 20px; margin-bottom: 10px; } .reskin.account-2016 #address-book .addresses-list { margin: 0 auto; width: 970px; } .reskin.account-2016 #address-book .addresses-list * { padding: 0; } .reskin.account-2016 #address-book .addresses-list > div { width: auto; } .reskin.account-2016 #address-book .addresses-list h2 { box-sizing: border-box; margin: 0 auto 5px; width: calc(100% - 5px); } .reskin.account-2016 #address-book .addresses-list h3 { margin: 0 auto; } .reskin.account-2016 #address-book .addresses-list ol { font-size: 0; } .reskin.account-2016 #address-book .addresses-list ol > li { background-color: rgba(255, 255, 255, 0.6); border: none; box-sizing: border-box; display: inline-block; margin: 0 2.5px 5px; outline: none; padding: 10px; text-align: left; vertical-align: top; width: calc(50% - 5px); } .reskin.account-2016 #address-book .addresses-primary { margin-bottom: 50px; } .reskin.account-2016 #address-book .change-address { display: table; margin: 15px 0 0; } .reskin.account-2016 #address-book .messages * { border: none !important; margin: 0 auto; padding: 0; width: auto; } .reskin.account-2016 #address-book .messages .success-msg span { background-color: #fff; box-sizing: border-box; color: black; display: block; font-weight: bold; margin: 0 auto 20px; padding: 5px 10px; width: 300px; } #dashboard-right.mini-console { background: none; font-size: 0; margin: 80px auto 30px; min-height: unset; padding: 0; } #dashboard-right.mini .block { height: 110px; margin: 2.5px; width: 110px; } #dashboard-right.mini .block a h3 { font-size: 11px; } #warranty .arrow-back, .my-account .arrow-back, .account-2016 .arrow-back { background: url("../images/icons/blue/arrow-left.png") no-repeat scroll 50% 50% / 30px auto; border-radius: 50%; cursor: pointer; display: inline-block; font-size: 21px; height: 35px; left: 0px; padding: 0; position: absolute; top: 33px; transition: background-color .15s; width: 35px; z-index: 99; } .basket-payment-cards-image-row { order: 1; } @media all and (max-width: 990px) { .reskin.account-2016 #acc-details #address-list { width: 100%; } .reskin.account-2016 #acc-details .details-wrapper { width: 95%; } #account-dashboard > div { width: 95%; } .reskin.account-2016 #address-list .row-address-checkboxes label { width: 92%; } .reskin.account-2016 .login-wrapper { width: 100%; } } @media all and (max-width: 768px) { .reskin.account-2016 #acc-details .half-col { display: block; margin: 0 auto; width: 95%; } .reskin.account-2016 #acc-details .half-col + .half-col { margin-top: 50px; } .reskin.account-2016 #logout { min-height: 400px; } .reskin.account-2016 #logout > * { width: 95%; } .reskin.account-2016 a[href^="tel:"] { text-decoration: underline; } .reskin.account-2016 .custservice-copy { width: 95%; } } @media all and (max-width: 520px) { #account-dashboard .block { height: 150px; width: 150px; } .reskin.account-2016 .form-additions { padding-left: 0; text-align: center; width: 100%; } } @media all and (max-width: 365px) { #account-dashboard .block { height: 125px; width: 125px; } #account-dashboard .block h3 { font-size: 13px; } .reskin.account-2016 #address-list .row-address-checkboxes label { width: 90%; } } @media all and (max-width: 350px) { #address-list .cta { max-width: 100%; } #add-address ul { width: 100%; } .reskin.account-2016 h1 { font-size: 28px; } .reskin.account-2016 #acc-details h2 { font-size: 35px; } .reskin.account-2016 #add-address #postcode { width: 40%; } .reskin.account-2016 #add-address #postcode + .cta { width: calc(60% - 11px); } .reskin.account-2016 #add-address .row-form-controls .cta { width: calc(50% - 5px); } .reskin.account-2016 #cust_dob select { background-position: calc(100% - 6px) 50% !important; background-size: 10px auto !important; width: 80px; } } .reskin.account-2016 #register, .reskin.account-2016 #sign-in, .reskin.account-2016 #sign-in-error, .reskin.account-2016 #verify-email, .reskin.account-2016 #email-verified, .reskin.account-2016 #change-password, .reskin.account-2016 #my-details, .reskin.account-2016 #forgot-password { display: none; } .reskin.account-2016 #verify-email form { display: block; } #edit-details-form select { min-width: 280px; } .account-2016 .error, .account-2016 p.error, .reskin.account-2016 p.error, .reskin.account-2016 .error, .reskin.account-2016 .validation-advice { color: var(--red-brick) !important; } .reskin.account-2016 input.error { border-color: var(--red-brick) !important; } .reskin.account-2016 .registerform-namesection { margin-bottom: 0 !important; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #history { max-width: 970px; margin: 0 auto; min-height: 768px; padding-bottom: 20px; position: relative; } #history .order_history { text-align: left; } #history .qty { text-align: center; } #history div.reskin { margin: 20px auto; } #history th { font-weight: bold; } #history .no-order { text-align: center; } #history .no-order p { margin: 5px auto; } #history .actabs p { padding-right: 0; } #history .page-title { margin: 0 auto; max-width: 970px; position: relative; } #history .product-image { padding-right: 20px; width: 75px; } #history .product-image a { display: block; } #history .tab-content { padding: 10px; } #history .tab-content * { font-size: 15px; vertical-align: middle; } #history .tab-content .details, #history .tab-content .items { box-sizing: border-box; display: inline-block; margin: 0 auto; padding: 0; } #history .tab-content .details { width: calc(35% - 10px); } #history .tab-content .details span { margin: 0 auto; } #history .tab-content .details span + strong { margin: 15px auto 0; } #history .tab-content .details strong { margin: 0 auto 5px; } #history .tab-content .items { display: inline-table; padding-left: 10px; vertical-align: top; width: 65%; } @media all and (max-width: 990px) { #history { width: 95%; } } @media all and (max-width: 520px) { #history .tab-content .details, #history .tab-content .items { border: none; display: block; padding: 0; width: 100%; } #history .tab-content .desc p { font-size: 14px; } } /* ===================================================================================== * Wishlist * ------------------------------------------------------------------------------------- */ .wishlist-index-index .breadcrumb-news-holder { display: none; } .wishlist-index-index #save { clear: both; margin-bottom: 100px; margin: 0 auto; position: relative; text-align: center; width: 970px; } /* .wishlist-index-index #save h1 { font: 60px "Aire Bold Pro"; text-transform: uppercase; color: #b9a879; } .wishlist-index-index #save h2 { font: 22px "Scala Sans Regular"; color: #717171; background: white; padding: 0 20px; display: inline; position: relative; top: -10px; text-transform: uppercase; } */ .wishlist-index-index #save hr { color: #eeeeef; background-color: #eeeeef; height: 1px; border: 0px; clear: both; } .wishlist-index-index #cards { clear: both; text-align: left; margin-bottom: 60px; } .wishlist-index-index .card { display: inline-block; font-size: 16px; margin: 0 10px; min-height: 535px; position: relative; text-align: center; vertical-align: top; width: 219.5px; } .wishlist-index-index .card a { display: block; } .wishlist-index-index .card .name { font-weight: bold; margin-left: auto; margin-right: auto; max-width: 200px; min-height: 60px; } .wishlist-index-index .card img { margin-bottom: 6px; margin-left: auto; margin-right: auto; margin-top: 35px; } .wishlist-index-index .card.error .select-size-button { background-color: #da4902 !important; } .wishlist-index-index .card.error .size-error { display: block !important; } .wishlist-index-index .card .back img { margin-bottom: 25px; } .wishlist-index-index .card span { display: block; } .wishlist-index-index .card p { text-transform: none; } .wishlist-index-index .card .by { color: #717171; text-transform: none; } .wishlist-index-index .card .front, .wishlist-index-index .card .back { /* height: 370px; */ /* position: absolute; */ /* transition: all 0.15s ease; */ /* width: 200px; */ } .wishlist-index-index .card .front { border: 6px solid white; } .wishlist-index-index .card .back { border: 6px solid #f5f5f5; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2); display: none; z-index: 3333; } .wishlist-index-index .card .prices { display: table; text-align: center; width: 100%; margin-bottom: 10px; } .wishlist-index-index .card .price-box, .wishlist-index-index .card .price-box div, .wishlist-index-index .card .price-box span { display: inline-block; margin-bottom: 0; float: none !important; } .wishlist-index-index .card.selected .front, .wishlist-index-index .card:hover .front { display: none; } .wishlist-index-index .card.selected .back, .wishlist-index-index .card:hover .back { display: block; } .wishlist-index-index .card .social-icons { float: none; margin-bottom: 20px; } .wishlist-index-index .card a.delete { cursor: pointer; position: absolute; top: 6px; right: 6px; width: 17px; height: 17px; background: url("../images/delete-icon-17px.png"); } .wishlist-index-index .card div.delete { cursor: pointer; color: #666666; font-size: 10px; margin-top: 10px; text-transform: none; } .wishlist-index-index .select_all_button { margin-bottom: 10px; margin-top: -10px; text-align: left; } .wishlist-index-index .select_all_button a, .wishlist-index-index .select_all_button a:hover { display: inline-block; text-decoration: none; cursor: pointer; height: 25px; } .wishlist-index-index #save .checkbox { min-width: 25px; height: 25px; cursor: pointer; float: left; } .wishlist-index-index .card .checkbox { position: absolute; top: 6px; left: 6px; } .wishlist-index-index .whitepadding { background: white; display: inline; padding: 0 20px; position: relative; top: -14px; } .wishlist-index-index .noitems { display: none; } .wishlist-index-index #save .buttons { overflow: hidden; margin-bottom: 5px; } .wishlist-index-index #save .size-error, .wishlist-index-index #save .size-out-of-stock, .wishlist-index-index #save .size-available-soon, .wishlist-index-index #save .size-back-order { color: var(--red-brick); position: relative; display: none; } .wishlist-index-index #save .buttony.thinner.on-back-order { background-position: 116px 50%; } .wishlist-index-index #save .buttony { cursor: pointer; display: inline-block; text-transform: uppercase; vertical-align: middle; } .wishlist-index-index #save .buttony.locked { background-image: none; cursor: default; } .wishlist-index-index #save .select-size-button { background: #b1b1b1; width: 50px; } .wishlist-index-index #save .size-selection { width: 184px; background: #f1f1f1; margin-left: 8px; float: left; z-index: 99; position: absolute; display: none; } .wishlist-index-index #save .size-selection span { display: block; cursor: pointer; height: 25px; line-height: 30px; } .wishlist-index-index #save .size-selection span em { font-size: 10px; text-decoration: none; font-style: normal; } .wishlist-index-index #save .size-selection span.out-of-stock { opacity: 0.5; cursor: pointer; } .wishlist-index-index #save .size-selection span:nth-child(even) { background: #e7e7e7; } .wishlist-index-index .wlhead .acbutton { margin-bottom: -25px; position: relative; top: -30px; } .wishlist-index-index .wlhead #share_wishlist { padding-right: 15px; background-position: 173px 6px; margin: 0 auto; margin-bottom: 15px; } .wishlist-index-index .wlhead #share_wishlist.notloggedin { font-size: 12px; line-height: 26px !important; background-position: 218px 6px; padding-right: 15px; width: 225px; } /* Chrome and Safari only */ @media screen and (-webkit-min-device-pixel-ratio:0) { .wlhead #share_wishlist.notloggedin { background-position: 218px 7px; } } .wishlist-index-index .wlhead .addallbutton { float: right; padding-right: 10px; } .wishlist-index-index .wlhead .error { clear: both; color: #DA4902; float: left; text-transform: uppercase; margin-bottom: 10px; width: auto; } .wishlist-index-index #shareform { width: 200px; height: 200px; background: red; display: none; } .not_logged_in_wrap .middlebuttons, .wishlist-index-index .middlebuttons { margin: 0 auto; width: 300px; } .wishlist-index-index .oos-button { background-color: #c2cacd; } .wishlist-index-index .custom-options * { font-size: 12px; color: #0c79b1; margin-bottom: 0; } .wishlist-index-index .custom-options { margin-bottom: 10px; } .wishlist-index-index #zodiac_add_to_bag_button { display: block !important; margin-bottom: 15px; } #save.reskin hr { display: none; } #save.reskin #cards { font-size: 0; margin: 0 auto; text-align: center; } #save.reskin .addallbutton { display: none; } #save.reskin .buttons { margin: 0 auto; margin-bottom: 10px; } #save.reskin .buttony { box-sizing: border-box; display: block; height: 44px; letter-spacing: 1px; line-height: 44px !important; margin: 0 auto 10px; padding: 0; text-transform: none; width: 100%; } #save.reskin .buttony.add-to-bag-button { background-color: black; background-image: none; text-transform: uppercase; } #save.reskin .buttony.add-to-bag-button:focus, #save.reskin .buttony.add-to-bag-button:hover { font-weight: bold; } #save.reskin .buttony.select-size-button { background: #fff url("../images/icons/blue/chevron-down-thin.png") no-repeat calc(100% - 10px) center/15px; border-style: solid; border-width: 1px; margin-bottom: 10px; } #save.reskin .buttony.select-size-button.active { background-image: url("../images/icons/blue/chevron-up-thin.png"); } #save.reskin .buttony.select-size-button.disabled { background-image: none; cursor: default; } #save.reskin .card .back { border: none; box-shadow: none; display: block; z-index: auto; } #save.reskin .card .front { display: none; } #save.reskin .checkbox { background: url("../images/icons/blue/close-thin.png") no-repeat center/75%; float: none; height: 25px; left: unset; margin: 0 auto; min-width: unset; right: 3px; top: 3px; width: 25px; } #save.reskin .cta, #save.reskin .noitems { margin-left: auto; margin-right: auto; } #save.reskin .size-selection { background-color: #fff; border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; box-sizing: border-box; float: none; margin: -10px auto 0; width: 100%; z-index: 95; } #save.reskin .size-selection span { background-color: #fff !important; box-sizing: border-box; height: 44px; line-height: 44px; margin: 0 auto; padding: 0; } #save.reskin .size-selection span:focus, #save.reskin .size-selection span:hover { background-color: #f5f5f5 !important; font-weight: bold; } #save.reskin .social-icons { display: none; } #save.reskin .social-icons li { height: 20px; margin: 0 5px; } #save.reskin .whitepadding { display: none; } #save.reskin .wlhead { margin-bottom: 25px; position: relative; } .wlhead .arrow-back { top: 10px; left: -50px; } #save.reskin .wlhead * { display: none; } #save.reskin .wlhead .arrow-back { display: inline-block !important; } #save.reskin .wlhead h1 { display: block; } @media all and (max-width: 990px) { #save.reskin { margin: 0 auto; width: 95%; } #save.reskin .noitems { padding: 40px 0; } } /* ------------------------------------------------------------------------------------- */ .not_logged_in_wrap .cta { margin-bottom: 0; } .reskin .not_logged_in { box-sizing: border-box; margin: 20px auto; max-width: 970px; padding: 20px; text-align: center; } .customer-account-index ul.messages, .customer-address-form ul.messages { background-color: rgba(255, 255, 255, 0.6); box-sizing: border-box; margin: 0 auto 30px; padding: 20px 0; text-align: center; width: 970px; } .customer-account-index ul.messages *, .customer-address-form ul.messages * { border: none !important; font: lighter 16px "neuzeit-grotesk", sans-serif; float: none !important; margin: 0 auto; padding: 0; text-align: center; width: auto; } .customer-account-index ul.messages li, .customer-address-form ul.messages li { display: block; margin: 5px auto; } .customer-account-index ul.messages .success-msg, .customer-address-form ul.messages .success-msg { margin: 0 auto; } .customer-account-index ul.messages .success-msg span, .customer-address-form ul.messages .success-msg span { background-color: #fff; color: black; display: block; padding: 5px 0; } @media all and (max-width: 990px) { .customer-account-index ul.messages, .customer-address-form ul.messages { padding: 10px; width: 95%; } } .customer-account-login .message_middle_holder * { border: none; font: lighter 16px "neuzeit-grotesk", sans-serif; float: none !important; margin: 0 auto; padding: 0; text-align: center; width: auto; } .customer-account-login .message_middle_holder .error-msg { margin: 0 auto; } .customer-account-login .message_middle_holder .error-msg span { background-color: #fff; display: block; padding: 5px 0; } .customer-address-form .col-left.sidebar, .customer-address-index .col-left.sidebar, .customer-account-edit .col-left.sidebar, .sales-order-history .col-left.sidebar { display: none; } .customer-address-form .col-main, .customer-address-index .col-main, .customer-account-edit .col-main, .sales-order-history .col-main { float: none; width: 100%; } .cta.black { background-color: black; color: #fff; transition: all 0.15s; } .cta.black:not(.disabled):focus, .cta.black:not(.disabled):hover { font-weight: bold; } .cta.black.disabled, .cta.black.disabled * { opacity: 0.25; cursor: no-drop !important; } .find-address-results-container > ul, .find-address-results-container > ul li { width: 100%; } .account-2016 .find-address-results-container { display: none; position: absolute; background-color: white; border: 1px solid black; max-height: 300px; overflow-y: scroll; width: 100%; max-width: 300px; box-sizing: border-box; text-align: left; box-shadow: 0 0 15px rgba(5, 0, 4, 0.2); z-index: 100; } .account-2016 .find-address-results-container span { display: block; padding: 7px 10px; margin-bottom: 3px; font-size: 14px; box-shadow: 0 0px 2px black; } .account-2016 .find-address-results-container li { border-bottom: 1px solid #d9d9d9; box-sizing: border-box; cursor: pointer; display: inline; height: 33px; line-height: 26px; margin-bottom: 0 !important; overflow: hidden; padding: 5px 10px; white-space: nowrap; position: relative; } .account-2016 .find-address-results-container li::after { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0; content: ""; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 40px; } .account-2016 .find-address-results-container li:hover::after { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(244, 232, 212, 0) 0%, rgba(244, 232, 212, 1) 70%, rgba(244, 232, 212, 1) 100%) repeat scroll 0 0; } .account-2016 .find-address-results-container li:hover { background-color: #f4e8d4; } .account-2016 .update-address-response { text-align: center; } .account-2016 #add-address-response, .account-2016 #delete-address-response { margin-bottom: 15px; display: none; font-size: 14px; } /* 2017-05-03 Additions */ #warranty h1, .wishlist-shared-index h1, .my-account h1 { padding-bottom: 40px; padding-top: 35px; } .my-account h1 { padding-top: 112px; /* as requested */ } /* New */ .my-account > section { display: block; max-width: 970px; margin: 0px auto; position: relative; } @media all and (max-width: 1023px) { .reskin.account-2016 #acc-details .details-wrapper > .df { display: block; } /* 2017-05-15 */ .reskin.account-2016 #acc-details .details-wrapper, .reskin.account-2016 form { position: static; } .reskin.account-2016 { position: relative; } } #forgot-password-go-back { display: none; } /* Write a Review form */ .write-a-review { border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; background: #F7F7F7; padding: 20px; padding-bottom: 0; box-sizing: border-box; } .write-a-review h3 { margin-bottom: 10px; } .write-a-review-response { margin-bottom: 20px; color: black; } .write-a-review .review-stars { -webkit-text-fill-color: transparent; /*-webkit-text-stroke: 0.5px black;*/ background-clip: text; color: transparent !important; display: inline-block; font-size: 26px; cursor: pointer; letter-spacing: 2px; margin-bottom: 10px; vertical-align: -moz-middle-with-baseline; } /* Begin: new category text blocks */ .text-product-block.image-cta { position: relative; } .text-product-block.image-cta .cta { left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } @media (hover: hover) { .text-product-block.image-cta .cta-transparent:hover, .text-product-block.image-cta .cta-transparent:focus { background-color: rgba(255, 255, 255, .5); } } .products-grid .text-product-block .small-heading { font: 14px "neuzeit-grotesk" !important; text-transform: uppercase !important; margin-bottom: 25px; } .products-grid .text-product-block .large-heading { font: 30px "Baskerville-BI" !important; margin-bottom: 25px; } .products-grid .text-product-block .large-heading a { display: block; font: inherit !important; margin: 0 auto; } .products-grid .text-product-block .large-heading a:hover { text-decoration: none; } .products-grid .text-product-block .main-content { font: 12px "Verdana" !important; } .products-grid .text-product-block .main-text a { color: #0c79b1 !important; } /* .products-grid .text-product-block.image-only > img { width: 100%; height: 100%; } */ .products-grid .text-product-block .hint-icon { height: 130px; margin: 40px auto; } .text-product-block.gift-cards a { display: block; margin: 0 auto; } .text-product-block.gift-cards a:hover { text-decoration: none; } .text-product-block.gift-cards a:hover .cta { background-color: black; color: white !important; } .text-product-block.gift-cards img { margin-bottom: 25px; } .text-product-block.gift-cards .large-heading { margin-left: auto; margin-right: auto; max-width: 200px; } .products-grid .text-product-block img { width: 100%; } .products-grid .text-product-block.gift-cards { padding: 25px 35px; } .products-grid .text-product-block.gift-cards .large-heading, .products-grid .text-product-block.gift-cards .small-heading { margin-bottom: 10px; } .text-product-block.video-promo-block .large-heading { max-width: 200px; } .text-product-block.video-promo-block .large-heading, .text-product-block.video-promo-block .small-heading, .text-product-block.video-promo-block .cta, .video-promo-block .promo-video { margin: 0 auto 25px; } .video-promo-block iframe { background: url("../../../../../media/cms/category-page-blocks/video-promo-poster-christmas.jpg") no-repeat center / auto 99%; border: none; height: 100%; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 100%; } .video-promo-block iframe.square { background-image: url("../../../../../media/cms/category-page-blocks/video-promo-poster-square-christmas.jpg"); } .video-promo-block .promo-video { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; } .video-promo-block.ultimate-guide { background: url("../../../../../media/cms/category-page-blocks/video-promo-background-single.jpg") no-repeat center / cover; padding-top: 20px; } .video-promo-block.ultimate-guide .large-heading a, .video-promo-block.ultimate-guide .small-heading, .video-promo-block.ultimate-guide .cta { color: white !important; } .video-promo-block.ultimate-guide .cta { border-color: white; } .video-promo-block.ultimate-guide .cta:hover { background-color: white; color: black !important; } .text-product-block.header-and-ctas { margin-bottom: 50px; } .text-product-block.header-and-ctas .cta.black { color: white !important; } .text-product-block.header-and-ctas .cta.black:hover { font-weight: bold !important; } .text-product-block.header-and-ctas .large-heading { margin: 0 auto 50px; max-width: 260px; } /* Begin: Vimeo iframe blocks */ .catalog-category-view .text-product-block.video-only .vid-wrapper { height: 0; overflow: hidden; padding-bottom: calc(1.4 / 1 * 100%); position: relative; } .catalog-category-view .text-product-block.video-only .vid-wrapper iframe { border: none; height: 100%; left: 0; margin: 0 auto; max-height: 444px; /* to match product
  • */ position: absolute; right: 0; top: 0; width: 100%; } /* End: Vimeo iframe blocks */ /* Begin: Review snippet blocks */ .products-grid .review-block { background-color: var(--inky-blue); color: white; height: 0; left: 0; margin-left: auto; margin-right: auto; padding-bottom: calc(100% * 430 / 750); position: relative; right: 0; text-align: center; top: 0; width: 100%; } .products-grid .review-block a { display: block; left: 0; margin-left: auto; margin-right: auto; max-width: 450px; position: absolute; right: 0; text-decoration: none; top: 50%; transform: translateY(-50%); width: 90%; } .products-grid .review-block .star-rating { color: var(--light-blue); display: flex; font-size: 25px; justify-content: center; margin-bottom: 20px; } .products-grid .review-block .star-rating span:not(:last-child) { margin-right: 12px; } .products-grid .review-block .star-rating span.hidden-star { opacity: 0; } .products-grid .review-block blockquote { font-family: var(--johnston); font-weight: 300; line-height: 1.6; margin-bottom: 30px; margin-left: auto; margin-right: auto; max-width: 750px; quotes: "\201C" "\201D"; text-transform: uppercase; } .products-grid .review-block blockquote::before, .products-grid .review-block blockquote::after { cursor: default; } .products-grid .review-block blockquote::before { content: open-quote; } .products-grid .review-block blockquote::after { content: close-quote; } .products-grid .review-block .author { font-family: var(--johnston); font-weight: normal; text-transform: uppercase; } @media all and (max-width: 767px) { .products-grid .review-block .star-rating, .products-grid .review-block blockquote { margin-bottom: 10px; } .products-grid .review-block .snippet { font-size: 14px; } } /* End: Review snippet blocks */ /* End: new category text blocks */ .main_popup .product-right .handy-links { float: none; } .main_popup .product-view .engrave-this-item { margin: 0 auto 10px; } .main_popup .view_full_details { clear: both; } .main_popup .product-right .price-box, .main_popup .buy-button-row { margin-bottom: 0 !important; } .main_popup .product-right .drop-a-hint-row { margin-bottom: 8px !important; } #sitemap-reskin .parent-category { display: inline-block; font-weight: bold; margin: 20px auto 5px; text-decoration: underline; } /* flint_product.css */ .catalog-product-view .page-bottom-content-teasers { display: none; } /********************************MOVED FROM MAIN STYLESHEET*********************/ .no-rating{display:none;} .catalog-product-view .col-left, .catalog-product-view .col-right{width:105px;float:right;padding:0;margin:0; text-align:center} .catalog-product-view .col-wrapper{float:none !important;width:auto !important;} #messages_product_view{margin:15px 0 0;position:relative;z-index:1;} #messages_product_view .messages{margin:0 0 1px;} #messages_product_view .messages li{margin:0;position:relative;z-index:1;} .viewer {width: 500px;height: 420px;border:0;position: relative;} .productimgwrapper { overflow: hidden;width:495px;float:left;margin:0;border:0 } .product_thumbnailwrapper{float:left;margin-top:0;margin-right:10px;} .product_thumbnailwrapper a{margin:0; float: left; margin-right: 45px;} .product_thumbnailwrapper a img{border:none} .iviewer_common {position:absolute;bottom:10px;border: 1px solid #ccc;height: 28px;z-index:2;} .iviewer_cursor {cursor: -moz-grab;} .iviewer_drag_cursor {cursor: -moz-grabbing;} .iviewer_button { width: 25px;height:25px; cursor: pointer; background-position: center center; background-repeat: no-repeat;} .iviewer_zoom_in { left: 20px; background: url('../images/productzoom/zoomin-blue.png');} .iviewer_zoom_out { left: 55px; back: url('../images/productzoom/zoomout-blue.png');} .iviewer_zoom_zero {left: 90px;background: url('../images/productzoom/iviewer.zoom_zero.gif');display:none} .iviewer_zoom_fit {left: 90px;background: url('../images/productzoom/productzoom-reset.png');display:none} .iviewer_zoom_status {left: 90px;font: 1em/28px Sans;color: #666;background-color: #fff;text-align: center;width: 60px;display:none} div#wn {position:relative; height:50px; overflow:hidden; min-width: 300px;} .product-view .product-left .product-img-box .product_thumbnailwrapper{margin-top:20px} .zoom-holder {position: relative; } .add-to-box-flint .last .product-content-links{float:right;width:100px;padding-top:2px} .add-to-box-flint .last .product-content-links a{color:#424242} .product-essential{float:right;width:310px;} .product_view_back_button_holder{height:20px;width:400px;display:block;background:url('../images/bkg-back-grey.gif') no-repeat 0 2px;padding:0 0 0 11px;margin:7px 0 0 7px;} .product_view_back_button_holder a{color:#B2B2B2;font-size:1em;font-weight:normal;text-transform:uppercase;text-decoration:none;} .product_view_back_button_holder a:hover{color:#666;} .product_page_block{width:490px;height:150px;display:block;} .product_page_block_holder{width:490px;height:150px;display:block;float:left;z-index:1;display:none;background:url(/media/cms/designers/test-banner.jpg) no-repeat 0 0;} .product-collateral{width:310px;margin:5px 0 0 0;} .product-collateral .emailto-link{font-size:11px;margin:0;padding-left:12px;} .box-collateral{background:#fff;} .box-collateral .box-title{background:#e7e7e7;border:1px solid #e1e1e1;padding:5px 20px 5px;margin:0 -1px;} .box-collateral .box-title h2{font-size:14px;line-height:1.2;color:#000333;font-weight:bold;} .box-collateral .box-content{padding:20px;} .tab-list{position:relative;} .tab-list .tab{float:left;cursor:pointer;} .tab-list .active{cursor:default} .tab-list .tab-container{position:absolute;left:0;width:100%;} .collateral-tabs{padding-bottom:20px;margin:0px 0 0 0;width:310px;} .collateral-tabs .tab{width:130px;position:relative;z-index:2;margin-right:4px; background:#dedede url('../images/bkg_product_tabs.jpg') no-repeat 0 -25px; color:#222;padding:6px 0 0 0px;font-size:1em;height:19px;text-align:center;text-transform:uppercase; color:#404040;} .collateral-tabs .tab span{float:left;text-align:center;width:130px;} .collateral-tabs .tab h2{float:left;text-align:center;width:130px;font-size:1em;color:#404040;} .collateral-tabs .last{} .collateral-tabs .active{color:#404040;font-weight:bold;z-index:3;border-bottom:0; background:#fff url('../images/bkg_product_tabs.jpg') no-repeat 0 0;text-align:center;width:130px;} .collateral-tabs .active span{background-position:100% 0;padding-bottom:1px;} .collateral-tabs .active h2{background-position:100% 0;padding-bottom:1px;color:#404040;} .collateral-tabs .tab-container{z-index:1;top:24px;background:#fff;} .collateral-tabs .tab-content{padding:15px 10px 15px 0;background:#fff;border-top:1px solid #cfcfcf;font-size:11px;width:300px;line-height:18px;margin-bottom:8px;} .collateral-tabs .tab-content object, .collateral-tabs .tab-content embed{width:100% !important;height:auto !important;} /********************************END MOVED FROM MAIN STYLESHEET*********************/ .product-view .product-left .product-img-box{padding:0;*float:none;} div#scrollLinks {position:relative;width:50px; height:12px;margin-top:15px;} div#scrollLinks .left {background-image:url('../../images/productpage/productpage-text-scroll.png');background-repeat: no-repeat;width:12px; height:12px; /* specify width and height of your image */position:absolute;left:20px;background-position:0 0;top:-340px} div#scrollLinks .right {background-image:url('../../images/productpage/productpage-text-scroll.png');background-repeat: no-repeat;width:12px; height:12px; position:absolute;left:20px;background-position:0 -12px} .product-view .product-left .product-img-box .product_thumbnailwrapper{margin-right:30px;} .product-view .product-left .product-img-box .product_thumbnailwrapper a img{margin-bottom:15px} .product-view .product-left .product-img-box .productimgwrapper{width:500px;} .main_popup .product-view .product-left .product-img-box .productimgwrapper{width:500px; margin-right: 30px;} .product-view .product-left .viewer{height:420px} .product-view .product-left .iviewer_button{width:24px;height:24px;border:1px solid #fff} .product-view .product-left .iviewer_button:hover{border:1px solid #017A9F} .product-view .product-left .iviewer_zoom_in{background:url('../../images/productpage/productpage-zoom-icons.jpg') no-repeat -5px -5px} .product-view .product-left .iviewer_zoom_out{background:url('../../images/productpage/productpage-zoom-icons.jpg') -39px -5px no-repeat} .add-to-links{display:none} .product-right .designer-name{width:100%;float:left;margin-bottom:10px;font-size:11px;font-weight:normal;color:#222222} .product-right .designer-name a{font-size:11px;color:#017A9F;} .availability{display:none} .product-right .product-page-sku{display:block;float:left;text-align:right;width:100%;color:#979797;position:relative;} .product-right .product-page-sku span{color:#212121;margin-right:5px} .product-right .product-tabs{float:left;margin-bottom:20px;/*height:130px;overflow:hidden*/;margin-top:-25px;height:130px} .product-right .collateral-tabs{width:100%;margin:0;padding:0} .product-right .collateral-tabs .tab-container{top:26px;} .product-right .collateral-tabs .tab{/*border-radius: 5px 5px 0 0px;*border-bottom:none;*/ background:#eeeeee;width:75px;height:20px} .product-right .collateral-tabs .tab:hover{/*border:1px solid #aaaaaa;border-bottom:0*/background:#e9e9e9} .product-right .collateral-tabs .active{background:#ffffff;border:1px solid #cfcfcf;border-bottom:1px solid #fff;height:19px} .product-right .collateral-tabs .active:hover{border:1px solid #d1d1d1;border-bottom:1px solid #fff} .product-right .collateral-tabs span{float:none;display:inline} .product-right .collateral-tabs .tab-content{width:425px;height:80px;overflow:auto;padding-bottom:5px;margin-bottom:20px; font-size:11px;border-top:1px solid #cfcfcf} .product-right .collateral-tabs .tab-content .product_page_designer_tab_holder{width:100%;} .product-right .collateral-tabs .tab-content .product_page_designer_tab_holder h3 {font-weight:normal;color:#555;text-transform:none} .product-right .collateral-tabs dt.tab span{font-size:11px;text-transform:none} .product-right .collateral-tabs dt.active span {font-weight:100} .product-right .outofstock-view{float:left;margin:0 0 15px 0;width:100%} .product-right .link-stock-alert{float:left;margin:0;} .product-right .link-stock-alert a{margin:0 !important;background:url("../../images/arrows/white-dotted-arrow-10-18.png") no-repeat 140px center #017A9F; width:130px;color:#ffffff;padding:8px 20px 5px 8px;font-size:15px;height:45px;text-align:center;display:block} #ring-size-lightwindow{float:left;margin-top:5px;margin-left:5px} .product-right .options-container-small .product-options dl dt{width:140px;float:left;margin:0 0 10px;padding:0} .product-right .options-container-small .product-options dl dt label{float:left;text-transform:none;font-size:11px;font-weight:bold;width:100%;margin-top:3px} .product-view .product-shop .add-to-cart .qty{display:none;} .product-view .product-shop .add-to-cart label{display:none;} .product-view .product-options-bottom p.required{display:none} .add-to-holder{padding:10px;background:#999999;} .product-right .options-container-small .product-options #option-buttons-hover-message{display:none} .product-right .options-container-small .prod-page-ringstacklink{width:210px;float:right;text-align:right;background:none;padding:0;margin-top:32px;margin-bottom:0} .product-right .options-container-small .prod-page-ringstacklink a{color:#333;font-size:12px;font-family:Arial,sans-serif;font-style:normal; background:url("../../images/editorial-arrowsprite.png") no-repeat right -1px} .product-view .add-to-cart .qty,.product-view .add-to-cart label{display:none} .product-view .product-options-bottom .add-to-cart button.button,.product-right .add-to-cart button.button{} .prod-page-ringstacklink{background:#c4d6da;width:260px;padding:5px;padding-left:15px;margin-bottom:10px;} .prod-page-ringstacklink a{color:#42747d;font-style:italic;background:url('../images/editorial-greenarrow.png') no-repeat right center;padding-right:20px;font-size:13px;font-family:Georgia,serif} /*.product-right .wishlist,.product-right .share{display:block;float:left;margin-left:7px}*/ .productview-social-icons{width:200px;float:right;margin:5px 0 0;} .outofstock-view .productview-social-icons{margin-top:30px} .productview-social-icons ul{padding:0;float:left;width:100%;} .productview-social-icons ul li{list-style-type:none;width:30px;height:30px;float:left;margin-right:5px} .productview-social-icons ul li a{text-decoration:none;width:30px;height:30px;display:block; background:url('../../images/productpage/astley-clarke-social-icons-20121001.jpg') no-repeat} .productview-social-icons ul li a:hover{text-decoration:none} .productview-social-icons ul li a.productview-facebook{background-position:-32px 0} .productview-social-icons ul li a.productview-twitter{background-position:-64px 0} .productview-social-icons ul li a.productview-google-plus{background-position:-97px 0} .productview-social-icons ul li a.productview-pinterest {background-position:-130px -1px} .productview-social-icons ul li a.productview-sendafriend{background-position:0 0} .productview-social-icons ul li:hover .productview-facebook{background-position:-32px -53px} .productview-social-icons ul li:hover .productview-twitter{background-position:-64px -53px} .productview-social-icons ul li:hover .productview-google-plus{background-position:-97px -53px} .productview-social-icons ul li:hover .productview-pinterest{background-position:-130px -54px} .productview-social-icons ul li:hover .productview-sendafriend{background-position:0 -52px} .product-right .deliverymessage{color:#191919;margin-bottom:25px;font-size:12px} .product-right .deliverymessage a{color:#017A9F;background:url('../../images/arrows/black-dotted-arrow-right-10-14.jpg') no-repeat right 3px;padding-right:20px} .product-right .questions{ font-size:12px; color:#4f4f4f; margin-bottom:5px; clear: both; background: url("../../images/productpage/icon_telephone2.png") no-repeat white; padding-left: 80px; width: 235px; height: 50px; float: left; } #personal_shopping_banner { clear: both; padding-top: 10px; } #personal_shopping_banner img { position: relative; top: -35px; /* -webkit-transform: rotate(21deg); -moz-transform: rotate(21deg); -o-transform: rotate(21deg); writing-mode: lr-tb; */ } .product-right .questions a{color:#017A9F} .product-right .callus{font-size:12px;color:#191919} .product-right .callus a{color:#017A9F;font-weight:normal} .product-view .see-alllinks{text-transform: uppercase; width:100%;float:left;border-bottom:1px solid #ddd;padding-bottom:12px;} .product-view .see-alllinks h5{display:block;float:left;margin-right:5px;font-weight:bold;color:#000; text-transform: none;} .product-view .see-alllinks a{color:#717171;font-size:11px;font-weight:normal} .recently-viewed-title { border-bottom: 1px solid #ddd; color: #000; font-family: Verdana; font-weight: bold; margin-top: 10px; padding-bottom: 10px; padding-top: 10px; text-transform: none; } .footer-before-container{width:970px;float:left} #recently-viewed-holder{clear: both; overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-top: 50px; border-top:0; font-family:"ff-scala-sans-web-pro",Lucida Grande,sans-serif;font-weight:100;font-size:11px} #recently-viewed-holder .block-title h5{font-size:11px} .product-premium-giftwrap{width:490px;height:430px;overflow:hidden} .product-premium-giftwrap .product-view{margin-top:0;height:450px;overflow:hidden;background:url('../../images/giftwrap-popup-background-2.jpg') no-repeat 0 0;} .product-premium-giftwrap .product-right .options-container-small .product-options dl dd{width:420px;float:left;margin:0} .product-premium-giftwrap .product-right{margin-left:0;width:420px !important; margin-top: 212px !important;} .product-premium-giftwrap #personal_shopping_banner, .product-premium-giftwrap #recently-viewed-holder, .product-premium-giftwrap .product-img-box,.product-premium-giftwrap .product-main-info,.product-premium-giftwrap .price-box, .product-premium-giftwrap .product-right .designer-name,.product-premium-giftwrap .product-right .questions, .product-premium-giftwrap .product-right .share,.product-premium-giftwrap .product-right .deliverymessage,.product-premium-giftwrap .product-right .callus, .product-premium-giftwrap .product-right .questions,.product-premium-giftwrap .see-alllinks,.product-premium-giftwrap .header-container,.product-premium-giftwrap #et-control-panel, .product-premium-giftwrap .pagetoplinks,.product-premium-giftwrap .pmerchant-suggest,.product-premium-giftwrap .footer-container,.product-premium-giftwrap .product-view .product-shop .availability, .product-premium-giftwrap .links,.product-premium-giftwrap .breadcrumb-news-holder,.product-premium-giftwrap .footer-before-container, .product-premium-giftwrap .product-view .product-shop .add-to-links,.product-premium-giftwrap .product_page_block_holder,.product-premium-giftwrap .options-container-small dt, .product-premium-giftwrap #options_74_text{display:none} .product-premium-giftwrap .product-right .product-options .input-box { width: 100% !important; } .product-premium-giftwrap .product-right .social-icons { display: none; } .product-premium-giftwrap .product-right .add-to-cart { top: 4px; } .product-premium-giftwrap .product-right h1{font-size:25px;color:#b2b2b2;text-indent:-9999px} .product-premium-giftwrap .product-right .product-tabs,.product-premium-giftwrap .collateral-tabs{} .product-premium-giftwrap .product-right .product-tabs #collateral-tabs{} .product-premium-giftwrap .product-essential{float:left;} .product-premium-giftwrap .product-right .product-tabs{height: 171px} .product-premium-giftwrap .collateral-tabs .tab-container{background:none;top:62px;margin-left:10px;color:#212121} .product-premium-giftwrap .product-page-sku{display:none} .product-premium-giftwrap .productview-social-icons{display:none} .product-premium-giftwrap .product-right .collateral-tabs .tab-content{display:block;height:auto;border-top:0;padding:0; margin:0;background:none} .product-premium-giftwrap .product-right .collateral-tabs .tab{display:none} .product-premium-giftwrap .product-left{display:none} .product-premium-giftwrap .product-options{background:none;padding:0;} .product-premium-giftwrap .product-options dd input.input-text {vertical-align:top} .product-premium-giftwrap .product-view p.productview-phonenumber{display:none} .product-options p.note{margin-top:10px} .product-premium-giftwrap .product-options-wrapper{margin:0;} .product-premium-giftwrap .product-options dd textarea { border: 1px solid var(--inky-blue); box-sizing: border-box; height: 50px; padding: 7px; width: 100%; } .product-premium-giftwrap .product-options dd textarea { height: 45px; } .product-premium-giftwrap .options-container-small{} .product-premium-giftwrap .main_popup{min-height:330px;padding:0;text-align:left;width:560px;} .product-premium-giftwrap .product-right .options-container-small .product-options-bottom .add-to-cart {float:right; position: absolute; right: 0px; bottom: 7px;} .product-premium-giftwrap .product-right .options-container-small .product-options, .product-premium-giftwrap .product-right .options-container-small .product-options-bottom { width: 165px !important; } .product-premium-giftwrap .options-container-small { position: relative; } .product-premium-giftwrap .product-options p.note{margin-top:10px} .product-premium-giftwrap .product-options dd input.input-text { width: 414px !important; } /* home-giftwrap */ .product-home-giftwrap{width:490px;height:430px;overflow:hidden} .product-home-giftwrap .product-view{margin-top:0;height:450px;overflow:hidden;background:url('../../images/giftwrap-at-home-bg.jpg') no-repeat 0 0;} .product-home-giftwrap .product-right .options-container-small .product-options dl dd{width:420px;float:left;margin:0} .product-home-giftwrap .product-right{margin-left:0;width:420px} .product-home-giftwrap #personal_shopping_banner, .product-home-giftwrap #recently-viewed-holder, .product-home-giftwrap .product-img-box,.product-home-giftwrap .product-main-info,.product-home-giftwrap .price-box, .product-home-giftwrap .product-right .designer-name,.product-home-giftwrap .product-right .questions, .product-home-giftwrap .product-right .share,.product-home-giftwrap .product-right .deliverymessage,.product-home-giftwrap .product-right .callus, .product-home-giftwrap .product-right .questions,.product-home-giftwrap .see-alllinks,.product-home-giftwrap .header-container,.product-home-giftwrap #et-control-panel, .product-home-giftwrap .pagetoplinks,.product-home-giftwrap .pmerchant-suggest,.product-home-giftwrap .footer-container,.product-home-giftwrap .product-view .product-shop .availability, .product-home-giftwrap .links,.product-home-giftwrap .breadcrumb-news-holder,.product-home-giftwrap .footer-before-container, .product-home-giftwrap .product-view .product-shop .add-to-links,.product-home-giftwrap .product_page_block_holder,.product-home-giftwrap .options-container-small dt, .product-home-giftwrap #options_74_text, .product-home-giftwrap .social-icons { display:none } .product-home-giftwrap .product-right .options-container-small .product-options dl dd .input-box{width:415px} .product-home-giftwrap .product-right .product-options dd input.input-text{background:#ffffff} .product-premium-giftwrap .product-right .wishlist, .product-home-giftwrap .product-right .wishlist { display: none !important; } .product-home-giftwrap .product-right h1{font-size:25px;color:#b2b2b2;text-indent:-9999px} .product-home-giftwrap .product-right .product-tabs,.product-home-giftwrap .collateral-tabs{} .product-home-giftwrap .product-right .product-tabs #collateral-tabs{} .product-home-giftwrap .product-essential{float:left;} .product-home-giftwrap .product-right .product-tabs{height: 171px} .product-home-giftwrap .collateral-tabs .tab-container{background:none;top:62px;margin-left:10px;color:#212121} .product-home-giftwrap .product-page-sku{display:none} .product-home-giftwrap .productview-social-icons{display:none} .product-home-giftwrap .product-right .collateral-tabs .tab-content{display:block;height:auto;border-top:0;padding:0; margin:0;background:none} .product-home-giftwrap .product-right .collateral-tabs .tab{display:none} .product-home-giftwrap .product-left{display:none} .product-home-giftwrap .product-options{background:none;padding:0;} .product-home-giftwrap .product-options dd input.input-text {vertical-align:top} .product-home-giftwrap .product-view p.productview-phonenumber{display:none} .product-options p.note{margin-top:10px} .product-home-giftwrap .product-options-wrapper{margin:0;} .product-home-giftwrap .product-options dd textarea{height:90px;width:290px;background:#ccc} .product-home-giftwrap .product-right .options-container-small .product-options-bottom .add-to-cart {float:right; position: absolute; right: 0px; bottom: -50px;} .product-home-giftwrap .product-right .options-container-small .product-options, .product-home-giftwrap .product-right .options-container-small .product-options-bottom { width: 165px !important; } .product-home-giftwrap .options-container-small { position: relative; } .product-home-giftwrap .product-options p.note{margin-top:20px} .product-home-giftwrap .product-options dd input.input-text { width: 414px !important; } .product-home-giftwrap .collateral-tabs{ margin-top: 20px; } /********************************ERROR MESSAGES*****************************************************/ .catalog-product-view .messages_product_view{background:#ffffff;margin:0 0 0 80px;position:absolute;top:400px;width:800px;z-index:2; -moz-box-shadow: 0 0 15px #cccccc;-webkit-box-shadow: 0 0 15px #cccccc; box-shadow: 0 0 15px #cccccc;border:3px solid #f5f5f5;display:none;} .catalog-product-view .messages_product_view .productmessage_close{float:left;margin:10px 0;width:100%;text-align:center;color:#414141} .catalog-product-view .messages_product_view .productmessage_close:hover{cursor:pointer;text-decoration:underline} .catalog-product-view .messages_product_view .messages{margin:0;border:0;overflow:hidden;text-align:center} .catalog-product-view .messages_product_view .messages li.success-msg{border:0} .catalog-product-view .messages_product_view .messages li.error-msg{margin-bottom:0} .catalog-product-view .messages_product_view .messages li.error-msg ul {text-align:center} .catalog-product-view .messages_product_view{background:#ffffff;margin:0 0 0 80px;position:absolute;top:400px;width:800px;z-index:20000; -moz-box-shadow: 0 0 15px #cccccc;-webkit-box-shadow: 0 0 15px #cccccc; box-shadow: 0 0 15px #cccccc;border:3px solid #f5f5f5;display:none;} .catalog-product-view .messages_product_view .productmessage_close{float:left;margin:10px 0;width:100%;text-align:center;color:#414141} .catalog-product-view .messages_product_view .productmessage_close:hover{cursor:pointer;text-decoration:underline} .catalog-product-view .messages_product_view .messages{margin:0;border:0;overflow:hidden;text-align:center} .catalog-product-view .messages_product_view .messages li.success-msg{border:0} .catalog-product-view .messages_product_view .messages li.error-msg{margin-bottom:0} .catalog-product-view .messages_product_view .messages li.error-msg ul {text-align:center} /**************TELL A FRIEND POPUP****************************************************************/ .tell_a_friend_wrapper{width:740px;overflow:hidden;font-family:"ff-scala-sans-web-pr",Verdana,Lucida Grande,sans-serif;padding:0 20px} .tell_a_friend_wrapper .fieldset{padding:0;margin:0;float:left;background:#ffffff;margin-left:15px} .tell_a_friend_wrapper .form-list label{width:120px;color:#212121;font-size:12px;padding-top:5px} .tell_a_friend_wrapper .tellafriend-popup-imagewrap{float:left;width:150px} .tell_a_friend_wrapper .page-title{width:100%;float:left;padding:0} .tell_a_friend_wrapper h1{border:0;margin-left:15px;font-weight:100;color:#737373;font-size:35px;letter-spacing:0.02em; font-family:Scala Sans Light,"ff-scala-sans-web-pro-n3","ff-scala-sans-web-pro",Lucida Grande,sans-serif;margin-top:35px} .tell_a_friend_wrapper h1 span{display:block;font-size:18px;color:#999999;margin-top:-5px} .tell_a_friend_wrapper li.fields,.tell_a_friend_wrapper li{margin-bottom:20px} .tell_a_friend_wrapper .form-list .fieldset{} .tell_a_friend_wrapper .form-list li.fields .field{clear:none;float:left;width:350px;padding:0} .tell_a_friend_wrapper .messages li.notice-msg{display:none;} .tell_a_friend_wrapper #sendafriend-optin{padding-left:126px;font-size:11px;float:left;width:100%;margin-bottom:10px} .tell_a_friend_wrapper #sendafriend-optin input.input-text {border:0;padding:0} .tell_a_friend_wrapper #sendafriend-optin .input-box span{font-size:11px} .tell_a_friend_wrapper input,.tell_a_friend_wrapper textarea{border:1px solid #b1b1b1;color:#2121;font-size:12px;color:#212121} .tell_a_friend_wrapper .form-list textarea{width:520px;padding:20px;font-size:12px;font-family:Verdana} .tell_a_friend_wrapper p.required{width:800px;} .tell_a_friend_wrapper .form-list input.input-text{width:200px;padding:5px;} .tell_a_friend_wrapper .form-buttons{width:190px;float:left;clear:none} .tell_a_friend_wrapper .form-buttons .button{margin:0;padding:0} .tell_a_friend_wrapper .sendafriend-notice{width:370px;margin-left:150px;float:left;font-size:12px} .tell_a_friend_wrapper .sendafriend-custservice{width:100%;float:left;text-align:center;color:#777777;font-size:12px;margin-top:70px} .tell_a_friend_wrapper .sendafriend-custservice span{color:#212121;font-weight:bold} .tell-a-friend-opt input{height:10px !important;background:none !important;border:none;} /* -------------------------- */ /* Own-made horizontal slider */ /* -------------------------- */ #thumbs_wrapper { width: 440px; height: 50px; overflow: hidden; float: left; margin-bottom: 30px; } #thumbs { width: 9999px; } #thumbs li { float: left; margin: 0 20px; } #big-arrow-left, #arrow-left { width: 8px; height: 50px; background: url("../../images/product-page-2014/grey-arrow-left.png") no-repeat 50% 50%; float: left; padding: 0 10px; cursor: pointer; } #big-arrow-right, #arrow-right { padding: 0 10px; width: 8px; height: 50px; background: url("../../images/product-page-2014/grey-arrow-right.png") no-repeat 50% 50%; float: left; cursor: pointer; } #big-arrow-left, #big-arrow-right { display: block; width: 20px; height: 20px; float: left; z-index: 98; position: absolute; top: 200px; } #big-arrow-left { left: 0; } #big-arrow-right { right: 0; } .main_popup #big-arrow-right { right: 13px; } .imgviewer-arrow.disabled { opacity: 0.2; cursor: default !important; } /* -------------------------- */ #viewer2 { margin-bottom: 40px; } .product-options .out-of-stock { background-image: linear-gradient(145deg, transparent 0%, transparent 47.5%, var(--light-blue-50) 50%, transparent 52.5%, transparent 100%); color: var(--light-blue-50); cursor: default; } .product-options .out-of-stock a{ text-decoration: none; } .product-options .out-of-stock a:hover { text-decoration: none; background-color: #8AC2D4 !important; } #available-soon-hover-text, #out-of-stock-hover-text, #on-backorder-hover-text { color: #017a9f !important; text-transform: uppercase; display: none; font-size: 10px; position: absolute; top: 21px; width: 300px; } .read_all_reviews { float: right; overflow: hidden; } /* Quick View Product Page */ body > img { display: none; } .main_popup { height: 510px; overflow: hidden; } .main_popup .product-right .description, .main_popup .product-right .tabs, .main_popup #recently-viewed-holder, .main_popup .see-alllinks, .main_popup .prod-page-ringstacklink { display: none; } .main_popup #thumbnail-gallery .slick-slider { width: calc(100% - 30px); } .main_popup #product-page-images .slick-next { right: -10px; } .main_popup .imgviewer-arrow { display: none; } .main_popup .product-view { margin: 10px; max-width: 810px; } .main_popup #viewer2 { width: 350px; height: 350px; margin-bottom: 30px ; } .main_popup .product-view .product-left .viewer { width: 350px; height: 350px; } .main_popup .productimgwrapper { width: 350px !important; } .main_popup #thumbs_wrapper { width: 320px !important; } .main_popup #arrow-left { padding: 0px; padding-right: 7px; } .main_popup #arrow-right { padding: 0px; padding-left: 7px; } .main_popup #thumbs li { margin: 0 7px; } .main_popup .product-left { width: 460px; } .main_popup .product-right { margin: 35px 0 0 0; width: 330px; height: 370px; position: relative; } .main_popup .zopim, #fancybox-wrap .zopim { display: none !important; } .main_popup .product-right .name { font-size: 19px; } .main_popup .product-right .price { font-size: 22px; } .main_popup .price_and_sku { position: static !important; } .view_full_details { display: block; margin-bottom: 80px; text-decoration: none; } .reskin .view_full_details { color: black; } .main_popup #product-options-wrapper { } .main_popup .social-icons li, #social-content li { margin-right: 16px; } /* Gift Wrap at Home Styles */ .product-home-giftwrap .product-options-bottom { position: relative !important; } .product-home-giftwrap .product-right h1 { display: none !important; } .product-home-giftwrap .product-right .description { display: block; } .product-premium-giftwrap .product-options-bottom { position: absolute; float: none !important; right: 0; top: 55px; } .product-premium-giftwrap .product-right { margin-top: 85px !important; } .product-premium-giftwrap #product-options-wrapper { margin-top: 0; } .product-premium-giftwrap .product-right h1 { display: none !important; } .product-premium-giftwrap .product-right .description { display: block; } /* New product page image styles */ #product-page-images #main-video, #product-page-images #main-image { display: block; max-width: 420px; width: 100%; margin: 0 40px 20px auto; } .main_popup #product-page-images #main-video, .main_popup #product-page-images #main-image { max-width: 370px; margin-bottom: 0; } #product-page-images #main-image { cursor: zoom-in; } #product-page-images #main-video-wrapper { display: none; } #product-page-images #main-image-caption { font-size: 15px; } #product-page-images #main-image::after { background: white url("../images/magnify-zoom-icon.png") no-repeat scroll 50% center / 20px auto; content: ""; display: block; height: 20px; padding: 5px; position: absolute; right: 65px; top: 10px; width: 20px; } #product-page-images #main-image-wrapper a, #product-page-images #thumbnail-gallery a { display: block; } #product-page-images .vimeo-link { position: relative; } #product-page-images .vimeo-link::after { background-color: rgba(0, 0, 0, 0.15); background-image: url("../images/play-button-white-128.png"); background-position: center; background-repeat: no-repeat; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #product-page-images #main-image-wrapper .vimeo-link::after { background-size: 48px; } #product-page-images #thumbnail-gallery .vimeo-link::after { background-size: 32px; } #product-page-images #main-image-wrapper:hover { text-decoration: none; } .main_popup #product-page-images #thumbnail-gallery img { box-sizing: border-box; height: 75px; width: 75px; } .product-home-giftwrap .product-right .options-container-small .product-options-bottom { margin: 0 auto; max-width: 280px; width: 100% !important; } .product-home-giftwrap .product-right .options-container-small .product-options-bottom .add-to-cart { float: none; position: static; } #ascommercebug_link_debug { display: none !important; } /* =========================================================================== */ /* UGC */ /* =========================================================================== */ .product-view #qna-section, .product-view #ugc-section { box-sizing: border-box; width: 50%; margin-bottom: 40px; } .product-view #qna-section { float: left; } .product-view #ugc-section { float: right; } .product-view #review-section { clear: both; } .product-view #ugc-section .recommendations-h3 { margin-bottom: 5px; } .product-view #ugc-section .recommendations-h3::before { left: 54px; top: 18px; } .product-view #ugc-section .recommendations-h3::after { right: 54px; top: 18px; } .product-view #ugc-section .recommendations-h4 { line-height: 13px; font-size: 13px; color: black; margin-top: 17px; margin-bottom: 15px; } .product-view #ugc-section .slick-list { margin: 0 auto; width: calc(100% - 100px); } .product-view #ugc-section .ugc-promo-instagram span { left: 0; margin: 0 auto; max-width: 140px; right: 0; z-index: 1; bottom: 28px; position: absolute; } .product-view #ugc-section a { display: inline-block; position: relative; width: 100%; max-width: 165px; } #ugc-section .ugc-vid-icon { background: rgba(255, 255, 255, 0.25) url("../images/productpage/play-icon-256.png") no-repeat center calc(50% - 5px) / 25%; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } @media all and (max-width: 1200px) { .product-view #ugc-section .recommendations-h3::before, .product-view #ugc-section .recommendations-h3::after { display: none; } } @media all and (max-width: 1023px) { .product-view #qna-section, .product-view #ugc-section { width: 100%; margin-bottom: 40px !important; } .product-view .tab-title { font-size: 16px !important; } } @media all and (max-width: 550px) { .product-view #ugc-section a { display: block; max-width: 300px; } .product-view #ugc-section a img { max-width: 100%; } } /* =========================================================================== */ /* =========================================================================== */ /* Warranty Form */ /* =========================================================================== */ #warranty fieldset { margin-bottom: 20px; } #warranty h2 { background-color: #f5f5f5 !important; background-position: 10px center, calc(100% - 10px), center !important; background-repeat: no-repeat !important; background-size: 20px, 20px !important; color: black; cursor: pointer; font-weight: normal; height: 35px; line-height: 35px; margin: 0 auto !important; padding-left: 40px !important; text-transform: uppercase; transition: all .15s ease; } #warranty h2.icon-who { background-image: url("../images/who.png"), url("../images/tab-expand.png") !important; } #warranty .tab.active h2.icon-who { background-image: url("../images/who.png"), url("../images/tab-contract.png") !important; } #warranty h2.icon-where { background-image: url("../images/where.png"), url("../images/tab-expand.png") !important; } #warranty .tab.active h2.icon-where { background-image: url("../images/where.png"), url("../images/tab-contract.png") !important; } #warranty h2.icon-vip { background-image: url("../images/vip.png"), url("../images/tab-expand.png") !important; } #warranty .tab.active h2.icon-vip { background-image: url("../images/vip.png"), url("../images/tab-contract.png") !important; } #warranty h2.icon-how { background-image: url("../images/how.png"), url("../images/tab-expand.png") !important; } #warranty .tab.active h2.icon-how { background-image: url("../images/how.png"), url("../images/tab-contract.png") !important; } #warranty h3 { margin-bottom: 10px; } #warranty li, #warranty ul { display: block; margin-bottom: 30px; } #warranty li.add-button { margin-bottom: 0; } #warranty li.add-button, #warranty li.limit-reached-message { font-size: 16px; } #warranty li.limit-reached-message { font-weight: bold; margin-bottom: 20px; text-align: center; } #warranty input { padding-left: 10px; width: 50%; } #warranty input[type="text"], #warranty input[type="password"], #warranty input[type="email"], #warranty select { background-color: white; box-shadow: none; height: 40px; min-width: 0; transition: all .15s ease; } #warranty input[type="text"]:focus, #warranty input[type="text"]:hover, #warranty input[type="password"]:focus, #warranty input[type="password"]:hover, #warranty input[type="email"]:focus, #warranty input[type="email"]:hover, #warranty select:focus, #warranty select:hover { border-color: var(--inky-blue); } #warranty input[type="text"].error, #warranty input[type="password"].error, #warranty input[type="email"].error, #warranty select.error { border-color: var(--red-brick); } #warranty input, #warranty select, #warranty label { font-size: 14px; vertical-align: middle; } #warranty label { cursor: pointer; margin: 0 10px 0 auto; } #warranty label.error { color: var(--red-brick); display: block; margin: 5px auto 0; } #warranty p { padding-right: 0 !important; } #warranty section { margin-bottom: 5px; } #warranty section.store-selection { margin-bottom: 30px; } #warranty select { background-size: 10px; padding-left: 10px; width: 25%; } #warranty #add-another-vip, #warranty #all-done { display: none; } #warranty #add-date-button { margin: 0 auto; width: 250px; } #warranty #location { width: 30%; } #warranty #saved-date-placeholder { display: none; } #warranty #store-error { cursor: default; } #warranty #submit-form { display: block; margin: 30px auto 0; max-width: 280px; width: 100%; } #warranty #vip-date { display: inline-block; margin-left: 5px; width: 25%; } #warranty #vip-date select { width: 100%; } #warranty #vip-form { background-color: #f5f5f5; box-sizing: border-box; margin: 0 auto 25px; padding: 30px 20px; width: 95%; } #warranty #vip-form.limit-reached * { cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #warranty #vip-form.limit-reached fieldset { opacity: 0.3; } #warranty #vip-form.limit-reached .add-button { display: none; } #warranty #vip-form.limit-reached .limit-reached-message { display: block; } #warranty #vip-form .limit-reached-message { display: none; } #warranty #vip-form input { width: calc(50% + 5px); } #warranty #vip-form label { display: inline-block; font-weight: bold; min-width: 22%; text-align: right; } #warranty .actabs { display: block; } #warranty .banner { display: table; width: 100%; } #warranty .banner h1 { display: table-cell; position: static; transform: none; vertical-align: middle; } #warranty .dob-section select + select { margin-left: 5px; } #warranty .dob-section #DOB-day { width: 10%; } #warranty .dob-section #DOB-month, #warranty .dob-section #DOB-year { width: 20%; } #warranty .input-comment { display: none; font-size: 14px; font-weight: normal; margin-bottom: 0; margin-left: 10px; text-transform: uppercase; vertical-align: middle; } #warranty .intro { text-align: center; } #warranty .newsletter-list-warranty { display: none; /* Hiding sub-options to simplify newsletter selection */ font-size: 0; margin: 10px auto 0; padding-left: 50px; } #warranty .newsletter-list-warranty.hidden { display: none; } #warranty .newsletter-list-warranty li { margin-bottom: 15px; } #warranty .newsletter-note { margin-bottom: 20px; font-size: 12px; } #warranty .next-section { background-image: url("../images/reskin/pink-next.png"); background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; height: 50px; margin: 0 auto 30px; transition: all .15s ease; width: 50px; } #warranty .newsletters-section input { height: 20px; width: 20px; } #warranty .newsletters-section input[type="checkbox"] { display: none; } #warranty .newsletters-section input[type="checkbox"]:checked + label::before { background-image: url("../images/checkbox-checked.png"); } #warranty .newsletters-section input[type="checkbox"]:checked + label::before, #warranty .newsletters-section input[type="checkbox"] + label::before { background-position: center; background-repeat: no-repeat; background-size: contain; margin-left: -25px; position: absolute; top: 0; } #warranty .newsletters-section input[type="checkbox"] + label::before { background-image: url("../images/checkbox-unchecked.png"); } #warranty .newsletters-section label { font-size: 16px; margin: 0 auto; position: relative; } #warranty .newsletters-section label::before { content: ""; height: 17px; transition: all .1s ease; width: 17px; } #warranty .opt-out-section { padding-left: 10px; } #warranty .or { text-transform: uppercase; margin-top: 10px; } #warranty .other-occasion { display: none; } #warranty .padding-wrapper { padding-left: 25px; } #warranty .page-body { width: 768px; } #warranty .store-inputs { display: table; margin: 0 auto; text-align: left; } #warranty .store-inputs input { height: 15px; margin-right: 5px; width: 15px; } #warranty .store-inputs label { margin: 0 auto; } #warranty .tab { background: none; border: none; padding: 0; } #warranty .tab-content { margin-top: 15px; } @media all and (max-width: 1023px) { #warranty .newsletter-list-warranty li { display: block; padding-right: 0; width: auto; } #warranty .page-body { text-align: left; width: 95%; } } @media all and (max-width: 768px) { #warranty input[type="text"], #warranty input[type="email"], #warranty select { max-width: 500px; width: 100%; } #warranty .price-wrapper .product-price { max-width: 70px; } #warranty #city, #warranty #location, #warranty .dob-section #DOB-day, #warranty .dob-section #DOB-month, #warranty .dob-section #DOB-year { max-width: 250px; width: 100%; } #warranty li.dob-section label, #warranty li.dob-section select { display: block; margin: 0 0 10px; } #warranty li.dob-section label { margin-bottom: 5px; margin-top: 15px; } } @media all and (max-width: 415px) { #warranty h2 { height: auto; min-height: 35px; } #warranty h2.icon-how { line-height: 20px; padding-bottom: 5px !important; padding-top: 5px !important; } } @media all and (max-width: 340px) { #warranty #add-date-button { width: 200px; } } /* Copied from pref centre */ #warranty input[type="text"]::-webkit-input-placeholder { color: #999; } #warranty input[type="text"]::-moz-placeholder { color: #999; opacity: 1; } #warranty input[type="text"]:-ms-input-placeholder { color: #999; } #warranty input[type="text"]:-moz-placeholder { color: #999; opacity: 1; } #warranty input[type="email"]::-webkit-input-placeholder { color: #999; } #warranty input[type="email"]::-moz-placeholder { color: #999; opacity: 1; } #warranty input[type="email"]:-ms-input-placeholder { color: #999; } #warranty input[type="email"]:-moz-placeholder { color: #999; opacity: 1; } #warranty select option { color: black; } #warranty select.grey-select { color: #999; } #prod-debug { color: black; font: 16px "Consolas"; text-align: left; white-space: pre-wrap; } #warranty { min-height: 800px; position: relative; } #warranty #product-input { margin: 0 auto; max-width: 500px; width: 100%; } #warranty .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #warranty .awesomplete { display: block; margin-bottom: 10px; text-align: left; } #warranty .awesomplete img { display: inline-block; margin: 0; max-width: 70px; } #warranty .awesomplete p { display: inline-block; font-size: 14px; line-height: 70px; margin: 0; } #warranty .awesomplete li:hover, #warranty .awesomplete li[aria-selected="true"] { background-color: #cfeef2; } #warranty .awesomplete mark { background-color: #e9ff00; } #warranty .awesomplete ul { background-color: white; border-color: black; border-style: none solid solid; border-width: 0 1px 1px; border-radius: 0; box-shadow: none; left: 0; margin: 0 auto; max-height: 380px; max-width: 500px; min-width: 500px; overflow-y: scroll; right: 0; transition: none; } #warranty .awesomplete ul, #warranty .awesomplete li { font-size: 14px; margin-bottom: 0; } #warranty .awesomplete .product-name { max-width: 65%; padding-left: 10px; } #warranty .awesomplete .product-sku { float: right; max-width: 30%; } #warranty .section-1 { text-align: center; } #warranty .section-2, #warranty .section-3 { display: none; /*position: relative;*/ } #warranty .awesomplete li { color: black; height: 70px; line-height: 70px; padding-left: 85px; } #warranty .awesomplete li[data-css-sku] { background-position: 5px center; background-repeat: no-repeat; background-size: 70px; } #warranty .customer-products { margin: 0 auto 50px; max-width: 650px; width: 100%; } #warranty .customer-products li { height: 40px; line-height: 40px; margin: 0 auto; padding-right: 30px; position: relative; text-align: left; } #warranty .customer-products li:not(:last-of-type) { margin-bottom: 5px; } #warranty .customer-products p { display: inline-block; font-size: 15px; line-height: 40px; margin: 0 auto; vertical-align: top; } #warranty .customer-products .pound { cursor: default; margin-right: 5px; } #warranty .customer-products .product-name { max-width: 50%; } #warranty .customer-products .product-sku { padding-left: 10px; } #warranty .price-wrapper { display: inline-block; float: right; max-width: 140px; text-align: right; vertical-align: top; } #warranty .remove-prod { background: url("../images/reskin/teal-cross.png") no-repeat center / 10px; cursor: pointer; display: block; height: 100%; margin: 0 auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 20px; } #warranty .show-main-form-section { display: none; } #warranty #show-main-form { margin: 0 auto 10px; } /*#warranty #show-section-1 { background: white url("../images/arrows/arrow-left-black.png") no-repeat center / contain; border-radius: 50%; cursor: pointer; display: block; height: 30px; left: 0; margin: 0 auto; position: absolute; top: 0; width: 30px; }*/ /* Begin: 2017-09-21 "Phase 3" additions */ #warranty #other-name { display: none; } #warranty #other-name.active { display: block; margin: 10px auto 0; } #warranty .staff-name-section { display: none; margin-bottom: 40px; } #warranty .staff-name-section.active { display: block; } #warranty .sale-or-return { font-size: 0; margin-bottom: 40px; } #warranty .sale-or-return .cta { display: inline-block; margin: 0 2.5px; max-width: 200px; } #warranty .cta { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #warranty .cta.active { background-color: var(--inky-blue); color: white; } /* End: 2017-09-21 "Phase 3" additions */ /* Begin: default awesomplete CSS */ .awesomplete [hidden] { display: none; } .awesomplete .visually-hidden { clip: rect(0, 0, 0, 0); position: absolute; } .awesomplete { display: inline-block; position: relative; } .awesomplete > input { display: block; } .awesomplete > ul { background: #fff; box-sizing: border-box; left: 0; list-style: none; margin: 0; min-width: 100%; padding: 0; position: absolute; z-index: 1; } .awesomplete > ul:empty { display: none; } .awesomplete > ul { background: hsla(0,0%,100%,.9); background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8)); border-radius: .3em; border: 1px solid rgba(0,0,0,.3); box-shadow: .05em .2em .6em rgba(0,0,0,.2); margin: .2em 0 0; text-shadow: none; } @supports (transform: scale(0)) { .awesomplete > ul { transition: .3s cubic-bezier(.4,.2,.5,1.4); transform-origin: 1.43em -.43em; } .awesomplete > ul[hidden], .awesomplete > ul:empty { opacity: 0; transform: scale(0); display: block; transition-timing-function: ease; } } .awesomplete > ul > li { position: relative; padding: .2em .5em; cursor: pointer; } .awesomplete > ul > li:hover { background: hsl(200, 40%, 80%); color: black; } .awesomplete > ul > li[aria-selected="true"] { background: hsl(205, 40%, 40%); color: white; } .awesomplete mark { background: hsl(65, 100%, 50%); } .awesomplete li:hover mark { background: hsl(68, 100%, 41%); } .awesomplete li[aria-selected="true"] mark { background: hsl(86, 100%, 21%); color: inherit; } /* End: default awesomplete CSS */ #warranty .summary-products p { display: inline-block; margin: 0; vertical-align: top; } #warranty #summary-total-price { padding-left: 20px; } #warranty .list-wrapper:not(:last-of-type) { margin-bottom: 30px; } #warranty .list-wrapper h3 { font-size: 18px; letter-spacing: 0.5px; line-height: 1; margin-bottom: 20px; text-align: center; } #warranty .section-3 { margin-left: auto; margin-right: auto; max-width: 600px; } #warranty .summary-products, #warranty .summary-customer-details { margin-bottom: 0; } #warranty .summary-products, #warranty .summary-customer-details, #warranty .summary-products li, #warranty .summary-customer-details li { font-size: inherit; } #warranty .summary-products .product-sku { padding-left: 20px; } #warranty .summary-products .total-row { text-align: right; } #warranty .total-price { text-transform: uppercase; } #warranty .summary-customer-details li { display: none; margin-bottom: 0; } #warranty .summary-customer-details li:not(:last-of-type) { margin-bottom: 5px; } #warranty .summary-customer-details li.active { display: block; } #warranty .summary-customer-details p { display: inline-block; margin-bottom: 0; } #warranty .spacing-left:not(:first-of-type) { padding-left: 5px; } #warranty .faux-label { margin-right: 5px; } #warranty .summary-products .product-name { max-width: 60%; } #warranty .cta.finish { margin: 20px auto 0; } #warranty .staff-name-section.error p { color: var(--red-brick); } #warranty .staff-name-section.error #staff-name { border-color: var(--red-brick); } #warranty #add-other { cursor: pointer; font-size: 16px; line-height: 1.5; margin-bottom: 10px; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #warranty .add-other-section { margin: 0 auto 20px; max-width: 500px; } #warranty .add-other-temp { display: none; margin: 0 auto; } #warranty .add-other-temp.active { display: block; } #warranty .add-other-temp label { display: inline-block; min-width: 50px; } #warranty .add-other-temp li { text-align: left; } #warranty .add-other-temp .pound { display: inline-block; font-size: 15px; line-height: 1; margin: 0 5px 0 -16px; vertical-align: middle; } #warranty .add-other-name { width: 200px; } #warranty .add-other-price { max-width: 90px; } #warranty .add-other-temp .price-row { margin-bottom: 20px; } #warranty .add-other-temp .cta-row { display: block; margin-bottom: 0; } #warranty .add-other-temp .cta { display: inline-block; font-size: 15px; margin: 0 2.5px; max-width: 110px; width: 100%; } #warranty .section-3 blockquote { background-color: #0c79b1; color: white; font: lighter 16px/1 "neuzeit-grotesk"; margin-bottom: 60px; padding: 20px; text-align: center; } #warranty-form #please-wait-message { display: none; } #warranty-form.submitting #please-wait-message { display: block; } #warranty-form.submitting .show-main-form-section { display: none !important; } #warranty label[for=opt-in-all], #warranty label[for=opt-out] { font-weight: bold; } #warranty #hidden-newsletter-validator { display: block; opacity: 0; height: 1px; } #warranty #hidden-newsletter-validator-error { margin-bottom: 10px; } /* =========================================================================== */ /* =========================================================================== */ /* Category page: "Read more" link */ /* =========================================================================== */ .rm-active #read-more-toggle { color: #0c79b1; margin: 0 auto; text-align: center; } .rm-active.catalog-category-view .col-left > div.block { border-top: 1px solid #a6a4a6; } .rm-active .category-view .category-introblock { height: 80px !important; } .rm-active .category-view .category-introblock, .rm-active .category-view .category-introblock > .content { max-width: none; } .rm-active .reskin .category-introblock h1 { color: black; font-size: 24px !important; padding: 22px 0 35px; } .rm-active .reskin .category-introblock > .content { position: static; text-align: center; top: auto; transform: none; } .rm-active .reskin .category-introblock > .content > *:not(h1) { display: block; margin-left: auto; margin-right: auto; max-width: 95%; } .rm-active .reskin .category-introblock > .content > p { line-height: 24px; } .rm-active .reskin .category-introblock > .content > .wide-test-hidden { display: none; } .rm-active.catalog-category-view .col-left { top: 115px; } .rm-active .category-view .category-products { top: 150px !important; } .rm-active .category-view .toolbar { top: 185px; } /* =========================================================================== */ #warranty-form-thank-you { min-height: 600px; text-align: center; } #warranty-form-thank-you .cta { margin: 0 auto; } /* =========================================================================== */ /* Locket engraving page */ /* =========================================================================== */ /* Begin: Hiding front-related elements: currently only engraving the back */ #llp .front-back-ctas, #llp .locket-engraving .preview-front { display: none; } /* End: Hiding front-related elements: currently only engraving the back */ #llp [data-locket-sku="25532SNON"] { height: 130px; width: 130px; top: 11.44%; left: 0; right: 150px; } #llp [data-locket-sku="32076SNON"] { height: 210px; width: 210px; top: 06.00%; left: 350px; right: 0; } #llp [data-locket-sku="39094YBEN"] { height: 110px; width: 110px; top: 69.78%; left: 0; right: 450px; } #llp [data-locket-sku="39094YBKN"] { height: 110px; width: 110px; top: 76.00%; left: 290px; right: 0; } #llp [data-locket-sku="39094YGEN"] { height: 110px; width: 110px; top: 79.00%; left: 0; right: 85px; } #llp [data-locket-sku="39095YBEN"] { height: 170px; width: 170px; top: 57.78%; left: 615px; right: 0; } #llp [data-locket-sku="39095YGEN"] { height: 170px; width: 170px; top: 32.89%; left: 645px; right: 0; } #llp [data-locket-sku="41025RNON"] { height: 90px; width: 90px; top: 39.11%; left: 0; right: 580px; } #llp [data-locket-sku="41025SNON"] { height: 90px; width: 90px; top: 24.56%; left: 0; right: 463px; } #llp [data-locket-sku="41025YNON"] { height: 90px; width: 90px; top: 56.11%; left: 0; right: 595px; } #llp { background-color: #f5f1f2; margin-top: 50px; /* padding-bottom: 60px; */ text-align: center; } #llp form { display: block; } #llp a, #llp p, #llp span, #llp strong { margin: 0 auto; } #llp div, #llp img, #llp section { margin-left: auto; margin-right: auto; } #llp h1 { margin-bottom: 20px; } #llp img { display: block; max-width: 100%; } #llp label.error { color: var(--red-brick); display: block; } #llp section, #llp ul, #llp li { font-size: 0; } #llp section:not(:first-of-type) { border-top: 1px solid black; } #llp strong { display: block; font: bold 16px/23px "neuzeit-grotesk", sans-serif; } #llp input[type="text"] { border: 1px solid black; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 2; max-height: 45px; padding: 5px; resize: none; width: 100%; } #llp input[type="text"]:not(:last-of-type) { margin-bottom: 10px; } #llp input[type="text"].error { border-color: var(--red-brick); } #llp #reset-locket-selection { background: url("../images/reskin/close-black-chunky.png") no-repeat center/contain; cursor: pointer; display: none; height: 20px; position: absolute; top: 70px; right: 70px; width: 20px; } #llp .copy-wrapper { max-width: 850px; width: 95%; } #llp .copy-wrapper .copy { margin-bottom: 20px; } #llp .cta { max-width: 280px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 95%; } #llp .cta.disabled:hover { background-color: transparent; color: black; } #llp .disabled { cursor: not-allowed; opacity: 0.5; } #llp .engraving-preview { background-color: #fff; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #llp .engraving-preview[data-locket-metal="Rose Gold Vermeil"] span { color: #b78d7e; } #llp .engraving-preview[data-locket-metal="Sterling Silver"] span { color: #888888; } #llp .engraving-preview[data-locket-metal="Yellow Gold Vermeil"] span { color: #c39a61; } #llp .engraving-preview .preview-wrapper { opacity: 0.3; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } #llp .engraving-preview .preview-wrapper.active { opacity: 1; } #llp .engraving-preview .side-by-side { margin: 0 30px; max-width: 300px; width: calc(50% - 60px); } #llp .engraving-text { height: 100%; position: absolute; top: 0; width: 100%; } #llp .engraving-text span { display: block; font-family: EngravingClipped; left: 0; line-height: 1; position: absolute; right: 0; } /* Begin: font sizes */ #llp .engraving-text span[data-char-count="1"] { font-size: 100px; } #llp .engraving-text span[data-char-count="2"] { font-size: 80px; } #llp .engraving-text span[data-char-count="3"] { font-size: 60px; } #llp .engraving-text span[data-char-count="4"] { font-size: 55px; } #llp .engraving-text span[data-char-count="5"] { font-size: 50px; } #llp [data-number-of-lines="2"] span { font-size: 80px !important; } #llp [data-number-of-lines="3"] span { font-size: 60px !important; } /* End: font sizes */ #llp .front-back-ctas { margin-bottom: 20px; } #llp .front-back-ctas .cta { display: inline-block; margin: 0 2.5px; max-width: calc(50% - 5px); } #llp .front-back-ctas .cta.active { background-color: black; color: #fff; } #llp .front-back-wrapper { max-width: 420px; } #llp .hidden-locket-select { /* border: 2px solid red; */ border-radius: 50%; box-sizing: border-box; cursor: pointer; position: absolute; } /* #llp .hidden-locket-select.selected { -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; -webkit-transition: -webkit-box-shadow 0.25s; transition: -webkit-box-shadow 0.25s; transition: box-shadow 0.25s; transition: box-shadow 0.25s, -webkit-box-shadow 0.25s; } */ #llp .initially-hidden { display: none; } #llp .intro { background-color: #fff; padding-bottom: 50px; } #llp .locket-ctas { display: none; } #llp .locket-ctas .cta:not(:last-of-type) { margin-bottom: 10px; } #llp .locket-engraving h3 { font: 25px/1 "Libre Franklin"; text-transform: none; } #llp .locket-engraving .textarea-wrapper { display: none; } #llp .locket-engraving .textarea-wrapper.active { display: block; } #llp .locket-engraving-wrapper { max-width: 2000px; } #llp .locket-h2 { font: lighter 30px/1 "Libre Franklin"; margin-bottom: 30px; text-transform: none; } #llp .locket-selection-wrapper { background: url("../../../../../media/cms/engravable-lockets/images/locket-selection-jan-2018.jpg") no-repeat center/auto 900px; height: 900px; max-width: 1900px; position: relative; } #llp .message-note { margin-bottom: 10px; } #llp .name-price-wrapper { cursor: default; margin-bottom: 20px; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } #llp .name-price-wrapper.visible { opacity: 1 !important; } #llp .order-details { background-color: #fff; margin-left: 10px; padding: 35px; text-align: left; } #llp .order-row:not(:last-of-type) { margin-bottom: 10px; } #llp .order-wrapper { margin-bottom: 50px; } #llp .order-wrapper .side-by-side { -webkit-box-sizing: border-box; box-sizing: border-box; height: 370px; max-width: 370px; } #llp .preview-wrapper { position: relative; } #llp .review-order { padding: 50px 0 60px; } #llp .selected-locket { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #llp .selected-locket .locket-h2 { margin-bottom: 20px; } #llp .selected-locket .locket-name, #llp .selected-locket .locket-price { font-family: "Libre Franklin"; font-size: 20px; line-height: 1.3; } #llp .selected-locket .locket-name { font-weight: bold; margin-bottom: 5px; } #llp .selected-locket .locket-price { font-weight: lighter; margin-bottom: 10px; } #llp .selected-locket .locket-url { margin-bottom: 10px; display: inline-block; font: lighter 20px/1 "neuzeit-grotesk"; } #llp .selected-locket-wrapper { background-color: #fff; border-radius: 50%; height: 450px; left: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-45%); transform: translateY(-45%); width: 450px; } #llp .side-by-side { display: inline-block; vertical-align: middle; width: 50%; } #llp .tal { text-align: left; } #llp .textarea-wrapper { margin-bottom: 20px; } #llp .vam { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #llp .engraving-row { display: none; } #llp .engraving-row.active { display: block; } #llp .engraving-lines { margin-bottom: 0; } #llp .engraving-lines li { display: none; margin-bottom: 0; } #llp .engraving-lines li.active { display: block; } #llp .engraving-lines p { display: inline-block; } #llp .engraving-lines .engraving-line { margin-left: 5px; } #llp .text-to-be-engraved { margin-bottom: 10px; } #llp #engraving-price { margin-bottom: 20px; } #llp #review-your-order { margin: 30px auto 0; } #llp .mobile-locket-selection { display: none; width: 100%; } #llp .engraving-disclaimer { display: none; margin-bottom: 20px; max-width: 95%; } #llp .boundary-wrapper { min-height: 10px; position: relative; width: 100%; } #llp .boundary { position: absolute; transform: translate(0px, -50%); top: 50%; transform-origin: 0 0; } #llp .boundary canvas { display: block; margin: 0 auto; } #llp .boundary canvas:not(:last-of-type) { margin-bottom: 12px; } #llp .ac-preload { opacity: 0; position: fixed; top: -10000px; left: -10000px; } @media all and (max-width: 990px) { #llp .locket-engraving { padding-top: 50px; } #llp .locket-engraving .engraving-preview, #llp .locket-engraving .locket-text { display: block; width: 100%; } #llp .locket-engraving .engraving-preview { border-top: 1px solid black; } #llp .locket-engraving .locket-text { margin-bottom: 30px; max-width: 95%; } #llp .locket-engraving .message-note { text-align: center; } } @media all and (max-width: 850px) { #llp .locket-selection-wrapper { background: none; height: auto; } #llp .mobile-locket-selection { display: block; } #llp [data-locket-sku="25532SNON"] { height: 13.45%; left: 15.61%; right: auto; top: 13.67%; width: 16.15%; } #llp [data-locket-sku="32076SNON"] { height: 17.94%; left: 34.79%; right: auto; top: 3.92%; width: 21.53%; } #llp [data-locket-sku="39094YBEN"] { height: 11.21%; left: 42.93%; right: auto; top: 85.80%; width: 13.46%; } #llp [data-locket-sku="39094YBKN"] { height: 11.21%; left: 81.83%; right: auto; top: 69.19%; width: 13.46%; } #llp [data-locket-sku="39094YGEN"] { height: 11.21%; left: 66.69%; right: auto; top: 80.67%; width: 13.46%; } #llp [data-locket-sku="39095YBEN"] { height: 14.57%; left: 79.27%; right: auto; top: 21.44%; width: 17.50%; } #llp [data-locket-sku="39095YGEN"] { height: 14.57%; left: 60.90%; right: auto; top: 9.36%; width: 17.50%; } #llp [data-locket-sku="41025RNON"] { height: 10.09%; left: 6.46%; right: auto; top: 68.98%; width: 12.11%; } #llp [data-locket-sku="41025SNON"] { height: 10.09%; left: 6.39%; right: auto; top: 26.98%; width: 12.11%; } #llp [data-locket-sku="41025YNON"] { height: 10.09%; left: 20.39%; right: auto; top: 80.17%; width: 12.11%; } } @media all and (max-width: 768px) { #llp .engraving-preview .side-by-side { display: none; margin: 0 auto; max-width: 260px; opacity: 1; width: 100%; } #llp .engraving-preview .side-by-side.active { display: block; } #llp .order-details { padding: 20px; } #llp .review-order .model-shot { display: none; } #llp .order-wrapper .side-by-side { height: 370px; margin-left: 0; max-width: none; width: 95%; } } @media all and (max-width: 650px) { #llp #reset-locket-selection { left: 0; right: 0; top: 35px; } #llp .locket-ctas .cta { font-size: 14px; max-width: 220px; } #llp .locket-h2 { font-size: 25px; } #llp .selected-locket .locket-name, #llp .selected-locket .locket-price, #llp .selected-locket .locket-url { font-size: 16px; } #llp .selected-locket-wrapper { height: 350px; width: 350px; } } @media all and (max-width: 500px) { #llp .locket-ctas .add-without-engraving { display: none; } #llp .locket-ctas .cta { margin-bottom: 0; max-width: 150px; } #llp .selected-locket .locket-name { max-width: 200px; } #llp .selected-locket-wrapper { height: 300px; width: 300px; } } @media all and (max-width: 450px) { #llp #reset-locket-selection { top: 20px; } #llp .locket-h2 { font-size: 20px; } #llp .selected-locket-wrapper { height: 250px; width: 250px; } } @media all and (max-width: 350px) { #llp #reset-locket-selection { top: 15px; } #llp .locket-ctas .cta { height: 35px; line-height: 35px; } #llp .locket-h2 { font-size: 18px; } #llp .selected-locket .locket-name, #llp .selected-locket .locket-price, #llp .selected-locket .locket-url { font-size: 15px; } #llp .selected-locket-wrapper { height: 225px; width: 225px; } } /* =========================================================================== */ /* =========================================================================== */ /* Out of Stock pages */ /* =========================================================================== */ .main_popup #oos .top-half .current-product { margin-bottom: 200px; } #oos { text-align: center; } #oos .page-body { max-width: none; width: 95%; } #oos a { margin-bottom: 0; } #oos a:hover { text-decoration: none; } #oos a, #oos div, #oos img, #oos section { display: block; margin-left: auto; margin-right: auto; } #oos h1, #oos .product-carousel-section h3 { font-size: 25px; font-weight: 300; margin-bottom: 20px; } #oos img { max-width: 100%; } #oos li { vertical-align: top; } #oos section:not(:last-of-type) { margin-bottom: 75px; } #oos ul { margin-bottom: 0; } #oos #productpage_boughtalsobought .original-price, #oos #productpage_boughtalsobought .special-price { display: inline-block !important; float: none !important; padding: 0; } #oos .explore-section { max-width: 1280px; } #oos .explore-section h3 { font-size: 25px; } #oos .explore-section h4 { margin-bottom: 15px; } #oos .explore-section img { margin-bottom: 20px; } #oos .explore-section li { display: inline-block; margin: 0 20px; max-width: calc(100% / 3 - 40px); text-align: left; width: 100%; } #oos .explore-section li:nth-child(-n+3) { margin-bottom: 75px; } #oos .explore-section p { font-weight: normal; margin-bottom: 0; } #oos .main-product-wrapper .product-img { max-width: 200px; width: 100%; } #oos .product-carousel-section { display: none; } #oos .product-carousel-section .iframe p { margin: 0 auto; } #oos .product-name { font-weight: bold; } #oos .quick_view_link { display: inline-block !important; } #oos .recommendations-h3 { display: none; } #oos .section-divider { background-color: #e7e7e7; height: 1px; } #oos .special-price .product-price { color: var(--red-brick); } #oos .prod-wrapper { box-sizing: border-box; display: none; margin: 0 5px; max-width: calc(100% / 3 - 15px); padding: 10px; vertical-align: top; width: 100%; } #oos .prod-wrapper:nth-child(-n+6) { display: inline-block; } #oos .recommended-products { border-left: 1px solid black; box-sizing: border-box; } #oos .top-half { font-size: 0; max-width: 1800px; padding: 30px 0; } #oos .top-half > div { display: inline-block; vertical-align: top; width: 50%; } @media all and (max-width: 1023px) { #oos h1 { margin-bottom: 20px; } #oos .top-half { padding-top: 20px; } #oos .top-half > div { display: block; width: auto; } #oos .top-half > div:not(:last-of-type) { margin-bottom: 50px; } #oos .recommended-products { border-left: none; } } @media all and (max-width: 990px) { #oos section { max-width: 95%; } #oos .explore-section li { margin: 0 5px; max-width: calc(100% / 3 - 10px); } #oos .explore-section li:nth-child(-n+3) { margin-bottom: 30px; } } @media all and (max-width: 767px) { #oos .explore-section { max-width: 100%; } #oos .explore-section img { width: 100%; } #oos .explore-section li { display: block; margin-left: auto; margin-right: auto; max-width: 100%; } #oos .explore-section li:not(:last-of-type) { margin-bottom: 50px; } #oos .explore-section .copy { max-width: 95%; } #oos .prod-wrapper { margin: 0 5px; max-width: calc(100% / 2 - 15px); min-height: 0; } } @media all and (max-width: 450px) { #oos .prod-wrapper { margin: 0 auto; max-width: none; width: auto; } } @media all and (max-width: 350px) { #oos h1 { font-size: 25px; } } /* =========================================================================== */ /* =========================================================================== */ /* Zodiac Engraving */ /* =========================================================================== */ .cms-zodiac-engraving .col-main { background-color: #fefefe; /* Re-sized product images have a background colour of #fefefe; this prevents them from contrasting with white backgrounds */ } #zodiac .metal-colours li, #zodiac .preview .preview-left, #zodiac .review .middle { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #zodiac .metal-colours { font-size: 0; margin-bottom: 30px; } #zodiac .metal-colours img { border: 1px solid black; border-radius: 50%; box-sizing: border-box; margin-bottom: 5px; width: 70px; } #zodiac .metal-colours .active img { border-width: 2px; } #zodiac .metal-colours .active p { font-weight: bold; } #zodiac .metal-colours li { cursor: pointer; margin: 0 15px; min-width: 80px; vertical-align: top; width: 150px; } #zodiac .metal-colours p { font-size: 14px; } #zodiac .big-preview, #zodiac .small-preview { left: 0; margin: 0 auto; position: absolute; right: 0; top: 190px; } #zodiac .big-preview img, #zodiac .small-preview img { display: inline-block; } #zodiac .small-preview[data-letter-count="1"] { top: 150px; } #zodiac .small-preview[data-letter-count="1"] img { height: 50px; } #zodiac .small-preview[data-letter-count="2"] { top: 151px; } #zodiac .small-preview[data-letter-count="2"] img { height: 40px; } #zodiac .small-preview[data-letter-count="3"] { right: 2px; top: 155px; } #zodiac .small-preview[data-letter-count="3"] img { height: 30px; } #zodiac .big-preview[data-letter-count="3"] { right: 10px; top: 195px; } #zodiac .big-preview img { position: relative; } #zodiac .big-preview[data-letter-count="1"] img { bottom: 10px; height: 150px; } #zodiac .big-preview[data-letter-count="2"] img { height: 90px; top: 20px; } #zodiac .big-preview[data-letter-count="3"] img { height: 70px; top: 20px; } #fancybox-outer #fancybox-close { background-image: url("../images/reskin/close-black.png"); } #zodiac { text-align: center; -webkit-text-size-adjust: 100%; } #zodiac .engraving-info { margin: 20px auto 0; width: 60%; } #zodiac .page-body { margin: 0 auto 75px; } #zodiac .review .first { float: left; position: relative; } #zodiac .zoom-icon { background: url("../images/reskin/search-white.png") no-repeat center / contain; height: 30px; left: 215px; margin: 0; position: absolute; top: 10px; width: 30px; } #zodiac h1 { margin: 30px auto; } #zodiac h1, #birthstone-page h1, #anniversary-page h1 { font: normal 50px Baskerville-BI; letter-spacing: normal; } #zodiac img { display: block; margin: 0 auto; max-height: 100%; max-width: 100%; } #zodiac form { display: block !important; } #zodiac #text-preview { -webkit-appearance: none; background-color: transparent; border: 1px solid black; border-radius: 0; color: black; display: block; font: 25px/40px "neuzeit-grotesk", sans-serif; height: 40px; margin: 0 auto 20px; overflow: hidden; padding-top: 5px; resize: none; text-align: center; width: 70%; } #zodiac #text-preview.error { border-color: red; } #zodiac .error { display: inline-block; color: red; margin-bottom: 7px; } #zodiac .big-number { cursor: default; font-family: "Libre Franklin", sans-serif; font-size: 40px; line-height: 40px; } #zodiac .divider { background-color: black; height: 3px; margin: 0 auto 30px; width: 32px; } #zodiac .engraving-font span { color: inherit; font: inherit; margin: 0; } /* Large preview */ #zodiac [data-letter-count="1"] .engraving-font.font-large { font-size: 100px; line-height: 35px; } #zodiac [data-letter-count="2"] .engraving-font.font-large { font-size: 80px; line-height: 45px; } #zodiac [data-letter-count="3"] .engraving-font.font-large { font-size: 60px; line-height: 55px; } /* Small preview */ #zodiac [data-letter-count="1"] .engraving-font.font-small { font-size: 60px; line-height: 20px; } #zodiac [data-letter-count="2"] .engraving-font.font-small { font-size: 40px; line-height: 25px; } #zodiac [data-letter-count="3"] .engraving-font.font-small { font-size: 30px; line-height: 30px; } /* Colours for each metal type */ #zodiac .engraving-font[data-js-engraving-colour="yellow_gold"] { color: #c39a61; } #zodiac .engraving-font[data-js-engraving-colour="rose_gold"] { color: #b78d7e; } #zodiac .engraving-font[data-js-engraving-colour="white_gold"] { color: #888888; } /* Character-specific adjustments to account for mono-spacing */ #zodiac .engraving-font.font-large span.descender.lower { margin: 0 -15px 0 -20px; position: relative; top: 9px; } #zodiac .engraving-font.font-large span.lower { margin: 0 -15px; } #zodiac .engraving-font.font-large span.number { margin: 0 -20px; } #zodiac .engraving-font.font-large span.upper { margin: 0 -5px; } #zodiac .engraving-font.font-large span.upper + span.lower { margin: 0 -15px 0 -20px; } #zodiac .engraving-font.font-small span.descender.lower { margin: 0 -7.5px 0 -10px; position: relative; top: 4.5px; } #zodiac .engraving-font.font-small span.lower { margin: 0 -7.5px; } #zodiac .engraving-font.font-small span.number { margin: 0 -10px; } #zodiac .engraving-font.font-small span.upper { margin: 0 -2.5px; } #zodiac .engraving-font.font-small span.upper + span.lower { margin: 0 -7.5px 0 -10px; } #zodiac .small-preview-image { max-height: 230px; } #zodiac .model { margin: 0; } #zodiac .preview { font-size: 0; } #zodiac .preview > div { display: inline-block; vertical-align: middle; width: 50%; } #zodiac .preview .preview-left { position: relative; } #zodiac .preview .preview-left p { left: 0; margin: 0 auto; position: absolute; right: 0; top: 55%; } #zodiac .preview .preview-right { background-color: #f5f5f5; box-sizing: border-box; padding: 30px 20px; } #zodiac .preview .preview-right p:last-of-type { margin: 0 auto; width: 240px; } #zodiac .preview .preview-right .initials { text-transform: uppercase; } #zodiac .review { background-color: #f5f5f5; font-size: 0; height: 255px; margin-bottom: 50px; } #zodiac .review > div { display: inline-block; height: 100%; vertical-align: top; width: calc(100% / 3); } #zodiac .review li { display: block; text-align: left; } #zodiac .review li + li { margin: 25px auto 0; } #zodiac .review li, #zodiac .review ul { margin: 0 auto; } #zodiac .review ul { display: table-cell; vertical-align: middle; } #zodiac .review ul p, #zodiac .review ul strong { display: block; margin: 0 auto; } #zodiac .review ul strong.zodiac-type { display: inline; } #zodiac .review ul .engraving-charge, #zodiac .review ul .pendant-price { display: none; } #zodiac .review .final { display: inline-table; } #zodiac .review .final .text-copy { height: 23px; } #zodiac .review .middle { position: relative; } #zodiac .review .middle .text-copy { left: 0; margin: 0 auto; position: absolute; right: 0; top: 153px; } #zodiac .page-body section:not(:first-of-type) { display: none; } #zodiac section { margin: 40px auto 0; } #zodiac .slick-arrow { background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: 50px; border: none; cursor: pointer; font-size: 0; height: 100%; position: absolute; top: 0; transition: all .15s ease; width: 50px; z-index: 1; } #zodiac .slick-prev { background-image: url("../images/reskin/image-left.png"); left: 0; } #zodiac .slick-next { background-image: url("../images/reskin/image-right.png"); right: 0; } #zodiac .summary { margin: 0 auto 15px; width: 250px; } #zodiac .top { margin: 0 auto; width: 70%; } #zodiac .zodiac-signs { font-size: 0; } #zodiac .zodiac-signs div { box-sizing: border-box; padding: 15px; } #zodiac .zodiac-signs li { cursor: pointer; display: none; margin: 0 auto 20px; vertical-align: top; width: calc(100% / 6 - 0.01px); /* HACK because IE */ } #zodiac .zodiac-signs li:hover div { background-color: #4d4d4d; } #zodiac .zodiac-signs li:hover p, #zodiac .zodiac-signs li:hover strong { color: white; } #zodiac .zodiac-signs li.active div { background-color: black; position: relative; } #zodiac .zodiac-signs li.active p, #zodiac .zodiac-signs li.active strong { color: white; } #zodiac .zodiac-signs li.visible { display: inline-block; } #zodiac .zodiac-signs li * { transition: all .15s ease; } #zodiac .zodiac-signs li p { font-size: 14px; margin: 5px auto 0; } #zodiac .zodiac-signs li strong { font-size: 15px; text-transform: uppercase; } #zodiac .cta.initially-hidden { display: none; } #zodiac_add_to_bag_button { display: block !important; margin: 0 auto; margin-bottom: 15px; } #zodiac_add_to_bag_button.added { background-color: #d0d0d0; border-color: #d0d0d0; cursor: default; } #zodiac #proceed-without-engraving { background-color: white; color: black; cursor: pointer; } #zodiac #proceed-without-engraving:hover { background-color: black; color: white; font-weight: normal; } #zodiac #zodiac_add_to_bag_button.added:hover { font-weight: normal; } #zodiac_add_to_bag_button.loading { background: black url("../images/reskin/loading-icon-teal-black.gif") no-repeat scroll 50% 50% / 30px auto !important; } #zodiac_add_to_wishlist_button { display: inline-block; } #zodiac_add_to_wishlist_button, #zodiac_add_to_wishlist_button a { font-size: 15px; } @media all and (max-width: 1024px) { #zodiac .zodiac-signs li { display: inline-block; margin: 0 15px 20px; vertical-align: top; } } @media all and (max-width: 830px) { #zodiac .engraving-info { width: 100%; } #zodiac .model { margin: 0 auto; } #zodiac .review { height: auto; } #zodiac .review > div { width: 50%; } #zodiac .review .first { background-color: white; display: block; float: none; padding-top: 20px; width: 100%; } #zodiac .review .final { box-sizing: border-box; padding-left: 20px; padding-top: 20px; } #zodiac .zoom-icon { left: calc(50% + 90px); top: 30px; } } @media all and (max-width: 640px) { #zodiac h1 { font-size: 40px; margin-bottom: 15px; } #zodiac .preview .preview-right p:last-of-type { width: 100%; } #zodiac .review { height: auto; } #zodiac .review ul { box-sizing: border-box; padding: 10px 10px 10px 0; } #zodiac .top { width: 100%; } #zodiac .zodiac-signs li div { /* background-color: transparent !important; */ margin: 0 auto; padding: 0; width: 85%; } #zodiac .zodiac-signs li > div::after { background-color: black; box-sizing: border-box; color: white; content: "Select This Piece"; display: inline-block; height: 44px; line-height: 44px; padding: 0; text-align: center; max-width: 250px; width: 100%; text-transform: uppercase; margin-top: 15px; } #zodiac .zodiac-signs li.active > div::after { content: "Selected"; font-weight: bold; left: 0; margin: 0 auto; position: absolute; top: 60px; } /* #zodiac .zodiac-signs li:hover p, #zodiac .zodiac-signs li:hover strong, #zodiac .zodiac-signs li.active p, #zodiac .zodiac-signs li.active strong { color: black; } */ #zodiac .zodiac-signs li:hover div { background-color: transparent; } #zodiac .zodiac-signs li:hover p, #zodiac .zodiac-signs li:hover strong { color: black; } #zodiac .zodiac-signs li.active:hover div { background-color: black; } #zodiac .zodiac-signs li.active:hover p, #zodiac .zodiac-signs li.active:hover strong { color: white; } } @media all and (max-width: 570px) { #zodiac .preview > div { display: block; width: 100%; } #zodiac .preview .preview-right { margin-bottom: 20px; } #zodiac .review .final { padding-left: 10px; } } @media all and (max-width: 420px) { #zodiac .metal-colours li { width: 30%; } } @media all and (max-width: 350px) { #zodiac .cta { width: 250px; } #zodiac .review ul p, #zodiac .review ul strong { font-size: 14px; } } .add-to-wishlist-heart { color: black !important; height: 26px !important; padding-left: 40px !important; width: auto !important; line-height: 26px !important; text-transform: uppercase; font-size: 15px !important; } .add-to-wishlist-heart a { font-size: 15px !important; display: block !important } .add-to-wishlist-heart:hover { text-decoration: none !important; } .add-to-wishlist-heart.added { cursor: default !important; } #engraving-add-to-bag { margin-bottom: 15px !important; } .go-to-wishlist { display: block; } /* =========================================================================== */ #ac-sli-engraving-banner { background: #fff url("../../../../../media/sli-banners/engraving/engraving-banner-01.jpg") no-repeat center top / 97% auto; border: 3px solid black; -webkit-box-sizing: border-box; box-sizing: border-box; height: 0; margin-bottom: 20px; margin-left: auto; margin-right: auto; max-width: 1700px; overflow: hidden; padding-bottom: 15%; position: relative; text-align: center; width: 95%; } #ac-sli-engraving-banner p { margin: 0 auto 20px; max-width: 470px; } #ac-sli-engraving-banner .banner-content { left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 38%; } #ac-sli-engraving-banner .cta { margin: 0 auto 20px; max-width: 280px; width: 100%; } #ac-sli-engraving-banner .engraving-svg { display: block; height: 100%; margin: 0 auto 10px; width: 80%; } #ac-sli-engraving-banner .engraving-svg.engraving-banner-ie { opacity: 1; } @media all and (min-width: 2000px) { #ac-sli-engraving-banner { padding-bottom: 250px; } } @media all and (max-width: 1280px) { #ac-sli-engraving-banner { padding-bottom: 20%; } } @media all and (max-width: 1023px) { #ac-sli-engraving-banner { background-image: url("../../../../../media/sli-banners/engraving/engraving-banner-tablet-01.jpg"); padding-bottom: 25%; } #ac-sli-engraving-banner .banner-content { width: 61%; } } @media all and (max-width: 768px) { #ac-sli-engraving-banner { background-image: url("../../../../../media/sli-banners/engraving/engraving-banner-mobile-01.jpg"); background-size: auto 53%; height: auto; padding-bottom: 0; } #ac-sli-engraving-banner p { display: none; } #ac-sli-engraving-banner .banner-content { padding-top: 150px; position: static; -webkit-transform: none; transform: none; width: 90%; } #ac-sli-engraving-banner .engraving-svg { width: 100%; } #ac-sli-engraving-banner .svg-wrapper { margin-left: auto; margin-right: auto; max-width: 350px; } } #ac-sli-engraving-banner .active .engrave-path-0 { stroke: #4d4d4d; stroke-dasharray: 165 167; stroke-dashoffset: 166; animation: engrave-path-draw-and-fill 240ms linear 0ms forwards; } #ac-sli-engraving-banner .active .engrave-path-1 { stroke: #4d4d4d; stroke-dasharray: 157 159; stroke-dashoffset: 158; animation: engrave-path-draw-and-fill 228ms linear 240ms forwards; } #ac-sli-engraving-banner .active .engrave-path-2 { stroke: #4d4d4d; stroke-dasharray: 159 161; stroke-dashoffset: 160; animation: engrave-path-draw-and-fill 231ms linear 469ms forwards; } #ac-sli-engraving-banner .active .engrave-path-3 { stroke-dasharray: 68 70; stroke-dashoffset: 69; animation: engrave-path-draw-only 99ms linear 701ms forwards; } #ac-sli-engraving-banner .active .engrave-path-4 { stroke-dasharray: 40 42; stroke-dashoffset: 41; animation: engrave-path-draw-only 59ms linear 801ms forwards; } #ac-sli-engraving-banner .active .engrave-path-5 { stroke: #4d4d4d; stroke-dasharray: 122 124; stroke-dashoffset: 123; animation: engrave-path-draw-and-fill 178ms linear 860ms forwards; } #ac-sli-engraving-banner .active .engrave-path-6 { stroke: #4d4d4d; stroke-dasharray: 7 9; stroke-dashoffset: 8; animation: engrave-path-draw-and-fill 11ms linear 1038ms forwards; } #ac-sli-engraving-banner .active .engrave-path-7 { stroke: #4d4d4d; stroke-dasharray: 84 86; stroke-dashoffset: 85; animation: engrave-path-draw-and-fill 123ms linear 1050ms forwards; } #ac-sli-engraving-banner .active .engrave-path-8 { stroke-dasharray: 41 43; stroke-dashoffset: 42; animation: engrave-path-draw-only 60ms linear 1173ms forwards; } #ac-sli-engraving-banner .active .engrave-path-9 { stroke: #4d4d4d; stroke-dasharray: 104 106; stroke-dashoffset: 105; animation: engrave-path-draw-and-fill 152ms linear 1234ms forwards; } #ac-sli-engraving-banner .active .engrave-path-10 { stroke: #4d4d4d; stroke-dasharray: 102 104; stroke-dashoffset: 103; animation: engrave-path-draw-and-fill 149ms linear 1386ms forwards; } #ac-sli-engraving-banner .active .engrave-path-11 { stroke: #4d4d4d; stroke-dasharray: 119 121; stroke-dashoffset: 120; animation: engrave-path-draw-and-fill 173ms linear 1535ms forwards; } #ac-sli-engraving-banner .active .engrave-path-12 { stroke: #4d4d4d; stroke-dasharray: 249 251; stroke-dashoffset: 250; animation: engrave-path-draw-and-fill 362ms linear 1709ms forwards; } #ac-sli-engraving-banner .active .engrave-path-13 { stroke: #4d4d4d; stroke-dasharray: 15 17; stroke-dashoffset: 16; animation: engrave-path-draw-and-fill 23ms linear 2071ms forwards; } #ac-sli-engraving-banner .active .engrave-path-14 { stroke: #4d4d4d; stroke-dasharray: 109 111; stroke-dashoffset: 110; animation: engrave-path-draw-and-fill 159ms linear 2094ms forwards; } #ac-sli-engraving-banner .active .engrave-path-15 { stroke: #4d4d4d; stroke-dasharray: 126 128; stroke-dashoffset: 127; animation: engrave-path-draw-and-fill 183ms linear 2254ms forwards; } #ac-sli-engraving-banner .active .engrave-path-16 { stroke: #4d4d4d; stroke-dasharray: 122 124; stroke-dashoffset: 123; animation: engrave-path-draw-and-fill 178ms linear 2438ms forwards; } #ac-sli-engraving-banner .active .engrave-path-17 { stroke-dasharray: 7 9; stroke-dashoffset: 8; animation: engrave-path-draw-only 11ms linear 2616ms forwards; } #ac-sli-engraving-banner .active .engrave-path-18 { stroke: #4d4d4d; stroke-dasharray: 280 282; stroke-dashoffset: 281; animation: engrave-path-draw-and-fill 407ms linear 2628ms forwards; } #ac-sli-engraving-banner .active .engrave-path-19 { stroke-dasharray: 31 33; stroke-dashoffset: 32; animation: engrave-path-draw-only 46ms linear 3035ms forwards; } #ac-sli-engraving-banner .active .engrave-path-20 { stroke-dasharray: 48 50; stroke-dashoffset: 49; animation: engrave-path-draw-only 70ms linear 3081ms forwards; } #ac-sli-engraving-banner .active .engrave-path-21 { stroke: #4d4d4d; stroke-dasharray: 109 111; stroke-dashoffset: 110; animation: engrave-path-draw-and-fill 159ms linear 3152ms forwards; } #ac-sli-engraving-banner .active .engrave-path-22 { stroke: #4d4d4d; stroke-dasharray: 99 101; stroke-dashoffset: 100; animation: engrave-path-draw-and-fill 144ms linear 3311ms forwards; } #ac-sli-engraving-banner .active .engrave-path-23 { stroke: #4d4d4d; stroke-dasharray: 161 163; stroke-dashoffset: 162; animation: engrave-path-draw-and-fill 234ms linear 3456ms forwards; } #ac-sli-engraving-banner .active .engrave-path-24 { stroke: #4d4d4d; stroke-dasharray: 102 104; stroke-dashoffset: 103; animation: engrave-path-draw-and-fill 149ms linear 3691ms forwards; } #ac-sli-engraving-banner .active .engrave-path-25 { stroke: #4d4d4d; stroke-dasharray: 109 111; stroke-dashoffset: 110; animation: engrave-path-draw-and-fill 159ms linear 3840ms forwards; } @keyframes engrave-path-draw-only { 100% { stroke-dashoffset: 0; } } @keyframes engrave-path-draw-and-fill { 0% { fill: white; } 100% { fill: #888; stroke-dashoffset: 0; } } #ac-sli-engraving-banner .engraving-svg { opacity: 0; transition: opacity .5s; } #ac-sli-engraving-banner .engraving-svg.active { opacity: 1; } #shop-categories-block { margin: 0 auto; max-width: 970px; width: 95%; } #shop-categories-block > div:not(:last-of-type) { margin-bottom: 20px; } #shop-categories-block a { display: block; margin: 0 auto; position: relative; } #shop-categories-block img { display: block; margin: 0 auto; max-width: 100%; width: 100%; } #shop-categories-block li { margin: 0 2.5px; width: calc(25% - 5px); } #shop-categories-block li img { margin-bottom: 10px; } #shop-categories-block ul { flex-wrap: wrap; margin: 0 auto; } #shop-categories-block .transparent { position: absolute; right: 5%; top: 50%; transform: translateY(-50%); } @media all and (max-width: 768px) { #shop-categories-block div.top-promo { margin-bottom: 35px; } #shop-categories-block li { width: calc(50% - 5px); } #shop-categories-block li:first-of-type { margin-bottom: 20px; } #shop-categories-block li img { width: auto; } #shop-categories-block .top-promo img { margin-bottom: 15px; } #shop-categories-block .transparent { background-color: white; border-color: black; color: black; position: static; right: auto; top: auto; transform: none; } #shop-categories-block .cta { font-size: 14px; } } .prodcopy a { cursor: pointer; } .prodcopy ul { margin: 10px 0 30px; } /* Begin: Free ring sizer text block */ .products-grid .text-product-block.text-block-ring-sizer { margin: 0 auto; padding: 20px; width: calc(100% - 40px); } .products-grid .text-product-block.text-block-ring-sizer .large-heading { margin: 0 auto 15px; max-width: 240px; } .products-grid .text-product-block.text-block-ring-sizer .small-heading { margin-bottom: 10px; } .text-product-block .ring-sizer-image, .text-product-block .ring-sizer-image img { display: block; margin: 0 auto; max-width: 100%; } .text-product-block .ring-sizer-image img { width: 100%; } @media all and (max-width: 360px) { .products-grid .text-product-block.text-block-ring-sizer { padding: 10px; width: calc(100% - 20px); } } /* End: Free ring sizer text block */ #stock-amt-mobile { clear: both; color: #0c79b1; display: none; font-weight: bold; margin: 10px auto 0; padding-top: 5px; } #share_wishlist.notloggedin { display: none; } /* Specific page popup styles */ .login-popup-fancybox { height: 490px; max-width: 809px !important; } .login-popup-fancybox-wrapper { overflow: auto; } .customer-account-login .main_popup { height: auto; box-sizing: border-box; width: 100vw; max-width: 100vw; margin: 0 auto; text-align: center; } @media all and (max-width: 1023px) { .customer-account-login .main_popup { width: 100vw; max-width: 100vw; } } .customer-account-logoutsuccess .breadcrumb-news-holder { display: none; } .main_popup .engrave-this-item, .main_popup .drop-a-hint-row { display: none; } #cart-reskin .checkout-types, #cart-reskin .ac-cart-checkout-button, #cart-reskin .basketpage-checkoutbutton-section .checkout-with-paypal { float: none; } #cart-reskin .checkout-types.top-of-checkout { display: none; } #cart-reskin .checkout-types { clear: both; position: static; right: auto; top: auto; display: flex; flex-direction: column; } .checkout-types li[data-method="checkout.cart.methods.onepage"] { margin-bottom: 35px; order: 1; } .checkout-types li[data-method="checkout.cart.methods.amazonpayments_pay.top"], .checkout-types li[data-method="checkout.cart.methods.amazonpayments_pay.bottom"] { order: 2; margin-bottom: 15px; } .checkout-types li[data-method="checkout.cart.methods.paypal_express.bottom-position_changed"] { order: 3; } .checkout-types .basket-payment-cards-image-row { margin-bottom: 20px; } .checkout-types .ac-amazon-pay, body.onestepcheckout-index-index .ac-amazon-pay { background-image: url("../images/payment/cta-amazon.png?v=1"); background-position: center; background-repeat: no-repeat; background-size: 280px auto; border-radius: 3px; display: block; height: 50px; margin-left: auto; position: relative; width: 280px; } .checkout-types .ac-amazon-pay img, body.onestepcheckout-index-index .ac-amazon-pay img { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } #cart-reskin .ac-cart-checkout-button { margin: 0 auto; } #cart-reskin .basketpage-checkoutbutton-section .checkout-with-paypal { border: none; margin-right: auto; } #cart-reskin .or-divider { line-height: 50px; margin: 0 40px 0 -60px; z-index: 1; } @media all and (max-width: 768px) { #cart-reskin .or-divider { line-height: 1; margin: 0 auto -10px !important; max-width: 280px; text-align: center; width: 100%; } } #save .extra-wishlist-button { margin: 20px auto; } #checkout-engraving-notice { background-color: #0c79b1; box-sizing: border-box; clear: both; color: white; display: block; letter-spacing: 0.5px; line-height: 1.3; margin-top: 10px; padding: 10px; width: 100%; } #checkout-engraving-notice label { color: inherit; cursor: pointer; font-weight: bold; letter-spacing: inherit; line-height: inherit; margin: 0; } #checkout-engraving-notice label:hover { text-decoration: underline; } @media all and (max-width: 1023px) { #checkout-engraving-notice { text-align: center; } } .test-product-quick-view { width: 830px; height: 510px; position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 1000; background: red; border: 10px solid #f5f5f5; -webkit-box-shadow: 0px 0px 99999px 99999px rgba(0,0,0,0.50); -moz-box-shadow: 0px 0px 99999px 99999px rgba(0,0,0,0.50); box-shadow: 0px 0px 99999px 99999px rgba(0,0,0,0.50); } .test-product-quick-view .left .main-image { width: 420px; height: 420px; } .test-product-quick-view .left .thumbs img { width: 75px; height: 75px; } #shopping-cart-table .giftwrap-row .product-image { display: block; } #jewellery .product-carousel .product-price, #pronav-new-in .product-carousel .product-price { display: none; } #cart-reskin .hand-engraving-notice { display: block; font: inherit; margin: 5px auto 0; } /* Reviews in footer */ .ac-reviews-wrapper { position: relative; } #ac-footer-reviews { bottom: 100px; display: block; font: lighter 14px/1 "neuzeit-grotesk", sans-serif; margin: 0 auto; position: absolute; right: 35px; text-align: center; } #ac-header-reviews:hover, #ac-footer-reviews:hover { text-decoration: none; } #ac-header-reviews:hover .total-reviews { text-decoration: underline; } #ac-footer-reviews:hover .total-reviews { text-decoration: underline; } #ac-footer-reviews div { font: inherit; } #ac-header-reviews .average-score, #ac-footer-reviews .average-score { font-size: 20px; margin-bottom: 5px; } #ac-header-reviews .average-score { bottom: 1px; line-height: 1; margin-bottom: 0; position: relative; } #ac-footer-reviews .average-score, #ac-footer-reviews .total-reviews, #reviews .reviews-summary .stars { color: white; } #ac-header-reviews { position: relative; top: 1px; } #ac-header-reviews > div { display: inline; } @media all and (max-width: 1023px) { #ac-footer-reviews { margin-bottom: 15px; position: static; right: auto; bottom: auto; } #site-footer-top { margin-bottom: 15px; } .ac-reviews-wrapper { padding: 10px 0; } } #reviews a, #reviews li, #reviews p, #reviews span, #reviews strong { line-height: 1.4; } #reviews a, #reviews li, #reviews p, #reviews span, #reviews strong, #reviews ul { margin-bottom: 0; } #reviews li { display: inline-block; } #reviews .ac-reply { padding-left: 5%; } #reviews .ac-reply .customer-name { margin-bottom: 5px; } #reviews .banner { margin-top: 0; } #reviews .customer-name { font-weight: bold; } #reviews .page-body { max-width: 1024px; width: auto; } #reviews .page-body > section:not(:last-of-type) { margin-bottom: 40px; } #reviews .pager-wrapper { text-align: center; } #reviews .pager-wrapper p { display: inline-block; vertical-align: middle; } #reviews .pager-wrapper p:not(:last-of-type) { margin-right: 10px; } #reviews .pager-wrapper strong { color: inherit; } #reviews .product-info a { font-weight: normal; } #reviews .product-info li:not(:last-of-type)::after { content: "|"; cursor: default; margin: 0 10px; } #reviews .product-info p, #reviews .product-info strong, #reviews .review-info .customer-name, #reviews .review-info .review-date { display: inline-block; vertical-align: middle; } #reviews .review-wrapper { display: block; } #reviews .review-wrapper:not(:last-of-type) { border-bottom: 1px solid var(--light-blue-50); margin-bottom: 30px; padding-bottom: 25px; } #reviews .review-wrapper section:not(:last-of-type) { margin-bottom: 10px; } #reviews .reviews { border: 1px solid var(--inky-blue); margin-bottom: 10px; } #reviews .reviews-list { padding: 3%; text-align: left; } #reviews .reviews-summary { background-color: var(--inky-blue); padding: 7px 0; text-align: center; } #reviews .stars { cursor: default; display: block; font-size: 23px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #reviews .summary { text-align: center; } #reviews .summary p:not(:last-of-type) { margin-bottom: 10px; } #reviews .total-reviews { color: white; } #reviews .verified { font-weight: bold; } #reviews .user-image { font-size: 0; } #reviews .user-image a { display: inline-block; vertical-align: top; } #reviews .user-image a:not(:last-of-type) { margin-right: 10px; } #reviews .user-image img { display: block; } @media all and (max-width: 1023px) { #reviews .page-body > section { margin-left: auto; margin-right: auto; width: 95%; } } @media all and (max-width: 768px) { #reviews .product-info li { display: block; } #reviews .product-info li:not(:last-of-type) { margin-bottom: 5px; } #reviews .product-info li:not(:last-of-type)::after { display: none; } } /* Delivery info on product page */ #returns-info .asterisk { margin-top: 20px; } /** * ===================================================== * Product Swatches * ===================================================== */ /* .product-right .product-swatches { max-width: calc(7 * 40px + 7 * 4px + 5px); } */ .product-right .product-swatches li[data-sku] { background-position: center; background-repeat: no-repeat; background-size: contain; border: 2px solid transparent; cursor: pointer; display: inline-block; height: 35px; margin-bottom: 10px; margin-right: 11px; position: relative; vertical-align: middle; width: 35px; } /* Larger swatches .product-right .product-swatches li[data-sku] { background-position: center; background-repeat: no-repeat; background-size: contain; border: 2px solid #e9e9e9; cursor: pointer; height: 65px; line-height: 65px; margin-right: 8px; position: relative; vertical-align: middle; width: 65px; } */ .product-right .product-swatches .swatch-label { display: block; } .product-right .product-swatches li a { display: block; font-size: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .product-right .product-swatches li a:hover { text-decoration: none; } .product-right .product-swatches li.active { border-color: var(--inky-blue); } .product-right .product-swatches li.loading { border-color: var(--light-blue-50); } @media (hover: hover) { .product-right .product-swatches li:not(.active):not(:last-of-type):hover { border-color: var(--light-blue-50); } } .product-right .product-swatches li.loading::after { background-size: 20px !important; background: url("../images/reskin/loading-icon-teal-white.gif") no-repeat rgba(255, 255, 255, 0.85); background-position: 50%; content: ""; cursor: default; display: block; height: 100%; position: absolute; top: 0; width: 100%; } /* Universal swatch list */ /* .product-swatches li[data-metal="black-rhodium"] { background: #000000; background: linear-gradient(to bottom right, #000000, #484848); } .product-swatches li[data-metal="black-rhodium-plated"] { background: #000000; background: linear-gradient(to bottom right, #000000, #2d2d2d); } .product-swatches li[data-metal="platinum"] { background: #e5e4e2; background: linear-gradient(to bottom right, #e5e4e2, #a1a1a1); } .product-swatches li[data-metal="rose-gold"] { background: #d88a6c; background: linear-gradient(to bottom right, #d88a6c, #c16f3e); } .product-swatches li[data-metal="rose-gold-vermeil"] { background: #c9876c; background: linear-gradient(to bottom right, #c9876c, #de8047); } .product-swatches li[data-metal="sterling-silver"] { background: #c0c0c0; background: linear-gradient(to bottom right, #c0c0c0, #f2f2f2); } .product-swatches li[data-metal="white-gold"] { background: #d8d8d8; background: linear-gradient(to bottom right, #d8d8d8, #deeded); } .product-swatches li[data-metal="white-gold-vermeil"] { background: #ede5e5; background: linear-gradient(to bottom right, #ede5e5, #d2d2d2); } .product-swatches li[data-metal="yellow-gold"] { background: #ecd8a0; background: linear-gradient(to bottom right, #ecd8a0, #b9a879); } .product-swatches li[data-metal="yellow-gold-vermeil"] { background: #ece4a0; background: linear-gradient(to bottom right, #ece4a0, #a6a46f); } .product-swatches li[data-metal="black-ruthenium-plated"] { background: #000; } .product-swatches li[data-main-gemstone="agate"] a { background: linear-gradient(to bottom right, #ffae63, #ff6c00); } .product-swatches li[data-main-gemstone="alexandrite"] a { background: linear-gradient(to bottom right, #004f45, #157f72); } .product-swatches li[data-main-gemstone="amazonite"] a { background: linear-gradient(to bottom right, #1fa997, #a7cfca); } .product-swatches li[data-main-gemstone="amber"] a { background: linear-gradient(to bottom right, #bb0000, #ffa6a6); } .product-swatches li[data-main-gemstone="amethyst"] a { background: linear-gradient(to bottom right, #5b0050, #a61994); } .product-swatches li[data-main-gemstone="ametrine"] a { background: linear-gradient(to bottom right, #a23e95, #ffb400); } .product-swatches li[data-main-gemstone="andalusite"] a { background: linear-gradient(to bottom right, #bab045, #533c06); } .product-swatches li[data-main-gemstone="apatite"] a { background: linear-gradient(to bottom right, #4db5a5, #a1ebe0); } .product-swatches li[data-main-gemstone="aquamarine"] a { background: linear-gradient(to bottom right, #3dc7d7, #b5e5eb); } .product-swatches li[data-main-gemstone="aquamarine"] a { background: linear-gradient(to bottom right, #4e3a0a, #fabb25); } .product-swatches li[data-main-gemstone="aventurine"] a { background: linear-gradient(to bottom right, #60c873, #baefc3); } .product-swatches li[data-main-gemstone="azurite"] a { background: linear-gradient(to bottom right, #061781, #4657bd); } .product-swatches li[data-main-gemstone="beryl"] a { background: linear-gradient(to bottom right, #eccd20, #ece2ad); } .product-swatches li[data-main-gemstone="black-diamond"] a { background: linear-gradient(to bottom right, #000000, #3c3c3c); } .product-swatches li[data-main-gemstone="bloodstone"] a { background: linear-gradient(to bottom right, #000000, #ff0000); } .product-swatches li[data-main-gemstone="blue-diamond"] a { background: linear-gradient(to bottom right, #0014ac, #232b5c); } .product-swatches li[data-main-gemstone="blue-goldstone"] a { background: linear-gradient(to bottom right, #373b56, #232b5c); } .product-swatches li[data-main-gemstone="blue-sapphire"] a { background: linear-gradient(to bottom right, #002f9b, #3165e9); } .product-swatches li[data-main-gemstone="carnelian"] a { background: linear-gradient(to bottom right, #af281a, #d25244); } .product-swatches li[data-main-gemstone="cat's-eye"] a { background: linear-gradient(to bottom right, #dfcd00, #fff79a, #dfcd00); } .product-swatches li[data-main-gemstone="chalcedony"] a { background: linear-gradient(to bottom right, #91f9ff, #fb90ff); } .product-swatches li[data-main-gemstone="champagne-quartz"] a { background: linear-gradient(to bottom right, #ba864a, #d2bf95); } .product-swatches li[data-main-gemstone="chrysoberyl"] a { background: linear-gradient(to bottom right, #528753, #c6de85); } .product-swatches li[data-main-gemstone="chrysoprase"] a { background: linear-gradient(to bottom right, #207d23, #1ab30b); } .product-swatches li[data-main-gemstone="citrine"] a { background: linear-gradient(to bottom right, #e2bf32, #ffe67f); } .product-swatches li[data-main-gemstone="coral"] a { background: linear-gradient(to bottom right, #e23232, #7a0000); } .product-swatches li[data-main-gemstone="cultured-white-sapphire"] a { background: linear-gradient(to bottom right, #ecf2db, #d4d6ce); } .product-swatches li[data-main-gemstone="diamond"] a { background: linear-gradient(to bottom right, #ffffff, #c0c0c0); } .product-swatches li[data-main-gemstone="dolomite"] a { background: linear-gradient(to bottom right, #dad7c4, #ece4ae); } .product-swatches li[data-main-gemstone="druzy"] a { background: linear-gradient(to bottom right, #4a51b8, #0010ff); } .product-swatches li[data-main-gemstone="emerald"] a { background: linear-gradient(to bottom right, #068349, #2eaf49); } .product-swatches li[data-main-gemstone="fibrolite"] a { background: linear-gradient(to bottom right, #cac65c, #f1efb5); } .product-swatches li[data-main-gemstone="fluorite"] a { background: linear-gradient(to bottom right, #7caf73, #9ded8f); } .product-swatches li[data-main-gemstone="garnet"] a { background: linear-gradient(to bottom right, #860000, #bf0000); } .product-swatches li[data-main-gemstone="garnet-coated-spinel"] a { background: linear-gradient(to bottom right, #4f0000, #790000); } .product-swatches li[data-main-gemstone="geode"] a { background: linear-gradient(to bottom right, #6e0050, #8c4779); } .product-swatches li[data-main-gemstone="grey-diamond"] a { background: linear-gradient(to bottom right, #5a5a5a, #cbcbcb); } .product-swatches li[data-main-gemstone="hematite"] a { background: linear-gradient(to bottom right, #171717, #585858); } .product-swatches li[data-main-gemstone="hessonite"] a { background: linear-gradient(to bottom right, #5d1400, #9b3013); } .product-swatches li[data-main-gemstone="howlite"] a { background: linear-gradient(to bottom right, #e5e5e5, #747474, #e5e5e5); } .product-swatches li[data-main-gemstone="hypersthene"] a { background: linear-gradient(to bottom right, #101010, #b0b0b0); } .product-swatches li[data-main-gemstone="idocrase"] a { background: linear-gradient(to bottom right, #769e48, #c2e29d); } .product-swatches li[data-main-gemstone="indicolite"] a { background: linear-gradient(to bottom right, #227f7c, #97e2e0); } .product-swatches li[data-main-gemstone="iolite"] a { background: linear-gradient(to bottom right, #3f1dae, #7980c4); } .product-swatches li[data-main-gemstone="jade"] a { background: linear-gradient(to bottom right, #085a08, #328b32); } .product-swatches li[data-main-gemstone="jasper"] a { background: linear-gradient(to bottom right, #87220a, #be6d59); } .product-swatches li[data-main-gemstone="jet"] a { background: linear-gradient(to bottom right, #000000, #424242); } .product-swatches li[data-main-gemstone="kunzite"] a { background: linear-gradient(to bottom right, #c31e9a, #f58edb); } .product-swatches li[data-main-gemstone="kyanite"] a { background: linear-gradient(to bottom right, #06007b, #35317d); } .product-swatches li[data-main-gemstone="labradorite"] a { background: linear-gradient(to bottom right, #2aa1b7, #34585e); } .product-swatches li[data-main-gemstone="labradorite-coated-grey-spinel"] a { background: linear-gradient(to bottom right, #757575, #aaaaaa); } .product-swatches li[data-main-gemstone="lapis-lazuli"] a { background: linear-gradient(to bottom right, #002f9b, #3165e9); } .product-swatches li[data-main-gemstone="london-blue-topaz"] a { background: linear-gradient(to bottom right, #0f66bf, #31e3e9); } .product-swatches li[data-main-gemstone="malachite"] a { background: linear-gradient(to bottom right, #068349, #2eaf49); } .product-swatches li[data-main-gemstone="milky-aqua-quartz"] a { background: linear-gradient(to bottom right, #69e2de, #bafffd); } .product-swatches li[data-main-gemstone="milky-quartz"] a { background: linear-gradient(to bottom right, #e8e7c8, #fffff1); } .product-swatches li[data-main-gemstone="milky-rose-quartz"] a { background: linear-gradient(to bottom right, #ee9bd0, #ffe0f4); } .product-swatches li[data-main-gemstone="miyuki-bead"] a { background: linear-gradient(to bottom right, #41e0d3, #cafffb); } .product-swatches li[data-main-gemstone="moonstone"] a { background: linear-gradient(to bottom right, #eff1cb, #ffffff); } .product-swatches li[data-main-gemstone="morganite"] a { background: linear-gradient(to bottom right, #e3b6e1, #f9e0f4); } .product-swatches li[data-main-gemstone="moss-agate"] a { background: #203724; } .product-swatches li[data-main-gemstone="mother-of-pearl"] a { background: linear-gradient(to bottom right, #d2d2aa, #ececd7); } .product-swatches li[data-main-gemstone="obsidian"] a { background: linear-gradient(to bottom right, #000000, #2d2d2d); } .product-swatches li[data-main-gemstone="onyx"] a { background: linear-gradient(to bottom right, #000000, #3e3e3e); } .product-swatches li[data-main-gemstone="opal"] a { background: linear-gradient(to bottom right, #7e0000, #0c8000, #1306ba); } .product-swatches li[data-main-gemstone="opalite"] a { background: linear-gradient(to bottom right, #14a3dd, #09afba, #60bf82, #3584c5); } .product-swatches li[data-main-gemstone="paraiba"] a { background: linear-gradient(to bottom right, #2ed3d1, #bdfafe); } .product-swatches li[data-main-gemstone="peacock-pearl"] a { background: linear-gradient(to bottom right, #2e451c, #451c1c); } .product-swatches li[data-main-gemstone="pearl"] a { background: linear-gradient(to bottom right, #dad0c6, #f8fadb); } .product-swatches li[data-main-gemstone="peridot"] a { background: linear-gradient(to bottom right, #99bb8e, #c9ffbe); } .product-swatches li[data-main-gemstone="pink-opal"] a { background: linear-gradient(to bottom right, #e3b6e1, #f9e0f4); } .product-swatches li[data-main-gemstone="pink-opal"] a { background: linear-gradient(to bottom right, #ebddda, #fcf7f4, #ebddda); } .product-swatches li[data-main-gemstone="pink-sapphire"] a { background: #e710b7; } .product-swatches li[data-main-gemstone="phrenite"] a { background: linear-gradient(to bottom right, #a1c597, #e0fcd6); } .product-swatches li[data-main-gemstone="pyrite"] a { background: linear-gradient(to bottom right, #e8d39b, #fff7e0); } .product-swatches li[data-main-gemstone="quartz"] a { background: linear-gradient(to bottom right, #e8e8e8, #fefff5); } .product-swatches li[data-main-gemstone="quartzite"] a { background: linear-gradient(to bottom right, #e8e8e8, #fefff5); } .product-swatches li[data-main-gemstone="rainbow-moonstone"] a { background: linear-gradient(to bottom right, #2989cc, #ffffff); } .product-swatches li[data-main-gemstone="rainbow-moonstone"] a { background: linear-gradient(to bottom right, #e1d8cd, #f2e8e3, #fbf6f3, #e8e4df, #d4c8b9); } .product-swatches li[data-main-gemstone="red-agate"] a { background: #f00002; } .product-swatches li[data-main-gemstone="rhodolite"] a { background: linear-gradient(to bottom right, #cc2979, #731443); } .product-swatches li[data-main-gemstone="rock-crystal"] a { background: linear-gradient(to bottom right, #dddddd, #ffffff); } .product-swatches li[data-main-gemstone="rose-de-france"] a { background: linear-gradient(to bottom right, #cb5ea8, #ffedf9); } .product-swatches li[data-main-gemstone="rose-quartz"] a { background: linear-gradient(to bottom right, #fd99c3, #ffdaea); } .product-swatches li[data-main-gemstone="rubellite"] a { background: linear-gradient(to bottom right, #c40958, #460926); } .product-swatches li[data-main-gemstone="ruby"] a { background: linear-gradient(to bottom right, #480606, #dd5c5c); } .product-swatches li[data-main-gemstone="rutilated-quartz"] a { background: linear-gradient(to bottom right, #cea61b, #fffbc3, #cea61b); } .product-swatches li[data-main-gemstone="sandstone"] a { background: linear-gradient(to bottom right, #ce781b, #ffc17e); } .product-swatches li[data-main-gemstone="sapphire"] a { background: linear-gradient(to bottom right, #002f9b, #3165e9); } .product-swatches li[data-main-gemstone="sardonyx"] a { background: linear-gradient(to bottom right, #b83e01, #b16f4e); } .product-swatches li[data-main-gemstone="sea-bamboo"] a { background: #f00002; } .product-swatches li[data-main-gemstone="serpentine"] a { background: linear-gradient(to bottom right, #2c4800, #819b57); } .product-swatches li[data-main-gemstone="sillimanite"] a { background: linear-gradient(to bottom right, #95833a, #dfcc7f); } .product-swatches li[data-main-gemstone="silver-diamond"] a { background: linear-gradient(to bottom right, #b2b2b2, #e4e4e4); } .product-swatches li[data-main-gemstone="smoky-quartz"] a { background: linear-gradient(to bottom right, #402601, #665e53); } .product-swatches li[data-main-gemstone="spessartite"] a { background: linear-gradient(to bottom right, #ff6e02, #ffc600); } .product-swatches li[data-main-gemstone="spinel"] a { background: linear-gradient(to bottom right, black, #2e2e2e); } .product-swatches li[data-main-gemstone="sugilite"] a { background: linear-gradient(to bottom right, #550e4f, #f373e8); } .product-swatches li[data-main-gemstone="tanzanite"] a { background: linear-gradient(to bottom right, #240e55, #5081d1); } .product-swatches li[data-main-gemstone="tigers-eye"] a { background: linear-gradient(to bottom right, #4e3a0a, #ffb400, #4e3a0a); } .product-swatches li[data-main-gemstone="topaz"] a { background: linear-gradient(to bottom right, #4e3a0a, #fabb25); } .product-swatches li[data-main-gemstone="tourmaline"] a { background: linear-gradient(to bottom right, #00665e, #87faf1); } .product-swatches li[data-main-gemstone="tsavorite"] a { background: linear-gradient(to bottom right, #1a6600, #9dfa87); } .product-swatches li[data-main-gemstone="turquoise"] a { background: linear-gradient(to bottom right, #1c9da2, #84faff); } .product-swatches li[data-main-gemstone="zircon"] a { background: linear-gradient(to bottom right, #2dbec3, #84faff); } .product-swatches li[data-main-gemstone="zoisite"] a { background: linear-gradient(to bottom right, #127517, #863179); } */ /* tmp */ /*.wishlist,*/ /*.wishlist * { display: none !important; visibility: hidden !important; }*/ /* Misc. changes on downgrade site */ #product-options-wrapper > p.required, .product-right .description > h2, .handy-links .go-to-qanda, #llp #engraving-add-to-wishlist, #zodiac_add_to_wishlist_button { display: none; } .cart-item-sku-giftwrp001 .giftwrap-create, .cart-item-sku-giftwrp002 .giftwrap-create { display: none; } /* Allow scrolling in checkout page popups */ .cms-page-view .main_popup { height: auto; } .reskin.checkout-ps .priv-info, .reskin.checkout-ps .privacy-note { margin-top: 20px; } #reviews-tab .show-all-reviews { text-align: center; } /* Misc. changes for iPad */ @media all and (max-width: 1023px) { .cart .messages { clear: both; display: block; float: none; margin-left: auto; margin-right: auto; width: 95%; } } /* Free Piet Hoops over £150/$225 offer */ #piet-offer { border: 5px solid #0c79b1; margin-bottom: 10px; padding: 2.5%; text-align: center; } #piet-offer img { display: block; margin: 0 auto 5px; width: 100%; } #piet-offer p { font-weight: normal; line-height: 1; margin-bottom: 0; } #piet-offer strong { color: black; font-size: inherit; font-weight: bold; line-height: inherit; } #piet-offer .piets { font-size: 0; margin: 0 auto; } #piet-offer .piets a { display: block; margin: 0 auto; } #piet-offer .piets a:hover { text-decoration: none; } #piet-offer .piets li { cursor: pointer; display: inline-block; margin-bottom: 0; width: 25%; vertical-align: top; } #piet-offer .piets p { color: #999; font-size: 14px; line-height: 1.3; } #piet-offer .piets strong { text-transform: uppercase; } #piet-offer .summary { color: #0c79b1; font-size: 23px; margin-bottom: -5%; position: relative; z-index: 1; } @media all and (max-width: 768px) { #piet-offer { padding: 5%; } #piet-offer .piets { max-width: 420px; } #piet-offer .piets li { width: 50%; } #piet-offer .piets li:first-of-type { margin-bottom: 10px; } #piet-offer .summary { line-height: 1.3; margin-bottom: 3%; } } /* Pronav banner in far-right column */ #pronav .pronav-reskin > ul:nth-of-type(3):not(.pronav-banner) { width: 15%; } #pronav .pronav-reskin .pronav-banner { width: calc(35% - 20px); } #pronav .pronav-banner { right: 0; position: absolute; } #pronav .pronav-banner img { display: block; max-width: 100%; } #pronav .pronav-banner li { border-left: none; cursor: default; padding-right: 0; } #pronav .pronav-banner li:hover { border-left: none; } @media all and (max-width: 1520px) { #pronav .pronav-reskin .pronav-banner { display: none; } } /* Amazon Pay */ /* Begin: hidden elements */ #allow-gift-messages-for-items-container .number, .amazonpayments-checkout-index .breadcrumb-news-holder, .customer-account-login .amazon-login, .customer-account-index .amazon-login, .customer-account-index .dashboard .box-amazon-account { display: none; } /* End: hidden elements */ /* Begin: Amazon Pay checkout */ .amazonpayments-checkout-index .apa .section-please-wait { background-image: url("../images/reskin/loading-icon-teal-white.gif"); background-size: 50px; cursor: wait; } .amazonpayments-advanced-login-index #header_main_wrapper, .amazonpayments-checkout-index #header_main_wrapper { margin-bottom: 0; } .amazonpayments-advanced-login-index .page-title, .amazonpayments-checkout-index .page-title { background: #585aa7 url("../images/cms-page-banners/stilla-arc.jpg") no-repeat center / cover; margin-bottom: 45px; text-align: center; } .amazonpayments-advanced-login-index .page-title h1, .amazonpayments-checkout-index .page-title h1 { color: white; font: lighter 50px/1 "Libre Franklin", sans-serif; letter-spacing: 3px; margin-bottom: 0; padding: 15px 0; text-transform: none; } .amazonpayments-checkout-index .messages .notice-msg { font-family: "neuzeit-grotesk", "Verdana", sans-serif; font-size: 16px !important; font-weight: lighter; } #checkoutSteps { margin-left: auto; margin-right: auto; max-width: 970px; } #checkoutSteps label { cursor: pointer; } #checkoutSteps textarea { box-sizing: border-box; resize: none; max-width: 280px; width: 100%; } #apa-review, #apa-shipping_method_additional { border-color: white; } #apa-shipping_method_additional { display: none; } #apa-review h2, #apa-shipping_method_additional h3 { background-color: black; color: white; font: bold 16px/1.4 "neuzeit-grotesk", sans-serif; letter-spacing: .04em; padding: 5px 10px; text-transform: uppercase; } #apa-shipping_method_additional h3 { margin-bottom: 12px; } #apa-shipping_method_additional label { color: black; font: lighter 15px/1.4 "neuzeit-grotesk", sans-serif; } #allow-gift-message-container { color: black; font-family: "neuzeit-grotesk", sans-serif; font-weight: lighter; margin-top: 15px; } #allow-gift-message-container h4 { font-size: 16px; margin-bottom: 5px; } #allow-gift-message-container input[type="text"], #allow-gift-message-container textarea { color: black; font-family: inherit; font-size: 14px; padding: 5px; } #allow-gift-messages-for-items-container { margin-top: 5px; } #allow-gift-messages-for-items-container * { float: none; } #allow-gift-messages-for-items-container ol { font-size: 0; } #allow-gift-messages-for-items-container > p { font-size: 15px; margin-bottom: 20px; } #allow-gift-messages-for-items-container .form-list .input-box, .amazonpayments-advanced-login-index .form-list .input-box { text-align: left; width: auto; } #allow-gift-messages-for-items-container .product-img-box { position: absolute; left: 0; top: 25px; } #allow-gift-messages-for-items-container .details { margin-left: auto; margin-right: 0; width: calc(100% - 85px); } #allow-gift-messages-for-items-container .fields { margin-bottom: 5px; } #allow-gift-messages-for-items-container .fields label, #allow-gift-messages-for-items-container .fields .input-box { display: inline-block; vertical-align: middle; } #allow-gift-messages-for-items-container .fields label { margin-right: 5px; min-width: 35px; padding: 0; width: auto; } #allow-gift-messages-for-items-container .wide { margin-bottom: 0; } #allow-gift-messages-for-items-container .wide label { display: block; margin-bottom: 5px; padding: 0; text-align: left; width: auto; } #allow-gift-messages-for-items-container .item { display: inline-block; font-size: 15px; margin-bottom: 30px; position: relative; vertical-align: top; width: 50%; } #allow-gift-messages-for-items-container .item:not(:nth-child(-n + 2)) { border-top: 1px solid #999; padding-top: 25px; } #allow-gift-messages-for-items-container .product-name { font-size: 15px; margin-bottom: 10px; } #checkout-review-table { color: black; font-family: "neuzeit-grotesk", sans-serif; margin-bottom: 20px; width: 100%; } #checkout-review-table tbody tr { border-bottom: 1px solid #999; } #checkout-review-table tbody tr:first-of-type { border-top: 1px solid #999; } #checkout-review-table tbody td { padding-top: 15px; } #checkout-review-table tfoot tr:first-of-type td { padding-top: 20px; } #checkout-review-table tfoot tr:last-of-type td { font-size: 20px; } #checkout-review-table th:not(:last-of-type), #checkout-review-table td:not(:last-of-type) { padding-right: 20px; } #checkout-review-table th { padding-bottom: 5px; } #checkout-review-table th { font-size: 16px; font-weight: bold; } #checkout-review-table td { font-size: 14px; padding-bottom: 10px; } #checkout-review-table h4 { font-size: inherit; } #checkout-review-table .a-right { text-align: left !important; } #amazonpayments-checkout-place-order-button, #confirm-form button.button { background-color: black; border: 1px solid black; box-sizing: border-box; color: white; display: block; font-family: "neuzeit-grotesk", sans-serif; font-size: 16px; font-weight: lighter; height: 44px; letter-spacing: 0.4px; line-height: 44px; padding: 0; text-transform: uppercase; transition: font-weight .15s; max-width: 280px; width: 100%; } #confirm-form button.button:focus, #confirm-form button.button:hover, #amazonpayments-checkout-place-order-button:focus, #amazonpayments-checkout-place-order-button:hover { font-weight: bold; } #amazonpayments-checkout-place-order-button.loading { background-image: url("../images/reskin/loading-icon-teal-black.gif"); background-position: center; background-repeat: no-repeat; background-size: 30px; color: transparent; cursor: wait; } #amazonpayments-checkout-place-order-button span { background: none; color: inherit; cursor: inherit; display: block; font: inherit; height: auto; padding: 0; text-transform: inherit; } #shippingMethodWidgetDiv dd:not(:last-of-type) { margin-bottom: 10px; } #apa-shipping_method_additional input[type="checkbox"], #shippingMethodWidgetDiv input[type="radio"] { margin-right: 5px; margin-top: 0; width: 17px; height: 17px; } #apa-shipping_method_additional input[type="checkbox"] { margin-top: 2px; } #shippingMethodWidgetDiv li { font-size: 14px; } #shippingMethodWidgetDiv .price { color: #333; font-weight: bold; } @media all and (max-width: 1023px) { .amazonpayments-advanced-login-index .page-title h1, .amazonpayments-checkout-index .page-title h1 { font-size: 32px; padding: 20px 0; } } @media all and (max-width: 767px) { #allow-gift-messages-for-items-container .item { display: block; margin-bottom: 30px; width: auto; } #allow-gift-messages-for-items-container .item:nth-child(2) { border-top: 1px solid #999; padding-top: 25px; } #allow-gift-messages-for-items-container .product-img-box { left: auto; right: 0; } #allow-gift-messages-for-items-container .details { margin-left: 0; margin-right: auto; width: calc(100% - 75px); } } /* End: Amazon Pay checkout */ /* Begin: Amazon Pay account matching login */ #confirm-form { margin-bottom: 50px; } #confirm-form a { color: #0c79b1; float: none !important; margin-top: 10px; order: 1; } #confirm-form input[disabled] { opacity: .5; } #confirm-form button.button { max-width: 200px; } #confirm-form button.button.cancel { background-color: white; color: black; margin-left: 10px; transition: background-color .15s, color .15s; } #confirm-form button.button.cancel:hover { background-color: black; color: white; font-weight: lighter; } #confirm-form button.button span { background: none; border: none; color: inherit; cursor: inherit; display: block; height: auto; margin: 0; padding: 0; text-decoration: inherit; } #confirm-form button.button span span { background: none; color: inherit; display: block; font: inherit; height: auto; padding: 0; text-align: inherit; text-transform: inherit; } #confirm-form input[type="text"], #confirm-form input[type="password"] { color: black; font-family: inherit; font-size: 14px; min-width: 200px; padding: 9px 10px; } #confirm-form label { color: inherit; cursor: pointer; padding-top: 6px; } .amazonpayments-advanced-login-index .buttons-set { display: flex; flex-wrap: wrap; margin: 0; max-width: 420px; } .amazonpayments-advanced-login-index .buttons-set button.button { float: none; } .amazonpayments-advanced-login-index .breadcrumb-news-holder { display: none; } .amazonpayments-advanced-login-index #confirm-form { color: black; display: block; font: lighter 16px/1.4 "neuzeit-grotesk", sans-serif; letter-spacing: .04em; margin-left: auto; margin-right: auto; max-width: 970px; width: 95%; } .amazonpayments-advanced-login-index p.required { color: inherit; font-size: inherit; margin: 0; padding: 0; text-align: left; width: auto; } .amazonpayments-advanced-login-index .content > p { margin-bottom: 15px; } @media all and (min-width: 1024px) { #confirm-form { min-height: 500px; } } @media all and (max-width: 1023px) { #confirm-form a { margin-left: auto; margin-right: auto; } #confirm-form .form-list { display: table; margin-left: auto; margin-right: auto; } .amazonpayments-advanced-login-index p.required { text-align: center; } .amazonpayments-advanced-login-index #confirm-form { text-align: center; } .amazonpayments-advanced-login-index .buttons-set { margin-left: auto; margin-right: auto; } .amazonpayments-advanced-login-index .content > p:first-of-type { margin-left: auto; margin-right: auto; max-width: 500px; } } @media all and (max-width: 500px) { #confirm-form button:first-of-type { margin-bottom: 10px; } #confirm-form button.button, #confirm-form button.button.cancel { margin-left: auto; margin-right: auto; } #confirm-form label { display: block; float: none; margin-bottom: 5px; padding: 0; text-align: center; width: auto; } .amazonpayments-advanced-login-index .buttons-set { flex-direction: column; } } /* End: Amazon Pay account matching login */ .locket-photo-checkout { border-radius: 50%; border: 2px solid black; max-height: 65px; max-width: 65px; } .item-option-label-customerphotoleft.truncated, .item-option-label-customerphotoright.truncated { cursor: default; } .option-wrap-customerphotoleft, .option-wrap-customerphotoright { display: block; } #basketpage-titleblock { margin-bottom: 0 !important; } .product-view .social-icons { display: none; } #payment_form_sagepaydirectpro { display: block !important; } /* Gleam star SVGs */ .ac-gleam { pointer-events: none; position: absolute; } .ac-gleam path { -webkit-transform: translate(-42.5px, -42.5px); -moz-transform: translate(-42.5px, -42.5px); transform: translate(-42.5px, -42.5px); } .ac-gleam .group { -webkit-transform: translate(42.5px, 42.5px); -moz-transform: translate(42.5px, 42.5px); transform: translate(42.5px, 42.5px); } .ac-gleam .large { -webkit-animation: ac-gleam-large 1.25s infinite; -moz-animation: ac-gleam-large 1.25s infinite; } .ac-gleam .small { -webkit-animation: ac-gleam-small 1.25s infinite; -moz-animation: ac-gleam-small 1.25s infinite; } @-webkit-keyframes ac-gleam-large { 0% { opacity: 0; -webkit-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } 50% { opacity: 0.5; } 100% { opacity: 0; -webkit-transform: rotate(45deg) scale(1.5); transform: rotate(45deg) scale(1.5); } } @-moz-keyframes ac-gleam-large { 0% { opacity: 0; transform: rotate(45deg) scale(0); } 50% { opacity: 0.5; } 100% { opacity: 0; transform: rotate(45deg) scale(1.5); } } @-webkit-keyframes ac-gleam-small { 0% { opacity: 0; -webkit-transform: rotate(0deg) scale(0); transform: rotate(0deg) scale(0); } 50% { opacity: 0.5; } 100% { opacity: 0; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1.5); } } @-moz-keyframes ac-gleam-small { 0% { opacity: 0; transform: rotate(0deg) scale(0); } 50% { opacity: 0.5; } 100% { opacity: 0; transform: rotate(0deg) scale(1.5); } } #competition { text-align: center; } #competition strong { color: inherit; } #competition .bullets { display: table; margin: 0 auto 30px; padding: 0; text-align: left; } #competition .error { display: block; } #competition .title { text-transform: uppercase; } #competition .top { margin-bottom: 30px; } #competition input, #competition select { -webkit-appearance: none; border-radius: 0; border: 1px solid black; box-sizing: border-box; color: black; display: block; height: 44px; margin: 0 auto 10px; padding-left: 10px; width: 280px; } #competition #subscribe-form select::-ms-expand { display: none; } #competition #subscribe-form .acbutton.cms.black { background: black; border: 1px solid black; color: white; display: block; line-height: 44px !important; margin: 20px auto 0; padding: 0; } #competition #subscribe-form .acbutton.cms.black:hover { font-weight: bold; } #competition .content { padding-top:0; } @media all and (max-width: 768px) { #competition .banner h1 { font-size: 30px; } } /* --------------------------- */ /* Cookie notice */ /* --------------------------- */ #ac-cookie-notice { display: none; background: rgba(0, 0, 0, 0.75); border: 0px; bottom: 0px; box-sizing: border-box; font-family: Arial, serif; font-size: 12px; left: 0px; line-height: 1.2; margin: 0px; min-height: 13px; padding: 10px; position: fixed; text-align: center; top: auto; vertical-align: baseline; width: 100%; z-index: 99999; } #ac-cookie-notice .message { display: inline-block; margin: 0 auto; max-width: 1480px; width: 85%; } #ac-cookie-notice p, #ac-cookie-notice a { color: rgb(204, 204, 204); } #ac-cookie-notice a { text-decoration: underline; } #ac-cookie-notice .close-x { position: absolute; cursor: pointer; top: 0; right: 0; width: 30px; height: 30px; background-color: red; display: block; font-size: 0; background: url("../images/reskin/close-white.png") no-repeat; background-size: 17px; background-position: 4px; } #ac-cookie-notice .accept { border: 1px solid #777; cursor: pointer; display: inline-block; line-height: 1; padding: 5px 15px; width: auto; } #ac-cookie-notice .message, #ac-cookie-notice .accept { vertical-align: middle; } @media all and (min-width: 1024px) { #ac-cookie-notice { /* bottom: 50px; */ } #ac-cookie-notice .message { margin-right: 5px; max-width: 900px; } } @media all and (max-width: 1023px) { #ac-cookie-notice .accept { margin-top: 10px; } #ac-cookie-notice .message { display: block; } } @media all and (max-width: 767px) { #ac-cookie-notice .close-x { background-size: 13px; height: 20px; width: 20px; z-index: 1; } #ac-cookie-notice .message { width: 96%; } } .product-astley-clarke-small-candle-acsmallcandle .price, .product-astley-clarke-small-candle-acsmallcandle .add-to-box-flint { display: none !important; } /* Ometria signup form in footer */ #site-footer .ometria-signup-form, #site-footer .newsletter h2, #site-footer .ometria-signup-form input { display: inline-block; vertical-align: top; } #site-footer .ometria-signup-form input[type="email"] { color: black; font-size: 14px; letter-spacing: 0.04em !important; max-width: none; width: 300px; } #site-footer .ometria-signup-form input[type="submit"] { background: url("../images/reskin/tick-circle-teal.png") no-repeat center / contain; border: none; color: transparent; cursor: pointer; font-size: 0; height: 32px; margin: 0; padding: 0; transition: background-image .15s; width: 32px; } #site-footer .ometria-signup-form input[type="submit"]:hover, #site-footer .ometria-signup-form input[type="submit"]:focus { background-image: url("../images/reskin/tick-circle-hover-teal.png"); } @media all and (max-width: 1280px) { #site-footer .ometria-signup-form input[type="email"] { width: 190px; } } @media all and (max-width: 1023px) { #site-footer .ometria-signup-form input[type="submit"] { background-image: url("../images/reskin/tick-circle-black-large.png"); } #site-footer .ometria-signup-form input[type="submit"]:hover, #site-footer .ometria-signup-form input[type="submit"]:focus { background-image: url("../images/reskin/tick-circle-black-large-hover.png"); } } #mmWrapper { display: none !important; } .rm-active .reskin.category-introblock.sale-staging { background-image: url("../images/sale-ss19-mobile-banner.jpg"); } #pronav #ac-last-chance, #pronav #ac-last-chance:hover { color: var(--red-brick) !important; } /* Begin: Generic simple popup styles */ .ac-notification .ac-notification-overlay, .ac-notification .body-content { position: fixed; z-index: 1000; } .ac-notification .ac-notification-overlay { background-color: rgba(0, 0, 0, .5); height: 100%; left: 0; top: 0; width: 100%; } .ac-notification .popup-title { margin-bottom: 20px; } .ac-notification .body-content { background-color: var(--light-blue-15); box-sizing: border-box; left: 0; margin: 0 auto; max-width: 95%; padding: 30px; position: fixed; right: 0; text-align: center; top: 50%; transform: translateY(-50%); width: 650px; } .ac-notification .body-content p:not(:last-of-type) { margin-bottom: 10px; } .ac-notification .body-content .big-title { font-family: var(--johnston); font-size: 25px; letter-spacing: 0.4px; text-transform: uppercase; } .ac-notification .close-button { background: url("../images/reskin/close-black-chunky.png") no-repeat center / contain; cursor: pointer; height: 20px; position: absolute; right: 10px; top: 10px; width: 20px; } .ac-notification .cta { margin: 0 auto; } .ac-notification .personalise-link { margin-bottom: 15px; margin-top: 15px; } @media all and (max-width: 767px) { .ac-notification .popup-title { margin-bottom: 10px; } .ac-notification .body-content p { font-size: 16px; } } /* End: Generic simple popup styles */ #personalise-reminder .body-content { padding-left: 20px; padding-right: 20px; width: 640px; } /* Hide My Acct */ #apply-bf-code { cursor: pointer; text-decoration: underline; } /* Cart page styles, Sep 2020 */ .amazon-pay-tooltip { font-family: sans-serif; font-size: 14px !important; } .checkout-cart-index .shipping #basketpage-shipping-title, .checkout-cart-index .giftwrap-checkout-cart-container .qty_box a.cart_remove, .checkout-cart-index .giftwrap-checkout-cart-container thead { display: none; } .checkout-cart-index .items-form { border-top: 1px solid var(--inky-blue); margin-bottom: 50px; padding-top: 15px; } .checkout-cart-index .cart .shipping #basketpage-shippingright #co-shipping-method-form h6 { color: black; display: block; font-weight: bold; text-transform: uppercase; width: auto; } .cart-table td:not(.image_box) { padding: 35px 10px 0; vertical-align: top; } .checkout-cart-index .qty-adjust-wrapper.updating { opacity: 0.5; } .checkout-cart-index .qty-adjust-wrapper .qty-label, .checkout-cart-index .qty-adjust-wrapper .qty-adjust { display: inline-block; vertical-align: middle; } .checkout-cart-index .qty-adjust-wrapper .qty-label { margin: 0 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkout-cart-index .qty-adjust-wrapper .qty-adjust { background-size: contain; height: 14px; width: 14px; } .checkout-cart-index .qty-adjust-wrapper:not(.updating) .qty-adjust { cursor: pointer; } .checkout-cart-index .qty-adjust-wrapper .qty-adjust.adjust-decr { background-image: url("../images/icons/icon-circled-minus.png?v=0"); } .checkout-cart-index .qty-adjust-wrapper .qty-adjust.adjust-incr { background-image: url("../images/icons/icon-circled-plus.png?v=0"); } @media all and (min-width: 768px) { .cart-table .price_box, .cart-table .total_box, .checkout-cart-index .qty-adjust-wrapper { text-align: center; } } @media all and (max-width: 1023px) { .checkout-cart-index .cart-limit-stock-message { text-align: center; } } /* Begin: Lockets landing page popup view */ .main_popup.lockets_popup { height: 560px; width: 850px; } .main_popup.lockets_popup .view_full_details { display: none; } .main_popup.lockets_popup .product-top { font-size: 0; margin: 15px auto; text-align: center; } .main_popup.lockets_popup .product-top .sku { display: none; } .main_popup.lockets_popup .product-top h1 { margin-right: 8px; } .main_popup.lockets_popup .product-top h1, .main_popup.lockets_popup .product-top span.price, .main_popup.lockets_popup .product-top span.regular-price { font: normal 35px/1.3 "Baskerville-BI", "Libre Franklin", sans-serif; margin-bottom: 0; } .main_popup.lockets_popup .product-top h1, .main_popup.lockets_popup .product-top span.price, .main_popup.lockets_popup .product-top span.regular-price, .main_popup.lockets_popup .product-top div.price, .main_popup.lockets_popup .product-top div.price-box { display: inline; } .main_popup.lockets_popup .product-right .description { line-height: 1.3; margin-bottom: 10px; } .main_popup.lockets_popup .product-right .handy-links { margin-bottom: 5px; } .main_popup.lockets_popup .product-right .options-container-small { margin-bottom: 10px; } .main_popup.lockets_popup .product-right .options-container-small .product-options-bottom { max-width: 350px; } .main_popup.lockets_popup .product-right .add-to-cart, .main_popup.lockets_popup .product-right .contact-ps, .main_popup.lockets_popup .contact-ps .contact-ps-link, .main_popup.lockets_popup .add-to-cart .addto-cart-link { height: 60px !important; line-height: 60px !important; } .main_popup.lockets_popup #main-image-wrapper { max-width: 380px; } .main_popup.lockets_popup #ugc-section { opacity: 0; } .main_popup.lockets_popup .view-details-cta { font-size: 19px; height: 60px; line-height: 60px; margin-top: 0; max-width: 350px; width: 100%; } @media all and (max-width: 849px) { .main_popup.lockets_popup { height: auto; overflow: auto scroll; width: auto; } .main_popup.lockets_popup .product-left, .main_popup.lockets_popup .product-right { clear: both !important; float: none !important; width: auto !important; } .main_popup.lockets_popup .product-right { text-align: center; } .main_popup.lockets_popup .product-right .options-container-small .product-options-bottom { float: none; margin-left: auto; margin-right: auto; max-width: 350px; } .main_popup.lockets_popup .product-top h1, .main_popup.lockets_popup .product-top span.price, .main_popup.lockets_popup .product-top span.regular-price { font-size: 30px; } .main_popup.lockets_popup #main-image-wrapper { max-width: 300px; } .main_popup.lockets_popup .view-details-cta { margin-bottom: 0; } } @media all and (max-width: 350px) { .main_popup.lockets_popup .product-top h1, .main_popup.lockets_popup .product-top span.price, .main_popup.lockets_popup .product-top span.regular-price { font-size: 25px; } } /* End: Lockets landing page popup view */ /* Begin: Checkout refresh, Oct 2020 */ .onestepcheckout-index-index .payment-methods { margin-bottom: 40px; } .onestepcheckout-index-index .inner-form { border: none; } .onestepcheckout-index-index .onestepcheckout-summary td.xshipping { padding-bottom: 20px; } .onestepcheckout-index-index .onestepcheckout-summary-products td.qty, .onestepcheckout-index-index .onestepcheckout-summary-products td.total { text-align: center; } .onestepcheckout-index-index .one-step-cards-holder { background-image: url("../images/onestepcheckout_secure_cards_transparent.png"); height: 25px; margin-bottom: 25px; width: 273px; } .onestepcheckout-index-index .onestepcheckout-edit-order { display: none; } .onestepcheckout-index-index .flint_survey_holder .validation-advice { text-transform: none; } .onestepcheckout-index-index .flint_survey_holder .options-wrapper > div:not(:last-child) { margin-bottom: 5px; } .onestepcheckout-index-index .onestepcheckout-summary .product-image { height: 150px; margin-right: 25px; width: 150px; } .onestepcheckout-summary .name .summary-block strong, .onestepcheckout-index-index .onestepcheckout-summary-products .qty strong, .onestepcheckout-index-index .onestepcheckout-summary-products .total strong { font-family: var(--johnston); font-size: 17px; font-weight: normal; letter-spacing: 0.4px; text-transform: uppercase; } @media all and (min-width: 768px) { .onestepcheckout-index-index .onestepcheckout-summary-products > thead { display: none; } } /* End: Checkout refresh, Oct 2020 */ /* Begin: Order success page survey */ #ac-checkout-survey { border-top: 1px dotted var(--inky-blue); margin-top: 40px; padding-top: 15px; } #ac-checkout-survey form fieldset:not(:last-child) { margin-bottom: 15px; } #ac-checkout-survey .stars-rating { display: inline-block; position: relative; } #ac-checkout-survey .stars-rating label { height: 100%; left: 0; line-height: 1; margin: 0; position: absolute; top: 0; } #ac-checkout-survey .stars-rating label:last-child { position: static; } #ac-checkout-survey .stars-rating label:last-child .star-icon { color: var(--light-blue-50); } #ac-checkout-survey .stars-rating label:nth-child(1) { z-index: 5; } #ac-checkout-survey .stars-rating label:nth-child(2) { z-index: 4; } #ac-checkout-survey .stars-rating label:nth-child(3) { z-index: 3; } #ac-checkout-survey .stars-rating label:nth-child(4) { z-index: 2; } #ac-checkout-survey .stars-rating label:nth-child(5) { z-index: 1; } #ac-checkout-survey .stars-rating label input { left: 0; opacity: 0; position: absolute; top: 0; } #ac-checkout-survey .stars-rating label .star-icon { color: transparent; font: 25px/1 sans-serif; margin-bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #ac-checkout-survey .stars-rating:not(:hover) label input:checked ~ .star-icon, #ac-checkout-survey .stars-rating:hover label:hover input ~ .star-icon { color: var(--inky-blue); } #ac-checkout-survey .stars-rating.rated { pointer-events: none; } #ac-checkout-survey .ac-feedback { border: 1px solid var(--inky-blue); border-radius: 0; box-sizing: border-box; display: block; min-height: 130px; max-width: 500px; padding: 8px; width: 100%; } #ac-checkout-survey .rating-error-wrapper label { color: red; display: block; margin: 5px 0 0; } #ac-checkout-survey .submit-cta { margin: 0; } /* End: Order success page survey */ /* Begin: Checkout packaging options */ .onestepcheckout-summary .package-input-wrapper { padding-left: 25px; position: relative; } .onestepcheckout-summary .packaging-wrapper h3 { margin-bottom: 5px; } .onestepcheckout-summary .packaging-wrapper img { height: auto; margin-right: 25px; max-width: 150px; width: auto; } .onestepcheckout-summary .description { margin-bottom: 10px; } body.checkout-cart-index .cart-engraving-notice { font-size: 14px; margin: 10px 0 15px; } body.checkout-cart-index .items-form .cart-item-sku-ecopackaging, body.onestepcheckout-index-index .cart-item-sku-ecopackaging { display: none; /* hide eco packaging SKU from bag/checkout */ } @media all and (max-width: 767px) { .onestepcheckout-summary .packaging-wrapper img { max-width: 90px; } .onestepcheckout-summary .packaging-wrapper label { align-items: center; display: flex; } } /* overrides */ #onestepcheckout-form .packaging-wrapper input[name="packaging"] { left: 0; position: absolute; top: 3px; } /* End: Checkout packaging options */ /* Begin: wishlist tooltip on category page */ .catalog-category-view .wishlist-tooltip { background-color: white; border: 1px solid black; bottom: -165px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); left: 80px; padding: 13px; position: absolute; width: 200px; z-index: 2; } .catalog-category-view .wishlist-tooltip .ac-notification .close-button { height: 16px; right: 7px; top: 7px; width: 16px; } .catalog-category-view .wishlist-tooltip .cta.added { opacity: 0.5; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* styles.css overrides */ .catalog-category-view .category-view .products-grid .cta.save_for_later_link { position: static; } .catalog-category-view .wishlist-tooltip label { cursor: pointer; font-weight: bold !important; } .catalog-category-view .tooltip-sizes-wrapper { margin-bottom: 13px; } .catalog-category-view .tooltip-sizes { display: block; margin-top: 7px; width: 100%; } .catalog-category-view .tooltip-sizes-wrapper[data-total-sizes="1"] { opacity: 0.5; pointer-events: none; } /* End: wishlist tooltip on category page */ /* Begin: Wishlist page pre-order popup */ body.wishlist-index-index .pre-order-popup h2 { color: black; font-family: "Libre Franklin", sans-serif; font-size: 50px; text-transform: none; } body.wishlist-index-index .pre-order-popup .cta { margin-left: 0 !important; margin-top: 20px !important; } @media all and (max-width: 1023px) { body.wishlist-index-index .pre-order-popup { height: auto; margin-left: auto; margin-top: auto; text-align: center; transform: translate(-50%, -50%); width: 90%; } body.wishlist-index-index .pre-order-popup .rightside { display: block; width: auto; } body.wishlist-index-index .pre-order-popup .cta { margin-left: auto !important; margin-right: auto; } } /* End: Wishlist page pre-order popup */ /* Android Chrome disappearing keyboard bug fix */ body.checkout-cart-index.fancybox-active .fancybox-stage, body.catalog-product-view.fancybox-active .fancybox-stage { display: block !important; } .cta[disabled=disabled] { opacity: 0.5; } .cta[disabled=disabled]:hover { cursor: not-allowed; font-weight: lighter !important; } #my-details select[disabled=disabled], #my-details input[disabled=disabled] { background-color: #d9d9d9; } #my-details select[disabled=disabled]:hover, #my-details input[disabled=disabled]:hover { cursor: not-allowed; } #sign-in-register .acc-promo { margin: 0 auto 25px; max-width: 735px; } @media all and (max-width: 1280px) { body.personalise-popup-open .fancybox-slide { padding: 0 !important; } } @media all and (max-width: 1280px) and (min-width: 1024px) { body.personalise-popup-open .fancybox-slide--iframe .fancybox-content { max-height: calc(100% - 44px * 2); /* 44px = size of close button */ max-width: 95%; } } @media all and (max-width: 1023px) { body.personalise-popup-open .fancybox-slide--iframe .fancybox-content { /* max-height: 97.5%; */ } body.personalise-popup-open .fancybox-infobar { display: none !important; } body.personalise-popup-open .fancybox-close-small { color: var(--inky-blue); right: 0; top: 0; } } /* Begin: My Account, 2021 */ #account-dashboard .arrow-back { display: none; } #register input[type="radio"], #my-details input[type="radio"] { height: auto; min-width: 0; width: auto; } #register .account-newsletter { margin-top: 10px; } #register .account-newsletter label { display: block; } #register .account-newsletter label:not(:last-of-type) { margin-bottom: 3px; } #register .newsletter-info, #register .dob-section p { font-weight: bold; } #register .dob-section p { text-align: left; } #dashboard-right .block { background-color: var(--light-blue-50); border: 1px solid var(--light-blue-50); box-sizing: border-box; height: 150px; width: 150px; } #dashboard-right .block h3 { font-size: 14px; } #dashboard-right .block.active, #dashboard-right .block:focus, #dashboard-right .block:hover { border-color: var(--inky-blue); } .reskin.account-2016 #show-address-form { background-color: transparent; border: 1px solid var(--light-blue-50); transition: none; } .reskin.account-2016 #show-address-form:focus, .reskin.account-2016 #show-address-form:hover { background-color: transparent; border-color: var(--inky-blue); } #my-details input[type="radio"] { bottom: 2px; display: inline; position: relative; } #my-details .communication-prefs { margin-top: 70px; } #my-details .note-preferences:not(:last-child) { margin-bottom: 50px; } #my-details .message-container { margin: 15px auto; } #my-details .message-container .success { color: green; font-weight: bold; } #my-details .newsletter-types { display: inline-block; text-align: left; } #my-details .newsletter-types input[type="checkbox"] { bottom: 2px; display: inline; float: none !important; height: auto; margin-right: 2px; max-width: none; min-width: 0; position: relative; width: auto; } #my-details .news-opt:not(:last-child) { margin-bottom: 5px; } #vip-dates h3 { font-size: 20px; margin-bottom: 10px; } #vip-dates .mini-cta { margin-left: auto; margin-right: auto; max-width: 170px; min-width: 0; } #vip-dates .vip-date-wrapper { margin-left: auto; margin-right: auto; max-width: 660px; } #vip-dates .vip-date-wrapper:not(:last-child) { border-bottom: 1px dotted var(--light-blue-50); margin-bottom: 30px; padding-bottom: 25px; } #vip-dates .date-select-wrapper select { display: inline-block; min-width: 0; vertical-align: top; } #vip-dates .date-select-wrapper select:not(:last-child) { margin-right: 5px; } #vip-dates .date-select-wrapper .birthday-dob-day { width: 75px; } #vip-dates .date-select-wrapper .birthday-dob-month { width: 92px; } #vip-dates .date-select-wrapper .birthday-dob-year { width: 125px; } #vip-dates .date-select-wrapper .birthday-dob-year.truncate { overflow: hidden; padding-right: 25px; text-overflow: ellipsis; } #vip-dates .add-date-form { display: none; border-top: 1px dotted var(--light-blue-50); border-bottom: 1px dotted var(--light-blue-50); /* display: block; */ margin-bottom: 30px; margin-top: 25px; padding-bottom: 25px; padding-top: 30px; text-align: left; } #vip-dates .add-date-form.disabled { pointer-events: none; } #vip-dates .add-date-form fieldset:not(:last-child) { margin-bottom: 10px; } #vip-dates .add-date-form label { display: inline-block; } #vip-dates .add-date-form label p { font-family: var(--johnston); font-size: 14px; font-weight: lighter; margin-bottom: 0; min-width: 155px; text-transform: uppercase; } #vip-dates .add-date-form input[type="text"], #vip-dates .add-date-form select { max-width: 215px; min-width: 0; } #vip-dates .add-date-form .birthday-dob-day { margin-right: 5px; max-width: 80px; } #vip-dates .add-date-form .birthday-dob-month { max-width: 130px; } #vip-dates .add-date-form input[type="submit"] { margin-left: 0; } #vip-dates .add-date-form label.error { margin-top: 5px; } #vip-dates .saved-dates { margin-top: 20px; text-align: left; } #vip-dates .saved-dates h4 { font-weight: bold; margin-bottom: 10px; } #vip-dates .vip-date-block { border: 1px solid black; /* box-sizing: border-box; */ padding: 10px; position: relative; width: 200px; } #vip-dates .vip-date-block:not(:last-child) { margin-bottom: 10px; } #vip-dates .vip-date-block.removing { opacity: 0.5; } #vip-dates .vip-date-block.removing, #vip-dates .vip-date-block.removing * { cursor: wait !important; } #vip-dates .vip-date-block p { font-size: 14px; line-height: 1.3; margin-bottom: 0; } #vip-dates .vip-date-block p:not(:last-of-type) { margin-bottom: 5px; } #vip-dates .vip-date-remove { background: url("../images/reskin/close-black-chunky.png") no-repeat center / contain; cursor: pointer; height: 12px; position: absolute; right: 6px; top: 6px; width: 12px; } #vip-dates .hidden-other { margin-top: 10px; } /* Desktop to iPhone 6/7/8 Plus */ @media all and (min-width: 414px) { #vip-dates .add-date-form label p, #vip-dates .add-date-form label input[type="text"], #vip-dates .add-date-form label select { display: inline-block; vertical-align: middle; } #vip-dates .add-date-form label.error { padding-left: 160px; } } /* Below iPhone 6/7/8 Plus */ @media all and (max-width: 413px) { #vip-dates .add-date-form label p { margin-bottom: 3px; } #vip-dates .add-date-form .birthday-dob-day, #vip-dates .add-date-form .birthday-dob-month { display: inline-block; } } #save .wishlist-intro { margin: 0 auto 30px; max-width: 390px; } #save .wishlist-intro p { margin: 0; } @media all and (max-width: 767px) { .wishlist-index-index #save.reskin .cta { max-width: 280px; width: 100%; } .wishlist-index-index #save .card { box-sizing: border-box; display: block; margin: 0 auto; max-width: 280px; min-height: 0; width: 95%; } .wishlist-index-index #save .card:not(:last-child) { margin-bottom: 20px; } .wishlist-index-index #save .card .front, .wishlist-index-index #save .card .back { height: auto; position: static; width: auto; } .wishlist-index-index #save .card .name { min-height: 0; } } /* Begin: Mini wishlist */ .mini-wishlist-wrapper { background-color: white; border: 1px solid var(--inky-blue); box-sizing: border-box; padding: 20px 15px; position: absolute; right: 0; top: 30px; width: 320px; z-index: 101; } .mini-wishlist-wrapper .wishlist-items { margin-bottom: 20px; } .mini-wishlist-wrapper .wishlist-items.wishlist-scroll { height: 300px; overflow-y: scroll; padding-right: 10px; } .mini-wishlist-wrapper .no-wishlist-items { font-size: 16px; text-align: center; } .mini-wishlist-wrapper .mini-wishlist-item { border-bottom: 1px dotted var(--light-blue-50); padding-bottom: 10px; position: relative; } .mini-wishlist-wrapper .mini-wishlist-item:not(:last-child) { margin-bottom: 10px; } .mini-wishlist-wrapper .item-remove { background: url("../images/reskin/close-black-chunky.png") no-repeat center 2px / 11px; cursor: pointer; height: 24px; position: absolute; right: 0; top: 0; width: 24px; } .mini-wishlist-wrapper .cta { margin: 0 auto; max-width: 250px; } .mini-wishlist-wrapper .ctas .cta:not(:last-child) { margin-bottom: 10px; } .mini-wishlist-wrapper .item-info { align-items: center; display: flex; } .mini-wishlist-wrapper .item-info:hover { text-decoration: none; } .mini-wishlist-wrapper .item-img { display: block; margin-right: 15px; } .mini-wishlist-wrapper .item-info .item-name { font-size: 15px; font-weight: normal; padding-right: 18px; } @media all and (max-width: 1023px) { #header_wishlist_icon, .mini-wishlist-wrapper { display: none !important; } } /* End: Mini wishlist */ /* End: My Account, 2021 */ .edit-custom-order-wrapper { margin-bottom: 12px; margin-top: 3px; } .edit-custom-order-wrapper a { display: inline-block; font-size: 14px; } /* Begin: Sustainability page */ #sus { text-align: center; } #sus h3 { font-size: 24px; } #sus img { width: 100%; } #sus p { margin: 0; } #sus .intro { margin-bottom: 50px; } #sus .gw-info > div:not(:last-child) { margin-bottom: 20px; } #sus .gw-text { padding: 0 30px; } #sus .gw-text p:not(:last-of-type) { margin-bottom: 10px; } #sus .gw-text .cta { margin: 20px auto auto; } #sus .gw-info { margin-bottom: 50px; } #sus .gw-banner { position: relative; } #sus .gw-banner h3 { color: white; } #sus .gw-banner .cta { margin: 0 auto; max-width: 300px; } #sus .gw-banner .cta:not(:last-child) { margin-bottom: 15px; } #sus .gw-ctas-wrapper { left: 94%; position: absolute; top: 50%; transform: translateY(-50%) translateX(-94%); width: 43%; } #sus .gw-ctas:not(:last-child) { margin-bottom: 15px; } @media all and (min-width: 768px) { #sus .gw-row > div { box-sizing: border-box; display: inline-block; vertical-align: middle; } #sus .gw-row .gw-text { width: 50%; } #sus .gw-row .gw-img { width: 50%; } } @media all and (max-width: 1023px) { #sus .page-body { margin-bottom: 0; width: auto; } #sus .intro { padding: 0 15px; } #sus .gw-text { padding: 0 25px; } #sus .gw-banner .cta { font-size: 14px; } } @media all and (max-width: 767px) { #sus .gw-text { margin-top: 45px; } #sus .gw-info > div:not(:last-child) { margin-bottom: 50px; } #sus .gw-row:nth-child(even) { display: flex; flex-direction: column; } #sus .gw-row:nth-child(even) .gw-text { order: 1; } #sus .gw-ctas-wrapper { bottom: 0; box-sizing: border-box; left: auto; padding: 0 2.5% 7.5%; top: auto; transform: none; width: 100%; } #sus .gw-review { display: table-cell; vertical-align: middle; } } @media all and (max-width: 375px) { #sus .gw-banner .cta { font-size: 13px; } } /* End: Sustainability page */ /* Begin: Stockists page */ #stockists select { width: 100%; } #stockists #stockists-group-select { margin-right: 5px; } #stockists .controls { margin-bottom: 20px; text-align: center; } #stockists .country-group-wrapper { display: none; } #stockists .country-group-wrapper.active { display: block; } #stockists .info-inner { padding-top: 35px; } #stockists .stockist-banner { margin-bottom: 20px; padding: 0 5px; } #stockists .stockist-banner img { width: 100%; } #stockists .stockist-name { font-size: 18px; margin-bottom: 15px; } #stockists .stockists-county { display: none; } #stockists .stockists-county.active { display: inline-block; } #stockists .stores-list { display: flex; flex-wrap: wrap; text-align: center; } #stockists .stores-list li { background-color: var(--light-blue-50); box-sizing: border-box; margin-left: auto; margin-right: auto; min-height: 260px; padding: 10px; text-align: center; vertical-align: top; width: calc(100% / 3 - 10px); } #stockists .stores-list li:not(:last-of-type) { margin-bottom: 10px; } #stockists .store-hours { margin: 20px auto 5px; } #stockists .store-hours p { font-size: 14px; line-height: 1; margin-bottom: 0; } #stockists .store-hours table { margin-left: auto; margin-right: auto; } #stockists .store-hours td { font-size: 14px; line-height: 1; padding: 7px 5px; } #stockists .store-hours td:first-of-type { padding-right: 16px; } #stockists .store-hours p:not(:last-of-type) { margin-bottom: 10px; } @media all and (max-width: 1023px) { #stockists .stores-list li { width: calc(50% - 10px); } } @media all and (max-width: 767px) { #stockists .select-wrapper { display: block; } #stockists #stockists-group-select, #stockists .stockists-county.active { display: block; margin-left: auto; margin-right: auto; max-width: 280px; width: 100%; } #stockists #stockists-group-select { margin-bottom: 5px; } #stockists .stockist-banner { padding: 0; } #stockists .stores-list li { display: block; width: 100%; } } /* End: Stockists page */ .product-home-giftwrap .main_popup .product-info-tabs, .product-premium-giftwrap .main_popup .product-info-tabs { margin-bottom: 10px; order: -1; } .product-home-giftwrap .main_popup .product-info-tabs .contents, .product-premium-giftwrap .main_popup .product-info-tabs .contents { margin-bottom: 0; } .product-home-giftwrap .main_popup .info-tab, .product-premium-giftwrap .main_popup .info-tab { border-top: none; } .product-home-giftwrap .main_popup .price-box-wrapper, .product-home-giftwrap .main_popup .info-tab h3, .product-home-giftwrap .main_popup .tab-close, .product-home-giftwrap .main_popup .info-tab:not(#description-tab), .product-premium-giftwrap .main_popup .price-box-wrapper, .product-premium-giftwrap .main_popup .info-tab h3, .product-premium-giftwrap .main_popup .tab-close, .product-premium-giftwrap .main_popup .info-tab:not(#description-tab) { display: none; } /* Begin: QR image upload page */ body.img-upload { padding-top: 20px; text-align: center; } body.img-upload h3 { font-size: 30px; margin: 0 auto 10px; } body.img-upload .header { margin-bottom: 30px; } body.img-upload .header img { margin: auto; } body.img-upload .img-upload-area { margin: auto; max-width: 700px; position: relative; width: 95%; } body.img-upload .img-upload-area label { border: 2px dashed var(--inky-blue); box-sizing: border-box; display: block; font-size: 20px; padding: 50px 0; transition: background-color .5s; width: 100%; } body.img-upload .img-upload-area .cta { margin: 15px auto 0; } body.img-upload #img-upload { cursor: pointer; height: 100%; left: 0; margin: 0 auto; opacity: 0; position: absolute; right: 0; top: 0; width: 100%; } body.img-upload .upload-message { display: none; } body.img-upload p { font-size: 25px; } @media all and (max-width: 500px) { body.img-upload .header img { height: auto; width: 95%; } body.img-upload .steps { font-size: 20px; text-align: left; } } /* CSS loading spinner from https://loading.io/css/ */ body.img-upload:not(.uploading) .loading-wrapper { display: none; } body.img-upload.uploading .loading-wrapper { background-color: rgba(0, 0, 0, .5); cursor: wait; height: 100%; left: 0; position: fixed; top: 0; width: 100%; } body.img-upload.uploading .lds-dual-ring { display: inline-block; height: 80px; left: 50%; margin-left: -40px; margin-top: -40px; position: fixed; top: 50%; width: 80px; } body.img-upload.uploading .lds-dual-ring::after { content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6px solid #fff; border-color: #fff transparent #fff transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* End: QR image upload page */ #ac-filter-pane { display: none; } #ac-category-top-bar { margin-bottom: 35px; } .amshopby-filters-left { background-color: var(--light-blue); box-sizing: border-box; color: white; font-family: var(--johnston); font-size: 20px; height: 100vh; max-width: 500px; overflow-y: scroll; padding: 20px; position: fixed; top: 0; width: 500px; z-index: 101; } .amshopby-filters-left ul, .amshopby-filters-left ol { list-style-type: none; padding-left: 0; } .amshopby-filters-left #narrow-by-list > li { list-style-type: none; display: block; border-bottom: 1px solid white; text-transform: uppercase; position: relative; } .amshopby-filters-left #narrow-by-list > li > a { background-image: url("../images/icons/white/chevron-right-thin.png"); background-position: calc(100% - 10px) center; background-repeat: no-repeat; background-size: 20px; cursor: pointer; display: block; font-size: 16px; padding: 20px 0 20px 10px; text-decoration: none; } .amshopby-filters-left #narrow-by-list > li > a.ui-state-active { background-image: url("../images/icons/white/chevron-down-thin.png"); } .amshopby-filters-left .block-subtitle { background-image: url("../images/icons/white/close.png"); background-position: right 2px; background-repeat: no-repeat; background-size: 14px !important; cursor: pointer; display: block; font-size: 18px; font-weight: normal; letter-spacing: 1.7px; } #ac-filter-pane-top { padding-bottom: 20px; border-bottom: 1px solid white; text-transform: uppercase; } .amshopby-filters-left li a { font-weight: lighter; display: block; } .amshopby-filters-left #narrow-by-list > li > ol { margin: 0 0 20px 20px; width: calc(100% - 30px); max-height: 50vh; overflow-y: auto; scrollbar-width: thin; /* Firefox only */ scrollbar-color: var(--cobalt-blue) var(--mid-blue); /* Firefox only */ } .amshopby-filters-left #narrow-by-list > li > ol::-webkit-scrollbar { width: 12px; /* width of the entire scrollbar */ } .amshopby-filters-left #narrow-by-list > li > ol::-webkit-scrollbar-track { background: var(--mid-blue); /* color of the tracking area */ } .amshopby-filters-left #narrow-by-list > li > ol::-webkit-scrollbar-thumb { background-color: var(--cobalt-blue); /* color of the scroll thumb */ border-radius: 20px; /* roundness of the scroll thumb */ border: 3px solid var(--mid-blue); /* creates padding around scroll thumb */ } .amshopby-filters-left #narrow-by-list > li > ol > li > a { display: block; font-family: var(--bembo); font-size: 16px; letter-spacing: 1px; padding: 10px 0 10px 10px; text-transform: none; } .amshopby-filters-left #narrow-by-list > li > ol > li:last-child { padding-bottom: 0; } .amshopby-slider-price { color: var(--light-blue-15); } .amshopby-slider-ui .ui-slider-handle { background-color: var(--mid-blue) !important; border: 0 !important; } #narrow-by-list > li.active > a::before { position: absolute; top: 0; left: 0; z-index: 101; } #narrow-by-list > li > ol > li > a::before, #narrow-by-list > li > ol > li > a.checked::before { background-color: white; border: 1px solid var(--light-blue); box-sizing: border-box; content: ""; display: inline-block; height: 18px; margin-right: 8px; position: relative; top: 4px; width: 18px; } #narrow-by-list > li > ol > li > a.amshopby-attr-selected { background-color: var(--mid-blue); } .active-filter-options { display: none; } #clear-all-filters-button { color: var(--light-blue-50); } span[role="filter-count"], #clear-all-filters-button { font-size: 16px; } @media all and (max-width: 1023px) { #ac-category-top-bar { justify-content: space-around; } } /* Reskin 2021 */ /* Begin: Findologic overrides */ .category-view .products-grid.fl-results .item { flex-basis: 325px; flex-grow: 1; margin-bottom: 50px; max-width: 375px; } .category-view .products-grid.fl-results .item .fl-product-info { display: flex; justify-content: space-between; } .fl-content-container .fl-products-container { margin-top: 20px; } /* div.fl-content-container .fl-filters-container, */ .fl-results .product-image .vomfade .small-arrow-left, .fl-results .product-image .vomfade .small-arrow-right { display: none !important; } /* End: Findologic overrides */ /* Begin: home page */ @media all and (max-width: 1023px) { .img-d { display: none; } } @media all and (min-width: 1024px), all and (max-width: 767px) { .img-t { display: none; } } @media all and (min-width: 768px) { .img-m { display: none; } } /* End: home page */ /* Begin: "Not found what you're looking for?" end of category blocks */ .products-grid .text-product-block { text-align: center; } .products-grid .text-product-block .cta { margin-left: auto; margin-right: auto; } .products-grid .text-product-block.not-found { background-color: white; padding: 45px 15px; } .products-grid .text-product-block.not-found .top { margin-bottom: 35px; } .products-grid .text-product-block.not-found h3 { font-size: 18px; margin-bottom: 7px; } .products-grid .text-product-block.not-found p { font-size: 16px; } .products-grid .text-product-block.not-found .cta { margin-bottom: 0; } .products-grid .text-product-block.not-found .cta:not(:last-child) { margin-bottom: 15px; } /* End: "Not found what you're looking for?" end of category blocks */ /* Begin: category page */ #ac-category-top-bar .pager, #ac-category-top-bar .numfound { display: none; } #ac-category-top-bar .category-sort-select { margin-left: 10px; max-width: none; padding: 4px 3px 3px; } .category-view .cat-toggle-button { cursor: pointer; font-family: var(--johnston); font-size: 15px; font-weight: lighter; text-transform: uppercase; } .category-view #ac-filter-toggle-button span { margin-left: 5px; } .category-view .active-filter-count, #narrow-by-list .pale-blue-dot { border-radius: 50%; background: var(--cobalt-blue); width: 18px; height: 18px; display: inline-block; text-align: center; line-height: 18px; font-size: 15px; font-family: var(--bembo); font-weight: bold; color: var(--light-neutral); position: relative; top: -1px; left: -1px; } #narrow-by-list .pale-blue-dot { width: 12px; height: 12px; left: 10px; top: 0; } @media all and (min-width: 1024px) { .category-view .cat-toggle-button { margin-left: 50px; } } @media all and (max-width: 767px) { .category-view .product-name { width: auto; } .category-view .price { font-size: 16px; } .category-view .hover_icons { height: 18px; width: 18px; } .category-view .products-grid .item:not(:last-child) { padding-right: 5px; } .category-view .products-grid .item:not(:first-child) { padding-left: 5px; } .category-view .products-grid .item.contains-product-block { padding: 0; } } #dropdown-menu { background-color: var(--light-blue); box-sizing: border-box; color: white; font-family: var(--johnston); font-size: 16px; font-weight: lighter; line-height: 50px; padding: 20px 50px; text-transform: uppercase; width: 300px; } #ac-category-top-bar .toolbar { visibility: hidden; position: relative; left: -179px; top: 0; } #dropdown-menu > li { cursor: pointer; } #dropdown-menu .ui-state-focus { font-weight: bold; } /* Quick replacement for full jQuery UI CSS */ .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu:before { content: ""; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 20px solid var(--light-blue); top: -18px; position: relative; left: calc(50% - 10px); z-index: -1; } .ui-selectmenu-open { display: block; /* margin-left: -166px; margin-top: 16px;*/ } /* End: category page */ /* Begin: 404 page */ #search_noresult { text-align: center; } #search_noresult h3 { font-size: 25px; } #search_noresult .headers { margin-bottom: 35px; } #search_noresult .search-options-list > li:not(:last-child) { margin-bottom: 30px; } #search_noresult .search-form-404 .cta { margin: 10px auto 0; } /* End: 404 page */ /* Begin: "Engrave This Item" / engraving popup */ #engraving-added-popup { text-align: center; } #engraving-added-popup .cta { margin-left: auto; margin-right: auto; } /* End: "Engrave This Item" / engraving popup */ /* Begin: basket page / cart page */ body.checkout-cart-index .breadcrumb-news-holder { display: none; } .cart { max-width: 970px; margin-left: auto; margin-right: auto; padding-bottom: 50px; padding-top: 50px; width: 95%; } .cart h1 { font-weight: lighter; margin-bottom: 15px; text-align: left; } .cart h2 { font-size: 16px; letter-spacing: 0.4px; margin-bottom: 15px; } .cart .cart-table h2 { font-size: 15px; } .cart th, .cart td { padding: 0; } .cart .cart-table { width: 100%; } .cart .cart-table .image_box { padding: 10px; } .cart .cart-table .name_box { padding-left: 35px; width: 60%; } .cart .product-image { display: block; } .cart .item-options { margin-bottom: 5px; } .cart .giftwrap-create a { font-size: 16px; } #co-shipping-method-form { margin-bottom: 15px; } #co-shipping-method-form fieldset { padding-left: 20px; } #co-shipping-method-form ul:not(:last-child) { margin-bottom: 12px; } #shopping-cart-totals-table { margin-bottom: 10px; width: 50%; } #shopping-cart-totals-table td { padding: 5px; } #shopping-cart-totals-table .price { text-align: right; } .cart .shipping { border-bottom: 1px solid var(--inky-blue); margin-bottom: 20px; padding-bottom: 20px; } .cart .discount label { font-family: var(--johnston); font-size: 14px; font-weight: lighter; letter-spacing: 0.4px; margin-right: 15px; text-transform: uppercase; } .cart #coupon_code { background-color: transparent; border: 1px solid var(--inky-blue); margin-right: 15px; min-width: 200px; padding: 4px; } .cart #coupon_redeem_button { margin: 0; } .cart .totals { margin-bottom: 25px; } .cart .option-wrap:not(:last-child) { margin-bottom: 5px; } #basketpage-total-row { border-bottom: 1px solid var(--inky-blue); border-top: 1px solid var(--inky-blue); margin-bottom: 30px; padding: 8px 0; } #basketpage-total-row h3 { margin-bottom: 0; } .cart .checkout-types .cta { margin: 0 0 0 auto; } .basket-payment-cards-image { margin-left: auto; } @media all and (max-width: 1023px) { .cart #shippingSwitcherLink { display: block; } .cart .product-image img { height: 120px; width: 120px; } .cart-table td:not(.image_box) { padding-top: 20px; } .cart .cart-table .name_box { padding-left: 20px; } #shopping-cart-totals-table { width: auto; } } @media all and (max-width: 767px) { .cart-table tbody { display: block; } .cart-table .cart-item-row { display: flex; flex-direction: column; } .cart-table .cart-item-row:not(:last-child) { border-bottom: 1px solid var(--inky-blue); margin-bottom: 25px; padding-bottom: 15px; } .cart-table td:not(.image_box), .cart .cart-table .name_box { padding: 10px; } .cart .cart-table .name_box { width: auto; } .cart .cart-table h2 { font-size: 17px; } .cart .totals { align-items: flex-start; } #discount-coupon-form { display: block; } .cart .discount label { display: block; margin-bottom: 5px; margin-right: 0; } .cart .checkout-types .cta { margin-left: auto; margin-right: auto; } .basket-payment-cards-image, .checkout-types .ac-amazon-pay, .cart .checkout-with-paypal { margin-right: auto; } } /* End: basket page / cart page */ /* Begin: checkout page */ .onestepcheckout-totals .tax-summary, .cvv-what-is-this { display: none; } .onestepcheckout-column label[for="p_method_sagepaydirectpro"], .onestepcheckout-column label[for="p_method_sagepayserver"], .onestepcheckout-column label[for="p_method_sagepayform"], .onestepcheckout-column label[for="p_method_sagepaynit"] { background-image: none; padding-left: 25px !important; } .onestepcheckout-index-index .promo-bar-wrapper { margin-bottom: 0; } #onestepcheckout-form input[type="email"], #onestepcheckout-form input[type="number"], #onestepcheckout-form input[type="tel"], #onestepcheckout-form input[type="text"] { border: 1px solid var(--light-blue); } #header-checkout { margin-bottom: 30px; text-align: center; } #header-checkout-logo { background-color: white; margin-bottom: 30px; padding: 30px 0 20px; position: relative; } #header-checkout-logo .logo { display: inline-block; } #header-checkout-logo .logo img { width: 100%; } #header-checkout-logo .globalsign-wrap { position: absolute; right: 50px; top: 50%; transform: translateY(-50%); } .checkout-ps { font-size: 24px; } .checkout-ps a { font-weight: normal; } #onestepcheckout-form { margin-left: auto; margin-right: auto; max-width: 970px; width: 95%; } #onestepcheckout-form .cta { display: inline-block; margin: 0; } #onestepcheckout-form .ac-amazon-pay { margin-left: 0; margin-right: 5px; } .ac-payments-top-row { margin-bottom: 30px; } .reskin-number { border-bottom: 1px solid var(--inky-blue); font-family: var(--johnston); font-size: 20px; letter-spacing: 0.4px; padding-bottom: 5px; padding-left: 10px; text-transform: uppercase; } .reskin-number span { margin-right: 5px; } .onestepcheckout-column-left label { display: inline-block; margin-right: 10px; min-width: 130px; text-align: right; vertical-align: middle; } #billing_address_list { margin-bottom: 30px; padding-top: 30px; } #shipping_address_list { margin-bottom: 30px; } #billing_address_list li:not(:last-child), #shipping_address_list li:not(:last-child) { margin-bottom: 15px; } .onestepcheckout-address-line:not(:last-child) { margin-bottom: 7px; } .shipping-address-title { margin-bottom: 20px; } .deliver-checkbox { margin-bottom: 20px; } .onestepcheckout-summary-products tr:not(:last-child) { border-bottom: 1px dotted var(--light-blue-50); } .onestepcheckout-summary-products td { padding: 25px 5px; } .packaging-wrapper { border-top: 1px solid var(--inky-blue); padding-left: 5px; padding-top: 25px; } .packaging-wrapper .packaging-option:not(:last-child) { margin-bottom: 20px; } .onestepcheckout-totals { width: 100%; } .onestepcheckout-totals td { padding: 5px; } .onestepcheckout-totals .value { text-align: right; } .onestepcheckout-totals .grand-total { border: 1px solid var(--inky-blue); } .onestepcheckout-totals .grand-total td { padding: 8px; } .onestepcheckout-totals .grand-total .title { font-family: var(--johnston); font-size: 18px; text-transform: uppercase; } .onestepcheckout-totals .grand-total .price { font-weight: bold; } .onestepcheckout-column-middle { margin-bottom: 40px; } .onestepcheckout-column-right .reskin-number { margin-bottom: 20px; } .onestepcheckout-column-right .payment-method li { align-items: center; display: flex; margin-bottom: 15px; } .onestepcheckout-column-right .payment-method li label { display: flex; justify-content: flex-end; margin-right: 10px; text-align: right; width: 140px; } .onestepcheckout-column-right .payment-method li label em { order: 1; } .onestepcheckout-column-right .payment-method li .input-box { display: flex; } .onestepcheckout-column-right .payment-method .month { margin-right: 5px; } .onestepcheckout-enable-terms { margin-bottom: 15px; } .onestepcheckout-enable-terms label { vertical-align: middle; } .flint_survey_holder { margin-bottom: 35px; } .flint_survey_holder .optin-info { margin-bottom: 5px; } .flint_survey_holder .options-wrapper span { vertical-align: middle; } .onestepcheckout-place-order #onestepcheckout-place-order { display: block; margin-left: auto; margin-right: auto; } .onestepcheckout-index-index .page { margin-bottom: 50px; } #checkout-footer { border-top: 1px solid var(--inky-blue); padding: 40px 2.5%; } #checkout-footer .footer { margin-left: auto; margin-right: auto; max-width: 1440px; } #checkout-footer .ac-tel a { font-weight: normal; } #checkout-footer p:not(:last-child) { margin-bottom: 10px; } .footercheckout_termlinks li:not(:last-child) { margin-bottom: 5px; } .onestepcheckout-column-left .validation-advice { padding-left: 145px; } .postcodeanywhere-resultscontainer { border: 1px solid var(--inky-blue); } .postcodeanywhere-resultscontainer li { cursor: pointer; } .postcodeanywhere-resultscontainer li:hover, .postcodeanywhere-resultscontainer li.selected { background-color: var(--light-blue); } @media all and (min-width: 1024px) { .termlinks-wrap { margin-left: 50px; text-align: right; width: 300px; } } @media all and (min-width: 768px) { .onestepcheckout-totals select { max-width: none; } } @media all and (min-width: 768px) and (max-width: 1023px) { .onestepcheckout-index-index .promo-bar-wrapper li:not(:first-child) { margin-right: 30px; } } @media all and (max-width: 1023px) { #checkout-footer .footer { display: block; } .termlinks-wrap { margin-top: 25px; } #header-checkout-logo .logo { max-width: 130px; } } @media all and (max-width: 767px) { .onestepcheckout-column-left select { max-width: 240px; } .onestepcheckout-index-index .page { margin-bottom: 30px; } .onestepcheckout-index-index .pca-button { max-width: 240px; } #onestepcheckout-form input[type="email"], #onestepcheckout-form input[type="number"], #onestepcheckout-form input[type="tel"], #onestepcheckout-form input[type="text"] { min-width: 240px; } .onestepcheckout-summary-products .qty strong, .onestepcheckout-summary-products .total strong { display: none; } .checkout-ps { font-size: 20px; } #header-checkout-logo .globalsign-wrap { right: 2.5%; width: 80px; } #header-checkout-logo .globalsign-wrap img { width: 100%; } .ac-payments-top-row { display: block; } #onestepcheckout-form .ac-amazon-pay { margin-bottom: 10px; } #onestepcheckout-form .ac-amazon-pay, #onestepcheckout-form .checkout-with-paypal { margin-left: auto; margin-right: auto; } .onestepcheckout-column-left label, .onestepcheckout-column-right .payment-method li label { font-size: 16px; min-width: 0; width: 80px; } .onestepcheckout-column-left .deliver-checkbox label { width: auto; } .reskin-number.review-your-order { margin-bottom: 15px; } .onestepcheckout-summary-products th { font-family: var(--johnston); font-size: 15px; font-weight: normal; letter-spacing: 0.4px; padding: 5px; text-transform: uppercase; } .onestepcheckout-summary-products .name { width: 75%; } .onestepcheckout-summary-products .name > div { display: block; } .onestepcheckout-summary .product-image { margin-bottom: 10px; } .onestepcheckout-custom-options:first-of-type { margin-top: 10px; } .packaging-wrapper { padding-top: 30px; } } /* End: checkout page */ /* Begin: order success page */ .checkout-onepage-success h1 { padding-bottom: 40px; padding-top: 35px; } /* End: order success page */ /* Begin: PDP */ .product-view .add-to-box-flint { margin-bottom: 70px; } .product-view .hint-wl { justify-content: space-between; } .product-view .drop-a-hint-row, .product-view .wishlist { width: calc(50% - 15px / 2); } .product-view .add-to-cart.preorder { margin-bottom: 15px; } .product-view .product-options-bottom { margin-top: 40px; } #main-image-wrapper:not(.slick-initialized) { max-height: 420px; } #productpage_boughtalsobought .you-may-also-like:not(.slick-initialized) { max-height: 230px; } #main-image-wrapper { margin-bottom: 15px; } #main-image-wrapper .slick-list { margin-bottom: 15px; width: auto; } #main-image-wrapper .slick-slide { /* without this hack, a 1px column of the next image is visible on iPad */ margin-left: 1px; margin-right: 1px; } #product-page-images img { width: 100%; } @media all and (min-width: 1024px) { #thumbnail-gallery li:not(:last-child) { margin-bottom: 20px; } #thumbnail-gallery .full { width: 100%; } #thumbnail-gallery .half { width: calc(50% - 10px); } #thumbnail-gallery .half.odd { margin-right: 10px; } #thumbnail-gallery .half.even { margin-left: 10px; } } .product-info-tabs h3 { background-image: url("../images/icons/blue/chevron-right-thin.png"); background-position: calc(100% - 10px) center; background-repeat: no-repeat; background-size: 20px; cursor: pointer; font-size: 18px; margin-bottom: 0; padding-bottom: 12px; padding-right: 35px; padding-top: 12px; } .product-info-tabs .info-tab.active h3 { background-image: url("../images/icons/blue/chevron-down-thin.png"); } .product-info-tabs .info-tab { border-top: 1px solid var(--inky-blue); position: relative; } .product-info-tabs .info-tab:last-child { border-bottom: 1px solid var(--inky-blue); } .product-info-tabs .info-tab:not(.active) .contents, .product-info-tabs .info-tab:not(.active) .tab-close { display: none; } .product-view .price-box-wrapper { margin-bottom: 30px; } .product-view .info-tab h4 { font-size: 17px; font-weight: lighter; } .product-info-tabs .contents { margin-bottom: 55px; position: relative; } .product-info-tabs .tab-close { background-image: url("../images/icons/blue/close-thin.png"); background-size: contain; bottom: -40px; cursor: pointer; height: 20px; margin-left: auto; margin-right: auto; opacity: 0.8; position: absolute; right: 0; width: 20px; } .product-view #ring-size-guide-dropdown { padding-top: 5px; } .product-view #ring-size-guide-dropdown table { font-family: var(--johnston); } .product-view #ring-size-guide-dropdown th { font-size: 14px; font-weight: lighter; text-transform: uppercase; } .product-view #size-conversion-table { margin-bottom: 15px; } .product-view #gemstone-info img { padding-left: 20px; } .product-view #returns-info .info-title { margin-bottom: 8px; } .product-view #returns-info section:not(:last-child) { margin-bottom: 15px; } #engrave-this-item-link { margin-bottom: 15px; } #reviews-tab .review { border-top: 1px solid var(--light-blue); margin-top: 15px; padding-bottom: 10px; padding-top: 12px; } #reviews-tab .user-info, #reviews-tab .product-info { font-family: var(--johnston); letter-spacing: 0.2px; text-transform: uppercase; } #reviews-tab .review-date { font-weight: lighter; } #reviews-tab .user-info { margin-bottom: 20px; text-align: center; } #reviews-tab .product-info { font-size: 16px; font-weight: lighter; } #reviews-tab .product-info strong { font-weight: normal; } #reviews-tab .info-line { margin-bottom: 10px; } #reviews-tab .stars { margin-bottom: 5px; } #reviews-tab .verified-purchase { font-weight: normal; } #reviews-tab .answer .author { display: block; font-family: var(--johnston); margin-bottom: 5px; text-transform: uppercase; } #reviews-tab .answer { margin-left: 50px; margin-top: 10px; word-wrap: break-word; } #reviews-tab .images { margin-top: 15px; } #reviews-tab .images a { display: inline-block; } #reviews-tab .images img { width: 100%; } .slick-dots { display: flex !important; justify-content: center; } .slick-dots > li:not(:last-child) { margin-right: 7px; } .slick-dots .slick-active button { background-color: var(--inky-blue); } .slick-dots button { background-color: var(--light-blue); border-radius: 50%; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; height: 9px; width: 9px; } @media all and (max-width: 1023px) { .product-left { margin-bottom: 40px; } #product-page-images { margin-left: auto; margin-right: auto; width: 95%; } #thumbnail-gallery { justify-content: center; } #thumbnail-gallery li { width: 25%; } .product-right .name-and-sku { display: block; } .product-view h1 { margin-bottom: 10px; } .product-right .sku { font-size: 16px; } .product-view #ring-size-guide-dropdown table { margin-left: 0; } } @media all and (max-width: 767px) { .product-view { padding: 0 5px; } body.catalog-product-view .breadcrumb-news-holder, .product-view #gemstone-info img { display: none; } } /* End: PDP */ /* Begin: Empty basket page */ .shopping_cart_empty { margin-bottom: 50px; text-align: center; } .shopping_cart_empty h1 { padding: 35px 0 40px; } .shopping_cart_empty p { font-size: 20px; margin-bottom: 10px; } /* End: Empty basket page */ /* Begin: Newsletter popup */ #mobile-pane { background-color: rgba(0, 0, 0, .7); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 100; } #ac-p { background-color: var(--light-blue); color: white; display: none; height: 335px; left: 0; margin-left: auto; margin-right: auto; position: fixed; right: 0; text-align: center; top: 50%; transform: translateY(-50%); width: 640px; z-index: 1000; } #ac-p h4 { font-size: 20px; font-weight: lighter; } #ac-p p, #ac-p input[type="email"] { font-size: 20px; } #ac-p .top { margin-bottom: 15px; } #ac-p .mid, #ac-p .the-form, #ac-p .the-code { margin-bottom: 10px; } #ac-p .mid p { margin-left: auto; margin-right: auto; max-width: 300px; } #ac-p .bottom p { font-family: var(--johnston); font-size: 12px; font-weight: 300; letter-spacing: 0.6px; text-transform: uppercase; } #ac-p .bottom p a { font-weight: normal; text-decoration: underline; } #ac-p input[type="email"], #ac-p .cta { letter-spacing: 1.5px; max-width: none; width: 100%; } #ac-p input[type="email"] { border: 2px solid white; background-color: transparent; color: white; margin-bottom: 10px; } #ac-p input[type="email"]::placeholder { color: inherit; opacity: 1; } #ac-p .thank-you .mid { margin-bottom: 25px; } #ac-p .close { background: url("../images/icons/close-white.png") no-repeat center / contain; cursor: pointer; height: 27px; position: absolute; right: 15px; top: 15px; width: 27px; z-index: 10; } #ac-p .content-wrapper { margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); width: calc(100% - 85px); /* approx. width minus margin/close icon size */ } #ac-p.submitted .content-wrapper { left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: calc(100% - 85px); } #ac-p .cta { background-color: var(--inky-blue); border-color: var(--inky-blue); margin: 0 auto; } #ac-p .dob-wrapper { color: var(--inky-blue); display: none; margin-bottom: 10px; } @media all and (max-width: 650px) { #ac-p { bottom: 0; box-sizing: border-box; height: auto; padding: 10px; top: auto; transform: none; width: 95%; } #ac-p .close { right: 10px; top: 10px; } #ac-p .content-wrapper { position: static; transform: none; width: auto; } .ac-notification.ac-p { display: none !important; } } /* Hide other elements to keep popup minimal */ #ac-p input[name="firstname"], #ac-p select[name="country"] { display: none; } #ac-p label.error { color: white; display: block; font-weight: bold; margin-bottom: 5px; } #ac-p #email-error { margin-top: -5px; } /* End: Newsletter popup */ /* Begin: ProNav */ #pronav { font-size: 0; /* inline-block white space bug */ overflow: hidden; text-align: center; } #pronav .parent { display: inline-block; margin-right: 25px; } #pronav .parent > a { display: block; font-family: var(--johnston); font-size: 15px; font-weight: normal; letter-spacing: 0.4px; padding: 8px 0 23px; position: relative; text-decoration: none; text-transform: uppercase; } #pronav .sub { background-color: var(--light-blue); display: none; left: 0; margin-left: 0; margin-top: -999px; padding: 30px 0; position: absolute; right: 0; text-align: left; top: 49px; width: 100%; } #pronav .sub li a { padding: 10px; } #pronav .nav-block a { display: inline-block; font-family: var(--johnston); font-size: 14px; font-weight: lighter; letter-spacing: 0.4px; text-transform: uppercase; } #pronav .nav-image img { margin-bottom: 15px; margin-left: auto; margin-right: auto; width: 90%; } #pronav .nav-image h4 { font-size: 14px; margin-bottom: 0; } #pronav .nav-image { text-align: center; } /* Carousels */ #pronav .nav-carousel img { width: 100%; } #pronav .nav-carousel .product-name { margin: 15px auto 0; text-align: center; width: 95%; } @media all and (max-width: 1023px) { #pronav .nav-image, #pronav .nav-carousel { display: none; } #pronav .parent { position: relative; } .mobile-menu-extra { padding-left: 10px; } .mobile-menu-extra .ge-switcher img { max-width: 30px; } .mobile-menu-extra .ge-switcher span { font-size: 16px; margin-left: 12px; } .extra-links { margin-bottom: 40px; } .extra-links > div:not(:last-child) { margin-bottom: 10px; } .extra-links p { font-family: var(--johnston); font-size: 14px; font-weight: lighter; margin-left: 15px; text-transform: uppercase; } } /* Slick overrides */ #pronav .nav-carousel .slick-arrow { /* background-color: white; background-position: center; background-repeat: no-repeat; background-size: contain; height: 100%; top: 0; transform: none; z-index: 1; */ } /* styles.css overrides */ @media all and (min-width: 1024px) { #pronav .nav-20 { width: 20%; } #pronav .nav-25 { width: 25%; } #pronav .nav-30 { width: 30%; } #pronav .nav-50 { width: 50%; } #pronav .nav-75 { width: 75%; } #pronav .nav-100 { width: 100%; } #pronav .no-desktop { display: none !important; } #pronav .pronav-reskin { align-items: flex-start; display: flex; margin-left: auto; margin-right: auto; max-width: 1500px; position: relative; } .fixed #pronav .parent > a { padding: 15px 0 16px; } .header-right > div:not(:last-child) { margin-right: 15px; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .fixed #pronav .parent { margin-right: 20px; } .fixed #pronav .parent > a { font-size: 15px; } .fixed #pronav .sub { top: 49px; } } @media all and (min-width: 1024px) and (max-width: 1279px) { .fixed #pronav { width: calc(100% - 190px); } .fixed #pronav .parent > a { font-size: 14px; } .fixed #pronav .sub { top: 48px; } } @media all and (max-width: 1023px) { .pronav-wrap { background-color: rgba(0, 0, 0, .5); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .pronav-wrap a { text-decoration: none; } .pronav-inner-wrap { background-color: var(--light-blue); box-sizing: border-box; color: white; height: 100vh; left: -95%; overflow-y: scroll; padding: 80px 20px 40px; position: relative; width: 95%; } .pronav-wrap .menu-close { background-image: url("../images/icons/white/close.png"); background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; height: 20px; position: absolute; right: 20px; top: 27px; width: 20px; } .pronav-wrap .form-search { margin-bottom: 25px; } .pronav-wrap .form-search .input-text { border: none; color: black; font-size: 16px; margin-left: 20px; min-width: 0; width: 100%; } .pronav-wrap .form-search .button { border: none; background: url("../images/icons/white-search.png") no-repeat center / contain; cursor: pointer; height: 28px; margin-left: 20px; width: 28px; } #pronav { margin-bottom: 40px; text-align: left; } #pronav .parent { border-top: 1px solid white; display: block; margin-right: 0; } #pronav .parent:last-child { border-bottom: 1px solid white; } #pronav .parent > a { background-image: url("../images/icons/white/chevron-right-thin.png"); background-position: right center; background-repeat: no-repeat; background-size: 18px; padding: 16px 0 16px 10px; } #pronav .parent > a.expanded { background-image: url("../images/icons/white/chevron-down-thin.png"); } #pronav-explore li:not(.pronav-title) { display: block; } #pronav .sub { box-sizing: border-box; margin-top: 0 !important; opacity: 1 !important; padding: 0 0 20px 20px; position: static; } #pronav .sub li a { padding: 13px 10px; } } @media all and (max-width: 767px) { #review-bar { display: none; } .pronav-wrap .form-search .input-text { margin-left: 0; } } /* End: ProNav */ /* Introblocks */ .category-introblock h1 { font-size: 30px; margin-bottom: 15px; } .category-introblock p:not(:last-child) { margin-bottom: 10px; } /* Outroblocks */ .catalog-category-view .category-outro-block { background-color: var(--light-blue); clear: both; padding-bottom: 60px; padding-top: 60px; position: relative; } .catalog-category-view .category-outro-block .inner { margin-left: auto; margin-right: auto; max-width: 1500px; width: 90%; } .catalog-category-view .category-outro-block .left { margin-right: 10%; width: 35%; } .catalog-category-view .category-outro-block .right { width: 55%; } .catalog-category-view .category-outro-block img { width: 100%; } .catalog-category-view .category-outro-block h3 { font-size: 23px; } .catalog-category-view .category-outro-block p { line-height: 1.7; } .catalog-category-view .category-outro-block p:not(:last-child) { margin-bottom: 10px; } /* Footer */ #ac-footer { padding-top: 15px; text-align: left; } #ac-footer section { /* padding-left: 5%; */ /* padding-right: 5%; */ } #ac-footer section { margin-left: auto; margin-right: auto; width: 90%; } #ac-footer section:not(:last-child) { border-top: 1px solid var(--inky-blue); padding-bottom: 40px; padding-top: 40px; } #ac-footer h4, #ac-footer .link-cols a { font-size: 14px; letter-spacing: 0.4px; } #ac-footer .sub-wrap h4, #ac-footer .sub-wrap p, #ac-footer .sub-wrap .cta { letter-spacing: 1px; } #ac-footer .inner { margin-left: auto; margin-right: auto; max-width: 1440px; } #ac-footer .top-wrapper { margin-bottom: 15px; } #ac-footer .top-wrapper p { font-size: 15px; } #ac-footer .bottom-wrapper { justify-content: space-between; } #ac-footer .email-wrapper { align-items: center; display: flex; } #ac-footer .email-wrapper input[type="email"] { border: none; margin-right: 20px; } #ac-footer .email-wrapper .cta { margin-bottom: 0; margin-top: 0; width: 170px; } #ac-footer .copyright { font-size: 14px; padding-bottom: 10px; } #ac-footer .link-cols { width: 75%; } #ac-footer .link-cols > ul { width: calc(100% / 3); } #ac-footer .link-cols li:not(:last-child) { margin-bottom: 12px; } #ac-footer .link-cols a { font-family: var(--johnston); font-weight: lighter; text-transform: uppercase; } #ac-footer .link-cols h4 { margin-bottom: 0; } #ac-footer .badges { width: 25%; } #ac-footer .ge-clone { cursor: pointer; font-size: 16px; margin-bottom: 20px; } #ac-footer .ge-clone img { margin-right: 12px; } #ac-footer .payment-logos { max-width: 275px; width: 100%; } #ac-footer .ac-social-links a { background-size: contain; height: 24px; width: 24px; } #ac-footer .ac-social-links a:not(:last-child) { margin-right: 15px; } @media all and (max-width: 767px) { #ac-footer .here-to-help { display: none; } #ac-footer .inner, #ac-footer .bottom-wrapper { flex-direction: column; } #ac-footer .link-cols { margin-bottom: 30px; margin-left: auto; margin-right: auto; width: 90%; } #ac-footer .link-cols > ul { width: 50%; } #ac-footer .link-cols > ul:first-child { padding-right: 5%; } #ac-footer .badges { align-items: center; align-self: center; width: auto; } #ac-footer .top-wrapper, #ac-footer .copyright { text-align: center; } #ac-footer .form-wrapper { margin-bottom: 25px; width: 90%; } #ac-footer .email-wrapper input[type="email"], #ac-footer .email-wrapper .cta { min-width: 0; width: 50%; } } .icon-fb { background-image: url("../images/icons/blue/social/facebook.png"); } .icon-pn { background-image: url("../images/icons/blue/social/pinterest.png"); } .icon-tw { background-image: url("../images/icons/blue/social/twitter.png"); } .icon-ig { background-image: url("../images/icons/blue/social/instagram.png"); } .header .switcherWraP, .header .switcherAuth { align-items: center; display: flex; } .header .switcherWraP a, .header .switcherAuth a { margin-right: 12px; } .header .switcherWraP img, .header .switcherAuth img { border: none !important; max-width: 30px; } .header .ShippingSwitcherCurrency { font-size: 16px; } .header-wishlist-wrap { position: relative; } #search_mini_form { position: relative; } .top-cart .cta { margin: 0 auto; } .top-cart .product-image { margin-right: 15px; width: 80px; } .top-cart .item:not(:last-child) { border-bottom: 1px dotted var(--light-blue-50); } .top-cart .item a { display: block; font-size: 15px; font-weight: lighter; padding-right: 5px; text-decoration: none; } .top-cart .item h6 { margin-bottom: 5px; } .top-cart .total { font-weight: lighter; text-transform: uppercase; } @media all and (min-width: 1024px) { #search_mini_form .button { background-color: transparent; background-image: url("../images/icons/blue/header/search.svg"); background-repeat: no-repeat; background-size: 16px; border-radius: 0; border: none; display: block; height: 20px; position: absolute; right: 4px; top: 10px; width: 20px; z-index: 2; } #search_mini_form .input-text { background-color: white !important; border: 1px solid var(--inky-blue); box-sizing: border-box; color: var(--inky-blue) !important; font-size: 16px; font-weight: lighter; min-width: 0; padding: 7px 10px; width: 200px; } } @media all and (max-width: 1023px) { .header-wishlist-wrap, .header-left .ge-switcher, .header-search-toggle-icon, .header-container .stockists-link, .header-container .sign-in-register { display: none; } .header-left, .header-right { width: auto; } .header-middle { width: 100%; } .header-middle .ac-logo { background-image: url("../images/logo/ac-inky-blue-stacked.png"); width: auto; } .promo-bar-wrapper { margin-bottom: 0; } .header-container { padding: 7px 10px; } #cartHeader > a { height: 64px; width: 64px; } #cart_header_basket_link { background-position: center; background-size: 32px; position: relative; } #cart_header_basket_link > strong { display: block; font-size: 14px; left: 0; position: absolute; right: 0; top: 26px; width: 100%; } } #globalePopupWrapper .gePopupsContainer .CustomSwitcherPopup { border: 1px solid var(--inky-blue); } #globalePopupWrapper .gePopupsContainer .CustomSwitcherPopup h1 { color: var(--inky-blue); } #globalePopupWrapper .gePopupsContainer .CustomSwitcherPopup h1 { font-family: var(--johnston); font-weight: 300; } #globalePopupWrapper .CustomSwitcherPopup .marked-text { font-weight: 400; display: inline-block; font-family: inherit; color: inherit; } #globalePopupWrapper .gePopupsContainer { background-color: var(--light-blue-15); box-shadow: none; } #globalePopupWrapper .Dropdowntitle { font-family: var(--bembo); font-size: 18px; } #globalePopupWrapper .gePopupsContainer .CustomSwitcherPopup .dropDownRow select { border: 1px solid var(--light-blue); box-sizing: border-box; color: inherit; font: inherit; max-width: 280px; padding: 12px 10px; background-color: white; height: 45px; } #globalePopupWrapper .gePopupsContainer .CustomSwitcherPopup .dropDownRow select[disabled] { opacity: 0.3; } #globalePopupWrapper .gePopupsContainer .CustomSwitcherPopup .dropDownRow select[disabled]:hover { cursor: not-allowed; } #globalePopupWrapper .gePopupsContainer .glDefaultBtn { display: inline-block; height: auto; line-height: inherit; margin: 10px 0 0; max-width: 100px; } #globalePopupWrapper .gePopupsContainer .CustomSwitcherPopup .glPopupContent .glControls { top: 0; } #globalePopupWrapper .cancelBtn { cursor: pointer; font-family: var(--johnston); text-transform: uppercase; text-decoration: none; font-size: 14px; } #globalePopupWrapper .glLogo { background-image: url("../images/logo/svg/ac-inky-blue.svg"); } #globalePopupWrapper .glClose { background-image: url("../images/icons/blue/close-thin.png"); background-size: contain; } #globalePopupWrapper .Dropdowntitle, #globalePopupWrapper .cancelBtn { color: inherit; } /* Begin: explore page */ #explore { text-align: center; } #explore div > a { display: block; margin: 0 auto; } #explore a:hover { text-decoration: none; } #explore h3 { font-size: 20px; font-weight: 300; margin-top: 20px; text-align: center; } #explore img { max-width: 100%; width: 100%; } #explore .explore-top p { font-weight: normal; margin-left: auto; margin-right: auto; max-width: 660px; text-align: center; width: 95%; } #explore .explore-top h3 { margin-bottom: 10px; } #explore .explore-bottom h3 { font-size: 28px; padding: 40px 0; } #explore .intro { margin: 0 auto 30px; width: 970px; } #explore .page-body { margin-bottom: 0; width: 100%; } .explore-bottom { background: url("{{media url=''}}cms/explore/2020-11-19/mesh-background.jpg") no-repeat center / cover; padding: 100px 0; } .explore-top { margin-bottom: 50px; } .explore-bottom > div, .explore-top > div { display: inline-block; } .explore-bottom > div { background-color: var(--light-blue-50); margin: 0 7.5px; max-width: 475px; } .explore-top > div { max-width: 950px; width: calc(50% - 2.5px); } .explore-top img { max-height: 515px; } .explore-top .left { margin-right: 5px; text-align: left; } .explore-top .right a { text-align: right; } @media all and (max-width: 1650px) { .explore-bottom > div { width: 25%; } } @media all and (max-width: 1160px) { #explore .explore-bottom h3 { font-size: 25px; padding: 20px 0; } } @media all and (max-width: 1023px) { #explore .intro { width: 90%; } #explore .explore-top, #explore .explore-bottom { display: block; } .explore-bottom { background: none; padding: 0; } .explore-bottom > div { margin: 0 auto 20px; position: relative; width: auto; } #explore .explore-top > div { margin: 0 auto 30px; width: 100%; } #explore .explore-top .right { margin-bottom: 0; } } @media all and (max-width: 768px) { #explore h3 { font-size: 30px; } } @media all and (max-width: 345px) { #explore h3 { font-size: 25px; } } /* End: explore page */ .gc-swatches { flex-wrap: wrap; margin-bottom: 30px; } .gc-swatches a { border: 2px solid var(--light-blue-50); font-family: var(--johnston); font-size: 16px; font-weight: lighter; margin-bottom: 10px; padding: 6px; } .gc-swatches a.active { border-color: var(--inky-blue); } .gc-swatches a:not(:last-child) { margin-right: 11px; } /* Crisp Chat: Get rid of "GIFs" option */ #crisp-chatbox .cc-h39l, .crisp-client #crisp-chatbox a[data-type="gif"] { display: none !important; } .crisp-client .cc-kv6t { z-index: 100 !important; } /*.category-circulus .category-view .products-grid .item-wrap:last-of-type { margin-right: 0; }*/ /* Findologic search results filters - overrides */ body:not(.header-is-fixed) div.fl-content-container .fl-filters-container { border-bottom: none; } div.fl-content-container .fl-filters-container { border-bottom-color: var(--inky-blue); } div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-toolbar-top .fl-sort-container .fl-sort-content .fl-sort-items-list .fl-sort-item { text-transform: none; } div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-toolbar-top .fl-sort-container .fl-sort-content .fl-sort-items-list .fl-sort-item .fl-sort-item-link { font-weight: normal; } div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-outer-container .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-content, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-nav-bar .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-content, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-shopping-guide-container .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-content, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-toolbar-top .fl-sort-container .fl-sort-content .fl-sort-items-list, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-toolbar-top .fl-sort-container .fl-sort-content .fl-sort-placeholder { border-color: var(--inky-blue); } div.fl-content-container .fl-filters-container .fl-chosen-filters-container .fl-chosen-filters .fl-remove-all-filters-button { background-color: var(--light-blue-50); } div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-outer-container .fl-chosen-filters-container .fl-chosen-filters .fl-remove-all-filters-button, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-nav-bar .fl-chosen-filters-container .fl-chosen-filters .fl-remove-all-filters-button, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-shopping-guide-container .fl-chosen-filters-container .fl-chosen-filters .fl-remove-all-filters-button, div.fl-content-container .fl-filters-container .fl-chosen-filters-container .fl-chosen-filters .fl-remove-all-filters-button, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-outer-container .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-content li.fl-filter-value, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-nav-bar .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-content li.fl-filter-value, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-shopping-guide-container .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-content li.fl-filter-value, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-outer-container .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-filter-name, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-nav-bar .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-filter-name, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-shopping-guide-container .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-filter-name, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-toolbar-top .fl-sort-container, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-toolbar-top .fl-sort-container .fl-sort-content .fl-sort-placeholder { color: var(--inky-blue); font-family: var(--bembo); font-size: 16px; } div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-outer-container .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-filter-name .fl-chosen-filter a.label .fl-filter-value, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-nav-bar .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-filter-name .fl-chosen-filter a.label .fl-filter-value, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-shopping-guide-container .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-filter-name .fl-chosen-filter a.label .fl-filter-value, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-outer-container .fl-frequency, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-nav-bar .fl-frequency, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-shopping-guide-container .fl-frequency, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-outer-container .fl-filter-container a, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-outer-container .fl-results a, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-nav-bar .fl-filter-container a, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-nav-bar .fl-results a, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-shopping-guide-container .fl-filter-container a, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-shopping-guide-container .fl-results a, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-outer-container .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-content.fl-filter-type-range-slider .fl-filter .fl-range-slider .fl-row.fl-collapse .fl-selected-max input, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-nav-bar .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-content.fl-filter-type-range-slider .fl-filter .fl-range-slider .fl-row.fl-collapse .fl-selected-max input, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-shopping-guide-container .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-content.fl-filter-type-range-slider .fl-filter .fl-range-slider .fl-row.fl-collapse .fl-selected-max input { color: var(--inky-blue); } div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-outer-container .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-content.fl-filter-type-range-slider .fl-filter .fl-range-slider .findologic-slider .ui-slider-handle, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-nav-bar .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-content.fl-filter-type-range-slider .fl-filter .fl-range-slider .findologic-slider .ui-slider-handle, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-shopping-guide-container .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-content.fl-filter-type-range-slider .fl-filter .fl-range-slider .findologic-slider .ui-slider-handle { background-color: var(--inky-blue); border-color: var(--inky-blue); } div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-outer-container .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-content.fl-filter-type-range-slider .fl-filter .fl-range-slider .fl-range-slider-button input { background-color: var(--inky-blue); font-family: var(--johnston); text-transform: uppercase; } .fl-smart-did-you-mean .fl-alternative-query { font-style: normal; } div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-outer-container .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-content.fl-filter-type-range-slider .fl-filter .fl-range-slider .fl-range-slider-button, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-nav-bar .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-content.fl-filter-type-range-slider .fl-filter .fl-range-slider .fl-range-slider-button, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-shopping-guide-container .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-content.fl-filter-type-range-slider .fl-filter .fl-range-slider .fl-range-slider-button { box-shadow: none; } div.fl-content-container .fl-filters-container .fl-info-container, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-outer-container .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-content.fl-filter-type-range-slider { font-family: var(--bembo); } div.fl-content-container .fl-filters-container .fl-info-container h1 { text-transform: uppercase; } div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-outer-container .fl-chosen-filters-container .fl-chosen-filters .fl-remove-all-filters-button, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-nav-bar .fl-chosen-filters-container .fl-chosen-filters .fl-remove-all-filters-button, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-shopping-guide-container .fl-chosen-filters-container .fl-chosen-filters .fl-remove-all-filters-button, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-outer-container .fl-filter-container .fl-accordion .fl-accordion-navigation.fl-filters-selected .fl-filter-name, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-nav-bar .fl-filter-container .fl-accordion .fl-accordion-navigation.fl-filters-selected .fl-filter-name, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-shopping-guide-container .fl-filter-container .fl-accordion .fl-accordion-navigation.fl-filters-selected .fl-filter-name { background-color: var(--light-blue-50); } @media all and (max-width: 1023px) { div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-outer-container .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-filter-name, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-nav-bar .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-filter-name, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-shopping-guide-container .fl-filter-container .fl-accordion .fl-accordion-navigation .fl-filter-name { text-transform: none; } div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-outer-container, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-nav-bar, div.fl-content-container .fl-filters-container .fl-filters-container-inner .fl-shopping-guide-container { border-bottom-color: var(--inky-blue); } }