/* ************************ */
/* BY PERSONAL APP - GLOBAL CSS */
/* ************************ */

body.active-lightbox { overflow: hidden; }
.hidden-store {display: none;}
.setmore-button { width: 100%; height: 100%; opacity: 0; }
.setmore-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999999998; }
.setmore-overlay.revealed { display: block; }
.setmore-lightbox { display: none; position: fixed; background-color: white; top: 0; right: 0; width: 100%; max-width: 600px; height: 100%; z-index: 9999999999; }
.setmore-lightbox.revealed { display: block; }
.setmore-lightbox-header { height: 50px; width: 100%; border-bottom: 1px solid #ccc; text-align: center; position: absolute; top: 0; left: 0; text-transform: uppercase;}
.setmore-lightbox-header .setmore-lightbox-close { height: 50px; width: 50px; position: absolute; right: 0; top: 0; border-left: 1px solid #ccc; cursor: pointer; background: url(https://a0a73a99cbfedf7e3b28-a6fed8c1b4fb343f790cc1a783af6690.ssl.cf3.rackcdn.com/icons/goldsmiths/close.png); background-size: 25px; background-repeat: no-repeat; background-position: center; }
.setmore-lightbox-header .setmore-lightbox-back { height: 50px; width: 50px; position: absolute; left: 0; top: 0; border-right: 1px solid #ccc; cursor: pointer; display: none; background: url(https://a0a73a99cbfedf7e3b28-a6fed8c1b4fb343f790cc1a783af6690.ssl.cf3.rackcdn.com/by-personal-appointment/arrow-left.png); background-size: 25px; background-repeat: no-repeat; background-position: center; }
.setmore-lightbox-header img { height:50px; }
.setmore-lightbox.store-page .setmore-lightbox-header .setmore-lightbox-back { display: none !important; }
.store-active .setmore-lightbox-header .setmore-lightbox-back { display: block; }
.setmore-panel { position: absolute; top: 50px; width: 100%; height: calc(100% - 50px); padding: 30px; background-color: white; overflow-y: scroll; }
.setmore-lightbox.store-active .setmore-panel { overflow: hidden; }
.setmore-store-list-panel input { width: 100%; height: 50px; margin-bottom: 30px; }
#setmore-store-list { margin: 0; padding: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#setmore-store-list li { color:black; list-style: none; margin: 0; border-bottom: 1px solid #ccc; padding: 15px; position: relative; text-align: left;}
#setmore-store-list li.closed { display:none !important; }
#setmore-store-list li:hover { background-color: #f7f7f7; cursor: pointer; }
#setmore-store-list li:last-child { border-bottom: 0; }
.setmore-store-iframe-panel { display: none; padding: 0 !important; border: 0; background: url(https://7cf51efe90c6cc390a67-918050ae9fcfb79c59b32e648ff87ea6.ssl.cf3.rackcdn.com/loading.gif); background-color: white; background-repeat: no-repeat; background-position: center; }
.setmore-store-iframe-panel iframe { border: 0; height: 100%; width: 100%; }
#setmore-store-list li .contact-options { position: absolute; height: 100%; right: 15px; top: 0; }
#setmore-store-list li .contact-options > div { width: 30px; float: right; height: 100%; background-size: 20px !important; background-repeat: no-repeat !important; background-position: center !important; opacity: 0.15 !important; }
#setmore-store-list li .contact-options .in-store { background: url(https://a0a73a99cbfedf7e3b28-a6fed8c1b4fb343f790cc1a783af6690.ssl.cf3.rackcdn.com/monetate/in-store.png); }
#setmore-store-list li .contact-options .phone { background: url(https://a0a73a99cbfedf7e3b28-a6fed8c1b4fb343f790cc1a783af6690.ssl.cf3.rackcdn.com/monetate/phone.png); }
#setmore-store-list li .contact-options .video { background: url(https://a0a73a99cbfedf7e3b28-a6fed8c1b4fb343f790cc1a783af6690.ssl.cf3.rackcdn.com/monetate/video.png); }
#setmore-store-list li.instore .contact-options .in-store { opacity: 0.7 !important; }
#setmore-store-list li.phone .contact-options .phone { opacity: 0.7 !important; }
#setmore-store-list li.video .contact-options .video { opacity: 0.7 !important; }
/* .by-appointment-message { border: 2px solid #c79213; padding: 30px; padding-top: 15px; background-color: #efefef; margin-bottom: 30px; text-align: center; } */
.by-appointment-message { margin-bottom: 30px; /* text-align: center; */ }
.by-appointment-message img { width: 100%; max-width: 170px; margin-bottom: 10px; }
.by-appointment-message p { margin-bottom: 15px; color:black !important; }
.by-appointment-message p:last-child { margin-bottom: 0; }
.store-list-header { background-color: #eee; border-top: 1px solid #ccc; text-align: left; }
.store-list-header > div { width: 50%; display: inline; padding: 0 15px;}
.store-list-header > div:last-child { float: right; text-align: right; }
.store-list-footer { text-align: center; padding-top: 30px; }
.store-list-footer img { width: 100px; margin-bottom: 15px; }
.store-list-footer p { color:black; }
.store-filter p { margin-bottom: 15px; }
.store-filter input { padding-left: 15px; padding-right: 15px; }
.store-name-span { float:none !important; }
li.rolex .store-name-span:after { content:''; vertical-align:top; background-color:red; margin-left:5px; display:inline-block; width: 15px; height:20px; background:url(https://a0a73a99cbfedf7e3b28-a6fed8c1b4fb343f790cc1a783af6690.ssl.cf3.rackcdn.com/by-personal-appointment/bpa-rolex-logo.png) no-repeat center; background-size:contain;}
#setmore-store-list li.rolex { padding-top:11.5px; padding-bottom:11.5px; }
#setmore-store-list li.rolex .store-name-span:after { display:block; margin-top:3px; margin-left:0; content:'Authorised Rolex Stockist'; width:auto; background-position:center left; background-size:12px; padding-left:16px; font-size:12px; height:12px; color:#006036; }
.setmore-store-search { border:1px solid #ccc; padding:30px; margin-top: 30px !important; }
.setmore-store-search h2 { margin:0 !important; margin-bottom:15px !important; padding:0 !important; text-transform:uppercase; border:0 !important; z-index:0; }
.setmore-store-search p { margin-bottom:20px !important; }
.setmore-store-search input[type="text"]{ width:calc(100% - 100px); margin-bottom: 0 !important; padding-left: 10px;}
.setmore-store-search input[type="button"]{ width:100px; border:0; height:50px; margin-bottom: 0 !important; text-transform:uppercase; }
div.setmore-nearest-store span { text-decoration:underline; cursor:pointer; }
.setmore-nearest-store { margin-top: 20px; }
.current-location { text-align:right; margin-top:10px; }
.current-location span { text-decoration:underline; cursor:pointer;}
.GS .current-location span > i { font-size: 12px;}
#closest-store-list a { text-decoration:underline; }
#closest-store-list span.appointment-link{ text-decoration:underline; cursor:pointer; }
#closest-store-list span.rolex-store { color:#006036; background:url(https://a0a73a99cbfedf7e3b28-a6fed8c1b4fb343f790cc1a783af6690.ssl.cf3.rackcdn.com/by-personal-appointment/bpa-rolex-logo.png); background-size:14px; background-repeat:no-repeat; background-position:left center; padding-left:20px;}
#closest-store-list p:first-child { margin-top:20px; }
#closest-store-list p:last-child { margin-bottom:0 !important; }
.corona-message { background-color:#f8f8f8; padding:30px; margin-bottom:30px;}
.corona-message h2 { border:0 !important; margin-bottom:15px !important; padding:0 !important; z-index:0; }
.corona-message p { margin-bottom: 0; color: black !important; }

@media (max-width: 600px){
	#setmore-store-list li.rolex { padding-top:10px; padding-bottom:10px; }
    .store-name-span { width:calc(100% - 80px); display:inline-block; }
    .store-list-header > div { padding:0 10px; }
	#setmore-store-list li { padding:15px 10px; }
	#setmore-store-list li .contact-options { right:10px; }
	#setmore-store-list li .contact-options > div { background-size: 15px !important; width:24px !important; }
}

/* *********END************ */
/* *********END************ */

/* ************************ */
/* GOLDSMITHS STYLING CSS */
/* ************************ */

body.GS .setmore-lightbox {font-family: "futura-pt";}
.GS .setmore-lightbox-header {letter-spacing: 1px; font-size:16px; line-height: 50px;}
.GS #setmore-store-list li { font-size:16px; }
.GS .by-appointment-message p {font-size: 16px; line-height: 22px;}
.GS .by-appointment-message p > strong {font-weight: 600; font-family: 'futura-pt'; font-size: 16px;}
.GS .store-list-header {line-height: 50px;}
.GS .store-list-header > div { font-weight: 600; font-size:16px; }
.GS #setmore-store-list li { font-size:16px; }
.GS #setmore-store-list li.rolex { line-height:16px;}
.GS #setmore-store-list li.rolex .store-name-span:after { font-size:12px; }
.GS .setmore-store-search h2 { font-weight: 600; letter-spacing: 1px; font-size: 16px;}
.GS .setmore-store-search input[type="text"]{ font-size:16px; line-height:40px;}
.GS .setmore-store-search input[type="button"]{background-color:#ffb200; font-size:14px; letter-spacing:0.5px; font-weight:600; height: 51px;}
.GS .setmore-nearest-store { font-size: 16px; line-height:22px; }
.GS #closest-store-list { line-height:22px; }
.GS .current-location span {font-size: 14px;}
.GS #closest-store-list span.rolex-store { font-size:14px; }
.GS #closest-store-list p { line-height:25px; }
.GS .corona-message { font-size:16px;}
.GS .corona-message h2 { font-size: 16px; font-weight: 600; }
.GS .corona-message p { font-size: 16px !important; line-height: 22px; }
.GS .corona-message p > a {color: inherit; text-decoration: underline;   text-decoration-color: #ffb200;}


@media(max-width:600px){
    .GS #setmore-store-list li.rolex { line-height:14px;}
    .GS .store-list-header > div { font-size:14px; }
	.GS #setmore-store-list li { font-size:14px; }
}

/* *********END************ */
/* *********END************ */


/* ************************ */
/* WOS UK STYLING CSS */
/* ************************ */

.WOS .setmore-lightbox-header {letter-spacing: 1px; font-size:15px; line-height: 50px;}
.WOS #setmore-store-list li { font-size:15px; }
.WOS .by-appointment-message p {font-size: 15px; line-height: 22px;}
.WOS .store-list-header {line-height: 50px;}
.WOS .store-list-header > div { font-weight: 500; font-size:15px; }
.WOS #setmore-store-list li { font-size:16px; }
.WOS #setmore-store-list li.rolex { line-height:16px;}
.WOS #setmore-store-list li.rolex .store-name-span:after { font-size:12px; }
.WOS .setmore-store-search h2 { font-weight: 500; letter-spacing: 1px; font-size: 16px;}
.WOS .setmore-store-search input[type="text"]{ font-size:15px; line-height:40px;}
.WOS .setmore-store-search input[type="button"]{background-color:#dbb86f; font-size:14px; letter-spacing:0.5px; font-weight:500; vertical-align: top;}
.WOS .setmore-nearest-store { font-size: 16px; line-height:22px; }
.WOS .current-location span { font-size:13px;}
.WOS #closest-store-list { line-height:22px; }
.WOS #closest-store-list span.rolex-store { font-size:14px; }
.WOS #closest-store-list p { line-height:25px; }
.WOS .corona-message { font-size:16px;}
.WOS .corona-message h2 { font-size: 16px; font-weight: 500; }
.WOS .corona-message p { font-size: 15px !important; line-height: 22px; }
.WOS .corona-message p > a {text-decoration: underline;}

@media(max-width:600px){
    .WOS #setmore-store-list li.rolex { line-height:14px;}
    .WOS .store-list-header > div { font-size:14px; }
	.WOS #setmore-store-list li { font-size:14px; }
}

/* *********END************ */
/* *********END************ */

/* ************************ */
/* MAPPIN AND WEBB STYLING CSS */
/* ************************ */

.MW .setmore-lightbox-header {letter-spacing: 1px; font-size:14px; line-height: 50px;}
.MW #setmore-store-list li { font-size:14px; }
.MW .by-appointment-message p {font-size: 14px; line-height: 22px;}
.MW .by-appointment-message p > strong {font-weight: 600; font-size: 14px;}
.MW .store-list-header {line-height: 50px;}
.MW .store-list-header > div { font-weight: 600; font-size:14px; }
.MW #setmore-store-list li { font-size:14px; }
.MW #setmore-store-list li.rolex { line-height:16px;}
.MW #setmore-store-list li.rolex .store-name-span:after { font-size:12px; }
.MW .setmore-store-search h2 { font-weight: 600; letter-spacing: 1px; font-size: 14px;}
.MW .setmore-store-search input[type="text"]{ font-size:14px; line-height:40px;}
.MW .setmore-store-search input[type="button"]{background-color:#af0f65; font-size:12px; letter-spacing:0.5px; font-weight:600; color: white; vertical-align: top;}
.MW .setmore-nearest-store { font-size: 14px; line-height:22px; }
.MW .current-location span { font-size:12px;}
.MW #closest-store-list { line-height:22px; }
.MW #closest-store-list span.rolex-store { font-size:14px; }
.MW #closest-store-list p { line-height:25px; }
.MW .corona-message { font-size:14px;}
.MW .corona-message h2 { font-size: 14px; font-weight: 600; }
.MW .corona-message p { font-size: 14px !important; line-height: 22px; }
.MW .corona-message p > a {text-decoration: underline; color: #337ab7;}

@media(max-width:600px){
    .MW #setmore-store-list li.rolex .store-name-span:after {font-size: 11px;}
    .MW #setmore-store-list li.rolex { line-height:14px;}
    .MW .store-list-header > div { font-size:13px; }
	.MW #setmore-store-list li { font-size:12px; }
}

/* *********END************ */
/* *********END************ */





#setmore-store-list li { font-size:16px !important; line-height:16px; }
#setmore-store-list li .fascia-name { font-size:14px; color:#999; margin-top:5px; display:block}
#setmore-store-list li .contact-options > div { width:20px !important; background-size:16px !important; }
#setmore-store-list li.rolex .store-name-span:after { margin-top:5px }

.setmore-store-search { margin-top:0 !important; }

.search-by-location-header { margin-top:30px; }
.search-by-location-header h2 { margin:0; margin-bottom:15px; font-weight:600; font-size:16px; text-transform: uppercase; letter-spacing:1px; }

.current-fascia-toggle { cursor:pointer; padding-left:70px; background:url(https://content.thewosgroup.com/by-personal-appointment/bpa-toggle-on-black.png); background-size:60px !important; background-repeat:no-repeat !important; background-position:left center !important; }
.current-fascia-toggle.active { background:url(https://content.thewosgroup.com/by-personal-appointment/bpa-toggle-off-grey.png); }

#setmore-store-list.fascia-specific li { display:none; }
.GS #setmore-store-list.fascia-specific li.GS { display:block; }
.MW #setmore-store-list.fascia-specific li.MW { display:block; }
.WOS #setmore-store-list.fascia-specific li.WOS { display:block; }