/* FONTS */ @font-face{ font-family:"Gill Sans W01 Light"; src:url("fonts/Fonts/acd8a043-828c-4c2c-98cb-b5224f5d4cdb.eot?#iefix"); src:url("fonts/Fonts/acd8a043-828c-4c2c-98cb-b5224f5d4cdb.eot?#iefix") format("eot"),url("fonts/Fonts/a2926047-aec5-42f4-b352-e593469518be.woff2") format("woff2"),url("fonts/Fonts/c56da29d-9c5b-4d94-900f-770cde3dd317.woff") format("woff"),url("fonts/Fonts/378182d1-8021-4674-a814-cc8f01f9a937.ttf") format("truetype"),url("fonts/Fonts/d8851d95-478d-47a9-a0b0-a8d8e4ca127a.svg#d8851d95-478d-47a9-a0b0-a8d8e4ca127a") format("svg"); } @font-face{ font-family:"GillSansW01-LightItalic"; src:url("fonts/Fonts/fa48655b-c368-4796-9713-283410e3cd96.eot?#iefix"); src:url("fonts/Fonts/fa48655b-c368-4796-9713-283410e3cd96.eot?#iefix") format("eot"),url("fonts/Fonts/de4e6ee5-4bb3-4aa3-b76b-8400446faf5e.woff2") format("woff2"),url("fonts/Fonts/fc0d04fc-d4ff-4958-a236-3ae4c3758bb7.woff") format("woff"),url("fonts/Fonts/c28733d9-2865-43c4-ae96-6f3342a7b31d.ttf") format("truetype"),url("fonts/Fonts/ce43af51-f2ff-4474-9925-6211223fd9e7.svg#ce43af51-f2ff-4474-9925-6211223fd9e7") format("svg"); } @font-face{ font-family:"Gill Sans W01 Medium"; src:url("fonts/Fonts/beab4258-af94-4971-a0db-b7bc2bef74bc.eot?#iefix"); src:url("fonts/Fonts/beab4258-af94-4971-a0db-b7bc2bef74bc.eot?#iefix") format("eot"),url("fonts/Fonts/d9f9decc-5fa8-4390-a105-4f89f6b7b055.woff2") format("woff2"),url("fonts/Fonts/cd5a93fc-2bb1-48df-8982-11119cd6e270.woff") format("woff"),url("fonts/Fonts/b6bdc93b-2720-4c92-b68d-48499456178e.ttf") format("truetype"),url("fonts/Fonts/944cce8d-20bf-41c1-ae29-2bc8199859db.svg#944cce8d-20bf-41c1-ae29-2bc8199859db") format("svg"); } #topMenu a:active, #topMenu a {background: none !important;} /* * Bootstrap 3 XL CSS Grid * * Bootstrap 3 XL CSS Grid addition for big and retina screens coverage * * Extends Bootstrap v3 by: * Adding col-xl (1600+), col-xxl (1920+), col-xxxl (2560+) * Adding visible and hidden options for all three * Optionally limiting visible-lg, hidden-lg (1200+) classes to max 1600px * Optionally increasing container fixed width for all three screen sizes * * Copyright 2014 Arnis Puskeiris (apbyte, arnico) * Licensed under the MIT License * http://opensource.org/licenses/MIT */ /* ========================================================================== Fix visible-lg and hidden-lg for resolutions over 1600px Remove if don't want to use ========================================================================== */ /* ========================================================================== Set containers fixed sizes for >1600px, >1920px, >2560px Remove all if don't want to use big fixed sizes for all blocks You still can use cols with .container-fluid blocks ========================================================================== */ @media (min-width:1600px){.container{width:1530px}}@media (min-width:1920px){.container{width:1830px}}@media (min-width:2560px){.container{width:2490px}} /* ========================================================================== col-xl, col-xxl, col-xxxl setup. Don't remove anything below this line ========================================================================== */ .col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xxl-1,.col-xxl-100,.col-xxl-111,.col-xxl-122,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxxl-1,.col-xxxl-10,.col-xxxl-11,.col-xxxl-12,.col-xxxl-2,.col-xxxl-3,.col-xxxl-4,.col-xxxl-5,.col-xxxl-6,.col-xxxl-7,.col-xxxl-8,.col-xxxl-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:1600px){.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{float:left}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-pull-12{right:100%}.col-xl-pull-11{right:91.66666667%}.col-xl-pull-10{right:83.33333333%}.col-xl-pull-9{right:75%}.col-xl-pull-8{right:66.66666667%}.col-xl-pull-7{right:58.33333333%}.col-xl-pull-6{right:50%}.col-xl-pull-5{right:41.66666667%}.col-xl-pull-4{right:33.33333333%}.col-xl-pull-3{right:25%}.col-xl-pull-2{right:16.66666667%}.col-xl-pull-1{right:8.33333333%}.col-xl-pull-0{right:0}.col-xl-push-12{left:100%}.col-xl-push-11{left:91.66666667%}.col-xl-push-10{left:83.33333333%}.col-xl-push-9{left:75%}.col-xl-push-8{left:66.66666667%}.col-xl-push-7{left:58.33333333%}.col-xl-push-6{left:50%}.col-xl-push-5{left:41.66666667%}.col-xl-push-4{left:33.33333333%}.col-xl-push-3{left:25%}.col-xl-push-2{left:16.66666667%}.col-xl-push-1{left:8.33333333%}.col-xl-push-0{left:0}.col-xl-offset-12{margin-left:100%}.col-xl-offset-11{margin-left:91.66666667%}.col-xl-offset-10{margin-left:83.33333333%}.col-xl-offset-9{margin-left:75%}.col-xl-offset-8{margin-left:66.66666667%}.col-xl-offset-7{margin-left:58.33333333%}.col-xl-offset-6{margin-left:50%}.col-xl-offset-5{margin-left:41.66666667%}.col-xl-offset-4{margin-left:33.33333333%}.col-xl-offset-3{margin-left:25%}.col-xl-offset-2{margin-left:16.66666667%}.col-xl-offset-1{margin-left:8.33333333%}.col-xl-offset-0{margin-left:0}}@media (min-width:1920px){.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9{float:left}.col-xxl-12{width:100%}.col-xxl-11{width:91.66666667%}.col-xxl-10{width:83.33333333%}.col-xxl-9{width:75%}.col-xxl-8{width:66.66666667%}.col-xxl-7{width:58.33333333%}.col-xxl-6{width:50%}.col-xxl-5{width:41.66666667%}.col-xxl-4{width:33.33333333%}.col-xxl-3{width:25%}.col-xxl-2{width:16.66666667%}.col-xxl-1{width:8.33333333%}.col-xxl-pull-12{right:100%}.col-xxl-pull-11{right:91.66666667%}.col-xxl-pull-10{right:83.33333333%}.col-xxl-pull-9{right:75%}.col-xxl-pull-8{right:66.66666667%}.col-xxl-pull-7{right:58.33333333%}.col-xxl-pull-6{right:50%}.col-xxl-pull-5{right:41.66666667%}.col-xxl-pull-4{right:33.33333333%}.col-xxl-pull-3{right:25%}.col-xxl-pull-2{right:16.66666667%}.col-xxl-pull-1{right:8.33333333%}.col-xxl-pull-0{right:0}.col-xxl-push-12{left:100%}.col-xxl-push-11{left:91.66666667%}.col-xxl-push-10{left:83.33333333%}.col-xxl-push-9{left:75%}.col-xxxl-push-8{left:66.66666667%}.col-xxxl-push-7{left:58.33333333%}.col-xxxl-push-6{left:50%}.col-xxxl-push-5{left:41.66666667%}.col-xxxl-push-4{left:33.33333333%}.col-xxxl-push-3{left:25%}.col-xxxl-push-2{left:16.66666667%}.col-xxxl-push-1{left:8.33333333%}.col-xxxl-push-0{left:0}.col-xxxl-offset-12{margin-left:100%}.col-xxxl-offset-11{margin-left:91.66666667%}.col-xxxl-offset-10{margin-left:83.33333333%}.col-xxxl-offset-9{margin-left:75%}.col-xxxl-offset-8{margin-left:66.66666667%}.col-xxxl-offset-7{margin-left:58.33333333%}.col-xxxl-offset-6{margin-left:50%}.col-xxxl-offset-5{margin-left:41.66666667%}.col-xxxl-offset-4{margin-left:33.33333333%}.col-xxxl-offset-3{margin-left:25%}.col-xxxl-offset-2{margin-left:16.66666667%}.col-xxxl-offset-1{margin-left:8.33333333%}.col-xxxl-offset-0{margin-left:0}}.visible-xl,.visible-xxl,.visible-xxxl{display:none!important}@media (min-width:1600px) and (max-width:1919px){.visible-xl{display:block!important}table.visible-xl{display:table}tr.visible-xl{display:table-row!important}td.visible-xl,th.visible-xl{display:table-cell!important}}@media (min-width:1920px) and (max-width:2559px){.visible-xxl{display:block!important}table.visible-xxl{display:table}tr.visible-xxl{display:table-row!important}td.visible-xxl,th.visible-xxl{display:table-cell!important}}@media (min-width:2560px){.col-xxxl-1,.col-xxxl-10,.col-xxxl-11,.col-xxxl-12,.col-xxxl-2,.col-xxxl-3,.col-xxxl-4,.col-xxxl-5,.col-xxxl-6,.col-xxxl-7,.col-xxxl-8,.col-xxxl-9{float:left}.col-xxxl-12{width:100%}.col-xxxl-11{width:91.66666667%}.col-xxxl-10{width:83.33333333%}.col-xxxl-9{width:75%}.col-xxxl-8{width:66.66666667%}.col-xxxl-7{width:58.33333333%}.col-xxxl-6{width:50%}.col-xxxl-5{width:41.66666667%}.col-xxxl-4{width:33.33333333%}.col-xxxl-3{width:25%}.col-xxxl-2{width:16.66666667%}.col-xxxl-1{width:8.33333333%}.col-xxxl-pull-12{right:100%}.col-xxxl-pull-11{right:91.66666667%}.col-xxxl-pull-10{right:83.33333333%}.col-xxxl-pull-9{right:75%}.col-xxxl-pull-8{right:66.66666667%}.col-xxxl-pull-7{right:58.33333333%}.col-xxxl-pull-6{right:50%}.col-xxxl-pull-5{right:41.66666667%}.col-xxxl-pull-4{right:33.33333333%}.col-xxxl-pull-3{right:25%}.col-xxxl-pull-2{right:16.66666667%}.col-xxxl-pull-1{right:8.33333333%}.col-xxxl-pull-0{right:0}.col-xxxl-push-12{left:100%}.col-xxxl-push-11{left:91.66666667%}.col-xxxl-push-10{left:83.33333333%}.col-xxxl-push-9{left:75%}.col-xxxl-push-8{left:66.66666667%}.col-xxxl-push-7{left:58.33333333%}.col-xxxl-push-6{left:50%}.col-xxxl-push-5{left:41.66666667%}.col-xxxl-push-4{left:33.33333333%}.col-xxxl-push-3{left:25%}.col-xxxl-push-2{left:16.66666667%}.col-xxxl-push-1{left:8.33333333%}.col-xxxl-push-0{left:0}.col-xxxl-offset-12{margin-left:100%}.col-xxxl-offset-11{margin-left:91.66666667%}.col-xxxl-offset-10{margin-left:83.33333333%}.col-xxxl-offset-9{margin-left:75%}.col-xxxl-offset-8{margin-left:66.66666667%}.col-xxxl-offset-7{margin-left:58.33333333%}.col-xxxl-offset-6{margin-left:50%}.col-xxxl-offset-5{margin-left:41.66666667%}.col-xxxl-offset-4{margin-left:33.33333333%}.col-xxxl-offset-3{margin-left:25%}.col-xxxl-offset-2{margin-left:16.66666667%}.col-xxxl-offset-1{margin-left:8.33333333%}.col-xxxl-offset-0{margin-left:0}.visible-xxxl{display:block!important}table.visible-xxxl{display:table}tr.visible-xxxl{display:table-row!important}td.visible-xxxl,th.visible-xxxl{display:table-cell!important}.hidden-xxxl{display:none!important}}@media (min-width:1600px) and (max-width:1919px){.hidden-xl{display:none!important}}@media (min-width:1920px) and (max-width:2559px){.hidden-xxl{display:none!important}} /* APPLICATION FORM STYLING */ #applicationForm .row {margin-bottom: 15px;} /* ==|== primary styles ===================================================== Author: Silverink ========================================================================== */ .error404Container .btn-block {margin-bottom: 15px; padding: 15px; text-transform: uppercase;} .btn{ white-space:normal !important; word-wrap:break-word; } /* BOOTSTRAP FLEX OVERRIDE */ .flexbox.flexboxlegacy .row-flex,.row-flex > div[class*='col-'] { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex:1 1 100%; transition:.2s all ease; } .flexbox.flexboxlegacy .row-flex-wrap { -webkit-flex-flow:row wrap; align-content:flex-start; flex:0; } .flexbox.flexboxlegacy .row-flex > div[class*='col-'],.container-flex > div[class*='col-'] { margin:-.2px; /* hack adjust for wrapping */ } .flexbox.flexboxlegacy .container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div { width:100%; } .flexbox.flexboxlegacy .flex-col { display:flex; display:-webkit-flex; flex:1 100%; flex-flow:column nowrap; } .flexbox.flexboxlegacy .flex-grow { display:flex; -webkit-flex:2; flex:2; } body,.prod-brand-text { font-size:16px; font-family:'Gill Sans W01 Medium'; } blockquote { width:70%; margin-left:auto; margin-right:auto; margin-top:60px; display:block; border:none; text-align:center; } blockquote p { color:#ad8e4f; font-family:Georgia,Times,"Times New Roman",serif; font-size:1.25em; line-height:150%; } blockquote h2 { padding:0 2em; margin-bottom:2em; position:relative; display:inline-block; } blockquote h2:before,blockquote h2:after { content:""; position:absolute; left:0; top:.5em; border-top:1px solid #333; width:1em; } blockquote h2:after { left:auto; right:0; } blockquote:after { content:""; border-top:1px solid #333; display:block; position:relative; top:1.5em; width:50%; margin-left:auto; margin-right:auto; margin-bottom:60px; } .mobileMenu {overflow: hidden;} .notEmail {display: none;} .galleryContainer .row.marginBottom {margin-bottom: 30px;} #homeEditable .row.marginBottom img { margin-bottom:15px; } .nav,h1,h2,h3,h4,h5,h5 { text-transform:uppercase; } input[type='text'],textarea,input[type='tel'],input[type='email'] { background:#fff none; border:1px solid #aaa9a9; border-radius:0; /*text-transform:uppercase;*/ font-size:.75em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:1em; width:100%; margin-bottom:1.3333333333333em; } .panel-heading {cursor: pointer;} ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: LightGrey; opacity: 0.5; /* Firefox */ } textarea{ box-sizing: padding-box; overflow:hidden; } form label.error { color:red; font-size:.65em; position:absolute; right:15px; top:5px; } .form-group {position: relative;} form input.error { border:1px dashed red; background:rgba(105,0,0,0.1); } /* BOOTSTRAP SPECIFIC OVERRIDES/ADDITIONS */ .no-transition { -webkit-transition:all 0; -moz-transition:all 0; -ms-transition:all 0; -o-transition:all 0; transition:all 0; } .caret-right { border-bottom:4px solid transparent; border-top:4px solid transparent; border-left:4px solid; display:inline-block; height:0; opacity:.3; vertical-align:middle; width:0; } /* ==|== Easibuild Structural Elements ===================================================== Structural elements such as mainContent/Wide, submenu etc. Ideally these elements will change to HTML5 tags... aside, article etc. ========================================================================== */ a { text-decoration:none; color:#333; } a:hover,a:focus { text-decoration:underline; color:#333; } .btn-default { background:#3e3e3e; color:#fff; border-radius:0; border:none; margin-top:15px; } .greenBtn,.greenBtn:hover,.btngreen,.btngreen:hover { background:#00ad06!important; border:1px solid #008b06; color:#fff!important; text-transform:uppercase; font-size:1.125em; } .altContactDetails { text-align:center; margin:30px auto; } .showModalBtn { text-transform:uppercase; letter-spacing:.03em; } body[data-template="PreOwnedWatches"] h1,body[data-template="Gallery"] h1,h2,body[data-template="PortfolioDiamonds"] h1,h2,body[data-template="WatchesNew"] h1,h2 { font-style:normal; text-transform:uppercase; font-weight:400; font-size:1.0625em; letter-spacing:.28em; text-align:center; line-height:1; margin:0 0 1.2941176470588em; border-bottom:none; } /* GALLERY body[data-template='PreOwnedWatches'] figure { min-height:260px; max-height: 300px; margin-bottom: 60px; } body[data-template='PreOwnedWatches'] figure img {max-height: 300px !important;} body[data-template='PreOwnedWatches'] figcaption { margin-top:15px; text-align:center; text-transform:uppercase; } */ /* CHECKOUT PAGE */ body[data-template="Checkout_1"] .basketTotal * {vertical-align: top;} body[data-template="Checkout_1"] .btn {margin-top: 0px !important} body[data-template="Checkout_1"] .buyNowButton {float: right;} body[data-template="Checkout_1"] h1 { text-transform:none; border-bottom:none; text-align:left; font-size:1.25em; } /* 3D BUTTON */ .B360tn {background-color: rgb(183, 36, 42); color: #fff;} h2.open-heading { font-size:1.5em; letter-spacing:.01em; } h2.open-heading:after { content:" "; width:40px; display:block; border-bottom:1px solid #000; margin:15px auto; } .galleryContainer h2 { text-align:left; } h2.location { color:#ad8e4f; font-weight:400; font-size:1.125em; margin-bottom:1.5em; font-family:Georgia,Times,Times New Roman,serif; font-style:italic; text-transform:none; letter-spacing:0; text-align:left; } h3 { margin-top:0; font-weight:100; } h4 { letter-spacing:.05em; margin-top:0; } /* HOMEPAGE */ body[data-itemId="1"] .breadcrumb { display:none; } .breadcrumb { display: none; } body[data-template='Gallery'] .navFilter h3,body[data-template='WatchesNew'] .navFilter h3, body[data-template='PortfolioDiamonds'] .navFilter h3 { font-size:1em; margin-bottom:0; } #homeEditable h3 { font-size:1.125em; text-align:center; color:#333; line-height:180%; background-color:#fff; font-family:Georgia,Times,Times New Roman,serif; font-style:italic; text-transform:none; } #homeEditable ul { list-style-type:none; text-align:center; } #homeEditable ul li a { color:#666; font-style:normal; text-transform:uppercase; font-size:.8125em; text-decoration:none; } #homeEditable ul li a:before,#homeEditable ul li a:after { content:"-"; display:block; padding:1em 0; text-decoration:none; } #homeEditable ul,#homeEditable li { margin:0; padding:0; } #homeEditable ul li:first-child a:before,#homeEditable ul li:first-child a:after,#homeEditable ul li:last-child a:before,#homeEditable ul li:last-child a:after { content:""; display:none; } .ContactForm label,#questionForm label { display:block; text-transform:uppercase; font-weight:100; } .ContactForm div,#questionForm div { margin-bottom:10px; } .ContactForm input[type='text'],.ContactForm input[type='tel'],.ContactForm input[type='email'],.ContactForm textarea { border:1px solid #888; } .notEmail { display:none; } .dataTables_length { float:right; } .dataTables_info { float:right; } .dataTables_paginate { } .paginate_button_disabled { opacity:.4; -moz-opacity:.4; } .paging_full_numbers { color:#257f5b; } .dataTables_wrapper { margin-top:0; } img { -ms-interpolation-mode: bicubic; max-width:100%; height:auto!important; } #logo { text-align:center; } .logoRow { margin-top:10px; } .rightLogo { text-align:right; } #logo img { height:auto; width: 90%; margin-left: 5%; max-height:100%; max-width: 200px; cursor:pointer; } .leftLogo img, .rightLogo img { /* margin-top: 15px; */ /* max-width: height: 25px !important; */ max-width: 120px; } .leftLogo img { /* margin-left: 15px !important; */ } .rightLogo img {margin-right: 15px !important;} #topBanner { background:rgba(255,255,255,0.7); margin-top:0px; margin-bottom: 0px; } .mobileMenuRow { /* margin-bottom:20px; */ margin-top:15px; font-size:.875em; text-align:center; } .mobileMenuRow button { margin-right:5px; } .menu-brand span {margin: 15px; display: inline-block;} /* ==|== Everything Else ===================================================================== Alphabetically ordered unles it's nested (.level2 will be nested with #submenu for example) =========================================================================================== */ /* SHOPPING BASKET */ .basketItem { margin: 15px; width: calc(100% - 30px); padding:0 15px 5px; border:1px solid #dcd8d7; margin-bottom:30px; position:relative; } .basketItem .titleRow { line-height:auto; border-bottom:1px solid #dcd8d7; font-size:1.15em; } .basketItem .titleRow .itemPrice { color:#ad8e4f; } .basketItem .itemTitle { border-right:1px solid #dcd8d7; text-transform:uppercase; } .deleteItem { position:absolute; right:0; bottom:0; } .basketItem .btn-default { text-transform:uppercase; } .btn-light { background:#e6e6e6; color:#000; text-transform:uppercase; } .basketItem .descColumn { padding:15px; } .basketTotal {margin: 0px 15px;} .basketTotal .summaryContent { text-align:right; } .basketTotal .greenBtn { line-height:30px; } .buyNowButton { padding:5px 50px; } /* Breadcrumb */ .breadcrumb { background:none; font-size: 0.75em; line-height:30px; text-transform:capitalize; } .breadcrumb .homeBtn img { width:12px; } .breadcrumb > li:first-child { padding-right:15px; border-right:1px solid #ccc; } .breadcrumb > li + li + li:before { content:">"; color:#000; padding:0 10px; font-size:.75em; } .breadcrumb > li + li:before { content:""; } /* CAROUSEL */ #fpImageDiv { margin-bottom:5px; } .carousel-indicators { position:relative; margin-top:10px; } .carousel-indicators li { background-color:#aaa; border:none; margin:10px; } .carousel-indicators li.active { background-color:#3e3e3e; width:10px; height:10px; margin:10px; } #gallery-popup-carousel .right {right: 0px; left: auto;} #gallery-popup-carousel .carousel-control .glyphicon {color: #9d9063; font-size: 2.5em;} #dynamicModal .modal-content {border-radius: 0px;} #dynamicModal .close {font-size: 2.5em; color: rgb(40,40,40); opacity: 1} #dynamicModal .modal-header h4 {margin-top: 5px;} .modal-lg {width: 90%; } /* Attributes Box (Definition List) */ dl { padding: 0.5em; } dt { float: left; clear: left; text-align: left; font-weight: bold; max-width: 160px; } dt::after { content: ":"; } dd { margin: 0 0 0 170px; padding: 0 0 0.5em 0; } #freenextdaydelivery { color:#ad8e4f; font-style:normal; font-size:0.7em; letter-spacing: 0.2em; margin:auto; margin-top: 10px; width: 100%; display:inline-block; text-align:center; } #freenextdaydeliveryBasket { color: #ad8e4f; border: 1px solid #ad8e4f; font-style: normal; font-size: 0.8em; letter-spacing: 0.1em; margin: auto; margin-top: 10px; padding: 3px; width: 70%; min-height: 26px; display:inline-block; text-align: center; } .help-items { list-style:none; margin:10px 0 50px; padding:0; text-transform:uppercase; font-size:.75em; } .help-items li { background:none; border-bottom:none; width:auto; display:inline-block; text-align:left; padding-right:1.25em; margin-right:1.25em; line-height:1.5; } .help-items li a { display:inline-block; padding:2em 0; } .help-items li:nth-child(1),.help-items li:nth-child(2),.help-items li:nth-child(3) { border-right:1px solid #ccc; } /* MOBILE PHONE MENU 10/18 */ #phoneMenu {margin: 0px; padding: 0px; } #phoneMenu .list-group-item {border-radius: 0px !important; border-right: none; border-left: none; font-weight: 100; letter-spacing: 0.1rem; padding: 20px 15px !important;} #phoneMenu .list-group-item:first-child {border-top: none;} #phoneMenu .list-group-item .badge {border-radius: 0px !important; background: #655C53; padding: 10px; margin-top: -5px;} #phoneMenu .list-group-item .badge a {color: #fff; font-weight: 100} .priceContain .ifcpermonth, .ifcpermonth .interestFreeMonthlyPrice { font-size: 11px; font-style: normal; text-decoration: none; text-decoration-line: none; text-transform: lowercase; text-align: center; margin: 0px; } .priceContain .ifcpermonth:hover, .ifcpermonth .interestFreeMonthlyPrice:hover { text-decoration: none; font-style: normal; text-decoration: none; text-decoration-line: none; } #itemLocationText { font-size: 0.7em; text-align: center; } .preOwnedBrands figure{ min-height: 200px; } /* .preOwnedBrands img {height: 150px !important; width: auto !important; max-width: none !important; min-width: none !important;} */ .searchContain { text-align:center; padding:0 0px; height:32px; font-size:.75em; width: 100%; margin: auto; margin-right: 15px; } .searchContain label { padding-right:10px; text-transform:uppercase; color: #fff; } #productSearch {width: 100%; margin-right: 15px;} #productSearchInput { margin-top: 5px; background: rgba(255,255,255,1); border: 1px solid rgba(188,188,188,1); width: 100%; padding-left:10px; height: 30px; font-size: 1.25em; } /* #productSearchInput {margin-top: 20px;} */ .searchBarMobile { margin: 15px 0px 45px 0px; text-align: center; } .searchBarMobile input[type="search"] { border:0; padding-left:5px; color:rgb(150,150,150); border-radius: 0px; font-size: 1.125em; width: calc( 40% ) !important; min-width: 200px; margin-left: 15px; font-size: 1em !important; } input[type="search"]::-webkit-input-placeholder { color:rgb(150,150,150); font-style: italic; } input[type="search"]::-moz-placeholder { /* Firefox 19+ */ color:rgb(#969696); font-style: italic; } input[type="search"]:-ms-input-placeholder { color:rgb(150,150,150); font-style: italic; } .searchContain input[type="submit"] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='xMidYMid' viewBox='0 0 17.188 17.281'%3E%3Cpath fill='#969696' d='M16.861,15.423 L12.633,11.195 C13.506,10.025 14.029,8.580 14.029,7.007 C14.029,3.130 10.886,-0.013 7.009,-0.013 C3.132,-0.013 -0.011,3.130 -0.011,7.007 C-0.011,10.885 3.132,14.027 7.009,14.027 C8.534,14.027 9.941,13.536 11.092,12.710 L15.333,16.951 C15.754,17.373 16.439,17.373 16.861,16.951 C17.282,16.529 17.282,15.845 16.861,15.423 ZM7.009,11.867 C4.325,11.867 2.149,9.692 2.149,7.007 C2.149,4.323 4.325,2.146 7.009,2.146 C9.693,2.146 11.869,4.323 11.869,7.007 C11.869,9.692 9.693,11.867 7.009,11.867 Z' class='cls-1'/%3E%3C/svg%3E"); background-size: 15px auto; width: 30px; background-color:rgba(255,255,255,0); background-repeat:no-repeat; background-position:45% 28%; border:0; border-radius:0; text-indent:-999em; margin-left: -30px; } .searchBarMobile input[type="submit"] { background-position:45% 50%; } .shoppingBag { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 87.914 58.609' width='25' height='15'%3E%3Cpath id='Path_1' data-name='Path 1' fill-rule='evenodd' fill='%23897247' class='cls-1' d='M70.683,36.514a3.285,3.285,0,1,1,3.335-3.288A3.274,3.274,0,0,1,70.683,36.514Zm-6.57,13.24a3.311,3.311,0,1,1,3.294-3.282A3.283,3.283,0,0,1,64.113,49.753ZM57.5,36.514a3.285,3.285,0,1,1,3.288-3.288A3.283,3.283,0,0,1,57.5,36.514Zm-6.629,13.24a3.312,3.312,0,0,1,0-6.623,3.312,3.312,0,1,1,0,6.623ZM44.25,36.514a3.286,3.286,0,1,1,3.341-3.288A3.278,3.278,0,0,1,44.25,36.514Zm-6.564,13.24a3.312,3.312,0,1,1,0-6.623,3.312,3.312,0,0,1,0,6.623Zm-6.623-13.24a3.285,3.285,0,1,1,3.282-3.288A3.278,3.278,0,0,1,31.063,36.514ZM24.44,49.753a3.312,3.312,0,0,1,0-6.623,3.312,3.312,0,1,1,0,6.623Zm-6.623-13.24a3.286,3.286,0,1,1,3.341-3.288A3.278,3.278,0,0,1,17.817,36.514ZM32.763,5.685a1.363,1.363,0,0,1,1.348-1.348H54.272a1.357,1.357,0,0,1,1.289,1.348V22.852h-22.8ZM60.25,22.852V5.386A5.377,5.377,0,0,0,54.858,0H33.583a5.377,5.377,0,0,0-5.392,5.386V22.852H0L18.286,58.609H71.621L87.914,22.852Z'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-position:0px 5px; padding-left:0px; font-family:arial,sans-serif; text-tranform:uppercase; font-size:1.1rem; height:24px; margin-left: 10px; } .shoppingBag a { color:#b1aca8; margin-left: 0px; padding-left: 30px; float: left; } .shoppingBag,.searchBtn { line-height:30px; } .searchBtn { text-align:right; } .searchBtn img { height:24px; } .ddBtn,.searchIcon { background:rgba(51,51,51,1); box-shadow:0 2px 4px rgba(0,0,0,0.3); float:right; } .ddBtn { padding:0 15px; font-size:.75em; display:inline-block; cursor:pointer; min-width:150px; text-align:left; } .searchIcon,.searchIconMobile { margin-left:5px; padding:0; } .closeIcn { float:right; } .homeBanner { margin-bottom:5px; } /* CONCIERGE FOOTER */ .bottomConcierge { background:rgba(51,51,51,1); color:#fff; padding-bottom:30px; } .bottomConcierge h2 { text-transform:uppercase; display:block; font-style:normal; font-weight:400; font-family:Arial,sans-serif; letter-spacing:0; font-size:1.5em; padding-top:15px; } .bottomConcierge ul,.bottomConcierge li { margin:0; padding:0; list-style-type:none; } .bottomConcierge ul { display:table; } .bottomConcierge li { float:left; height:90px; width:33%; text-align:center; vertical-align:middle; } .bottomConcierge li a { display:inline-block; padding:4.725em 1.25em 2em; text-transform:uppercase; font-size:.65em; } .bottomConcierge li:nth-child(1) { background:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M18.02%2014.423c1.861-1.26%203.017-3.018%203.017-4.967%200-3.845-4.493-6.948-10.036-6.948-5.543%200-10.036%203.103-10.036%206.948s4.493%206.948%2010.036%206.948c.895%200%201.762-.082%202.588-.234%201.303%202.163%203.712%203.322%207.23%203.322%200%200-1.849-1.617-2.799-5.069z%22%2F%3E%3C%2Fsvg%3E) 50% .75em no-repeat; } .bottomConcierge li:nth-child(2) { background:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cg%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M19.652%2011c0-3.245-1.678-6.079-4.182-7.647h.109v-2.337h-9.158v2.336h.109c-2.504%201.568-4.182%204.402-4.182%207.648s1.679%206.081%204.182%207.648h-.109v2.336h9.158v-2.336h-.109c2.504-1.568%204.182-4.403%204.182-7.648zm-8.652%207.34c-3.921%200-7.095-3.287-7.095-7.341%200-.511.051-1.011.147-1.493l1.151.734-.826%201.118%205.012%203.481-2.576-3.793%201.311-.865-3.23-2.906c1.234-2.162%203.502-3.616%206.106-3.616%203.92%200%207.095%203.288%207.095%207.341%200%204.053-3.175%207.34-7.095%207.34zM14.787%2011.612l-3.41-.745-1.189-3.627c-.146-.446-.612-.686-1.044-.533-.426.152-.66.632-.514%201.078l1.258%203.847c.042.128.114.231.2.321.102.241.302.435.579.491l3.833.792c.433.087.838-.212.912-.658.074-.446-.205-.88-.625-.966z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) 50% .75em no-repeat; } .bottomConcierge li:nth-child(3) { background:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222.006%22%20height%3D%2222.01%22%20viewBox%3D%220%200%2022.006%2022.01%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M14.864%2011.765v1.488l.887.406%201.027.474%201.066.48%201.021.453.874.374c.26.113.467.193.634.253.333.128.614.32.82.581.213.26.38.52.5.793.147.313.247.646.313.993v1.614h-18.851v-1.614c.073-.347.186-.68.327-.993.12-.274.287-.534.5-.793.205-.261.479-.453.812-.581.167-.06.387-.14.667-.259l.921-.394%201.073-.473%201.12-.514%201.054-.48.874-.407v-1.447l-.08-.313-.113-.427-.173-.546c-.234-.46-.42-.974-.554-1.554-.14-.581-.206-1.201-.206-1.854%200-.853.086-1.58.26-2.173.173-.594.407-1.074.706-1.447.301-.374.647-.647%201.054-.813.4-.167.827-.253%201.287-.253.454%200%20.88.08%201.28.247.4.167.754.434%201.054.8.308.374.541.854.714%201.454.173.594.26%201.327.26%202.187%200%20.641-.067%201.241-.2%201.814s-.313%201.086-.547%201.547l-.18.593-.14.46c-.041.151-.061.257-.061.324zM2.954%2016.894c.141-.321.334-.661.587-.967.274-.34.627-.614%201.054-.78l.02-.014.626-.252.92-.394%201.067-.474.113-.053%201-.454.446-.207.621-.28.06-.026-.287-.127-.6-.26-.627-.28-.533-.273c-.193-.093-.46-.173-.46-.24v-.867c0-.04-.046-.1-.02-.193l.047-.267.093-.347c.133-.267.233-.567.313-.9.074-.333.113-.687.113-1.061%200-.5-.053-.934-.153-1.28-.105-.348-.245-.628-.418-.848-.181-.213-.38-.367-.614-.467-.233-.093-.487-.14-.748-.14-.272%200-.52.047-.752.146-.234.1-.44.26-.613.474-.174.22-.314.5-.415.847-.1.347-.153.767-.153%201.267%200%20.38.04.741.12%201.081.08.34.187.64.326.907l.1.32.047.247.021.18v.847c0%20.074-.294.147-.486.241l-.607.28-.647.293-.62.28-.541.227-.386.153c-.193.081-.348.187-.474.34-.119.153-.227.307-.293.467l-.2.574v2.754h2.793c.046-.402.1-.348.16-.474z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) 50% .75em no-repeat; } .bottomConcierge li:nth-child(4) { background:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222.01%22%20height%3D%2222.01%22%20viewBox%3D%220%200%2022.01%2022.01%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M11.005%2010.158c-1.871%200-3.387-1.515-3.387-3.386%200-1.871%201.516-3.386%203.387-3.386s3.386%201.515%203.386%203.386c0%201.871-1.516%203.386-3.386%203.386zm6.772-3.386c0-3.741-3.03-6.772-6.772-6.772s-6.773%203.031-6.773%206.772c0%201.236.338%202.387.914%203.386h-.007l5.866%2011.852%205.866-11.852h-.008c.583-.999.914-2.15.914-3.386z%22%2F%3E%3C%2Fsvg%3E) 50% .75em no-repeat; } .bottomConcierge li:nth-child(5) { background:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.02%207.482l-1.359-1.38c-.3-.299-.3-.779%200-1.08l3.78-3.799c.277-.278.757-.318%201.078%200l1.38%201.38.359.38c.839.801%202.419%205.498-5.019%2012.754-7.037%206.897-11.355%205.299-12.255%204.559l-.381-.38-1.379-1.36c-.299-.3-.299-.778%200-1.077l3.899-3.9c.28-.299.759-.32%201.08%200l1.359%201.359.38.381c.72.72%201.72.019%202.679-.76%201.38-1.1%202.579-2.38%203.499-3.479%201.36-1.68%201.959-2.561%201.28-3.24l-.38-.358z%22%2F%3E%3C%2Fsvg%3E) 50% .75em no-repeat; } .bottomConcierge li:nth-child(6) { background:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M11%204.262c3.715%200%206.738%203.023%206.738%206.738%200%203.715-3.023%206.738-6.738%206.738-3.715%200-6.738-3.022-6.738-6.738%200-3.715%203.023-6.738%206.738-6.738m0-2.246c-4.961%200-8.984%204.022-8.984%208.984%200%204.961%204.023%208.984%208.984%208.984%204.962%200%208.984-4.022%208.984-8.984s-4.022-8.984-8.984-8.984%22%2F%3E%3Cpath%20d%3D%22M13.246%2014.369c-.287%200-.575-.109-.794-.329l-2.246-2.245c-.202-.202-.328-.482-.329-.792v-4.495c0-.621.502-1.123%201.123-1.123s1.124.502%201.124%201.123v4.027l1.917%201.917c.438.439.438%201.15%200%201.589-.219.218-.508.328-.795.328%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) 50% .75em no-repeat; } .bottomConcierge li:nth-child(1),.bottomConcierge li:nth-child(2) { border-right:1px solid #666; border-bottom:1px solid #666; } .bottomConcierge li:nth-child(3) { border-bottom:1px solid #666; } .bottomConcierge li:nth-child(4),.bottomConcierge li:nth-child(5) { border-right:1px solid #666; } .customForm { background:#f7f3ed; padding:1.5em 4.25em; display:block; text-align:left; text-transform:uppercase; } .customForm .formTitle { font-weight:700; } .customForm label { font-weight:700; } .customForm input[type='submit'] { text-transform:uppercase; } .customForm .formTitle { text-align:center; margin-bottom:30px; } .submitContainer { text-align:center; } /* do not group these rules */ * ::-webkit-input-placeholder { color:#444; } * :-moz-placeholder { /* FF 4-18 */ color:#444; } * ::-moz-placeholder { /* FF 19+ */ color:#444; } * :-ms-input-placeholder { /* IE 10+ */ color:#444; } /* FEATURES BANNER */ .fb-page {margin-top: 43px; } .featBanner { margin-bottom:15px !important; margin-top:15px; font-size:.875em; text-transform: capitalize; background:#b2a497; padding:5px 0; margin:0; clear:both; vertical-align:middle; text-align: center; } .featBanner a { vertical-align:middle; color: #fff; } footer { margin-top:25px; padding-top:25px; border-top:1px dotted #777; text-align:center; } footer,footer a { color:#666; } footer small { margin-bottom:15px; text-transform:uppercase; display:block; font-size:.75em; } footer .fb_foot { color:#666; background:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2215%22%20viewBox%3D%220%200%207%2015%22%3E%3Cpath%20fill%3D%22%231F3869%22%20d%3D%22M4.653%2015h-3.109v-7.494h-1.544v-2.592h1.544v-1.552c0-2.11.879-3.362%203.366-3.362h2.08v2.581h-1.299c-.964%200-1.027.364-1.027%201.038l-.011%201.295h2.347l-.268%202.592h-2.079v7.494z%22%2F%3E%3C%2Fsvg%3E) 100% 0 no-repeat; font-size:.75em; padding-right:1.8181818181818em; display:inline-block; line-height:1.3636363636364; margin:0 auto; text-align:right; margin-bottom:15px; margin-top:15px; } footer img[alt='Payments are processed by Sagepay.'] { margin-bottom:15px; } ul.fMenu { margin:0; padding:0; font-size:.65em; font-family:Georgia,serif; font-style:oblique; text-align:center; padding:5px 15px; border-left:none; border-right:none; /* 1px solid #ccc */ margin-bottom:15px; margin-top:15px; } ul.fMenu li { display:inline-block; } ul.fMenu li:before { content:"/"; margin:0 5px; } ul.fMenu li:first-child:before { content:""; margin:0; } img.aligncenter { margin:auto!important; } /* GALLERY */ body[data-template='Gallery'] .navFilter, body[data-template="PortfolioDiamonds"] .navFilter, body[data-template="WatchesNew"] .navFilter { text-transform:uppercase; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #efefef; font-size:.9em; line-height:170%; } #orderBySelect { margin-right:15px; font-size:.875em; } #priceFilter a { color:#ad8e4f; } /* BRAND DETAILS */ .brandRow { margin-top:25px; padding-top:25px; margin-bottom:50px; border-top:1px dotted #888; text-align:center; } .brandRow > .col-sm-12 > .brandLogo { text-align:center!important; width:100%; } .watchBrandRow img {margin-bottom: 15px;} .brandRow > .col-sm-12 > .brandLogo img { max-width:40%; } .aboutBrand { text-align:center; text-transform:uppercase; font-size:.75em; } .brandDescription * {text-align: center !important;} .brandDescription header { text-align:center; font-size:.875em!important; margin-bottom:25px; } .brandDescription h3 { font-size:1em; margin-bottom:15px; } .brandDescription .prod-brand-img { min-height:350px; width:100%; display:block; margin-right:0; } .prod-brand-text { font-size:.875em; } .prod-brand-text p { font-style:italic; color:#666; } .brandDescription .video-wrap iframe { min-height:300px!important; } .brandWWW { margin-top:20px; } .brandWWW a { margin-top:10px; color:#666; } .galleryContainer .item { min-height: 290px; position: relative; margin-top: 3em; /* CENTER IMAGE ROGER 25 OCTOBER 2016 */ text-align: center; } .galleryContainer .item figcaption { border-top:1px solid #cecece; padding:15px; clear:both; margin-top:2px; text-transform:uppercase; font-size:1.25rem; text-align: center; } body[data-template="PortfolioDiamonds"] .galleryContainer .item:hover:after { background-image: url('LinkOut.svg'); background-size: 10px 10px; background-position: right 3px; background-repeat: no-repeat; padding-right: 52px; content: "view on lunn's portfolio"; font-size: 1.2rem; position: absolute; bottom: 110px; right: 0px; } body[data-template="PortfolioDiamonds"] .galleryContainer .item img {max-height: 161px !important;} /* CONSTRAIN GALLERY IMAGES TO 161 PX HIGH ROGER 13 OCTOBER 2016 */ .galleryContainer .col-sm-4 .item img, .galleryContainer .col-sm-3 .item img {max-height: 161px !important; width: auto;} .productListItemTitle {margin-bottom: 10px; } .galleryContainer .item .price { color:#ad8e4f; font-style:italic; /*position:absolute; bottom:0; left: 15px;*/ font-size:1.6rem; } #galleryModal .modal-body { text-align:center; } .img-responsive { margin:auto; } .originalPrice { text-decoration:line-through; color:red; margin-right:10px; } /* GALLERY DETAIL CAROUSEL */ #carousel-custom { margin:20px auto; width:100%; position:relative; } #carousel-custom .carousel-indicators { margin:10px 0 0; overflow:auto; position:static; text-align:left; white-space:nowrap; width:100%; } #carousel-custom .carousel-indicators li { background-color:transparent; -webkit-border-radius:0; border-radius:0; display:inline-block; height:auto; margin:0!important; width:auto; } #carousel-custom .carousel-indicators li img { max-width:75px; display:block; opacity:.5; } #carousel-custom .carousel-indicators li.active img { opacity:1; } #carousel-custom .carousel-indicators li:hover img { opacity:.75; } #carousel-custom .carousel-outer { position:relative; } .contactList { list-style-type:none; padding:0; margin:15px 0; } .contactList li { float:left; margin-left:15px; cursor:pointer; } .contactList .askQuestion,.contactList .telephone,.shares .fbShare,.shares .twitterShare,.shares .pinterestShare,.contactList #share { background-repeat:no-repeat; background-position:left center; padding-left:20px; margin-right:15px; display:block; } .contactList .askQuestion { background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%2385B327%22%20d%3D%22M11.046%207.717c1.205-.816%201.954-1.954%201.954-3.217%200-2.49-2.911-4.5-6.5-4.5-3.59%200-6.5%202.01-6.5%204.5s2.91%204.5%206.5%204.5c.58%200%201.141-.053%201.676-.151.844%201.4%202.405%202.151%204.683%202.151%200%200-1.197-1.047-1.813-3.283z%22%2F%3E%3C%2Fsvg%3E); } .contactList .telephone { background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20fill%3D%22%2385B327%22%20d%3D%22M6.759%207.01l.689-.68c.149-.15.39-.15.54%200l1.899%201.89c.14.139.159.379%200%20.539l-.69.69-.189.18c-.4.42-2.749%201.21-6.378-2.509-3.448-3.519-2.649-5.678-2.279-6.127l.19-.19.68-.689c.149-.15.389-.15.539%200l1.95%201.949c.149.14.16.38%200%20.54l-.68.68-.19.19c-.36.36-.01.86.38%201.339.55.688%201.19%201.288%201.739%201.748.84.68%201.28.979%201.62.64l.18-.19z%22%2F%3E%3C%2Fsvg%3E); } .contactList #share { background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpolygon%20fill-rule%3D%22evenodd%22%20fill%3D%22%2385B327%22%20points%3D%223.598%2C3.61%200%2C3.61%200%2C6.389%203.598%2C6.389%203.598%2C10%206.417%2C10%206.417%2C6.389%2010%2C6.389%2010%2C3.61%206.417%2C3.61%206.417%2C0%203.598%2C0%22%2F%3E%3C%2Fsvg%3E); } .shares { display:none; } .shares .fbShare { background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%2227%2027%2014%2014%22%20enable-background%3D%22new%2027%2027%2014%2014%22%3E%3Cpath%20fill%3D%22%233A589B%22%20d%3D%22M33.012%2037.808h1.573v-3.808h1.05l.14-1.312h-1.189l.002-.657c0-.342.033-.526.523-.526h.656v-1.312h-1.05c-1.261%200-1.705.637-1.705%201.708v.788h-.786v1.311h.786v3.808zm.988%203.192c-3.866%200-7-3.134-7-7s3.134-7%207-7%207%203.134%207%207-3.134%207-7%207z%22%2F%3E%3C%2Fsvg%3E); } .shares .twitterShare { background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%2226%2027%2014%2014%22%20enable-background%3D%22new%2026%2027%2014%2014%22%3E%3Cpath%20fill%3D%22%2300ACEE%22%20d%3D%22M33.972%2031.266c-.611.222-.997.796-.953%201.423l.015.242-.245-.029c-.89-.114-1.667-.499-2.327-1.147l-.323-.321-.083.237c-.176.529-.063%201.087.303%201.463.195.208.151.237-.186.113l-.23-.054c-.034.035.083.484.176.663.127.247.386.489.67.633l.24.113-.284.005c-.274%200-.284.005-.254.109.098.321.484.662.915.811l.303.104-.264.158c-.391.228-.851.356-1.311.366-.22.005-.401.024-.401.039%200%20.05.597.326.943.436%201.042.321%202.279.183%203.208-.366.661-.391%201.32-1.167%201.628-1.918.166-.401.332-1.132.332-1.483%200-.228.015-.257.289-.529.161-.158.312-.332.342-.381.049-.094.044-.094-.205-.01-.416.148-.475.128-.27-.094.152-.158.333-.445.333-.529l-.156.055c-.088.049-.284.124-.431.167l-.264.084-.239-.163c-.133-.089-.318-.188-.416-.218-.248-.068-.63-.058-.855.021zm-.972%209.734c-3.866%200-7-3.134-7-7s3.134-7%207-7%207%203.134%207%207-3.134%207-7%207z%22%2F%3E%3C%2Fsvg%3E); } .shares .pinterestShare { background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%2221.348%2022.782%2014%2014%22%20enable-background%3D%22new%2021.348%2022.782%2014%2014%22%3E%3Cpath%20fill%3D%22%23E51313%22%20d%3D%22M28.348%2022.782c-3.866%200-7%203.134-7%207%200%202.865%201.723%205.328%204.189%206.411-.019-.489-.003-1.075.123-1.607l.9-3.814s-.224-.447-.224-1.107c0-1.037.601-1.812%201.35-1.812.637%200%20.944.478.944%201.05%200%20.641-.408%201.598-.618%202.484-.175.742.373%201.349%201.105%201.349%201.326%200%202.219-1.703%202.219-3.722%200-1.534-1.033-2.683-2.912-2.683-2.124%200-3.446%201.583-3.446%203.352%200%20.61.18%201.04.461%201.373.129.153.148.215.101.39l-.143.562c-.047.178-.19.241-.351.176-.978-.399-1.434-1.471-1.434-2.675%200-1.988%201.677-4.373%205.003-4.373%202.672%200%204.431%201.934%204.431%204.01%200%202.745-1.525%204.797-3.776%204.797-.755%200-1.466-.409-1.71-.872%200%200-.406%201.613-.492%201.924-.148.54-.439%201.079-.705%201.5.629.186%201.294.286%201.984.286%203.865%200%207-3.133%207-6.999%200-3.866-3.133-7-6.999-7z%22%2F%3E%3C%2Fsvg%3E); } #socialShareLinks {display: none;} h1 { border-bottom:1px dotted #d5d5d5; } /* INTEREST FREE */ #interestfree, #interestfreeLow { text-transform:uppercase; /* background:#f2f2f2; */ background:#dec58a; cursor:pointer; padding:10px; text-align:center; border:1px #3e3e3e; /* removed 'dashed' */ font-size:.75em; } #interestfree:hover { border: 1px solid #8987A4; background: #efefef; cursor: pointer; } #interestTableModal .logo { width:150px; } .interestFreeMonthlyPrice { font-size:2em; font-style:italic; text-decoration:underline; margin:0 15px; } /* END INTEREST FREE */ #interestfreeLow {margin-top: 15px; text-decoration: underline; cursor: default;} /* PRE OWNED LOW COST FINANCE /* FINANCE POP UP */ #interestTableModal .logo { max-width:30%; display:inline-block; } #interestTableModal .modal-header { text-align:left; padding:20px; } #financeTabs { border-bottom:1px solid #3e3e3e; margin:0; } #financeTabs ul { padding:0; } #financeTabs li { background:#f1f1f1; cursor:pointer; display:inline-block; font-size:1em; line-height:25px; padding:2px 4px; margin-left:2px; transition:all .2s; -moz-transition:all .2s; /* Firefox 4 */ -webkit-transition:all .2s; /* Safari and Chrome */ -o-transition:all 0.2ss; /* Opera */ zoom:1; } #financeTabs li span.apr { font-size:0.9em; color:#00bf06; } #financeTabs li span.ifc { font-size:0.8em; font-family:'Gill Sans W01 Light'; } p.financeText { font-size:14px; } #financeTabs li:hover,#financeTabs li.selected { color:#fff; background:#3e3e3e; } #financeTabs ul { margin-bottom:0; } .imageTd p { font-size:14px; font-style:oblique; line-height:120%; } #jsLoanAmount { display:none; } /* input[value="ACCEPT TERMS AND CONDITIONS BELOW"] {font-size: 0.75em;} */ /* Table */ .newPurchaseOptions { margin-top:1px; padding:0; width:100%; } .newPurchaseOptions strong { text-transform:uppercase; font-weight:400; } .newPurchaseOptions td { font-size:14px; line-height:45px; vertical-align:middle; padding-left:10px; background:#ececec; } .newPurchaseOptions td.odd { background:#f4f4f4; } .newPurchaseOptions td.imageTd { background:#fff!important; width:342px; padding:0 50px; text-align:center; } .noInterest { text-align:center; padding:10px; font-size:18px; } .openContainer {padding: 50px 15px;} .introText { margin-bottom:30px; } .introText h1 { font-size:1.25em; border:none; text-align:center; margin-bottom:25px; letter-spacing:.05em; } .introText p { font-style:italic; text-align:center; } span.introText { font-style:italic; font-size:1.125em; line-height:150%; } .itemDetailContain .brandLogo { width:40%; margin:30px 10px; /* text-align:left; */ margin: auto; } .itemDetailContain .brandLogo img { display:inline-block; } .itemDetailContain h1 { text-transform:inherit!important; letter-spacing:normal!important; text-align:center!important; font-size:1.5em!important; line-height: 150%; } .itemDetailContain .itemCode {text-align: center;} .itemDetailContain .strikeThrough { margin-left:0; margin-right:0; } .itemDetailContain .buyNow { border:1px solid #dcd8d7; margin:0; line-height:50px; font-size:1.25em; display:inline-block; width:calc(40%); float:left; padding:0; } .BuyNow { display:block; height:50px; } .BuyNow .price { color:#ad8e4f; border:1px solid #dcd8d7; font-style:normal; font-size:1.5em; line-height:50px; width:60%; margin:0; display:inline-block; text-align:center; float:left; } .mobileCatSelect,.subWrapper { padding:10px; border:1px solid rgba(225,225,225,1); display:block; position:relative; margin:5%; width:90%; margin-bottom:40px!important; } .mobileSelectNav div:last-child select { margin-bottom:0; } .mobileCatSelect select { font-size:14px!important; } .mobileCatSelect .clearResults { position:absolute; right:10px; top:12px; } .mobileCatSelect .clearResults svg { width:16px; height:16px; } .subWrapper { width:100%; } .subWrapper { padding:0; cursor:pointer; margin:0; margin-bottom:20px; } .MobileMenuButton { width:100px; margin:auto; position:relative; text-align:left; top:5px; } .mobileSelectNav { width:100%; margin-top:20px; display:block; } .mobileCatSelect a { color:#646464; } .mobileCatSelect.dropdown.open .caret { border-top:none; border-bottom:4px solid #646464; } .mobileCatSelect .dropdown-menu { border:none!important; box-shadow:none!important; position:relative!important; } .mobileCatSelect .dropdown-toggle { display:block; } #mobileMenu { position:absolute; z-index:9000; background:#fff; width:calc(100% - 30px); margin-left:0; margin-top:10px; padding:0; } #mobileMenu ul { margin:0; padding:0; border:1px solid #ccc; } #mobileMenu ul:before { content: "SHOP JEWELLERY"; font-size:1.75rem; padding: 5px; background: #b2a497; display: block; color: #fff; } #mobileMenu li { list-style-type:none; margin:0; padding:0; text-transform:uppercase; text-align:center; border-bottom:1px solid #ccc; } #mobileMenu li:last-child { border-bottom:none!important; } #mobileMenu li a { display:block; font-size:1.5rem; line-height:40px; color: #222; } #mobileMenu li.vTop.homeItem:before { content: "ABOUT LUNNS JEWELLERS"; font-size:1.25rem; padding: 5px; background: #c0b0a3; display: block; color: #fff; } #mobileMenu li.vTop {background: rgb(255,255,255)} #mobileMenu li.vTop a {font-size: 0.875em; color: #666;} .month li,.year li { display:none; } .month li.monthName,.month li.yearName { display:block; } #map_canvas { width:100%; min-height:150px; } /* LOCATION TABS */ .locationMap .nav-tabs { border-bottom:0; } .nav-tabs li { margin-bottom:0; overflow:hidden; } .nav-tabs > li > a:hover { border:none; background:#f0ebe4; } .nav-tabs > li > a { border:none; background:#efe8dc; border-radius:0; text-transform:uppercase; font-size:.6875em; font-family:Arial,sans-serif; font-weight:400; margin-bottom:0!important; } .nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus,.tab-pane { border:none; background:#f7f3ed; } .nav-tabs.nav-justified > li > a { border-radius:0; border:none; } .nav-tabs.nav-justified > .active > a,.nav-tabs.nav-justified > .active > a:hover,.nav-tabs.nav-justified > .active > a:focus { border:none; } .locationMap { height:100%; min-height:300px; position:relative; } .locationMap a { position:absolute; bottom:30px; left:20%; } #preview3dContainWrap, #preview3d_2ContainWrap {height: 0px; overflow: hidden;} .queensLocation,.shipLocation,.victoriaLocation { background-repeat:no-repeat; background-position:center center; background-size:cover; } body[data-itemid='1'] .tab-pane,body[data-itemid='3'] .tab-pane { font-size:.675em; font-family:Georgia,Times,serif; font-style:oblique; } .tab-pane p { margin-bottom:15px; } .tab-pane p[itemprop='streetAddress'] { font-weight:700; } .tab-pane div[itemtype="http://schema.org/PostalAddress"] { margin-bottom:20px!important; } .queensLocation { background-image:url(/styles/map-queens-arcade.jpg); } .shipLocation { background-image:url(/styles/map-shipquay-street.jpg); } .victoriaLocation { background-image:url(/styles/map-victoria-square.jpg); } .openingHours p { margin-bottom:10px; } .tab-pane { padding-top:15px; overflow:hidden; } .tab-content .row { margin-left:0; margin-right:0; } /* END LOCATION TABS */ /* NEWS TEMPLATE */ h2.headline { font-weight:400; font-size:1.325em; margin-bottom:0; font-weight:300; text-transform:none; letter-spacing:.02em; text-align:left; } .newsStory { margin-bottom:15px; padding-top:15px; } .newsStory .btn-default { background:#ad8e4f; padding:15px; color:#fff; font-size:1.125em; } .newsStory figure { display:block; margin-bottom:30px; text-align:center; } .newsStoryMain h1 { text-transform:none; border-bottom:none; text-align:left; font-size:1.65em; } .newsStoryMain p { font-style:normal!important; } .date { margin-bottom:15px; display:block; } /* OPEN CONATINER */ .openContainer #newsContainer p { font-style:normal; font-family:'Gill Sans W01 Medium'; } /* PURCHASE OPTIONS */ #purchase { margin-top:30px; } #purchase label { display:block; font-weight:400; margin-bottom:0; } #deliveryOptions label,#deliveryOptions input { display:inline; margin-right:10px; } #purchase input[type='text'] { width:100%; padding:4px; text-transform:none; } #purchase select { max-width:100%; } #purchase fieldset .row { margin-bottom:10px; position:relative; } #purchase sup { color:#c10010; } #purchase fieldset { margin-bottom:30px; border:1px solid #dcd8d7; padding:0 20px; } #purchase fieldset em { color:#000; font-size:.875em; } #purchase legend { border:none; font-size:.875em; padding:0 10px; text-align:center; width:auto; text-transform:uppercase; } #purchase textarea { padding:5px; } #purchase #comments { width:100%; } #purchase input[type='radio'][name='creditButtons']:checked + label { font-weight:700; } #purchase .depositPrice,#purchase .monthlyPrice { margin:5px 0; } #purchase .plus,.minus { float:right; } .summaryTotals { padding:0 5px; color:#000; margin-top:20px; } .summaryTotals .totalPrice { font-weight:700; padding:5px 0; border-top:1px solid #9f863d; border-bottom:1px solid #9f863d; } .summaryTotals span { float:right; } #credittype { list-style-type:none; margin:0; padding:0; } #credittype li { margin-bottom:5px; } #credittype label { display:inline-block; margin-left:10px; cursor:pointer; } .rightImg img { max-width:40%; float:right; margin-left:20px; margin-bottom:20px; } #shoppingBasketSummary { width:100%; margin:auto; margin-bottom:10px; } #shoppingBasketSummary figure { padding:10px; text-align:center; margin:auto; } #shoppingBasketSummary .item { border:1px solid #dcd8d7; margin-bottom:10px; } #shoppingBasketSummary .desc { margin:20px auto; } /* IFC/LCF OVER-RIDES */ #interestfree { height:110px; } .summaryTotals { margin-bottom:30px; padding:0; border-top:1px solid #9f863d; border-bottom:1px solid #9f863d; } .summaryTotals div { margin:5px 0; font-size:.9em; } .summaryTotals .totalPrice { padding:0; border-top:none; border-bottom:none; } .termsText { margin-top: 50px; padding: 50px 10% 20px 10%; border-top: 1px solid #efefef; text-align: left; } #detailTabs .nav-tabs li { width:50%; box-sizing:border-box; } #detailTabs .nav-tabs li a { background:#fff; font-size:.65em; line-height:30px; padding:5px 15px; border-top:1px solid #d4d4d1; border-left:1px solid #d4d4d1; border-bottom:1px solid #d4d4d1; border-right:1px solid transparent; background:#eee; transition:all .2s ease; margin-right:0; } #detailTabs .nav-tabs li:last-child a { border-right:1px solid #d4d4d1; } #detailTabs .nav-tabs li.active a:link { background:#fff; border-bottom:1px solid #fff; } #detailTabs .nav-tabs li a:hover,#detailTabs .nav-tabs li.active a:hover { background:#3e3e3e; color:#fff; border:1px solid #3e3e3e; border-right:1px solid transparent; border-bottom:1px solid transparent; } #detailTabs .tab-content { border:1px solid #d4d4d1; margin-top:-2px; font-size:.875em; } #detailTabs .tab-pane { background:#fff; padding:15px; font-style:normal; font-size:1.125em; } .navbar { min-height:20px; } .navbar-toggle { border:none; color:#000; padding:0; border-radius:0; position:relative; text-align:right; } .navbar-toggle .icon-bar { background:#897247; border-radius:0; height:3px; width:15px; } .navbar-toggle .icon-bar + .icon-bar { margin-top:2px; } /* NEWS */ .newsFrontPage .item { margin-bottom:30px; } .newsFrontPage .item > div { /*background: rgba(240,240,240,1);*/ } .chosenStory figure { float:right; max-width:40%; margin-left:15px; margin-bottom:15px; } .chosenStory .introduction { font-size:1.25em; line-height:160%; color:#ad8e4f; font-style:oblique; } .chosenStory .introduction a { color:#ad8e4f; } /*.newsFrontPage .item .imgContain {height: 220px; overflow: hidden;vertical-align: middle;}*/ .newsFrontPage .item > div { box-shadow:0 0 3px rgba(0,0,0,0.2); cursor:pointer; margin-bottom:30px; } .no-flexboxlegacy .newsFrontPage .item > div {height: 500px; overflow: hidden;} .newsFrontPage .item > div:after { position:absolute; color:#ad8e4f; bottom:31px; left:15px; line-height:60px; content:"READ MORE"; width:calc(100% - 30px); text-align:center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+43 */ background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 100%); /* FF3.6-15 */ background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0); /* IE6-9 */ } .newsFrontPage .item > div img { position:relative; margin-bottom:15px; } .newsFrontPage .item > div .intro { padding:15px; margin-top:0; } .newsFrontPage .item > div .title { background:rgba(255,255,255,1); font-size:1em; text-align:center; padding:15px!important; margin:0; } .newsFrontPage .item > div .imgContain img { width:100%; } #topMenu .selected a { color:#000!important; } /* PAGINATION */ .loadingResults { text-align:center; position:relative; height:64px; vertical-align:middle; } #orderbyForm { text-align:left; display: inline-block; } .orderByRow { text-align: center; } .totalItems { font-size: 0.875em; } .loadingResults img { position:absolute; top:-20px; left:calc(50% - 128px); left:50%; z-index:-1; } .paginateContain { display:block; text-align:center; overflow:hidden; } .pagination { border-radius:0; } .pagination li a { transition:.4s all linear; } .pagination li a,.pagination li a:hover { border:none; color:#141414; border-radius:0; } .pagination li a:hover,.pagination li.active a,.pagination li.active:hover a { background:#b49145; color:#fff; border-radius:0; } .pagination li.active:hover a { background:rgba(180,145,69,0.8); } .popupLogo { width:30%; min-width:250px; } #questionForm input,#questionForm textarea,#questionForm select { width:100%; padding:3px; } .viewAll { text-align:center; position:relative; } /* END PAGINATION */ .reserveBtn { background:rgb(183,36,42) !important; display:block; border:none; text-transform:uppercase; line-height:35px; font-size:.75em; } .reserveBtn:hover { background: rgba(174, 34, 38, 1) !important; border:none; font-size:.75em; } /* EASIBIULD LINK */ #easilogo img { opacity: 0.2; } /* SILVERINK LINK */ #silverinkWebDesign { font-size:10px; font-family:helvetica,arial; margin-left:-2px; margin-top:5px; } #silverinkWebDesign a { color:#bbb; } /* SUBMENU */ #SubMenuUl { line-height:0; text-align:justify; } .subNav { background:#efe8dc; text-transform:uppercase; border-radius:0; border:none; float:none; margin-bottom:30px; font-size:.75em; text-align:center; } .subNav.navbar-nav>li { float:none; display:block; } .subNav > li.selected > a { background:#f7f3ed; } .subNav > li > a:hover { background:none; text-decoration:underline; } .subNav.navbar-nav>li>.dropdown-menu { text-align:left; } .subNav.navbar-nav>li>.dropdown-menu a { margin-bottom:10px; font-size:.75em; } .strikeThrough { clear:both; } .strikeThrough { display:block; text-align:center; overflow:hidden; white-space:nowrap; margin:30px 15px; clear:both; } .strikeThrough > span { position:relative; display:inline-block; padding-left:2%; padding-right:2%; letter-spacing:.01em; } .strikeThrough > span:before,.strikeThrough > span:after { content:""; position:absolute; top:50%; width:9999px; height:1px; background:#efe8dc; } .strikeThrough > span:before { right:100%; } .strikeThrough > span:after { left:100%; } /* YOUTUBE VIDEO */ .videoWrapper { position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0; } .brandDescription iframe { position:absolute; top:0; left:0; width:100%; height:100%; } /* TESTIMONIAL QUOTE */ .testimonialContainer {background: #eee; padding: 40px 50px 10px 50px; margin-bottom: 50px; border: 1px solid #c2c2c2; position: relative; margin-top: 30px;} .testimonialContainer .reviewerRow {margin-left: -50px !important; margin-bottom: 30px;} .reviewerRow img {max-width: 40px;} .testimonialContainer .response {text-align: center;} .testimonialContainer .response h4 {margin-bottom: 30px; font-weight: bold;} .testimonialContainer .response .reply {font-weight: 300;} .starRatings img {width: 14px; height: 14px;} .testimonialContainer:after {content: ""; position: absolute; bottom: -30px; left: 90px; background: url("speechTriangle.gif") no-repeat; width: 32px; height: 30px ;} .testimonialContainer .name {text-align: center; font-size: 16px; color: #2a2a2a; letter-spacing: 0.05em; text-transform: uppercase;} .testimonialContainer .date {text-align: center; font-family: 'GillSansW01-LightItalic'; margin-left: 20px; margin-bottom: 0px; display: inline; } .quoteText { position: relative;font-family: 'GillSansW01-LightItalic'; font-weight:100; text-align: center; font-size: 20px; color: #2a2a2a; letter-spacing: 0.05em;} .quoteText:after {content: " "; width: 120px; height:1px; background: #c2c2c2; display: block; margin: 30px auto;} .quoteText b{font-family: 'Gill Sans W04 Roman' !important; font-size: 100px; color: #dddbd9 !important;} b.open { position: absolute; top: -50px; left: -40px;} b.closed { position: absolute; bottom: -50px; right: -40px;} .reviewLink {text-align: right; margin-top: 60px; margin-bottom: 15px;font-size: 16px;} .reviewLink img {max-height: 30px; margin-right: -20px;} /* TOP MENU */ #topMenu { /* PRE-SPECIAL-OFFER-NAV-SECTION: font-size:0.875em;*/ font-size:0.79em; margin-top:40px; width:100%; text-align:center; } /* SPACE BETWEEN TOPMENU ITEMS */ #topMenu li { display:inline-block; float:none; } #topMenu li {display: inline-block; } #topMenu ul > li > a:after {content: "·"; display: inline-block; padding: 0px 3px 0px 7px;} /* TOPBANNER NAV HIDE SEPARATOR '·' AFTER LAST MENU ITEM */ /* #topMenu li:nth-child(8) a:after {content: none; } */ /* TOPBANNER NAV HIDE SEPARATOR '·' AFTER LAST MENU ITEM - INCLUDING *SPECIAL OFFER / SALE* ITEM */ #topMenu li:nth-child(8) a:after {content: none; } /* SPECIAL OFFER / SALE COLOUR */ /* #topMenu li:nth-child(10) > a[href="/special-offers"], #topMenu li.selected > a[href="/special-offers"], #mobileMenu a[href="/special-offers"] {color: rgb(183,36,42) !important} */ #topMenu li:nth-child(9) > a[href="/sale"], #topMenu li.selected > a[href="/sale"], #mobileMenu a[href="/sale"] {color: rgb(183,36,42) !important} #topMenu ul > li > ul a:after {content: none; padding: 0px !important; display: block !important;} #topMenu a {color: #635d57; display: block; margin-left: 0px; padding: 3px;} #topMenu a:hover { background:none; } /* MEGA MENU STYLE ********************************/ .mega-menu { padding:15px!important; width:540px; border-radius:0; margin-top:0; } .mega-menu li { display:inline-block; font-size:1.125rem; padding:3px 0; height:100%; position:relative; } .mega-menu li.mega-menu-column { margin-right:15px; padding-right:15px; padding-left:0; margin-left:0; width:157px; top:0; vertical-align:top; } .mega-menu-doubleColumn { margin-right:15px; width:320px; } .mega-menu li.mega-menu-column > ul > li { display:block !important; } .mega-menu li.mega-menu-column > ul { margin-left:0; padding-left:0; } ul.mega-menu > li { border-right:1px solid #ccc; } ul.mega-menu > li:last-child { border-right:none; margin-right:0; padding-right:0; } .mega-menu .nav-header { padding:0!important; margin-bottom:10px; display:inline-block; width:100%; border-bottom:1px solid #ddd; } .mega-menu img { padding-bottom:10px; } /* Hover style ********************************/ .mega-menu a { -webkit-transition:all 200ms ease; -moz-transition:all 200ms ease; -ms-transition:all 200ms ease; -o-transition:all 200ms ease; transition:all 200ms ease; -webkit-transform:translate3d(0,0,0); /*Webkit Hardware Acceleration*/ -webkit-backface-visibility:hidden; /* Safari Flicker Fix #2 */ -webkit-transform:translateZ(0); padding: 10px; } .mega-menu a:before {padding: 0px !important;} .videoWrapper { position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0; } .videoWrapper > iframe { position:absolute; top:0; left:0; width:100%; height:100%; } /*************/ /* GRID */ /*************/ div[data-url] {cursor: pointer;} #SearchFormMobile { position: absolute; bottom: 30px; left: calc( 50% - 150px)} #SearchFormMobile { margin: 15px auto; text-align: center; } #SearchFormMobile input[type="search"] { border:0; padding:5px; color: #969696 !important; border-radius: 0px; border: 1px solid #969696; font-size: 1.125em; min-width: 200px; margin-left: 15px; font-size: 1.25em !important; } #SearchFormMobile .searchbtn {width: 18px; height: 18px; margin-left: -25px; margin-top: -5px; } #gridContainer {height: 100%; font-family: "Gill Sans W01 Light"; } .container { transition: 0.4s width linear;} .grid-row {clear: both; height: 200px; margin-bottom: 5px; color: #fff; position: relative; } .grid-row .textContain { position: absolute; bottom: 10px; line-height: 110%; display: block; width: 100%; text-transform: uppercase; font-size: 1.2rem; color: #7a7770; letter-spacing: 0.4rem;} .grid-row .textContain .strapline {color: #444; font-weight: 700; letter-spacing: 0.1rem; text-transform: uppercase;} .gi { position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; text-align: center; background-color: #f0eeee; box-sizing: padding-box; } /* Drop shadow at the bottom of each grid element */ .gi.hasgradient:before { content: " "; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ width: 100%; height: 30%; position: absolute; bottom: 0px; left: 0px; } .grid-row a { color: #fff;} /* .grid-row {margin-left: -15px; margin-right: -15px;} */ .grid-row[data-rowtype="solo"] {clear: both; } .grid-row[data-rowtype="solo"] .gi:before {background: none;} .grid-row[data-rowtype="solo"] .gi {width: 100%; height: 100%; } .grid-row[data-rowtype="solo"] .gi:after {background: none;} /* FEATURE LEFT GRID */ .grid-row[data-rowtype="featureLeft"] { clear: both; } .grid-row[data-rowtype="featureLeft"] .gi[data-elementtype="featureLeftHero"] { width: calc(65% - 2.5px); height: 100%; float: left; position: relative; } .gi[data-elementtype="featureLeftHero"] .textContain header, .gi[data-elementtype="featureRightHero"] .textContain header {font-size: 3vw;} .gi[data-elementtype="featureLeftTop"] .textContain header, .gi[data-elementtype="featureLeftBottom"] .textContain header, .gi[data-elementtype="featureRightTop"] .textContain header, .gi[data-elementtype="featureRightBottom"] .textContain header {font-size: 2.5vw; bottom: 5px;} .grid-row[data-rowtype="featureLeft"] .gi[data-elementtype="featureLeftTop"] { height: calc(50% - 2.5px); width: calc(35% - 2.5px); float: left; clear: right; margin-left: 5px; margin-bottom: 5px; } .grid-row[data-rowtype="featureLeft"] .gi[data-elementtype="featureLeftBottom"] { height: calc(50% - 2.5px); width: calc(35% - 2.5px);float: left; clear: right; margin-left: 5px; } /* FEATURE RIGHT GRID */ .grid-row[data-rowtype="featureRight"] { clear: both; } .grid-row[data-rowtype="featureRight"] .gi[data-elementtype="featureRightHero"] { width: calc(65% - 2.5px); height: 100%; float: left; position: absolute; right: 0px; top: 0px; } .grid-row[data-rowtype="featureRight"] .gi[data-elementtype="featureRightTop"] { height: calc(50% - 2.5px); width: calc(35% - 2.5px); margin-bottom: 5px; float: left; clear: left; margin-right: 5px; } .grid-row[data-rowtype="featureRight"] .gi[data-elementtype="featureRightBottom"] { height: calc(50% - 2.5px); width: calc(35% - 2.5px); position: absolute; left: 0px; bottom: 0px; margin-right: 5px; } /* DUO GRID */ .grid-row[data-rowtype="duo"] .gridItem-main { width: calc(50% - 2.5px); height: 100%; float: left; } .grid-row[data-rowtype="duo"] .gridItem-main:first-child {margin-left: 0px;margin-right: 5px;} .grid-row[data-rowtype="duo"] .textContain header {font-size: 3vw} .grid-row[data-rowtype="duo"] .textContain .strapline, .grid-row[data-rowtype="duo"] .textContain .straplineDT {font-size: 3vw} /* TRIO GRID */ /*.grid-row[data-rowtype="trio"] {margin-left: -15px; margin-right: -15px;}*/ .grid-row[data-rowtype="trio"] .gridItem-main { width: calc(33.3333% - 3.6px); height: 100%; float: left; margin-left: 5px; } .grid-row[data-rowtype="trio"] .gi {padding: 10px;} /* .grid-row[data-rowtype="trio"] .gi:before {background: none;} */ .grid-row[data-rowtype="trio"] .textContain header { font-size: 2.5vw} /* border-bottom: 1px solid #888; */ .grid-row[data-rowtype="trio"] .textContain .strapline, .grid-row[data-rowtype="trio"] .textContain .straplineDT { font-size: 2.5vw} .grid-row[data-rowtype="trio"] .gridItem-main:first-child {margin-left: 0px;} .grid-row[data-rowtype="trio"] .textContain { position: absolute; bottom: 0px; left: 0px; padding: 10px; line-height: 180%; display: block; width: 100%; text-transform: uppercase; font-size: 1.4rem; color: #7a7770; letter-spacing: 0.2rem; background-color: #f7f2ec} .grid-row[data-rowtype="trio"] .textContain .strapline {color: #444; font-weight: 700; letter-spacing: 0.1rem;} /*************/ /* END GRID */ /*************/ /* ==|== media queries ====================================================== Media Queries for Responsive Design. These override the primary ('mobile/desktop first') styles Modify as content requires. ========================================================================== */ /*===============================*/ /* 480 - LANDSCAPE MOBILE LAYOUT */ /*===============================*/ @media only screen and (min-width: 480px) { /* Style adjustments for viewports 480px and over go here */ .row-flex,.row-flex > div[class*='col-'] { flex:1 1 50%; margin:0 auto; transition:.2s all ease; } .preOwnedBrands figure{ min-height: 270px; } .grid-row .textContain { position: absolute; bottom: 15px; line-height: 180%; display: block; width: 100%; text-transform: uppercase; font-size: 1.2rem; color: #7a7770; letter-spacing: 0.4rem;} /* PRE-SPECIAL-OFFER-NAV-SECTION: font-size:0.85em;*/ .vTopDTNav { background: #b2a497; color: #fff; font-size: 0.8em; padding-top: 9px;} .vTopDTNav a {color: #fff;} .envelope {height: 15px !important; width: auto; display: inline; margin-left: 10px;} .vTopDTNav .social {text-align: center;} .vTopDTNav .social a {margin: 0px 8px; display: inline-block; max-width: 24px;} .vTopNav {text-align: right; padding: 0;} .vTopNav li {display: inline-block; text-transform: capitalize;} .vTopNav li:before {content: "·"; display: inline-block; padding: 0px 10px 0px 5px;} .vTopNav li:first-child:before {content: none;} /* Style adjustments for viewports 480px and over go here */ .card.categoryCard {min-height: 240px;} .grid-row {height: 300px;} .grid-row[data-rowtype="threeCol"] .gridItem-main { width: calc(33.3333% - 10px); } .homeBanner { margin-bottom:15px; } } @media only screen and (max-width: 768px) { /* .conciergeContent { padding-bottom:15px; } */ .help-items li:nth-child(1),.help-items li:nth-child(3) { border-right:1px solid #ccc; } .help-items li:nth-child(1) { border-bottom:1px solid #ccc; } .help-items li:nth-child(2) { border-bottom:1px solid #ccc; border-right:none!important; } .help-items li a { padding:10px; } .help-items li { width:50%; float:left; box-sizing:border-box; padding:15px; margin:0; } .nav-tabs > li { display:table-cell; } #topBanner { background:rgba(255,255,255,0.7); height:80px; } } /*=====================*/ /* 768 - TABLET LAYOUT */ /*=====================*/ @media only screen and (min-width: 768px) { /* Style adjustments for viewports 768px and over go here */ .help-items li:nth-child(1),.help-items li:nth-child(2),.help-items li:nth-child(3) { border-right:1px solid #ccc; } body[data-itemId="1"] .breadcrumb,body[data-itemId=""] .breadcrumb { display:none; } .breadcrumb { display: inline-block; } body[data-template='Gallery'] .navFilter h3,body[data-template='WatchesNew'] .navFilter h3, body[data-template='PortfolioDiamonds'] .navFilter h3 { font-size:1em; margin-bottom:0; } .carousel-indicators { margin-top:30px; } /** GRID STUFF **/ .grid-row { margin-bottom: 15px;} .grid-row .textContain { bottom: 30px; line-height: 240%; letter-spacing: 0.7rem;} .grid-row[data-rowtype="featureLeft"] .gi[data-elementtype="featureLeftHero"] { width: calc(65% - 7.5px); height: 100%; float: left; position: relative; } .grid-row[data-rowtype="featureLeft"] .gi[data-elementtype="featureLeftTop"] { height: calc(50% - 7.5px); width: calc(35% - 7.5px); float: left; clear: right; margin-left: 15px; margin-bottom: 15px; } .grid-row[data-rowtype="featureLeft"] .gi[data-elementtype="featureLeftBottom"] { height: calc(50% - 7.5px); width: 35%;float: left; clear: right; width: calc(35% - 7.5px); margin-left: 15px; } .grid-row[data-rowtype="featureRight"] .gi[data-elementtype="featureRightHero"] { width: calc(65% - 7.5px); height: 100%; float: left; position: absolute; right: 0px; top: 0px; } .grid-row[data-rowtype="featureRight"] .gi[data-elementtype="featureRightTop"] { height: calc(50% - 7.5px); width: calc(35% - 7.5px); margin-bottom: 15px; float: left; clear: left; margin-right: 15px; } .grid-row[data-rowtype="featureRight"] .gi[data-elementtype="featureRightBottom"] { height: calc(50% - 7.5px); width: calc(35% - 7.5px); position: absolute; left: 0px; bottom: 0px; margin-right: 15px; } .grid-row[data-rowtype="duo"] .gridItem-main { width: calc(50% - 7.5px); height: 100%; float: left; } .grid-row[data-rowtype="duo"] .gridItem-main:first-child {margin-right: 15px;} .gi[data-elementtype="featureLeftHero"] .textContain header, .gi[data-elementtype="featureRightHero"] .textContain header {font-size: 2.8rem;} .gi[data-elementtype="featureLeftTop"] .textContain header, .gi[data-elementtype="featureLeftBottom"] .textContain header, .gi[data-elementtype="featureRightTop"] .textContain header, .gi[data-elementtype="featureRightBottom"] .textContain header {font-size: 1.8vw; } .grid-row[data-rowtype="duo"] .textContain header {font-size: 2.2rem} .grid-row[data-rowtype="duo"] .textContain .strapline, .grid-row[data-rowtype="duo"] .textContain .straplineDT { font-size: 16px} .grid-row[data-rowtype="trio"] {margin-left: 0px; margin-right: 0px; } .grid-row[data-rowtype="trio"] .gridItem-main { width: calc(33.3333% - 10px); height: 100%; float: left; margin-left: 15px; } .grid-row[data-rowtype="trio"] .gi.hasgradient:before { content: " "; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ width: 100%; height: 60%; position: absolute; bottom: 0px; left: 0px; } .grid-row[data-rowtype="trio"] .textContain {margin-top: 30px !important;} .grid-row[data-rowtype="trio"] .textContain header {font-size: 2.8rem; } .grid-row[data-rowtype="trio"] .textContain .strapline, .grid-row[data-rowtype="trio"] .textContain .straplineDT {font-size: 18px} /* OVERRIDING CORE STYLES */ .navbar-toggle {display: block;} .grid-row {height: 400px;} .grid-row[data-rowtype="oneTwo"] .gridItem-main {width: 70%; } .grid-row[data-rowtype="oneTwo"] .twoItemContain { width: calc( 30% - 15px ); } .grid-row[data-rowtype="threeCol"] .gridItem-main { width: calc(33.3333% - 10px); } .dl-horizontal dt {overflow: visible; width: 260px; text-align: left;} dd { margin: 0 0 0 200px; padding: 0 0 0.5em 0; } /* Attributes Box (Definition List) dl { padding:10px; } .dl-horizontal dt { font-weight:700; display: inline-block; text-align: left; } .dl-horizontal dd { padding-left: 20px;text-align: left;} dt:after { content:" : "; } dt,dd { margin-bottom:5px; } */ dt { max-width: none;} /* GALLERY */ body[data-template='PreOwnedWatches'] figure { margin-bottom: 0px; } body[data-template='Gallery'] .navFilter h3,body[data-template='WatchesNew'] .navFilter h3, body[data-template='PortfolioDiamonds'] .navFilter h3 { font-size:1em; margin-bottom:0; } body[data-template='Gallery'] .navFilter a,body[data-template='WatchesNew'] .navFilter a, body[data-template='PortfolioDiamonds'] .navFilter a { font-size:.875em; margin:0; padding:0; font-weight:100; background:none!important; color:#777; } body[data-template='Gallery'] .navFilter a:hover,body[data-template='WatchesNew'] .navFilter a:hover, body[data-template='PortfolioDiamonds'] .navFilter a:hover { text-decoration:underline; } body[data-template='Gallery'] .navFilter li, body[data-template='WatchesNew'] .navFilter li, body[data-template='PortfolioDiamonds'] .navFilter li { list-style-type:none; margin:5px 0; text-align:left; } .quoteText { font-size: 24px; } .testimonialContainer { padding: 50px 90px 0px 90px;} .testimonialContainer .reviewerRow {margin-left: -60px !important; margin-bottom: 30px;} .reviewerRow img {max-width: 50px;} .testimonialContainer .response {text-align: center;} .testimonialContainer .response h4 {margin-bottom: 30px; font-weight: bold;} .testimonialContainer .response .reply {font-weight: 300;} .starRatings img {width: 14px; height: 14px;} .testimonialContainer:after {content: ""; position: absolute; bottom: -30px; left: 90px; background: url("speechTriangle.gif") no-repeat; width: 32px; height: 30px ;} .testimonialContainer .name {text-align: center; font-size: 16px; color: #2a2a2a; letter-spacing: 0.05em; text-transform: uppercase;} .testimonialContainer .date {text-align: center; font-family: 'GillSansW01-LightItalic'; margin-left: 20px; } b.open { position: absolute; top: -50px; left: -60px;} b.closed { position: absolute; bottom: -50px; right: -60px;} .reviewLink img {max-height: 30px; margin-right: -60px;} .watchBrandRow {margin: 0px;} .watchBrandRow .col-sm-4 {padding: 0px 2px;} .galleryContainer .col-sm-4 .item img, .galleryContainer .col-sm-3 .item img { height: 120px !important; width: auto; } .chosenStory figure, .newsFrontPage .item > div img, #fpImageDiv, #homeEditable .row.marginBottom img { margin-bottom:30px !important; } #fpImageDiv {margin-bottom: 15px !important} .itemDetailContain .brandLogo { width:25%; margin: 15px auto; } .navbar-header { float:none; } .navbar-toggle { display:block; } .navbar-collapse { border-top:1px solid transparent; box-shadow:inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-collapse.collapse { display:none!important; } .navbar-nav { float:none!important; margin:7.5px -15px; } .gTopNav { padding-left: 0px; } .navbar-nav>li { float:none; } .navbar-nav>li>a { padding-top:10px; padding-bottom:10px; } .navbar-text { float:none; margin:15px 0; } .navbar-collapse.collapse.in { display:block!important; } .collapsing { overflow:hidden!important; } .container { width:95%; } .productListItemTitle {margin-bottom: 0px;min-height: 55px;} .shoppingBagDT { background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2210%22%20viewBox%3D%220%200%2015%2010%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M12.06%206.23c-.311%200-.56-.25-.56-.561s.249-.56.56-.56c.319%200%20.569.25.569.56s-.25.561-.569.561zm-1.121%202.259c-.309%200-.568-.249-.568-.56%200-.32.26-.57.568-.57.312%200%20.562.25.562.57-.001.311-.251.56-.562.56zm-1.128-2.259c-.311%200-.561-.251-.561-.561s.251-.56.562-.56c.31%200%20.56.25.56.56s-.251.561-.561.561zm-1.131%202.259c-.31%200-.56-.249-.56-.56%200-.32.25-.57.56-.57.31%200%20.57.25.57.57%200%20.311-.26.56-.57.56zm-1.13-2.259c-.31%200-.56-.25-.56-.561s.25-.56.56-.56c.32%200%20.57.25.57.56s-.25.561-.57.561zm-1.12%202.259c-.31%200-.57-.249-.57-.56%200-.32.26-.57.57-.57s.56.25.56.57c0%20.311-.25.56-.56.56zm-1.13-2.259c-.31%200-.56-.25-.56-.561s.25-.56.56-.56c.31%200%20.56.25.56.56s-.25.561-.56.561zm-1.13%202.259c-.31%200-.56-.249-.56-.56%200-.32.25-.57.56-.57s.57.25.57.57c0%20.311-.26.56-.57.56zm-1.13-2.259c-.31%200-.56-.25-.56-.561s.25-.56.56-.56c.32%200%20.57.25.57.56s-.25.561-.57.561zm2.55-5.26c0-.12.1-.23.23-.23h3.44c.119%200%20.22.11.22.23v2.929h-3.89v-2.929zm4.69%202.929v-2.98c0-.509-.41-.919-.92-.919h-3.63c-.51%200-.92.41-.92.919v2.98h-4.81l3.12%206.101h9.1l2.78-6.101h-4.72z%22%2F%3E%3C%2Fsvg%3E); background-repeat:no-repeat; background-position:0px 0px; margin-left: 15px; font-family:arial,sans-serif; text-tranform:uppercase; font-size:1.1rem; height:24px; } .shoppingBagDT a {padding-left:20px;} .basketItem .titleRow { font-size:1.5em; } .subNav.navbar-nav>li { float:none; display:inline-block; } .subNav > li.selected > a { background:#f7f3ed; } .subNav > li > a:hover { background:none; text-decoration:underline; } .subNav.navbar-nav>li>.dropdown-menu a { margin-bottom:10px; font-size:.75em; } .videoWrapper { position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0; } .videoWrapper > iframe { position:absolute; top:0; left:0; width:100%; height:100%; } .social a {margin-top: -5px;} .social .fb {} .searchBarMobile { margin: 25px 0px 45px 0px; } #topMenu { margin-top:30px; } .preOwnedBrands figure{ min-height: 260px; } #productSearch input[type="submit"] { background-position:55% 40%; } } /*=======================*/ /* 1024 - DESKTOP LAYOUT */ /*=======================*/ @media only screen and (min-width: 992px) { /** GRID **/ .grid-row {margin-left: 0px; margin-right: 0px; height: 450px;} .gi[data-elementtype="featureLeftHero"] .textContain header, .gi[data-elementtype="featureRightHero"] .textContain header {font-size: 2.8rem;} .gi[data-elementtype="featureLeftTop"] .textContain header, .gi[data-elementtype="featureLeftBottom"] .textContain header, .gi[data-elementtype="featureRightTop"] .textContain header, .gi[data-elementtype="featureRightBottom"] .textContain header {font-size: 1.8rem; } .grid-row[data-rowtype="duo"] .textContain .strapline, .grid-row[data-rowtype="duo"] .textContain .straplineDT {text-transform: none; font-size: 1.8rem} .grid-row[data-rowtype="trio"] {margin-left: 0px; margin-right: 0px;} .grid-row[data-rowtype="trio"] .textContain {margin-top: 30px !important; } .grid-row[data-rowtype="trio"] .textContain header {font-size: 2.4rem; } .grid-row[data-rowtype="trio"] .textContain .strapline, .grid-row[data-rowtype="trio"] .textContain .straplineDT {font-size: 18px; } /** END GRID **/ /* Style adjustments for viewports 1024px and over go here */ .homeContainer {max-width: 100%; margin: auto; padding-left: 0; padding-right: 0;} .tMenuRow, .itemDetailContain,.chosenStory {max-width: 970px; margin: auto} .chosenStory {float: none;} .leftLogo img, .rightLogo img { /* margin-top: 15px; */ height: auto !important; } .logoRow { margin-top:47px; } #logo img { max-width:240px; margin-left: 0px; } .leftLogo img { /*margin-left: 40px !important; */ /*margin-top: 33px;*/ max-width: 120px; } #productSearch { position: absolute; right: -12px;} .preOwnedBrands figure{ min-height: 260px; } .rightLogo img { margin-right: 40px !important; /*max-width: 65px; margin-top: 35px;*/ } .flexbox.flexboxlegacy .row-flex > div[class*='col-']:last-child { max-width:50%; flex:1 1 33%; } .flexbox.flexboxlegacy .row-flex,.row-flex > div[class*='col-'] { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex:1 1 33%; transition:.2s all ease; } #detailTabs .nav-tabs li { width:auto; box-sizing:border-box; } #detailTabs .nav-tabs li a { font-size:.875em; line-height:50px; } .openContainer,.introContainer { /* SET WIDTHS FOR OPEN TEMPLATES */ max-width:970px; margin:auto; } /* GALLERY */ body[data-template='PreOwnedWatches'] figure { margin-bottom: 0px; min-height:260px; max-height: 300px; } body[data-template='Gallery'] .navFilter h3,body[data-template='WatchesNew'] .navFilter h3, body[data-template='PortfolioDiamonds'] .navFilter h3 { font-size:1em; margin-bottom:0; } body[data-template='Gallery'] .navFilter a,body[data-template='WatchesNew'] .navFilter a, body[data-template='PortfolioDiamonds'] .navFilter a { font-size:.875em; margin:0; padding:0; font-weight:100; background:none!important; color:#777; } body[data-template='Gallery'] .navFilter a:hover,body[data-template='WatchesNew'] .navFilter a:hover, body[data-template='PortfolioDiamonds'] .navFilter a:hover { text-decoration:underline; } body[data-template='Gallery'] .navFilter li, body[data-template='WatchesNew'] .navFilter li, body[data-template='PortfolioDiamonds'] .navFilter li { list-style-type:none; margin:5px 0; text-align:left; } .galleryContainer .col-sm-4 .item img, .galleryContainer .col-sm-3 .item img { height: 161px !important; width: auto; } .brandDescription .prod-brand-img { float:left; width:45%; min-height:350px; margin-right:15px; } .reserveBtn,.reserveBtn:hover { font-size:1em; } #topBanner { height:215px; } .tMenuRow {transition: 0s all ease} .fixed-header { position: fixed; background: rgba(255,255,255,1); top:-30px; /* left:calc(100% - 480); */ left: calc(50vw - 492px); width: 100vw } .fixed-header:before {content: " "; position: fixed; top: 0px; left: 0px; display: block; width: 100vw; background: #fff; height: 42px;} #socialShareLinks {position: fixed; right: 0px; bottom: 10%; z-index: 1000; vertical-align: bottom; display: block; } #socialShareLinks a {width: 40px; height: 40px; display: block; float: right; clear: right; text-align: center; line-height: 30px; box-sizing: padding-box; padding: 10px;transition: 0.1s ease-in-out} #socialShareLinks a:hover {width: 50px;} #socialShareLinks a svg {max-width: 100%; max-height: 100%;} #socialShareLinks .fb {background: #3B5999} #socialShareLinks .twitter {background: #55ACEE} #socialShareLinks .linkedIn {background: #0077B5} #socialShareLinks .whatsApp {background: #25D366} #socialShareLinks .email {background: #F57D00} } /* WIDE DESKTOP LAYOUT */ @media only screen and (min-width: 1200px) { /* Style adjustments for viewports 1200px and over go here */ .container { width:100%; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1356px) { /* Style adjustments for viewports 1430px and over go here */ .container { width:100%; } .fixed-header {width: 100vw; } .openContainer p, .mainArticleWrap p {font-size: 1.8rem; line-height: 160%;} .openContainer .col-lg-10.col-lg-offset-1, .contactContainer .col-lg-10.col-lg-offset-1 {max-width: 70%; margin-left: 15%;} .flexbox.flexboxlegacy .row-flex > div[class*='col-']:last-child { max-width:25%; flex:1 1 25%; } .flexbox.flexboxlegacy .row-flex,.row-flex > div[class*='col-'] { flex:1 1 25%; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1430px) { /* Style adjustments for viewports 1430px and over go here */ .container { width:100%; } .fixed-header { position: fixed; background: rgba(255,255,255,1); top:-30px; width: 100vw; } .openContainer p, .mainArticleWrap p {font-size: 1.8rem; line-height: 160%;} } /* CUSTOM SECTIONS */ .boutiqueItems .customRow { text-align:center; border-top:3px solid #652d8e; padding:10px; } .boutiqueItems .customRow img { max-width:50%; } /* BRAND INFO TOP OF GALLERY TEMPLATE */ .topBrandInfo { text-align:center; margin-top:30px; } .topBrandInfo .brandLogo img { max-height:80px; margin-bottom:30px; } .topBrandInfo .videoWrapper,.topBrandInfo h3 { display:none; } body[data-itemid='16'] .topBrandInfo .videoWrapper { display: block; padding-top: 30%; } .videoWrapper.tudor {width: 100%; height: 500px; padding: 0% !important; display: block;} .videoWrapper.tudor iframe {max-width: 800px; } .topBrandInfo .brandDescription { margin:30px auto; color:#777; font-style:italic; text-align:left; } /* bootstrap-touch-carousel v0.8.0, (c) 2014 (ixisio) Andreas Klein */ .touch-carousel { position:relative; overflow:hidden; width:100%; -webkit-transform:translate3d(0,0,0) scale3d(1,1,1); -webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .touch-carousel .carousel-control { display:none!important; } .touch-carousel .carousel-indicators { bottom:10px; } .touch-carousel .carousel-inner { overflow:hidden; -webkit-transform:translate3d(0%,0,0) scale3d(1,1,1); -moz-transform:translate3d(0%,0,0) scale3d(1,1,1); -ms-transform:translate3d(0%,0,0) scale3d(1,1,1); transform:translate3d(0%,0,0) scale3d(1,1,1); -webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .touch-carousel .carousel-inner>.item { position:relative; float:left; display:block; -webkit-transition:none; -moz-transition:none; transition:none; -webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; } .touch-carousel .carousel-inner>.item * { -webkit-transition:none; -moz-transition:none; transition:none; } .touch-carousel .carousel-inner.animate { -webkit-transition:all .3s linear; -moz-transition:all .3s linear; transition:all .3s linear; } .vintage {position: relative;} .vintage:before {content: " "; background-image: url("vintage.png"); background-repeat: no-repeat; background-size: contain; background-position: right top; position: absolute; top: 0px; right: 0px; width: 40%; height: 40%;} @media screen and (max-width:767px) { .carousel-caption { display:none; } } .rlx-retailer-contact__form-checkbox-label span{text-decoration:underline;}