/* Running Squiz Matrix Developed by Squiz - http://www.squiz.net Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd Page generated: 26 August 2023 04:33:31 */ @media screen and (min-width: 768px) { /* mobile / desktop layouts */ .forMobile { display: none !important; } .forDesktop { display: block !important; } /* global styles */ body { background: #fff; } /* helpers */ .constraint { margin: 0 auto; max-width: 1000px; width: 1000px; position: relative; overflow: hidden; } .halfColumn { width: 49%; } .oneThird { width: 33%; float: left; } .twoColumn { width: 475px; } .fullWidthDesktop { width: 100%; padding: 20px 0% 30px 0 !important; background: none !important; } /* spacing */ .marginRight { margin-right: 25px !important; } .mobileBottomMargin { margin-bottom: 0; } .mobileRightMargin { margin-right: 0; } /* positioning */ .mobileFloatLeft { float: none; } .floatLeft { float: left; } .floatRight { float: right; } .dockToBottom { right: 0; } /* */ #pageContainer { width: 100%; min-width: 1000px; position: relative; overflow: hidden; } .contentWrapper { min-height: 540px; } /* content area width overide */ #contentContainer { background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0034/99088/content-bg.png?v=0.0.1') 100% 101% no-repeat; margin-bottom: -1px; } #contentContainer.homepage { padding: 60px 0 100px 0; } #contentContainer.internal { padding: 30px 0 209px 0; } #contentContainer.internal .constraint { min-height: 570px; } #contentContainer .constraint { width: 960px !important; margin: 0 auto !important; } /* HEADER */ #headerContainer { padding: 0; /* width: 100%; */ } #headerContainer .constraint { min-height: 105px; max-height: 105px; height: 105px; width: 960px; overflow:visible;} .siteLogoLink { position: relative; top: 20px; left: 10px; } /*70 anniversary .siteLogo { width: 175px; height: 65px; } */ /*standard logo width*/ .siteLogo { width: 160px; height: 65px; } .headerLinks { position: absolute; top: 55px; right: 326px; } .headerLinks li { } .headerLinks li a { padding: 0px 10px; border-left: 1px solid #999a9d; } .headerLinks li:first-child a { border-left: 0; } .headerLinks li a:hover { } #siteSearch { width: 295px; position: absolute; top: 50px; right: 10px; } #siteSearch label { } #siteSearch input[type=text] { width: 261px; } #siteSearch input[type=submit] { } /* top nav */ #topnav { background: #fff; margin-top: -1px;} #topnav .constraint { width: 960px !important; } .siteMenu { } .siteMenu li { display: inline-block; float: left; width: 150px; margin: 0 0 1px 0; background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0025/99061/topNav-border.png?v=0.0.3') 0 0 repeat-y; } .siteMenu li:first-child { width: 60px; background: transparent; } .siteMenu li a { text-align: center; padding: 10px 0 30px 0; font-size: 1.3em; text-decoration: none; border-bottom: 0; -webkit-transition: border-bottom 0.3s; -moz-transition: border-bottom 0.3s; -o-transition: border-bottom 0.3s; transition: border-bottom 0.3s; } .siteMenu li:first-child a { position: relative; text-indent: -99999px; overflow: hidden; height: 43px; background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0026/99062/icon-home-off.png?v=0.0.2') 50% 50% no-repeat; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } .siteMenu li:first-child a:hover { border-bottom: 0; padding: 10px 0 30px 0; background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0027/99063/icon-home.png?v=0.0.3') 50% 50% no-repeat; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } .siteMenu li a:hover { border-bottom: 8px solid #8d395b; padding: 10px 0 22px 0; -webkit-transition: border-bottom 0.3s; -moz-transition: border-bottom 0.3s; -o-transition: border-bottom 0.3s; transition: border-bottom 0.3s; } .siteMenu li a { display: block; color: #75767a; } .siteMenu li a span { display: block; font-size: 0.7em; margin: 10px 0 0 0; color: #8d395b; } .ie8 .siteMenu li a span { font-size: 0.6em; } .siteMenu li a.active { border-bottom: 8px solid #8d395b; padding: 10px 0 22px 0; background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0028/99064/topNav-active-state.png?v=0.0.2') 50% 101% no-repeat; } .siteMenu li:first-child a.active { border: 0; padding: 10px 0 30px 0; background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0027/99063/icon-home.png?v=0.0.3') 50% 50% no-repeat; } /* side nav */ /* general styling */ .sideMenu { padding: 0; position: relative; overflow: hidden; float: left; width: 180px; list-style-type: none; } .sideMenu li { margin: 0; } .sideMenu > li { background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0029/99065/sideNav-border.png?v=0.0.3') 0 0 repeat-x; } .sideMenu > li:first-child { background: transparent; } .sideMenu li a { display: block; text-decoration: none; padding: 12px 10px; color: #333333; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .sideMenu li a:hover { text-decoration: none; color: #8d395b; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } /* general children styling */ .sideMenu ul { list-style-type: none; margin: 0; padding: 0; } /* specific child styling */ /* 2nd level */ .sideMenu > li > a { -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } /* 3rd level */ .sideMenu > li > ul > li > a { padding: 15px 20px 12px 26px; background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0030/99066/arrow-small-red-right.png?v=0.0.3') 12px 17px no-repeat; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } /* 4th level */ .sideMenu > li > ul > li > ul > li > a { padding: 15px 20px 12px 44px; background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0030/99066/arrow-small-red-right.png?v=0.0.3') 28px 16px no-repeat; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } /* specific child active styling */ /* 2nd level */ .sideMenu > li > a.active { background: #8d395b; color: #fff; } /* 3rd level */ .sideMenu > li > ul > li > a.active { color: #fff; background: #8d395b url('https://www.peakdistrict.gov.uk/__data/assets/image/0031/99067/arrow-small-white-right.png?v=0.0.2') 12px 17px no-repeat; } /* DH changed from 24px to 12px */ /* 4th level */ .sideMenu > li > ul > li > ul > li > a.active { color: #fff; background: #8d395b url('https://www.peakdistrict.gov.uk/__data/assets/image/0031/99067/arrow-small-white-right.png?v=0.0.2') 36px 16px no-repeat; } /* specific child :hover styling */ /* 2nd level */ .sideMenu > li > a:hover { color: #fff; background: #8d395b; } /* 2nd level */ .sideMenu > li > a.active:hover { color: #fff; background: #8d395b; } /* 3rd level */ .sideMenu > li > ul > li > a:hover { color: #fff; background: #8d395b url('https://www.peakdistrict.gov.uk/__data/assets/image/0031/99067/arrow-small-white-right.png?v=0.0.2') 12px 17px no-repeat; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } /* 3rd level */ .sideMenu > li > ul > li > a.active:hover { } /* 4th level */ .sideMenu > li > ul > li > ul > li > a:hover { color: #fff; background: #8d395b url('https://www.peakdistrict.gov.uk/__data/assets/image/0031/99067/arrow-small-white-right.png?v=0.0.2') 28px 16px no-repeat; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } /* 4th level */ .sideMenu > li > ul > li > ul > li > a.active:hover { } /* parent list border */ .sideMenu { background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0029/99065/sideNav-border.png?v=0.0.3') 0 100% repeat-x; } /* child list border */ .sideMenu ul.child { } /* child list item border */ .sideMenu ul.child > li { background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0029/99065/sideNav-border.png?v=0.0.3') 0 0 repeat-x; } /* FOOTER */ #footerBackground { margin-top: -1px; border-top: 1px solid #8d395b; } #footerContainer { /* background: transparent; */ padding: 30px 0 70px; /* margin-top: -1px; */ } #footerContainer.constraint { width: 960px; } #footerContainer .address { padding: 0 0 0 8%; width: 26%; } #footerContainer .address h2 { width: auto; float: none; } #footerContainer .address .footerSocialLinks { position: absolute; top: 0px; right: 0px; } /* HOMEPAGE content area */ /* carousel spotlight */ .carousel { float: left; margin: 0 1% 0 0; margin: 0; } .spotLightCarousel { width: 464px; height: 268px; margin: 2px; } .carouselSlide { width: 464px; height: 268px; } .carouselSlide .slideImgContainer { width: 464px; height: 268px; } .carouselSlide .slideTextContainer { width: 417px; } .carouselSlide .slideTextContainer p { font-size: 1.4em; } /* large spotlight */ .largeSpotlight .imgContainer { width: 229px; } .largeSpotlight .textContainer { padding: 20px 0 0 20px; width: 187px; } /* smallSpotlight */ #contentContainer.homepage .smallSpotlight .greyContainer { min-height: 151px; } .smallSpotlight { float: left; margin: 0 1% 0 0; } .smallSpotlight .imgContainer { width: 120px; } .smallSpotlight .textContainer { width: 279px; padding: 0 0 20px 20px; } /* twitter spotlight */ .twitter { float: right; margin: 0; } .twitter .greyContainer { min-height: 151px; } .tweet .imgContainer { width: 23px; } .tweet .textContainer { width: 381px; padding: 0 0 0 15px; } /* HOMEPAGE banner styles */ #homepageBanner { background: transparent; position: relative; /* height: 715px */} #homepageBanner .constraint { padding: 0; } .backgroundBanner { z-index: -100; min-width: 1000px; min-height: 664px; } .homepageIntro { margin: 85px 0 56px 12px; width: 383px; padding: 20px 35px; } .homepageIntro h1 { font-size: 2.6em; } .homepageIntro > span { font-size: 2.6em; } /* HOMEPAGE retail carousel */ .retailCarouselContainer { padding: 20px 12px; width: 952px; } .retailCarousel .retailSlides { margin: 5px 8px; width: 220px; height: 270px; } /* internal page styles */ .contentHeader .imgContainer { height: 233px; max-height: 233px; } .contentHeader .imgContainer img { min-height: 233px; } .bannerContainer { top: -216px; } .photoContainer img { width: 100%; height: auto; min-height: 786px; min-width: 1183px; } .photoStripe { top: 732px; } .rightside { margin: 0 10px 0 40px; float: left; width: 710px; } .pageContent { float: left; background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0025/99061/topNav-border.png?v=0.0.3') 100% 0 repeat-y; padding: 20px 15px 30px 0; margin: 0; } .contentHeader h1 { margin: 0 0 20px; } .additionalInfo { width: 205px; float: left; padding: 20px 0 0 15px; } /* visiting landing */ #cyclingSpotlight { float: left; } #cyclingSpotlight .imgContainer { float: left; } #cyclingSpotlight .textContainer { float: left; } #eventsSpotlight { float: left; } #eventsSpotlight .whiteContainer { max-height: 270px; height: 270px; min-height: 270px; } #eventsSpotlight .textContainer h3 { margin: 8px 0 10px 0; } #eventsSpotlight .textContainer p { margin: 0 0 10px 0; } /* Get active landing */ .getActiveTextIntroContainer { width: 46%; top: 109px; left: 25px; } .getActiveTextIntroContainer .largeText { font-size: 2em; line-height: 1.3em; margin: 0 0 15px 0; } .getActiveTextIntroContainer .smallText { font-size: 1.3em; line-height: 1em; } .ctaLink { } .ctaLink .imgContainer { width: 98px; height: 125px; left: 10px; } .ctaLink .imgContainer img { } .ctaLink .textContainer { margin: 36px 0 0 65px; } .ctaLink .textContainer span { float: left; width: 176px; height: 36px; } .ctaLink .textContainer span.text { padding: 15px 15px 15px 53px; } .ctaLink .textContainer span.arrow { width: 30px; height: 68px; float: left; background: #575757; background: -moz-linear-gradient(top, #575757 0%, #3d3d3d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#3d3d3d)); background: -webkit-linear-gradient(top, #575757 0%,#3d3d3d 100%); background: -o-linear-gradient(top, #575757 0%,#3d3d3d 100%); background: -ms-linear-gradient(top, #575757 0%,#3d3d3d 100%); background: linear-gradient(to bottom, #575757 0%,#3d3d3d 100%); -webkit-transition: background 1s ease-out; -moz-transition: background 1s ease-out; -o-transition: background 1s ease-out; transition: background 1s ease-out; background-size: 1px 140px; } .ctaLink .textContainer span.arrow span.arrowBg { width: 30px; height: 68px; background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0032/99068/arrow-large-white-right.png?v=0.0.2') 50% 50% no-repeat; } .ctaLink:hover .textContainer .arrow { background-position: 70px; } /* Standard landing */ .standardLanding .oneThirdSpotlight .textContainer { padding: 0 0 27px 9.18%; } /* SPOTLIGHTS */ .twoThirdSpotlight { width: 465px; } .twoThirdSpotlight .imgContainer { width: 229px; } .twoThirdSpotlight .textContainer { padding: 20px 0 0 20px; width: 187px; } .oneThirdSpotlight { width: 220px; } .oneThirdSpotlight .imgContainer { width: 99.5%; } .oneThirdSpotlight .textContainer { width: 82%; padding: 0 0 10px 9.18%; } .fourGridSpotlights > a { display: block; float: left; margin: 0; width: auto; } .gridSpotlight { width: 176px; float: left; border-right: 1px solid #fff; } .gridSpotlight .imgContainer { width: 100%; } .gridSpotlight .textContainer .spotlightTitle { display: block; background: #414141 url('https://www.peakdistrict.gov.uk/__data/assets/image/0032/99068/arrow-large-white-right.png?v=0.0.2') 94% 50% no-repeat; padding: 10px; color: #fff; } .halfSpotlight { width: 338px; } .quarterSpotlight { width: 154px; } .ctaSpotlight { width: 342px; } .oneThirdWidth { width: 220px; } /* gallery slider */ #sliderGalleryContainer h2 { padding: 0 0 0 20px; } #sliderGalleryContainer h2.do { background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0033/99069/icon-do.png?v=0.0.2') 0 50% no-repeat; margin: 0 0 15px 0; } /* for new cycle slider 28/10/15 DH */ #sliderGalleryContainer h2.cycle {background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0025/99070/icon-cycle25.png?v=0.0.2') 0 50% no-repeat; margin: 0 0 15px 0; padding: 0 0 0 30px;} #imgSliderContainer { position: relative; overflow: hidden; background: #f2f2f0; padding: 20px; } /* jQuery UI slider overides */ .scroll-pane { overflow: auto; width: 99%; float:left; padding: 0 0 9px 0; } .scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0; border: 1px solid #e1d3d7; background: #ececec; height: 7px; border-radius: 2px; } .scroll-bar-wrap .ui-slider { border:0; height: 2em; margin: 0 auto; } .scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; } .scroll-bar-wrap .ui-slider-handle { margin: 0; top:-0.5em; height: 1.5em; border: 1px solid #fff; background: #8d395b; background: -moz-linear-gradient(top, #8d395b 0%, #7f3452 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8d395b), color-stop(100%,#7f3452)); background: -webkit-linear-gradient(top, #8d395b 0%,#7f3452 100%); background: -o-linear-gradient(top, #8d395b 0%,#7f3452 100%); background: -ms-linear-gradient(top, #8d395b 0%,#7f3452 100%); background: linear-gradient(to bottom, #8d395b 0%,#7f3452 100%); } .scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 41%; display: block; width: 5px; height: 7px; background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0027/99126/ui-slider-grip.png?v=0.0.1') 50% 50% no-repeat; padding: 6px; } .scroll-bar-wrap .ui-slider-handle:focus { outline: none; } .scroll-content { width: 1680px; float: left; margin: 0 0 20px 0; } .scroll-content-item { width: 196px; height: 140px; float: left; margin: 6px; border: 1px solid #f0f0f0; box-shadow: black 0px 0px 5px -1px; } .ie8 .scroll-content-item { border: 1px solid #d6d6d6; } .scroll-content-item { } .scroll-content-item > a { display: block; margin: 0; text-decoration: none; } .scroll-content-item > a:hover { text-decoration: none; } .scroll-content-item .galleryOption { } .scroll-content-item .galleryOption .imgContainer { width: 100%; } .scroll-content-item .galleryOption .textContainer { background: #fff; height: 16px; padding: 9px; } .scroll-content-item .galleryOption .spotlightTitle { display: inline-block; background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0031/99076/arrow-large-red-right.png?v=0.0.1') 94% 50% no-repeat; padding: 10px; color: #231f20; padding: 0 19px 0 0; } .galleryEdgeFade { position: absolute; top: 15px; width: 22px; height: 162px; } .galleryEdgeFade.left { left: 14px; background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0026/99071/gallery-slider-cover-left.png?v=0.0.2') 0 0 no-repeat; } .galleryEdgeFade.right { right: 18px; background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0028/99091/gallery-slider-cover-right.png?v=0.0.1') 0 0 no-repeat; } /* listing templates */ /* calendar filter */ .listingTemplate { } .listingTemplate #eventsFilter { } .listingTemplate #eventsFilter .formTitle { float: left; margin: 20px 0 0 0; } .listingTemplate #eventsFilter .filterContainer { position: relative; overflow: hidden; width: 153px; float: left; margin: 0 0 0 25px; } .listingTemplate #eventsFilter .filterContainer label { margin: 0 0 5px 5px; } .listingTemplate #eventsFilter .filterContainer select { } .listingTemplate #eventsFilter #searchEvents { clear: none; margin: 18px 0 0; } /* listing with images */ .listingTemplate #listing { } .listingTemplate #listing li { } .listingTemplate #listing li .imgContainer { width: 220px; float: left; margin: 0 20px 0 0; } .listingTemplate #listing li .imgContainer img { } .listingTemplate #listing li .textContainer { } .listingTemplate #listing li .textContainer h3 { } .listingTemplate #listing li .textContainer span { } .listingTemplate #listing li .textContainer p { } .listingTemplate #listing li .textContainer a.blueArrowLink { margin: 0 0 20px 0 !important; } /* pagination */ .pageNumbers { position: absolute; margin: 0 !important; top: 0; right: 0; } /* post template meta */ .postMetaContainer { position: absolute; top: 0; right: 0; width: 300px; height: 193px; max-height: 193px; min-height: 193px; } .ie8 .postMetaContainer p { margin: 5px 10px 5px 0; } /* booking form */ #postBookingForm { } #postBookingForm input[type=email], #postBookingForm input[type=text] { width: 97%; padding: 1%; } .postMetaContainer a.dockToBottom { position: absolute; bottom: 0px; right: 10px; margin: 0 0 10px 0 !important; } #pageContainer .blueSubmit { margin: 0; } /* SHOP */ /* CTA link */ .shopCTA { width: 205px; float: left; padding: 20px 0 0 15px; } /* Shop template - Landing */ .shopLanding { } .shopLanding .row { margin: 0 0 25px 0; } .shopLanding .halfSpotlight { clear: none; } .shopLanding .halfSpotlight .imgContainer { width: 153px; } .shopLanding .halfSpotlight .textContainer { } .shopLanding .halfSpotlight .textContainer h3 { } .shopLanding .halfSpotlight .textContainer p { } .shopLanding .halfSpotlight .textContainer a { } .shopLanding .largeSpotlight { } .shopLanding .largeSpotlight .imgContainer { width: 296px; } .shopLanding .largeSpotlight .textContainer { width: 373px; } .shopLanding .largeSpotlight .textContainer h3 { } .shopLanding .largeSpotlight .textContainer p { } /* shop menu */ #shopMenu { position: absolute; right: 0px; top: 5px; margin: 0; background:none; padding:0px; width:32%; float:right; } #shopMenu .shopInfo { } #shopMenu .shopInfo span { } #shopMenu .shopCheckoutBtn { } /* listing */ #contentContainer #shopListingItems { } #contentContainer #shopListingItems h2 { } #contentContainer #shopListingItems .imgContainer { width: 100px; max-width: 100px; text-align: center; } #contentContainer #shopListingItems .imgContainer img { width: auto; height: auto; max-width: 100%; } #contentContainer #shopListingItems .textContainer { float: left; width: 425px; } #contentContainer #shopListingItems .textContainer h3 { margin: 0 0 10px 0; } #contentContainer #shopListingItems .textContainer .blueArrowLink { } #contentContainer #shopListingItems .purchaseContainer { float: right; width: 142px; } #contentContainer #shopListingItems .purchaseContainer p { } #contentContainer #shopListingItems .purchaseContainer p span { margin: 0 0 0 10px; } #contentContainer #shopListingItems .purchaseContainer label { margin: 0 11px 0 0; } #contentContainer #shopListingItems .purchaseContainer input[type=text] { } #contentContainer #shopListingItems .purchaseContainer input[type=submit] { margin: 25px 0 0 0; } /* checkout / basket summary */ #shopBasket .shopCheckoutTemplate { padding: 0 !important; } #shopBasket #onlineShopCheckout, #shopBasketWidget #basketSummary { width:100%; text-align:left; border-collapse:collapse; margin: 0; } #shopBasket #onlineShopCheckout th, #shopBasketWidget #basketSummary th { padding:15px 10px 10px; font-family: Arial, sans-serif; font-weight: normal; } #shopBasket #onlineShopCheckout td, #shopBasketWidget #basketSummary td { padding:10px; } #shopBasket #onlineShopCheckout a, #shopBasketWidget #basketSummary a { font-family: Arial, sans-serif; text-decoration: none; } #shopBasket #onlineShopCheckout a:hover, #shopBasketWidget #basketSummary a:hover { text-decoration: underline; } #shopBasket #onlineShopCheckout tbody, #shopBasketWidget #basketSummary tbody { border:1px solid #dadada; } #shopBasket #onlineShopCheckout tbody td, #shopBasketWidget #basketSummary tbody td { border-top:1px dotted #747579; border-right: 1px solid #dadada; } .ie8 #shopBasket #onlineShopCheckout tbody td, .ie8 #shopBasketWidget #basketSummary tbody td { border: 1px solid #dadada; } #shopBasket #onlineShopCheckout tbody .imgContainer { width: 100px; max-width: 100px; float: left; } #shopBasket #onlineShopCheckout tbody .imgContainer img, #shopBasketWidget #basketSummary tbody .imgContainer img { width: auto; height: auto; max-width: 100%; min-height: 0; } #shopBasket #onlineShopCheckout tbody .textContainer, #shopBasketWidget #basketSummary tbody .textContainer { } #shopBasket #onlineShopCheckout tbody .textContainer h2 { color: #322e2f; font-size: 1.2em; margin: 10px 0 0 0; } #shopBasket #onlineShopCheckout tbody .textContainer .removeFromBasket, #shopBasketWidget #basketSummary tbody .textContainer .removeFromBasket { display: inline-block; background: url('https://www.peakdistrict.gov.uk/__data/assets/image/0021/99111/icon-remove.png?v=0.0.1') 100% 3px no-repeat; padding: 0 10px 0 0; } #shopBasket #onlineShopCheckout tbody td.singleItemPrice, #shopBasketWidget #basketSummary tbody td.singleItemPrice { text-align: center; } #shopBasket #onlineShopCheckout tbody .price { display: block; margin: 10px 0 30px 0; font-size: 1.2em; } #shopBasket #onlineShopCheckout tbody .price .priceValue, #shopBasketWidget #basketSummary tbody .price .priceValue { color: #8d395b; display: inline-block; } #shopBasket #onlineShopCheckout tbody .purchaseContainer, #shopBasketWidget #basketSummary tbody .purchaseContainer { text-align: right; margin: 10px 0 0 0; } #shopBasket #onlineShopCheckout tbody .purchaseContainer label, #shopBasketWidget #basketSummary tbody .purchaseContainer label { font-size: 1.2em; } #shopBasket #onlineShopCheckout tbody .purchaseContainer input[type=text], #shopBasketWidget #basketSummary tbody .purchaseContainer input[type=text] { width: 45px; text-align: right; } #shopBasket #onlineShopCheckout tfoot, #shopBasketWidget #basketSummary tfoot { background: #f2f2f0; border:1px solid #dadada; } #shopBasket #onlineShopCheckout tfoot td, #shopBasketWidget #basketSummary tfoot td { border-top:1px solid #dadada; text-align: right; } #shopBasket #onlineShopCheckout tfoot #submitOrder, #shopBasketWidget #basketSummary tfoot #submitOrder { color: #fff; } #shopBasket #onlineShopCheckout tfoot label, #shopBasketWidget #basketSummary tfoot label { font-size: 1.2em; margin: 0 10px 0 0; } #shopBasket #onlineShopCheckout tfoot td > span, #shopBasketWidget #basketSummary tfoot td > span { font-size: 1.2em; } #shopBasket #onlineShopCheckout tfoot span, #shopBasketWidget #basketSummary tfoot span { margin: 0 20px 0 0; } #shopBasket #onlineShopCheckout tfoot span.basketTotal, #shopBasketWidget #basketSummary tfoot span.basketTotal { margin: 0; color: #8d395b; } #shopBasket #onlineShopCheckout tfoot span.basketTotal .basketTotalCost, #shopBasketWidget #basketSummary tfoot span.basketTotal .basketTotalCost { color: #322e2f; display: inline-block; background: #fff; border: 1px solid black; padding: 5px 15px; margin: 0 0 0 10px; font-size: 1.2em; } #shopBasket h2 { margin: 35px 0 15px 0; } /* success */ .noLeftMenuLayout .rightside { float: right; } /* basket */ #basketSummary { } /* new skipnav - show only on desktop */ .skipnav {display: block !important; float: right; margin-top: 1em; margin-right: 1.2em;} .skipnav a { font-family: 'Open Sans', sans-serif; font-weight: 60; color: #265D82;} } /* @media screen and (min-width: 768px) and (max-width: 1270px) { .backgroundBanner { top: 143px; top: 158px;} } */