body { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#53565a; } img { max-width:100%; } @font-face { font-family: "WaitroseBoldOld"; src: url('../fonts/waitrose-bold.eot'); src: url('../fonts/waitrose-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/waitrose-bold.svg#Waitrose') format('svg'), url('../fonts/waitrose-bold.woff') format('woff'), url('../fonts/waitrose-bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "WaitroseRegularOld"; src: url('../fonts/waitrose-regular.eot'); src: url('../fonts/waitrose-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/waitrose-regular.svg#Waitrose') format('svg'), url('../fonts/waitrose-regular.woff') format('woff'), url('../fonts/waitrose-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "WaitroseBold"; src: url('../fonts/otf/GillSansNovaforJLSemiBold.otf'); src: url('../fonts/woff/GillSansNovaforJLSemiBold.woff') format('woff'), url('../fonts/ttf/GillSansNovaforJLSemiBold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "WaitroseRegular"; src: url('../fonts/otf/GillSansNovaforJLMedium.otf'); src: url('../fonts/woff/GillSansNovaforJLMedium.woff') format('woff'), url('../fonts/ttf/GillSansNovaforJLMedium.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "JLMedium"; src: url('../fonts/otf/GillSansNovaforJLMedium.otf') format("opentype"); src: url('../fonts/woff/GillSansNovaforJLMedium.woff') format('woff'), url('../fonts/woff/GillSansNovaforJLMedium.woff2') format('woff2'), url('../fonts/ttf/GillSansNovaforJLMedium.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "JLLight"; src: url('../fonts/otf/GillSansNovaforJLLight.otf'); src: url('../fonts/woff/GillSansNovaforJLLight.woff') format('woff'), url('../fonts/ttf/GillSansNovaforJLLight.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "JLUltraLight"; src: url('../fonts/otf/GillSansNovaforJLUltraLight.otf'); src: url('../fonts/woff/GillSansNovaforJLUltraLight.woff') format('woff'), url('../fonts/ttf/GillSansNovaforJLUltraLight.ttf') format('truetype'); font-weight: normal; font-style: normal; } h1, h2, h3, h4, h5, h6 { font-family: "JLMedium"; font-size:26px; line-height:26px; font-weight:normal; padding:0 0 15px 0; margin:0; color:#53565a; } .wrapper{padding-top:232px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} a { color:#628aa2; } a:hover { color:#5c8208; } a.gren { color:#5c8208; } a.gren:hover { color:#b80026; } .container { width:100%; max-width:1160px; padding:0; } nav .container {max-width:1400px;} .waitrose-partners-logo {margin:20px auto; background: url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/waitrose-and-partners.png") no-repeat center; background-image: url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/waitrose-and-partners-logo.svg"); background-size:contain; background-repeat:no-repeat; background-position:center center; width:200px; height:44px; display:block;} .waitrose-partners-logo-footer {margin:0 auto 20px auto; background: url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/crocus-waitrose-partners.png") no-repeat center; background-image: url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/crocus-waitrose-partners.svg"); background-size:contain; background-repeat:no-repeat; background-position:center center; width:521px; height:205px; display:block;} .navbar { font-family: "WaitroseRegular"; } .navbar b, .navbar strong { font-family: "JLMedium",Arial, Helvetica, sans-serif; } .navbar ul li.list-nav {font-family: "JLLight",Arial, Helvetica, sans-serif;} .jlmediumfont {font-family: "JLMedium",Arial, Helvetica, sans-serif; font-size: 32px;font-weight: 400;font-style: normal;letter-spacing: 4px;color: #5c8018;} .header-top {width:100%; font-family: "JLLight"; padding:10px 0; border-bottom:2px solid #eeeeee;} .navbar-inverse .header-top .navbar-nav > li { padding:0 10px; font-size:13px; line-height:18px; position:relative; letter-spacing:1px;} .navbar-inverse .header-top .navbar-nav > li:before { position:absolute; right:0; top:0; bottom:0; margin:auto 0; content:''; background:#eeeeee; width:1px; height:14px; } .header-top .navbar-nav > li:last-child:before, .header-top .navbar-nav > li.tit:before, .header-top .pull-right li.help:before, .header-top .pull-right li.phone:before {display:none;} .header-top .navbar-nav > li:last-child { padding-right:0; border:none; } .header-top .navbar-nav > li.tit { font-family: "JLMedium"; padding-right:12px; border:none; text-transform:uppercase;} .header-top .navbar-nav > li > a { color:#53565a; padding:0; line-height:18px; text-transform:uppercase; display:inline; font-size:13px;} .header-top .navbar-nav > li > a:hover, .header-top .navbar-nav > li:hover > a, .header-top .navbar-nav > li.active > a { color:#527518; background:none; } .header-top .navbar-nav > li > a:hover {text-decoration:underline;} .header-top .navbar-nav > li.account > a:hover {text-decoration:none;} .header-top .navbar-nav > li:hover > ul.dropdown-menu { display:block; border:none;} .header-top .pull-right li {background-position:10px center;background-repeat:no-repeat;background-size:20px;} .header-top .pull-right li.phone {background-image:url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/hdr-phone.svg");padding-left:30px;} .header-top .pull-right li.help {background-image:url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/hdr-info.svg");padding-left:30px;} .header-top .pull-right li.delivery {background-image:url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/hdr-calender.svg");padding-left:30px;} .header-top .pull-right li.account {background-image:url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/hdr-account.svg");padding-left:30px;} .navbar-header {padding:15px 0 0;} .header-right{float:right; padding:5px 0 0; width:67%; box-sizing:border-box;} .hdr-search { float:left; width:50%; } .hdr-search .top-phone { font-size:15px;} .hdr-search .top-phone a { font-size:15px; color:#53565a; text-decoration:underline; font-weight:normal; } .hdr-search .top-phone a:hover { color:#527518; text-decoration:none; } .search-form { position:relative; width:100%; } .search-form .form-group { margin-bottom:0; } .search-form .form-group input.form-control { border:1px solid #b5b6b8; background:#fff; border-radius:0; box-shadow:none; height:40px; line-height:40px; color:#53565a; font-size:16px; font-family:JLLight,Arial; padding:0 55px 0 10px; margin-top:-1px;} .search-form .form-group-btn { position:absolute; right:4px; top:3px; } .search-form .form-group-btn input { width:40px; font-size:0; padding:0; border:none; height:40px; background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/search.svg) center 8px no-repeat; } #search-form-results {height:1px;} #scrollUp{background-image:url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/icon-scrollup.png");background-position:0 center;background-repeat:no-repeat;bottom:20px;height:30px;text-indent:-9999px;width:30px;right:20px;} #scrollUp-active{display:none;} #mini-cart {width:50%;float:left;} .cart-mian {width:63%; padding:0; z-index:22; float:right; box-sizing: border-box;} .cart-mian .top-cart {min-width:130px; height:40px; text-align:left; float:left; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:28px; border:1px solid #5c8018;} .cart-mian .check-btn a {height:40px; line-height:26px;} .cart-icon-active .cart-mian {background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/hdr-trolley-active.svg) 26px 0 no-repeat; padding: 0 10px; background-size:45px} .cart-icon-inactive .cart-mian {background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/hdr-trolley-inactive.svg) 26px 0 no-repeat; padding: 0 10px; background-size:45px} .cart-mian .on-mobile, .cart-mian .off-mobile {position:relative; width:100%;} .cart-mian b {display:block; font-family:JLMedium, Arial, Helvetica, sans-serif; font-size:18px; padding:6px 0 10px 58px; color:#53565a;} .cart-mian p {color:#53565a;} .cart-mian span {position:absolute; left:24px; top:0px; display:inline; font-size:12px; color:#466a09; width:28px; text-align:center;} .cart-mian #item-count.hidden {display:none;} .cart-mian #item-count.show {display:inline;} .cart-mian #cart-icon-inactive span {display:none;} .cart-mian .check-btn { float:right; min-width:120px; box-sizing: border-box;} .cart-mian .check-btn a {padding:5px 30px; float:right;} .nav-bottom {max-width:1400px; width:100%; margin:0 auto; position:relative; z-index:12; text-align:center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .nav-bottom .header-secondnav{padding:0;} .nav-bottom ul.navbar-nav { position:relative; margin:0 auto; width:100%; max-width:1200px; display:block;} .nav-bottom ul.navbar-nav > li{padding:0 0 0 1px; float:left; position:initial; } .nav-bottom ul.navbar-nav > li:first-child{background:none; padding-left:0; } .nav-bottom ul.navbar-nav > li:last-child { padding-right:0; } .nav-bottom ul.navbar-nav > li > a, .nav-bottom ul.navbar-nav > li .list-nav-title {padding:0 24px; margin:0; line-height:42px; letter-spacing:2px; font-size:17px; color:#53565a; font-family: "WaitroseRegular"; border:none; text-transform: uppercase; -webkit-transition:unset; -moz-transition:unset; -o-transition:unset; transition:unset;} .nav-bottom ul.navbar-nav > li.offers { padding-left:0; } .nav-bottom ul.navbar-nav > li.offers > a { color:#b80026; padding:0 18px; } .nav-bottom ul.navbar-nav > li.offers > a:hover, .nav-bottom ul.navbar-nav > li.offers:hover > a {border-bottom:3px solid #b80026;color:#b80026;} .nav-bottom ul.navbar-nav > li > a:hover, .nav-bottom ul.navbar-nav > li:hover > a, .nav-bottom ul.navbar-nav > li.active > a{border-bottom:3px solid #5c8018; background-color: #fff; position:relative; z-index:9999; color:#53565a; margin-bottom:-3px; padding-bottom:0; padding-top:0; box-sizing:border-box;} .nav-bottom ul.navbar-nav > li.list-nav > ul{box-shadow:none; /*top:42px;*/ min-width:200px; background:#fff; padding:12px; margin:0; border-radius:0px; border-top:2px solid #e0e0e0;} .nav-bottom ul.navbar-nav > li.list-nav:hover > ul{display:block;} .nav-bottom ul.navbar-nav > li.list-nav ul.mega-dropdown-menu ul { padding:0; margin:0; } .nav-bottom ul.navbar-nav > li.list-nav ul.mega-dropdown-menu ul li b { padding:5px 12px 5px 12px; display:block; } .nav-bottom ul.navbar-nav > li.list-nav ul.mega-dropdown-menu ul li a b { padding:0; } .nav-bottom ul.navbar-nav > li.list-nav ul.mega-dropdown-menu ul.last { border:none; } .nav-bottom ul.navbar-nav > li.list-nav ul.mega-dropdown-menu .pots-offer img { width:100%; } .dropdown-menu {border:none;} .nav-bottom ul.navbar-nav > li.list-nav ul > li > ul.dropdown-menu{display:none; position:absolute; left:auto !important; top:-1px !important;} .nav-bottom ul.navbar-nav > li.list-nav ul.dropdown-menu.mega-dropdown-menu { left:0 !important; min-width:100%; min-width:600px;width:100%; } .nav-bottom ul.navbar-nav > li.list-nav ul > li:hover > ul.dropdown-menu{display:block;} .nav-bottom ul.navbar-nav > li.list-nav ul > li .fa.dropdown-toggle{display:none;} .nav-bottom ul.navbar-nav > li.list-nav ul > li{position:relative; list-style:none; font-size:16px; } .nav-bottom ul.navbar-nav > li.list-nav ul > li a{background:none; display:block; padding:5px 12px 5px 12px; line-height:normal; color:#3c3c3c; position:relative;} .nav-bottom ul.navbar-nav > li.list-nav ul > li a:hover, .nav-bottom ul.navbar-nav > li.list-nav ul > li:hover > a{background:#527518; color:#fff;} .nav-bottom ul.navbar-nav > li.list-nav ul > li a .fa{position:absolute; right:10px; top:7px;} .nav-bottom ul.navbar-nav > li.header-search ul{left:auto; right:0; margin:0; padding:15px; min-width:280px;} .nav-bottom ul.navbar-nav > li.header-search ul form{padding:0; margin:0; width:100%; position:relative; overflow:hidden;} .nav-bottom ul.navbar-nav > li.header-search ul li{border:none;} .nav-bottom ul.navbar-nav > li.header-search:hover ul{display:none;} .nav-bottom ul.navbar-nav > li.header-search.open ul{display:block;} .nav-bottom ul.navbar-nav > li.header-search ul .form-group, .nav-bottom ul.navbar-nav > li.header-search ul input{width:100%;} .nav-bottom ul.navbar-nav > li.header-search ul input{padding-right:50px;} .nav-bottom ul.navbar-nav > li.header-search ul .btn{background:#3b5998; position:absolute; right:0; top:0; color:#fff; padding:10px 12px; border-radius:0 4px 4px 0;} .nav-bottom ul.navbar-nav > li.header-search ul .btn:hover{background:#000;} .navbar-nav .list-nav a.no-dropdown-toggle {display:block;} .navbar-nav .list-nav a.dropdown-toggle {display:none;} .nav-bottom ul.navbar-nav > li.list-nav-icon span.fa {width:25px;} .nav-bottom ul.navbar-nav > li.list-nav-icon span.menu-icon {width:28px;height:28px; display:inline-block; margin:-7px 0;} .nav-bottom ul.navbar-nav > li.list-nav-icon span.menu-icon-account {background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/hdr-account.svg) 0px 0px no-repeat;background-size:28px;} .nav-bottom ul.navbar-nav > li.list-nav-icon span.menu-icon-wishlist {background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/hdr-favourite.svg) 0px 0px no-repeat;background-size:28px;} .nav-bottom ul.navbar-nav > li.list-nav-icon span.menu-icon-delivery {background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/hdr-calender.svg) 0px 0px no-repeat;background-size:28px;} .nav-bottom ul.navbar-nav > li.list-nav-icon span.menu-icon-help {background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/hdr-info.svg) 0px 0px no-repeat;background-size:28px;} .nav-bottom ul.navbar-nav > li.list-nav-icon span.menu-icon-contact {background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/hdr-phone.svg) 0px 0px no-repeat;background-size:28px;} /* Header Sticky */ .banner-main { position:relative; } .banner-main .slide-img { position:absolute; left:0; top:0; width:100%; height:100%; } .banner-main .slide-img img { width:100%; height:100%; object-fit:cover; object-position:center center; } .banner-main .carousel-caption { height:365px; position:relative; padding:0; text-align:left; font-size:24px; color:#fff; line-height:normal; font-family: "WaitroseRegular"; font-weight:normal;} .banner-main .rslides-editorial .carousel-caption {height:270px;} .slide1-box{max-width:440px; float:left; padding:0 0 0 60px;} .slide2-box{max-width:740px; float:initial; padding:0 0 0 200px;} .banner-main .carousel-caption .container {position:relative;} .banner-main .carousel-caption h1, .banner-main .carousel-caption h2{color:#fff; font-size:46px; line-height:43px; padding:0 0 20px;} .banner-main .carousel-caption p{padding:0 0 30px; margin:0;color:#fff;} .banner-main .carousel-caption h2.dark, .banner-main .carousel-caption p.dark{color:#53565a;} .banner-main .carousel-caption .btn{text-transform:none; font-size:19px; font-weight:normal; font-family: "WaitroseRegular"; padding:9px 60px 11px;} .banner-main .carousel-caption .btn-offer{text-transform:none; font-size:19px; font-weight:normal; font-family: "WaitroseRegular"; padding:9px 60px 11px;} .banner-main .rslides-single .carousel-caption .slide1-box {padding-left:0;} .banner-main .rslides-single .carousel-caption .slide2-box {padding-left:0;} .banner-main .carousel-caption-long p {font-size:20px;} .banner-main .rslides_nav { position:absolute; left:0; top:0; bottom:0; margin:auto 0; width:40px; height:40px; font-size:0; line-height:40px; background:#527518 url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-white-left.png) center center no-repeat; z-index:99; } .banner-main .rslides_nav.next { right:0; left:auto; background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-white-right.png); } .banner-main .rslides_nav {display:none;} .banner-main .rslides_nav:hover { background-color:#b80026; } .banner-main .rslides_tabs { padding:0; margin:0; position:absolute; bottom:20px; left:0; width:100%; text-align:center; z-index:99; } .banner-main .rslides_tabs li { padding:0 5px; margin:0; display:inline-block; } .banner-main .rslides_tabs li a { display:block; background:#fff; border:2px solid #527518; width:15px; height:15px; font-size:0; border-radius:50%; } .banner-main .rslides_tabs li.rslides_here a, .banner-main .rslides_tabs li a:hover { background:#b80026; border-color:#fff; } /*---/Home Page CSS---*/ .top-delevery-method { background:#53565b; width:100%; padding:10px 0;} .top-delevery-method ul { padding:0; margin:0; } .top-delevery-method ul li { display:inline-block; color:#fff; padding:0 14px; margin:0; font-size:16px; font-family: "WaitroseRegular"; } .top-delevery-method ul li a, .top-delevery-method ul li a:hover {color:#fff;} .top-delevery-method ul li.font20 { font-size:20px; padding:5px 2px; } .top-delevery-method ul li b { font-family: "WaitroseBold"; } .top-delevery-method ul li span { padding-left:42px; background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/delivery-van.svg) left center no-repeat; background-size:34px;} .top-delevery-method ul li.next-day span { padding-left:30px; background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/delivery-calendar.svg); background-size:22px;} .top-delevery-method ul li.gift-wrap span { padding-left:30px; background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/gift-wrap-available.svg); background-size: 22px 19px;} .top-delevery-method ul li.sale span { padding-left:30px; background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/sale.svg); background-size: 19px;} .top-delevery-method ul li.mail span { padding-left:30px; background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/mailing-sign-up.svg); background-size: 19px;} .top-delevery-method ul li.over-plants span { background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/plant-icon.png); } .top-delevery-method.foot-delevery { display:none; visibility:hidden; padding:25px 20px; } .top-delevery-method.foot-delevery ul li { width:100%; padding:0 0 15px 0; } .top-delevery-method.foot-delevery ul li:last-child { padding-bottom:0; } .top-delevery-method.foot-delevery ul li img { display:block; margin:0 auto; width:28px;} .top-delevery-method.foot-delevery ul li.free-delivery img {width:40px;} .bot-phone { color:#5e6165; font-size:18px; padding:25px 0; display:none; visibility:hidden; } .bot-phone a { color:#5e6165; font-weight:bold; } .bot-phone a:hover { color:#678b19; } /*---/Header Slider---*/ .section-slider .slide-img { width:100%; } /* Shop top offers */ .section-white.home-shop-offers { padding:20px 0 12px 0; } .home-shop-offers .section-title { padding-bottom:10px; } .home-shop-offers .row { margin:0 -6px; } .home-shop-offers .col-lg-4 { padding-left:6px; padding-right:6px; } .shop-offers-box { float:left; width:100%; position:relative; font-family: "WaitroseRegular"; margin-bottom:8px; } .shop-offers-box img { float:left; width:100%; } .shop-offers-box .offer-discount, .banner-main .carousel-caption .offer-discount { position:absolute; background:#b80026; width:82px; height:82px; border-radius:50%; top:14px; right:14px; font-family: "WaitroseBold"; font-size:26px; line-height:22px; color:#fff; text-align:center; display:table; z-index:1; } .shop-offers-box .offer-discount span, .banner-main .carousel-caption .offer-discount span { display:table-cell; vertical-align:middle; } .banner-main .carousel-caption .offer-discount {width:162px; height:162px; font-size:50px; line-height:40px; top:0; right:0;} .banner-main .carousel-caption .offer-discount small {font-size:24px; line-height:28px;} .shop-offers-box .offers-dtl { position:absolute; left:0; bottom:0; background:rgba(192,0,43,0.8); padding:15px; width:100%; } .shop-offers-box .offers-dtl h5 { font-size:22px; line-height:22px; color:#fff; padding:0; } .shop-offers-box .offers-dtl .btn-text { font-size:18px; } .shop-offers-box .plants-box-dtl { position:absolute; left:0; bottom:0; background:rgba(192,0,43,0.8); width:100%; padding:15px 20px; text-align:left;} .shop-offers-box .plants-box-dtl .btn-text { font-family: "WaitroseBold"; display:block; font-size:22px; } .shop-offers-box .offers-dtl .btn-white{background:#fff; color:#b80026; padding:8px 20px 7px; border:none; margin-top:8px;} .shop-offers-box .offers-dtl .btn-white:hover{background: rgb(121,152,61); /* Old browsers */ background: -moz-linear-gradient(top, rgb(121,152,61) 0%, rgb(90,129,6) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgb(121,152,61) 0%,rgb(90,129,6) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgb(121,152,61) 0%,rgb(90,129,6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79983d', endColorstr='#5a8106',GradientType=0 ); /* IE6-9 */ color:#fff;} .shop-offers-box .offers-dtl .btn-white span{background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/red-arrow.png) right center no-repeat; padding-right:12px;} .shop-offers-box .offers-dtl .btn-white:hover span{background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-white.png) right center no-repeat;} .section-white .shop-offers-box-top, .section-white .plants-box-top {margin-bottom:0;} .section-white .shop-offers-box .plants-box-dtl-below, .section-white .plants-box .plants-box-dtl-below {position:relative;} /* Inspire me */ .section-white.home-inspire-me { padding:0 0 30px 0; } .home-inspire-me .section-title { padding-bottom:10px; } .home-inspire-me .row { margin:0 -6px; } .home-inspire-me .col-lg-6 { padding-left:6px; padding-right:6px; } .inspire-box img { width:100%; } .inspire-box .inspire-dtl { padding-top:15px; } .inspire-box .inspire-dtl h5 { font-family: "WaitroseRegular",Arial, Helvetica, sans-serif; } /* Shop our best sellers */ .section-white.home-best-sellers { padding:0 0 12px 0; } .home-best-sellers .section-title { padding-bottom:10px; } .home-best-sellers .item { padding:0 3px; } .best-sellers-box { float:left; width:100%; padding:8px; background:#fff; } .best-sellers-box .img-box { width:100%; position:relative; height:250px; overflow:hidden;} .best-sellers-box .img-box img { width:100%; } .best-sellers-box .img-box .wishlist { position:absolute; top:15px; right:10px; font-size:20px; } .best-sellers-box .img-box .wishlist a { color:#fff; } .best-sellers-box .img-box .wishlist a:hover, .best-sellers-box .img-box .wishlist a.active { color:#b80026; } .best-sellers-box .img-box .wishlist a.active:hover { color:#fff; } .best-sellers-box .best-sellers-dtl { width:100%; padding:10px 0; font-size:16px; line-height:20px; height:165px; } .best-sellers-box .size-price-panel {height:65px;} .best-sellers-box h3 { font-size:20px; line-height:22px; color:#53565a; font-family:JLLight, Arial, Helvetica, sans-serif; font-weight:bold; padding:0; height:45px;overflow:hidden;} .best-sellers-box h3 a { color:#53565a; } .best-sellers-box h3 a:hover { color:#6a8c1c; } .best-sellers-box .item-weight,.best-sellers-box .item-availability { padding:0; margin:0; font-family:JLMedium, Arial, Helvetica, sans-serif;} .best-sellers-box .item-availability {font-size:14px;height:20px;overflow:hidden;} .best-sellers-box .sell-price {margin-bottom:0;} .best-sellers-box .sell-price .promotion { color:#a90015; font-family:JLMedium, Arial, Helvetica, sans-serif;} .best-sellers-box .sell-price .was-price { text-decoration:line-through; font-family:JLMedium, Arial, Helvetica, sans-serif;} .best-sellers-box .price { font-size:18px; font-weight:bold; margin-bottom:20px; font-family:JLMedium, Arial, Helvetica, sans-serif;} .best-sellers-box .price-reduced {margin-bottom:0px; color:#a90015;} .best-sellers-box .buy-panel { width:100%; } .best-sellers-box .buy-panel .number-input { float:left; width:30%; padding-right:5px; } .best-sellers-box .buy-panel .number-input input { width:100%; height:45px; background:#fff; border:1px solid #607f27; text-align:center; font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#494949; padding:0 10px 0 8px; } .best-sellers-box .buy-panel .button-add { float:right; width:70%; } .best-sellers-box .buy-panel .button-add .btn { font-size:20px; width:100%; height:45px; line-height:45px; padding:0; border-radius:0; } .best-sellers-box .buy-panel .button-add .btn-disabled {background:#b2aea8;} .section-white .owl-carousel .owl-nav.disabled { display:block; } .section-white .owl-carousel .owl-nav { position:absolute; width:92px; bottom:-53px; right:10px; } .section-white .owl-carousel .owl-nav .owl-prev, .section-white .owl-carousel .owl-nav .owl-next { border:1px solid #527518; background:#fff url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-green-left.png) center center no-repeat; width:40px; height:40px; font-size:0; float:left; } .section-white .owl-carousel .owl-nav .owl-next { background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-green-right.png); float:right; } .section-white .owl-carousel .owl-nav .owl-prev.disabled, .section-white .owl-carousel .owl-nav .owl-next.disabled { border-color:#e5e5e5; background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-grey-left.png); } .section-white .owl-carousel .owl-nav .owl-next.disabled { background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-grey-right.png); } .section-white .owl-carousel .owl-nav .owl-prev:hover, .section-white .owl-carousel .owl-nav .owl-next:hover { border-color:#527518; background-color:#527518; background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-white-left.png); } .section-white .owl-carousel .owl-nav .owl-next:hover { background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-white-right.png); } .home-best-sellers .showing-page { background:#fff; border-left:3px solid #ffffff; border-right:3px solid #ffffff; margin-top:6px; font-family: "WaitroseRegular"; color:#5c8018; font-size:20px; line-height:24px; padding:15px 115px 15px 15px; min-height:54px;} /* NEW Waitrose Garden Magazine */ .section-white.home-garden-magazine-banner { padding:0 0 30px 0; } .home-garden-magazine-banner .garden-magazine-inn { float:left; width:100%; position:relative; } .home-garden-magazine-banner .banner-img { position:absolute; left:0; top:0; width:100%; height:100%; } .home-garden-magazine-banner .offer-discount, .banner-main .offer-discount { position:absolute; background:#b80026; width:82px; height:82px; border-radius:50%; top:14px; right:14px; font-family: "WaitroseBold"; font-size:26px; line-height:22px; color:#fff; text-align:center; display:table; z-index:1; } .home-garden-magazine-banner .offer-discount span, .banner-main .offer-discount span { display:table-cell; vertical-align:middle; } .home-garden-magazine-banner .garden-magazine-inn img { width:100%; height:100%; object-fit:cover; object-position:right center; } .home-garden-magazine-banner .garden-magazine-dtl { width:100%; max-width:750px; padding:20px 25px; color:#fff; font-size:18px; line-height:23px; font-family: "WaitroseRegular"; position:relative; z-index:1; } .home-garden-magazine-banner .garden-magazine-dtl h3 { font-size:28px; color:#fff; padding:0 0 10px 0; } .home-garden-magazine-banner .garden-magazine-dtl p { margin-bottom:25px; } .home-garden-magazine-banner .garden-magazine-dtl .btn {padding:12px 20px; } /*---/Section CSS---*/ .section-white{background:#fff; float:left; width:100%; padding:75px 0; margin:0; overflow:hidden;} .section-gray{background:#ffffff;} .home-bg1{background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/bg/home-bg1.jpg) center center no-repeat;} .bg1{background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/bg/bg1.jpg) center center no-repeat;} .bg2{background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/bg/bg2.jpg) center center no-repeat;} .bg3{background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/bg/bg3.jpg) center center no-repeat;} .bg4{background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/bg/bg4.jpg) center center no-repeat;} .bg5{background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/bg/bg5.jpg) center center no-repeat;} .bg6{background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/bg/bg6.jpg) center center no-repeat;} .bg7{background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/bg/bg7.jpg) center center no-repeat;} .parallax{background-size: cover; background-attachment: fixed; color:#fff;} .parallax .section-title h1, .parallax .section-title h2, .parallax .section-title h3, .parallax .section-title h4, .parallax .section-title h5, .parallax .section-title h6{color:#fff;} .parallax .section-title span{color:#fff;} .parallax .section-title hr{border-color:rgba(255,255,255,0.3);} /* Section Title */ .section-title{width:100%; float:left; padding-bottom:20px;} .section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6{font-size:26px; line-height:26px; color:#53565a; font-family: "WaitroseRegular",Arial, Helvetica, sans-serif; font-weight:normal; padding:0; margin:0;} .section-title h1, .section-title h2 {font-size:28px; line-height:36px;} .page-tit {width:100%; float:left; } .page-tit h1, .page-tit h2, .page-tit h3, .page-tit h4, .page-tit h5, .page-tit h6{font-size:26px; line-height:26px; color:#53565a; font-family: "WaitroseBold",Arial, Helvetica, sans-serif; font-weight:normal; padding:10px 0 5px 0; margin:0;} .section-title-corp{width:100%; float:left; padding-bottom:20px;} .section-title-corp h1, .section-title-corp h2, .section-title-corp h3, .section-title-corp h4, .section-title-corp h5, .section-title-corp h6{font-size:28px; line-height:26px; color:#5e8ca8; font-family: "WaitroseRegular",Arial, Helvetica, sans-serif; font-weight:normal; padding:0; margin:0;} .page-title-corp {width:100%; float:left; } .page-title-corp h1, .page-title-corp h2, .page-title-corp h3, .page-title-corp h4, .page-title-corp h5, .page-title-corp h6{font-size:32px; line-height:26px; color:#5e8ca8; font-family: "WaitroseBold",Arial, Helvetica, sans-serif; font-weight:normal; padding:10px 0 5px 0; margin:0;} /* Info panel for order restrictions */ #main-container .info-panel {background-color:#53565b;padding:10px 0;} #main-container .info-panel .container, #main-container .info-panel .container a {color:#fff; font-size:18px; text-align:center;font-family: JLLight;} #main-container .info-panel .container a {text-decoration:underline;} #main-container .info-panel .container span {padding-left:42px; background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/delivery-van.svg) left center no-repeat; background-size:34px;} .payment-section .checkout-button .button-disabled, .wheel-barrow-top .button-disabled, .payment-section .checkout-button .button-disabled:hover, .wheel-barrow-top .button-disabled:hover {background:#c7c7c7;border-color:#c7c7c7;color:#eeeeee;cursor:not-allowed;} .orders-paused-banner .carousel-caption { min-height: 535px; position: relative; padding: 0; text-align: left; font-size: 20px; color: #fff; line-height: normal; font-family: JLLight; font-weight: normal; max-width:1400px; } .orders-paused-banner .slide2-box a {text-decoration:underline;color: #fff;} .orders-paused-banner .slide2-box h1 {text-align:left;padding-bottom:20px;font-family: JLMedium;} .orders-paused-banner .slide2-box {padding:50px 20px 50px 20px;margin:0 auto} .orders-paused-banner .slide2-box p {margin-left:0;} .orders-paused-banner a.btn-find-out-more {border: 1px solid #fff; padding:10px 30px; text-decoration:none;} /* Custom Button */ .btn, #my-account #address_edit .btn_look-up-address {background: rgb(121,152,61); /* Old browsers */ background: -moz-linear-gradient(top, rgb(121,152,61) 0%, rgb(90,129,6) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgb(121,152,61) 0%,rgb(90,129,6) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgb(121,152,61) 0%,rgb(90,129,6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79983d', endColorstr='#5a8106',GradientType=0 ); /* IE6-9 */ color:#fff; border:1px solid #6a8c1c; padding:11px 16px 9px; margin:0; font-family: JLLight,Arial, Helvetica, sans-serif; font-weight:normal; font-size:17px; line-height:normal; border-radius:0; box-shadow:none;} .btn:hover, .btn:focus, #my-account #address_edit .btn_look-up-address:hover, #my-account #address_edit .btn_look-up-address:focus {background:#333; border-color:#333; color:#fff;} .btn.btn-grey, .custom-calender .input-picker .ws-button-row > button, #my-account #address_edit .btn_look-up-address { background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(237,242,231) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(237,242,231) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(237,242,231) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf2e7',GradientType=0 ); /* IE6-9 */ border-color:#527517; color:#527517; } .btn.btn-grey:hover, .btn.btn-grey:focus, .custom-calender .input-picker .ws-button-row > button:hover, .custom-calender .input-picker .ws-button-row > button:focus {background:#527517; color:#fff; outline:none; } #my-account #address_edit .btn_look-up-address {text-transform:none; font-size:19px; height:47px; line-height:47px; padding:0 20px; margin-top:2px;} .btn-offer{background: #b80026; /* Old browsers */ background: -moz-linear-gradient(top, #b80026 0%, #b80026 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #b80026 0%,#b80026 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #b80026 0%,#b80026 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79983d', endColorstr='#5a8106',GradientType=0 ); /* IE6-9 */ color:#fff; padding:11px 16px 9px; margin:0; font-family: "JLLight",Arial, Helvetica, sans-serif; font-weight:normal; font-size:17px; line-height:normal; border-radius:2px; box-shadow:none;} .btn-offer:hover, .btn-offer:focus{background:#333; border-color:#333; color:#fff;} .btn-offer.btn-grey, .custom-calender .input-picker .ws-button-row > button { background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(237,242,231) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(237,242,231) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(237,242,231) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf2e7',GradientType=0 ); /* IE6-9 */ border-color:#527517; color:#527517; } .btn-offer.btn-grey:hover, .btn-offer.btn-grey:focus, .custom-calender .input-picker .ws-button-row > button:hover, .custom-calender .input-picker .ws-button-row > button:focus { background:#527517; color:#fff; outline:none; } .btn-text { font-size:14px; color:#5c8018; background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-green.png) right center no-repeat; padding-right:20px; } .btn-text.white { background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-white.png); color:#fff; } .btn-text.white:hover { color:#000; } .btn-text.grey { background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-grey.png); color:#666; } .btn-text.grey:hover { color:#b80026; } .btn-text:hover { color:#333; } .btn-info{background:#5393a9;} .btn-info:hover{background:#3b5998;} .btn:focus{color:#fff;} /* tooltipster.min.css */ .tooltipster-default{border-radius:5px;border:2px solid #000;background:#4c4c4c;color:#fff}.tooltipster-default .tooltipster-content{font-family:Arial,sans-serif;font-size:14px;line-height:16px;padding:8px 10px;overflow:hidden}.tooltipster-icon{cursor:help;margin-left:4px}.tooltipster-base{padding:0;font-size:0;line-height:0;position:absolute;left:0;top:0;z-index:5;pointer-events:none;width:auto;overflow:visible}.tooltipster-base .tooltipster-content{overflow:hidden}.tooltipster-arrow{display:block;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.tooltipster-arrow span,.tooltipster-arrow-border{display:block;width:0;height:0;position:absolute}.tooltipster-arrow-top span,.tooltipster-arrow-top-right span,.tooltipster-arrow-top-left span{border-left:8px solid transparent !important;border-right:8px solid transparent !important;border-top:8px solid;bottom:-7px}.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border{border-left:9px solid transparent !important;border-right:9px solid transparent !important;border-top:9px solid;bottom:-7px}.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom-right span,.tooltipster-arrow-bottom-left span{border-left:8px solid transparent !important;border-right:8px solid transparent !important;border-bottom:8px solid;top:-7px}.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border{border-left:9px solid transparent !important;border-right:9px solid transparent !important;border-bottom:9px solid;top:-7px}.tooltipster-arrow-top span,.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom .tooltipster-arrow-border{left:0;right:0;margin:0 auto}.tooltipster-arrow-top-left span,.tooltipster-arrow-bottom-left span{left:6px}.tooltipster-arrow-top-left .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border{left:5px}.tooltipster-arrow-top-right span,.tooltipster-arrow-bottom-right span{right:6px}.tooltipster-arrow-top-right .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border{right:5px}.tooltipster-arrow-left span,.tooltipster-arrow-left .tooltipster-arrow-border{border-top:8px solid transparent !important;border-bottom:8px solid transparent !important;border-left:8px solid;top:50%;margin-top:-7px;right:-7px}.tooltipster-arrow-left .tooltipster-arrow-border{border-top:9px solid transparent !important;border-bottom:9px solid transparent !important;border-left:9px solid;margin-top:-8px}.tooltipster-arrow-right span,.tooltipster-arrow-right .tooltipster-arrow-border{border-top:8px solid transparent !important;border-bottom:8px solid transparent !important;border-right:8px solid;top:50%;margin-top:-7px;left:-7px}.tooltipster-arrow-right .tooltipster-arrow-border{border-top:9px solid transparent !important;border-bottom:9px solid transparent !important;border-right:9px solid;margin-top:-8px}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-moz-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-ms-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-o-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(0.230,0.635,0.495,1);-webkit-transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4);-moz-transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4);-ms-transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4);-o-transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4);transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4)}.tooltipster-fall{top:0;-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-moz-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-ms-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-o-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15)}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0 !important;opacity:0}.tooltipster-slide{left:-40px;-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-moz-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-ms-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-o-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15)}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0 !important;opacity:0}.tooltipster-content-changing{opacity:.5;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)} .section-white img{max-width:100%;width:100%;} /*---/Footer Main---*/ .footer{background:#fff; color:#454545; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; width:100%; float:left; padding:20px 0 50px 0;} .footer-top { float:left; width:100%; position:relative; } .footer-top .footer-waitrosegarden-crocus { width:100%; position:absolute; left:0; top:0; float:left; } .footer-top .footer-logo {margin:0 auto; width:100%; padding-bottom:35px; text-align:center;} .footer-top .footer-box { width:18%; margin:0 0 0 7%; float:left; } .footer-top .footer-box.last { margin-right:0; } .footer-top .footer-box .accordion { background:none; position:relative; border:none; font-size:14px; color:#454545; font-weight:normal; width:100%; padding:0; margin:0 0 20px 0; cursor:inherit; text-align:left; } .footer-top .footer-box .accordion .fa { opacity:0; position:absolute; right:20px; top:0; bottom:0; margin:auto 0; line-height:40px; } .footer-top .footer-box .accordion.show-mobile { display:none; visibility:hidden; } .footer-top .footer-box .panel { background:none; border:none; transition: max-height 0.2s ease-out; border-radius:0; box-shadow:none; margin:0; } .footer-nav{margin:0; padding:0; transition: max-height 0.2s ease-out; } .footer-nav li{list-style:none; padding:0 0 2px 0; margin:0; font-size:14px; line-height:20px; color:#454545; position:relative;} .footer-nav li a { color:#454545; } .footer-nav li a:hover, .footer-nav li.active a { color:#b80026; } .footer-nav li.active a:hover { color:#527518; } .subscribe-email-f { float:left; width:100%; } .subscribe-email-f .sign-up { color:#454545; } .subscribe-email-f .sign-up:hover { color:#b80026; } /*---/Subpage CSS---*/ .section-white.page-top-breadcrumb { padding:4px 0; } .page-top-breadcrumb .breadcrumb { padding:0; margin:0; background:none; } .page-top-breadcrumb .breadcrumb li:first-child { padding-left:0; } .page-top-breadcrumb .breadcrumb li { font-size:13px; color:#65832e; padding:0 2px; font-family: "WaitroseRegular"; } .page-top-breadcrumb .breadcrumb li:before { display:none; visibility:hidden; } .page-top-breadcrumb .breadcrumb li a { color:#65832e; } .page-top-breadcrumb .breadcrumb li a:hover, .page-top-breadcrumb .breadcrumb li.active a { color:#b80026; } .page-top-breadcrumb .breadcrumb li a:after { content: "\f105"; font-family: 'FontAwesome'; padding-left:3px; } /*---/Form CSS---*/ .form-group { float:left; width:100%; padding-bottom:20px; margin:0; } .form-group input.form-control, .form-group select.form-control { background:#fff; border:1px solid #e2e5e7; border-radius:0; box-shadow:none; font-family: "WaitroseRegular"; font-size:18px; color:#333; padding:0 12px; height:36px; line-height:36px; margin:0; } .form-group select.form-control { padding-right:50px; background:#fff url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/select-arrow.png) right center no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-field { float:left; width:100%; padding-bottom:15px; margin:0; position:relative; } .form-field.post-code-field .btn { position:absolute; right:0; top:0; text-transform:none; font-size:19px; height:47px; line-height:47px; padding:0 20px; } .form-field .label-control { font-size:16px; color:#53565a; font-weight:normal; margin-bottom:8px; } .form-field input.form-control, .form-field select.form-control, .form-field textarea.form-control, #my-account #address_edit fieldset dl dd input[type=text], #my-account #address_edit fieldset dl dd.address-country select { background:#fff; border:1px solid #b5b6b8; outline:1px solid #e9e9e9; outline-offset:-2px; border-radius:0; box-shadow:none; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#929292; padding:0 12px; height:47px; line-height:47px; margin:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .form-field select.form-control, #my-account #address_edit fieldset dl dd.address-country select { padding-right:50px; background:#fff url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/select-arrow2.png) right center no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-field textarea.form-control { resize:none; height:134px; line-height:18px; padding:12px; } .delivery-options .form-field textarea.form-control {height:unset;} .form-field input.form-control:focus, .form-field select.form-control:focus, .form-field textarea.form-control:focus { border-color:#628aa2; } .form-field-btn { float:left; width:100%; } .form-field-btn input { text-transform:none; max-width:160px; width:100%; font-family: "WaitroseRegular"; font-size:22px; padding:0 20px; line-height:45px; height:45px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .form-tit { font-size:20px; line-height:24px; padding:10px 0; margin:0; color:#53565a; font-family:Arial, Helvetica, sans-serif; font-weight:bold; } /*-------------------------------------------------------------------------------- Creating Checkbox and label as a Single unit(for Cross browser compatibility) ----------------------------------------------------------------------------------*/ .form-field.check-box .check-btn { margin:0; } .form-field.check-box input[type=checkbox]{ display:none; } .form-field.check-box input[type=checkbox] + span.item-label, .form-field.check-box input[type=checkbox] + .validationMessage + span.item-label { padding-left:27px; display:inline-block; line-height:17px; background-repeat:no-repeat; cursor:pointer; background-position:left top; } .form-field.check-box input[type=checkbox]:checked + span.item-label, .form-field.check-box input[type=checkbox]:checked + .validationMessage + span.item-label { background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/checks-tick.png); } .form-field.check-box label span.item-label { background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/checks.png); font-size:14px; color:#53565a; font-weight:normal; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .form-field.check-box.check-big input[type=checkbox] + span.item-label, .form-field.check-box.check-big input[type=checkbox] + .validationMessage + span.item-label { line-height:31px; } .form-field.check-box.check-big input[type=checkbox]:checked + span.item-label, .form-field.check-box.check-big input[type=checkbox]:checked + .validationMessage + span.item-label { background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/checks-big-tick.png); } .form-field.check-box.check-big label span.item-label { background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/checks-big.png); } /*-------------------------------------------------------------------------------- Creating radio button and label as a Single unit(for Cross browser compatibility) ----------------------------------------------------------------------------------*/ .form-field.radio-check input[type=radio]{ display:none; } .form-field.radio-check input[type=radio]+ span.item-label, .form-field.radio-check input[type=radio] + .validationMessage + span.item-label { padding-left:35px; display:inline-block; line-height:26px; background-repeat:no-repeat; cursor:pointer; } .form-field.radio-check input[type=radio]:checked + span.item-label, .form-field.radio-check input[type=radio]:checked + .validationMessage + span.item-label { background-image:url(images/redios-tick.png); } .form-field.radio-check label span.item-label { background-image:url(images/redios.png); font-size:14px; color:#53565a; font-weight:normal; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .form-field.radio-check.radio-big b { font-weight:normal; line-height:22px; position:relative; } .form-field.radio-check.radio-big input[type=radio] + span.item-label, .form-field.radio-check.radio-big input[type=radio] + .validationMessage + span.item-label { line-height:30px; padding-left:44px; min-height:30px; } .form-field.radio-check.radio-big input[type=radio]:checked + span.item-label, .form-field.radio-check.radio-big input[type=radio]:checked + .validationMessage + span.item-label { background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/radio-check-big-tick.png); } .form-field.radio-check.radio-big label span.item-label { font-size:16px; line-height:23px; background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/radio-check-big.png); } /*---/Plant Page CSS---*/ .section-white.plants-page { padding:0 0 30px 0; } .plants-page .section-title { padding:20px 0 14px 0px; } .plants-page .row { margin:0 -4px; } .plants-page .col-lg-6, .plants-page .col-lg-3, .plants-page .col-lg-12 { padding-left:4px; padding-right:4px; } .plants-box { float:left; width:100%; position:relative; margin-bottom:8px; } .plants-box img { width:100%; } .plants-box .plants-box-dtl { position:absolute; left:0; bottom:0; background:rgba(92,128,24,0.8); width:100%; padding:15px 20px; } .plants-box .plants-box-dtl .btn-text { font-family: "WaitroseBold"; display:block; font-size:22px; } /*---/Plant Results Page CSS---*/ .section-white.plants-results-page { padding:0px 0 50px 0; } .plants-results-page .white-bg { padding:0 8px 12px 8px; float:left; width:100%; background:#fff; } /*---/Plant Card Page CSS---*/ .section-white.plants-card-page { padding:15px 0 50px 0; } .plants-card-page .white-bg { padding:12px 15px 12px 15px; float:left; width:100%; background:#fff; } .goes-well-with { float:left; width:100%; padding-bottom:55px; } .shop-single { float:left; border-bottom:1px solid #f4f4f4; width:100%; margin-bottom:25px; padding-bottom:20px; } .shop-single .flexslider .wishlist { position:absolute; top:15px; right:10px; font-size:20px; z-index:9; } .shop-single .flexslider .wishlist a { color:#fff; } .shop-single .flexslider .wishlist a:hover, .shop-single .flexslider .wishlist a.active { color:#b80026; } .shop-single .flexslider .wishlist a.active:hover { color:#fff; } .shop-single #slider .slides li { position:relative; } .shop-single #slider {overflow:hidden;} .flexslider {background:none; padding:0; border:none; border-radius:0; margin:0 0 10px 0; display:block;} #carousel { padding:0 28px; } .flexslider .flex-direction-nav .flex-prev:before, .flexslider .flex-direction-nav .flex-next:before { display:none; visibility:hidden; } .flexslider .flex-direction-nav .flex-prev, .flexslider .flex-direction-nav .flex-next { opacity:1; left:0 !important; border:1px solid #dbe2e4; width:20px; height:100%; top:0; margin:0; background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-black-left.png) center center no-repeat; font-size:0; } .flexslider .flex-direction-nav .flex-next { right:0 !important; left:auto !important; background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-black-right.png); } .flexslider .flex-direction-nav .flex-prev:hover, .flexslider .flex-direction-nav .flex-next:hover { background-color:#dbe2e4; } .eventual-height { float:left; width:100%; text-align:center; padding-top:10px; } .shop-single .section-title { font-family: JLMedium, Arial; color:#53565a; font-size:23px; line-height:24px; padding:0 0 0 10px; border-bottom:1px solid #dbe1e4; margin-bottom:15px; } .shop-single .section-title h2 { font-size:30px; line-height:30px; color:#53565a; font-family: "WaitroseRegular"; padding-bottom:8px; } .shop-single .shop-single-left .section-title { padding:0 50px 5px 0; position:relative; border:none; margin-bottom:0; display:none; } .shop-single .shop-single-right { padding-top:15px; padding-right:40px; } .shop-single .shop-single-right .eventual-height { display:none; } .shop-single .shop-single-left .section-title .wishlist { position:absolute; right:0; top:0; font-size:22px; } .shop-single .shop-single-left .section-title .wishlist a { color:#919191; } .shop-single .shop-single-left .section-title .wishlist a:hover, .shop-single .shop-single-left .section-title .wishlist a.active { color:#b80026; } .shop-single .shop-single-left .section-title .wishlist a.active:hover { color:#919191; } .shop-single-right .certificate { float:left; width:100%; border-bottom:1px solid #dbe1e4; margin:0 0 20px 0; padding:0 0 20px 0; } .shop-single-right .certificate li { list-style:none; padding:5px 3px; display:inline-block; margin:0; } .item-availability-small {font-size:12px; line-height:12px;} .purchase-box .buy-all { float:left; width:100%; font-size:18px; line-height:24px; color:#53565a; padding-bottom:20px; } .purchase-box ul { padding:0 0 20px 0; margin:0; float:left; width:100%; } .purchase-box ul li { width:33.3%; float:left; list-style:none; font-size:16px; line-height:18px; color:#333; padding:0 5px 0 0; margin:0; font-family: JLMedium, Arial;} .purchase-box ul li:last-child { padding-right:0; } .purchase-box ul.col2 li { width:50%; } .purchase-box ul li.in-stock { padding-left:45px; background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/in-stock-icon.png) left center no-repeat; } .purchase-box ul li.price { font-size:16px; color:#53565a; font-family: JLMedium, Arial; } .purchase-box ul li.price span.was-price {text-decoration:line-through; color:#333; font-weight:normal; padding-right:4px; } .purchase-box ul li .form-field {float:right; margin:-5px -20px 0 5px; width:auto;} .purchase-box .buy-panel { float:left; width:100%; padding-left:85px; padding-bottom:20px; margin-bottom:35px; position:relative; border-bottom:1px solid #dbe1e4; } .purchase-box .buy-panel-full-width {padding-left:0;} .purchase-box .buy-panel .number-input { width:75px; position:absolute; left:0; top:0; } .purchase-box .buy-panel .number-input input { height:45px; line-height:45px; border:1px solid #c6c6c6; width:100%; text-align:center; font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#494949; padding:0 0 0 8px; } .purchase-box .buy-panel .button-add { float:left; width:100%; } .purchase-box .buy-panel .button-add .btn { width:100%; height:45px; line-height:45px; padding:0 20px; font-size:23px; } .purchase-box .buy-panel .button-add .btn span { background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/cart-icon.png) right center no-repeat; padding-right:50px; text-transform:none; border-radius:0; } .shop-single-right .pro-desc { float:left; width:100%; font-size:16px; line-height:24px; } .shop-single-right .pro-desc .product-alert {background-color:#f8f8f8; display:block; overflow:hidden; padding:12px;} .available-order ul li {width:68%; font-size:14px;} .available-order ul li:last-child { padding-right:0; float:right; width:32%;} .plants-card-page .delivery-guide{margin-bottom:15px;background-color:#f8f8f8;display:block;overflow:hidden;padding:12px;} .plants-card-page .delivery-guide h5{font-size:23px;line-height:22px;color:#414141;margin:0;font-weight:normal;font-family:"WaitroseRegular"} .plants-card-page .delivery-guide ul{padding:0;} .plants-card-page .delivery-guide li{color:#6a8c1c;line-height:24px;padding-left:42px;margin:4px 15px 8px 0;float:left;font-size:13px;list-style:none;} .plants-card-page .delivery-guide li.delivery-guide-standard-delivery{background:url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/icon-standard-delivery.png?v2") no-repeat scroll 0 0 transparent;} .plants-card-page .delivery-guide li.delivery-guide-named-delivery{background:url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/icon-calendar.png?v2") no-repeat scroll 0 0 transparent;} .when-stock{float:left; width:100%; padding:0 0 10px; margin-bottom:35px; position:relative; border-bottom:1px solid #dbe1e4;} .when-stock label{color:#333333; font-size:14px;} .email-box{position:relative; width:100%; padding:0; margin:0; float:left;} .email-box input.form-control{border:solid 1px #cccccc; width:100%; float:left; box-shadow:none; border-radius:0px; font-size:14px; color:#7f7f7f; padding:10px 128px 10px 12px; height:42px;} .email-box .btn{position:absolute; right:0; top:0; border-radius:0px; padding:10px 32px 9px; font-size:19px; text-transform:none; font-weight:normal; font-family: "WaitroseRegular"; border:none; border-left:solid 1px #cccccc;} .items-included-sec { float:left; width:100%; } .items-included-sec .item-tab { float:left; width:100%; } .items-included-sec .name-row { float:left; width:100%; display:table; border-bottom:1px solid #d7d7d7; padding-bottom:8px; } .items-included-sec .item-row { float:left; width:100%; display:table; border-bottom:1px solid #f4f4f4; padding:12px 0; } .items-included-sec .item-img { width:15%; display:table-cell; } .items-included-sec .item-img img { max-width:100%; } .items-included-sec .item-desc { padding:0 0 0 50px; margin:0; display:table-cell; vertical-align:middle; width:85%; } .items-included-sec .name-row .item-desc li { float:left; list-style:none; padding:0 5px; margin:0; font-size:18px; color:#53565a; font-weight:bold; } .items-included-sec .name-row .item-desc li:last-child, .items-included-sec .item-row .item-desc li:last-child { padding-right:0; } .items-included-sec .item-row .item-desc li { float:left; list-style:none; padding:0 5px; margin:0; font-size:18px; line-height:22px; color:#53565a; } .items-included-sec .item-row .item-desc li span { display:none; } .items-included-sec .item-row .item-desc li.plant { font-size:16px; } .items-included-sec .item-row .item-desc li.total { font-size:22px; font-weight:bold; } .items-included-sec .item-desc li.plant { width:35%; } .items-included-sec .item-desc li.price { width:12%; } .items-included-sec .item-desc li.qty { width:12%; } .items-included-sec .item-desc li.availa { width:22% } .items-included-sec .item-desc li.total { width:19%; } /*---/Wheel Barrow Page CSS---*/ .section-white.wheel-barrow-page { padding:15px 0 10px 0; } .wheel-barrow-page .white-bg { /*padding:12px 8px 12px 8px;*/ float:left; width:100%; background:#fff; } .wheel-barrow-top { float:left; width:100%; padding:0 200px 20px 200px; border-bottom:1px solid #d7d7d7; margin-bottom:25px; position:relative; } .wheel-barrow-top h2 { font-family: "WaitroseRegular"; font-size:26px; line-height:26px; color:#53565a; padding:8px 0; margin:0; } .wheel-barrow-top .btn { position:absolute; top:0; left:0; text-transform:none; font-size:18px; border-radius:0; } .wheel-barrow-top .btn.go-check-btn { left:auto; right:0; } .wheelbarrow-contents { float:left; width:100%; } .wheelbarrow-contents ul { padding:0; margin:0; } .wheelbarrow-contents ul li { list-style:none; border:1px solid #dbdbdb; float:left; width:49%; margin:0 2% 20px 0; padding:14px; height:208px; overflow:hidden;} .wheelbarrow-contents ul li .gift-box { position:absolute; right:0; top:0; } .wheelbarrow-contents ul li .gift-box img { width:22px; } .wheelbarrow-contents ul li.last, .wheelbarrow-contents ul li:nth-child(2n) { margin-right:0; } .wheelbarrow-contents ul li .item-img { float:left; width:33%; } .wheelbarrow-contents ul li .item-img img { width:100%; } .wheelbarrow-contents ul li .item-desc { float:left; width:67%; padding-left:28px; position:relative; } .wheelbarrow-contents ul li .item-desc .wrappable {position: absolute;right:0;top:-2px;width: 19px;} .wheelbarrow-contents ul li .item-name { font-size:16px; line-height:22px; font-family:Arial, Helvetica, sans-serif; color:#53565a; padding:0 33px 12px 0; } .wheelbarrow-contents ul li .in-stock { padding-bottom:12px; width:100%; } .wheelbarrow-contents ul li .in-stock span { padding-right:15px; } .wheelbarrow-contents ul li .buy-panel { width:100%; position:relative; min-height:45px; } .wheelbarrow-contents ul li .buy-panel .number-input { width:60px; position:absolute; left:0; top:0; } .wheelbarrow-contents ul li .buy-panel .number-input input { width:100%; height:45px; background:#fff; border:1px solid #c6c6c6; text-align:center; font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#494949; padding:0 19px 0 8px; } .wheelbarrow-contents ul li .buy-panel .button-remove { position:absolute; left:100px; top:14px; font-size:33px; color:#525559; } .wheelbarrow-contents ul li .buy-panel .button-remove a { color:#525559; } .wheelbarrow-contents ul li .buy-panel .button-remove a:hover { color:#b80026; } .wheelbarrow-contents ul li .buy-panel .price { position:absolute; right:0; bottom:0; font-size:22px; color:#628aa2; font-weight:bold; text-align:right; } .payment-section { float:left; width:100%; text-align:right; background:#eff0f0; padding:15px; color:#53565a; } .payment-section .gift-card {float:left; width:50%; text-align:left; position:relative; padding-left:28px; } .payment-section .gift-card img { position:absolute; left:0; top:-2px; width:19px; } .payment-section .christmas-delivery {margin:20px 0 0 -28px;} .payment-section .christmas-delivery ul {padding-left:13px;} .payment-section .sub-total { font-size:18px; padding-bottom:12px; float:right; color:#343434; clear:right;} .payment-section .promo-code { width:100%; position:relative; max-width:390px; margin:0 0 0 auto; padding-bottom:10px; float:right; } .payment-section .promo-code .form-group { padding-bottom:0; } .payment-section .promo-code .form-group input { height:45px; line-height:45px; color:#a8a7a7; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding-right:202px; font-weight:normal; } .payment-section .promo-code .btn { position:absolute; right:0; line-height:45px; padding:0 22px; text-transform:none; font-size:20px; height:45px; border-radius:0; } .payment-section .promo-code .promotionCodeMessageBox { text-align: left; background-color: #5f7f27;color: #fff;} .payment-section .remove-pro { font-size:18px; float:left; width:50%; padding-bottom:12px; } .payment-section .remove-pro p {line-height: 24px;} .payment-section .remove-pro a, .payment-section .remove-pro button { font-size:12px; color:#5f7f27; background: none; border: none; display:none;} .payment-section .remove-pro a:hover, .payment-section .remove-pro button:hover { color:#b80026; } .payment-section .total { float:right; font-size:22px; font-weight:bold; color:#343434; padding-bottom:18px; clear:right;} .payment-section .checkout-accepted-cards-container {float:left; clear:right; width:85%;} .payment-section .checkout-accepted-cards {float:right;} .payment-section .checkout-button { float:right; clear:right; width:15%;} .payment-section .checkout-button img { margin-right:20px; } .payment-section .checkout-button .btn { text-transform:none; font-size:18px; } .wheelbarrow-form .errors-container, .wheelbarrow-form .promotionCodeMessageBox.error, #msgbox.error {background-color: #9e3833; color: #fff; display: block; clear: both; padding: 0;} .wheelbarrow-form .errors-container li, .wheelbarrow-form .promotionCodeMessageBox span, #my-account #msgbox.error .message {padding: 10px; display: block;} #my-account #msgbox.error .message p, #my-account #msgbox.error h3 {margin:5px} #my-account #msgbox.error h3 {color:#fff;padding:10px 10px 0 10px;} .wheelbarrow-form .errors-container li {list-style:none;} .wrapper-dropdown { /* Size and position */ position: relative; /*width: 200px;*/ margin: 0 auto; padding: 10px; /* Styles */ background: #fff; border-radius: 7px; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 1px 1px rgba(50,50,50,0.1); cursor: pointer; outline: none; /* Font settings */ font-weight: bold; /*color: #8AA8BD;*/ } .wrapper-dropdown:after { content: ""; width: 0; height: 0; position: absolute; right: 15px; top: 50%; margin-top: -3px; border-width: 12px 12px 0 12px; border-style: solid; border-color: #8c8c8c transparent; } .wrapper-dropdown .dropdown { /* Size & position */ position: absolute; top: 100%; left: 0; right: 0; /* Styles */ background: white; border-radius: inherit; border: 1px solid rgba(0,0,0,0.17); box-shadow: 0 0 5px rgba(0,0,0,0.1); font-weight: normal; transition: all 0.5s ease-in; list-style: none; z-index: 9999; /* Hiding */ opacity: 0; pointer-events: none; padding:0;} .wrapper-dropdown .dropdown li a { display: block; padding: 10px; text-decoration: none; color: #364327; border-bottom: 1px solid #e6e8ea; box-shadow: inset 0 1px 0 rgba(255,255,255,1); transition: all 0.3s ease-out; clear: both; margin: 0; float: none; } .wrapper-dropdown .dropdown li i { float: right; color:#fff; } .wrapper-dropdown .dropdown li i.active { color: inherit; } .wrapper-dropdown .dropdown li:first-of-type a { border-radius: 7px 7px 0 0; } .wrapper-dropdown .dropdown li:last-of-type a { border-radius: 0 0 7px 7px; border: none; } .wrapper-dropdown .dropdown li:hover a { background: #d0d7a5; } .wrapper-dropdown .dropdown:after { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 15px; border-width: 0 6px 6px 6px; border-style: solid; border-color: #fff transparent; } .wrapper-dropdown .dropdown:before { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 13px; border-width: 0 8px 8px 8px; border-style: solid; border-color: rgba(0,0,0,0.1) transparent; } .wrapper-dropdown.active .dropdown { opacity: 1; pointer-events: auto; } .wrapper-dropdown span.pickup-incentive { padding-left: 65px; background-image: url('https://img.crocdn.co.uk/images/affiliates/crocus/responsive/wheelborrow/pick-up-hot-drink.png?v2'); background-repeat:no-repeat; background-position:10px 0; display:block; max-width:500px; } .wrapper-dropdown span.pickup-opening-times { padding-left: 65px; background-image: url('https://img.crocdn.co.uk/images/affiliates/crocus/responsive/wheelborrow/pick-up-opening-times.png?v3'); background-repeat:no-repeat; background-position:5px 5px; display:block; } .wrapper-dropdown span.pickup-address { padding-left: 65px; display:block; } /*---/Secure checkout Page CSS---*/ .section-white.checkout-page { padding:15px 0 10px 0; } .checkout-page .white-bg { /*padding:12px 8px 12px 8px;*/ float:left; width:100%; background:#fff; } .checkout-page .sub-tit { font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#628aa2; font-weight:bold; } .checkout-page .white-bg .checkout-wrap-size ul.messages-container {border: 1px solid #C0C0C0; padding:20px 15px; display: inline-block; width:100%; list-style:none;} .form-stp-ctr { float:left; width:100%; text-align:center; padding-bottom:25px; } .form-stp-ctr ul { padding:0; margin:0; display:inline-block; border:none; } .form-stp-ctr ul li { float:left; position:relative; width:125px; } .form-stp-ctr ul li:before{background:#d7d7d7;position:absolute; content:"";height:1px;width:125px;top:0;bottom:0;margin:auto;left:50%; } .form-stp-ctr ul li:last-child:before{display:none;} .form-stp-ctr ul li span { display:inline-block; width:32px; line-height:32px; border-radius:50%; height:32px; background:#c7c7c7; color:#404040; font-size:22px; font-family: "WaitroseRegular"; z-index:2; position:relative; } .form-stp-ctr ul li.current-tab-li span { background:#628aa2; color:#fff; } .checkout-page .form-sec-bg { width:100%; float:left; padding:20px 60px; background:#f6f7f7; } .checkout-page .form-sec-inn { width:100%; max-width:545px; margin:0 auto; } .sign-in-main { float:left; width:100%; } .sign-in-main .sign-in-box { float:left; width:49%; background:#f6f7f7; padding:25px; font-size:16px; line-height:23px; min-height:410px; } .sign-in-main .sign-in-box h2, .register-account h1 { font-size:24px; font-family: "WaitroseRegular"; padding-bottom:10px; } .sign-in-main .sign-in-box.last { float:right; } .sign-in-main .forgot-password {font-size:14px;line-height: 18px;} .register-account .guidelines {font-size:12px;line-height:18px;} .form-field.gift-msg-field { padding-top:20px; } .delivery-options { background:#f6f7f7; float:left; width:100%; padding:25px; padding-bottom:32px; font-size:16px; line-height:24px; position:relative;} .delivery-options .item-main { width:100%; display:table; padding:12px 0; } .delivery-options .item-main > div { display:table-cell; vertical-align:middle; } .delivery-options .item-main .item-img { width:105px; } .delivery-options .item-main .item-name { padding:0 20px; line-height:16px; } .delivery-options .item-main .form-field { float:none; padding-bottom:0; width:auto; } .delivery-options .gift-mian { display:table; width:100%; padding:7px 0; } .delivery-options .gift-mian > div { display:table-cell; vertical-align:middle; float:none; width:auto; } .delivery-options .gift-mian .form-field { padding:0 20px 0 0; } .delivery-options .gift-mian .gift-img { width:100px; } .delivery-options .gift-mian .gift-img img{ border:1px solid #dbdacd; background:#fff; } .delivery-options .gift-mian .form-field.radio-check.radio-big b { top:-7px; } .delivery-options .gift-mian .form-field.radio-check.radio-big.nogift-wrap b { top:3px; } .delivery-options.gift-wrap label {width:100%;} .standard-delivery { float:left; width:100%; border-bottom:2px solid #fff; padding:15px 0; } .standard-delivery.last { border:none; } .standard-delivery p { margin:0; max-width:400px; } .standard-delivery h3 { padding:0 110px 10px 0; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:20px; font-weight:bold; color:#53565a; position:relative; } .standard-delivery h3 .form-field { position:absolute; right:0; top:-8px; padding:0; width:auto; } .standard-delivery h3 .form-field.radio-check.radio-big b { line-height:30px; font-size:20px; color:#53565a; font-weight:bold; top:0; } .delivery-options .gift-msg .gift-icon { position:absolute; left:0; top:-2px; width:28px; } .delivery-options .gift-msg .item-label b { font-size:20px; padding-top:5px; padding-bottom:15px; display:block; } .delivery-options .gift-msg.form-field.check-box span.item-label { font-size:16px; line-height:22px !important; margin-left:40px; padding-left:45px; } .payment-options { float:left; width:100%; background:#f6f7f7; padding:30px 0; font-size:16px; line-height:22px; } .payment-options .payment-col { float:left; padding:15px; width:100%; border-bottom:1px solid #e4e4e4; position:relative; } .payment-options .payment-col .edit { position:absolute; right:0px; top:0px; font-size:14px; border: none; background: none; } .payment-options .payment-col b { font-weight:normal; } .payment-options .payment-col .post-code-field { padding-bottom:0; } .card-details { float:left; width:100%; padding:12px 15px 0 15px; } .card-details .form-tit { padding-bottom:20px; } .card-details img.credit-cards-icon2 { margin-bottom:12px; } .card-details .form-field label.label-control { line-height:47px; margin-bottom:0; text-align:right; } .card-details .form-field-btn .btn span { background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/lock-icon.png) left center no-repeat; padding-left:30px; text-transform:none; } .card-details #stripePaymentSection #cardElement.StripeElement {background:#fff; border: 1px solid #b5b6b8; outline:1px solid #e9e9e9; outline-offset:-2px; border-radius: 0; box-shadow: none; padding: 15px 10px;} .form-field.choose-delivery-date input { max-width:200px; color:#494c50; padding-left:50px; background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/calendar-icon2.png) left center no-repeat #fff; width:100% !important; display:none; } .custom-calender .input-picker .ws-picker-header { margin:0; background:#537517; padding:0 15px; top:-36px; } .custom-calender .input-picker .ws-picker-header > button { color:#fff; padding:0; margin:0; color:#fff; line-height:36px; font-family: "WaitroseBold"; font-weight:normal; font-size:16px; text-decoration:none; } .custom-calender .input-picker .ws-picker-header > button:focus { outline:none; } .custom-calender .ws-po-box { padding:0; border:none; background:none; } .custom-calender .ws-inline-picker.ws-size-2, .custom-calender .input-picker { width:100%; min-width:inherit; max-width:530px; padding-top:50px; } .custom-calender .input-picker .ws-picker-body { padding:36px 0 0 0; margin:0; } .custom-calender .input-picker .picker-list { margin:0 2% 0 0; width:49%; } .custom-calender .input-picker .picker-list.ws-index-1 { margin-right:0; } .custom-calender .input-picker .picker-grid { margin:0; } .custom-calender .input-picker .picker-list th, .custom-calender .input-picker .picker-list td { border:2px solid #d7d7d7; background:#fff; padding:0; font-family: "WaitroseBold"; line-height:37px; } .custom-calender .input-picker .picker-list td > button.othermonth { color:#cbcbcb; } .custom-calender .input-picker .picker-list td > button { color:#515151; font-size:16px; line-height:normal; } .custom-calender .input-picker .picker-list td > button:focus { outline:none; } .custom-calender .input-picker .picker-list td > button:hover, .custom-calender .input-picker .picker-list td > button.checked-value { color:#fff; background: rgb(121,152,61); /* Old browsers */ background: -moz-linear-gradient(top, rgb(121,152,61) 0%, rgb(90,129,6) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgb(121,152,61) 0%,rgb(90,129,6) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgb(121,152,61) 0%,rgb(90,129,6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79983d', endColorstr='#5a8106',GradientType=0 ); /* IE6-9 */ } .custom-calender .input-picker abbr[title] { cursor:default; border:none; font-size:16px; line-height:37px; } .custom-calender abbr[title], .custom-calender abbr[data-original-title] { border:none; text-decoration:none; } .custom-calender .input-picker .ws-picker-controls { top:-47px; left:0; } .custom-calender .input-picker .ws-picker-controls.next-controls { left:auto; right:0; } .custom-calender .input-picker .ws-picker-controls > button:before { display:none; visibility:hidden; } .custom-calender .input-picker .ws-picker-controls > button:after { content: "\f0d9"; font-family: 'FontAwesome'; } .custom-calender .input-picker .ws-picker-controls > button.ws-next:after { content: "\f0da"; } .custom-calender .input-picker .ws-picker-controls > button { width:35px; line-height:35px; padding:0; height:35px; background:#fff; border:1px solid #b3b3b3; color:#5d8017; font-size:35px; } .custom-calender .input-picker .ws-picker-controls > button.ws-next { } .custom-calender .input-picker .ws-picker-controls > button:hover { background:#5d8017; color:#fff; border-color:#5d8017; } .custom-calender .input-picker .ws-picker-controls > button:focus { outline:none; } .custom-calender .input-picker .ws-button-row > button { border-radius:3px; font-family: "WaitroseRegular"; font-size:18px; } .container2 { max-width:545px; margin:0 auto; width:100%; } /*---/Filters CSS---*/ .filters { float:left; width:100%; background:#f1f6f8; font-family: "WaitroseRegular"; padding:15px; } .filters .selected-choice { font-size:18px; color:#333; float:left; width:auto; padding-bottom:8px; } .filters .selected-choice a { color:#333; } .filters .selected-choice a span { background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/remove-icon.png) left center no-repeat; padding-left:28px;} .filters .selected-choice a:hover { color:#b80026; } .filters .selected-clear { float:right; font-size:16px; color:#666; padding-bottom:8px; } .filters .selected-clear a { color:#666; } .filters .selected-clear a:hover { color:#b80026; } .filters .more-filters-btn, .filters .form-group { float:left; width:100%; padding:0; margin:0 2% 0 0; width:21%; } .filters .form-group.small-group { width:14%; } .filters .more-filters-btn { margin-right:0; line-height:36px; text-align:right; width:15%; } .filters .more-filters-btn .btn-text { font-size:18px; padding-right:14px; } /*---/Pagination CSS---*/ .plants-results-page .section-title { padding:15px 0 15px 0; } .showing-page { background:#eff0f0; font-family: "WaitroseRegular"; color:#5c8018; font-size:20px; line-height:24px; padding:15px 115px 15px 15px; float:left; width:100%; position:relative; margin-bottom:8px; } .showing-page .sorting-tools { float:left; width:100%; } .showing-page .sort-availability-container {display:inline;float:left;} .showing-page .sorting-tools .results { float:left; width:auto; } .showing-page .sorting-tools .showing-page-name { float:right; width:auto; text-align:right; } .showing-page .pages-box { width:92px; position:absolute; top:4px; right:5px; } .showing-page .pages-box .prev-arrow, .showing-page .pages-box .next-arrow { width:40px; float:left; } .showing-page .pages-box .next-arrow { float:right; } .showing-page .pages-box .prev-arrow a, .showing-page .pages-box .next-arrow a { border:1px solid #527518; background:#fff url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-green-left.png) center center no-repeat; width:40px; height:40px; font-size:0; display:block; } .showing-page .pages-box .next-arrow a { background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-green-right.png); } .showing-page .pages-box .prev-arrow a.disabled, .showing-page .pages-box .next-arrow a.disabled { border-color:#e5e5e5; background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-grey-left.png); cursor:inherit;} .showing-page .pages-box .next-arrow a.disabled { background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-grey-right.png); } .showing-page .pages-box .prev-arrow a.enabled:hover, .showing-page .pages-box .next-arrow a.enabled:hover { border-color:#527518; background-color:#527518; background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-white-left.png); } .showing-page .pages-box .next-arrow a.enabled:hover { background-image:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-white-right.png); } .product-list-main { float:left; width:100%; } .product-list-main .best-sellers-box { border:1px solid #e7e7e7; margin-bottom:8px; } .product-list-main .row { margin:0 -4px; } .product-list-main .col-lg-3 { padding-left:4px; padding-right:4px; } .quantity {position: relative;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;} input[type=number]{-moz-appearance: textfield;} .quantity input {width: 45px; height: 42px; line-height: 1.65; float: left; display: block; padding: 0; margin: 0; padding-left: 20px; border: 1px solid #c6c6c6;} .quantity input:focus {outline: 0;} .quantity-nav {float: left; position: relative; height: 45px;} .quantity-button {position: relative; cursor: pointer; border-left: 1px solid #c6c6c6; width: 20px; text-align: center; color: #696c70; font-size: 10px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;} .quantity-button .fa{line-height:22px;} .quantity-button.quantity-up {position: absolute; height: 50%; top: 0; border:none; background:none; border-bottom: 1px solid #c6c6c6; border-left: 1px solid #c6c6c6; padding:0;} .quantity-button.quantity-down {position: absolute; bottom: -1px; height: 50%; border:none; background:none; border-left: 1px solid #c6c6c6; padding:0;} .sorting-tools .sort-label, .sorting-tools .availability-label {padding:0 0 0 20px;} .sorting-tools .sort-label select, .sorting-tools .availability-label select {padding:5px 50px 3px 10px; background:#fff url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/select-arrow.png) right center no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:solid 1px #d1d4d6; margin-left:3px; font-size:16px; color:#333333; margin:-4px 0;} .ws-button-row{display:none;} .wrapper .on-mobile{display:none;} .offer-caption{position:absolute; left:0; top:0; text-align:center; right:0; padding:50px 0 0; color:#fff; font-size:22px; font-family: "WaitroseRegular";} .offer-caption h4{color:#fff; font-size:46px; padding:0 0 20px;} .offer-discount small{font-size:11px;line-height:10px;} .offer-discount .medium {font-size:20px; line-height:18px;} .offers-page .col-lg-4{padding-left:4px; padding-right:4px;} .video-section{width:100%; float:left; padding:0; margin:0; background:#ececec;} .alan-shows{width:25%; float:left; padding:0; margin:0; min-height:398px; position:relative;} .alan-shows h4{background:#688a34; color:#fff; font-size:22px; padding:10px 18px; font-family: "WaitroseRegular";} .alan-content{padding:15px 18px;} .alan-content h2{font-size:24px; line-height:26px; font-family: "WaitroseRegular";} #top-sellers.alans-tips-right-nav {display:none;} .btn-btm{float:left; padding:0; margin:0; position:absolute; left:18px; right:18px; bottom:18px; border-top:solid 1px #444444;} .btn-btm a{display:block; padding:20px 0 10px; font-size:16px; color:#688a34; background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-green.png) right 24px no-repeat;} .btn-btm a:hover{color:#b80026; background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/red-arrow.png) right 24px no-repeat;} .video-main{width:75%; float:right; padding:0 0 42.2%; margin:0; position:relative;} .video-main object{width:100%; height:100%; position:absolute; left:0; top:0;} .full-btn{width:100%; padding:0 0 15px;} .full-btn .section-title h2{font-size:21px; line-height:30px;} .full-btn a.btn{width:100%;} .full-btn a.btn span{display:block; background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-white.png) right center no-repeat;} .content-image{position:relative; width:100%; float:left; padding:0; margin:0 0 15px; background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/thumbs/home-sweet-home.jpg) center center no-repeat; background-size:cover;} .image-cap{float:right; padding:45px 45px 10px 0; margin:0; width:45%; color:#fff; min-height:415px;} .image-cap h4{color:#fff; text-shadow:1px 1px #000000;} .content-image2{position:relative; width:100%; float:left; padding:0; margin:0; background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/thumbs/home-sweet-home2.jpg) center center no-repeat; background-size:cover;} .image-cap2{float:left; padding:30px; margin:0; width:100%; max-width:420px; color:#fff; min-height:204px;} .image-cap2 h4{color:#fff; text-shadow:1px 1px #000000;} .content-left{width:72%; float:left; padding:0; margin:0;} .content-left table{border:solid 1px #d3d6db; width:100%; margin:15px 0;} .content-left table tr th{padding:15px; border-left:solid 1px #d3d6db;} .content-left table tr td{padding:15px; border-left:solid 1px #d3d6db; border-top:solid 1px #d3d6db;} .content-left table tr th:first-child, .content-left table tr td:first-child{border-left:none;} .delivery-main{position:relative; z-index:1; width:100%; float:left;} .delivery-main:after{background:#f3f7f9; position:absolute; content:''; right:0; top:0; bottom:0; height:100%; z-index:-1; width:26%} .map-content{clear:both;} .postcode-left{width:100%; max-width:220px; float:left; padding:10px 0 0;} .postcode-left .form-field{position:relative;} .postcode-left .form-field .form-control{padding-right:70px;} .postcode-left .btn{position:absolute; right:0; top:28px; padding:12px 16px 11px} .map-right{width:47%; float:right; padding:20px 0 0;} .content-right{width:26%; float:right; padding:10px 16px;} .content-right h3{color:#527518; font-family: "WaitroseRegular"; font-size:24px; padding:0 0 10px; margin:0;} .content-right ul{margin:0; padding:0 0 15px;} .content-right ul li{list-style:none; padding:0; margin:0;} .content-right ul li a{color:#4c443c; display:block; background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-green.png) right 4px no-repeat; padding-right:12px;} .content-right ul li a:hover{color:#b80026; background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/red-arrow.png) right 4px no-repeat;} .hasDatepicker{clear:both; position:relative; padding:50px 0 15px;} .ui-datepicker .ui-datepicker-header{position:inherit;} .delivery-options .ui-datepicker-inline a.ui-corner-all{position:absolute; left:0; top:0; width:35px; line-height:35px; padding:0; height:35px; background:#fff; border:1px solid #b3b3b3; color:#5d8017; font-size:35px; cursor:pointer;} .delivery-options .ui-datepicker-inline a.ui-corner-all:hover{background:#5d8017;} .delivery-options .ui-datepicker-inline a.ui-corner-all:after{font-family: 'FontAwesome'; position:absolute; text-align:center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .delivery-options .ui-datepicker-inline a.ui-corner-all:hover:after{color:#fff;} .delivery-options .ui-datepicker-inline a.ui-corner-all.ui-datepicker-next{left:auto; right:0;} .delivery-options .ui-datepicker-inline a.ui-datepicker-next:after{content: "\f0da"; width:36px; } .delivery-options .ui-datepicker-inline a.ui-datepicker-prev:after{content: "\f0d9"; width:30px;} .delivery-options .ui-datepicker-inline a.ui-corner-all span{display:none;} .delivery-options .ui-datepicker-buttonpane{display:none;} .made-image{margin-top:15px; width:100%; float:left; position:relative;} .caption-made{position:absolute; left:0; right:0; bottom:0; width:100%; float:left; padding:0 0 26px 40px;} .caption-made h3{color:#fff; text-transform:none; padding:0; margin:0; font-size:36px; font-weight:normal; line-height:normal;} .caption-made a{color:#fff; font-size:29px; background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-white.png) right center no-repeat; font-family: "WaitroseRegular"; padding-right:15px; line-height:normal;} .caption-made a:hover{background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/red-arrow.png) right center no-repeat; color:#b80026;} .plant-border{width:100%; float:left; padding:8px 0 0;} .plant-border .row{margin:0 -4px;} .plant-border .col-lg-6{padding:10px 4px 0;} .plant-border .col-lg-6 img{width:100%; float:left;} .plant-detail{background:#f4f4f4; width:100%; float:left; position:relative; padding:8px 10px 0; min-height:105px;} .plant-detail h4{font-family: "WaitroseRegular"; color:#525252; padding:0 0 5px; margin:0; line-height:normal; font-size:25px;} .plant-detail p{font-size:14px; line-height:18px; font-family:Arial, Helvetica, sans-serif; color:#000; padding-right:95px;} .plant-detail a.shop-link, #editorial-content-block a.shop-link {position:absolute; left:12px; bottom:2px; color:#658432; background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-green.png) right center no-repeat; font-size:16px; text-decoration:underline; padding-right:29px; line-height:normal;} .plant-detail a.shop-link:hover, #editorial-content-block a.shop-link:hover{background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-red.png) right center no-repeat; color:#af0022;} .plant-detail a.shop-link, #editorial-content-block a.shop-link-2 {position:absolute; bottom:2px; color:#658432; background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-green.png) right center no-repeat; font-size:16px; text-decoration:underline; padding-right:29px; line-height:normal;} .plant-detail a.shop-link:hover, #editorial-content-block a.shop-link-2:hover{background:url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/arrow-red.png) right center no-repeat; color:#af0022;} .plant-detail ul {padding:0;display:block; overflow:hidden;} .plant-detail ul li {list-style:none;} .plant-detail ul li.shop-link-half {width:50%; float:left;} .plant-detail ul li.shop-link-half a.shop-link {position:relative; right:auto; bottom:auto; background-position:left center; padding:0 0 0 19px; display:block;} .plain-text{width:100%; float:left; padding:18px 0 0; font-size:16px; color:#000; line-height:23px;} .plain-text p{padding:0 0 20px; margin:0;} #home #breadcrumb, #wheelbarrow #breadcrumb {display:none;} #breadcrumb {margin-top:10px;} #breadcrumb a, #breadcrumb span {color:#65832e;font-size:13px;font-family:"WaitroseRegular";} #ui-id-1.ui-autocomplete{background-color:#fff;padding:0;margin-right:2px;} #ui-id-1.ui-autocomplete li{padding:10px;cursor:pointer;list-style:none;position:relative;} #ui-id-1.ui-autocomplete li:hover{background-color:#ccc;} .filter-selected{float:left;clear:both;width:100%;overflow:hidden;margin-bottom:0;} #search-filter-selected{float:left;margin:0;padding:0;} #search-filter-selected li{list-style:none;display:inline-block;margin:5px 30px 5px 0;overflow:hidden;white-space:nowrap;} #search-filter-selected li a{display:inline-block;background:url(https://img.crocdn.co.uk/images/affiliates//waitrose/responsive/remove-icon.png) no-repeat center center transparent;background-size:contain;width:16px;height:16px;float:left;margin-right:10px;font-size:18px; color:#333;} #search-filter-selected li span{margin-top:1px;margin-right:10px;color:#333; font-size:18px;} .filter-selected a.clear_all_filter{float:right;font-size:16px;color:#666;text-decoration:underline;display:inline-block;margin:3px 0;} .search-filter{position:relative;float:left;width:100%;} .search-filter label{float:left;color:#fff;font-size:22px;margin:2px 60px 0 0;} .options_search_filter{float:left;} .options_search_filter .option{position:relative;display:inline-block;margin-right:7px;} .options_search_filter .option .op_label{background:url(https://img.crocdn.co.uk/images/affiliates/crocus/responsive/select-arrow.png) no-repeat right 0 #fff;display:inline-block;font-size:16px;color:#666666;padding:6px 60px 6px 20px;border:1px solid #cccccc;cursor:pointer;min-width:110px;} .options_search_filter .option .op_select{position:absolute;top:34px;left:0;background:#FFF;box-shadow:2px 2px 5px #585858;display:none;z-index:1000;padding:0;} .options_search_filter .option .op_select li{list-style:none;margin-bottom:0px;} .options_search_filter .option .op_select li a{background:#FFFFFF;display:block;font-size:18px;min-width:180px;border-bottom:1px solid #dfdfdf;padding:10px 15px;font-weight:normal;color:#666;} .options_search_filter .option .op_select li a:hover{background:#eeeeee;} .search-more-filter{float:right;margin-top:5px;font-size:18px;} #opt-more-filter{width:100%;clear:both;float:left;display:none;z-index:999;} #opt-more-filter, .ui-accordion-content{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;transition-duration:0s;} #opt-more-filter h3.ui-accordion-header{color:#666;background:url(https://img.crocdn.co.uk/images/affiliates/crocus/responsive/arrow-open.png) no-repeat right 30px center #f1f6f8;cursor:pointer;display:block;padding:15px 20px;font-size:18px;font-weight:400;border-bottom:1px solid #cccccc;margin:0;} #opt-more-filter h3.ui-accordion-header:hover{background-color:#eeeeee;} #opt-more-filter h3.ui-state-active{background:url(https://img.crocdn.co.uk/images/affiliates/crocus/responsive/arrow-close.png) no-repeat right 30px center #eeeeee;} #opt-more-filter .ui-accordion-content-active{background:#e8e9e9;} #opt-more-filter .ui-accordion-content{float:left;width:100%;margin-bottom:10px;} #opt-more-filter .ui-accordion-content ul{} #opt-more-filter .ui-accordion-content ul.menu_dropdown_top{margin:0;padding:0;} #opt-more-filter .ui-accordion-content ul li{color:#666;font-size:18px;display:inline-block;border-bottom:1px solid #cccccc;float:left;width:100%;padding:10px 30px;} #opt-more-filter .ui-accordion-content ul li a{text-decoration:none;color:#757575;} /* MY ACCOUNT */ #my-account #breadcrumb, #order-tracking #breadcrumb {display:none;} #my-account h2.blue, #my-account .checkout-wrapper {display:none;} #my-account #password-error {background:#b80026;color:#fff;margin-bottom:15px;padding:10px;} #my-account #password-error a {color:#fff;} #order-tracking .white-box, #my-account .white-box {clear:both; display:block;} #order-tracking .crocus-nav-box, #my-account .crocus-nav-box {padding-top: 27px; margin-bottom: 15px; height: 40px;} #order-tracking .crocus-nav-box .crocus-nav, #my-account .crocus-nav-box .crocus-nav {float: right;} #order-tracking .crocus-nav-box .crocus-nav li, #my-account .crocus-nav-box .crocus-nav li {float: right; margin-left: 2px;} #order-tracking .crocus-nav-box .crocus-nav li a, #my-account .crocus-nav-box .crocus-nav li a {background: #e4e4e4;display: block; line-height: 40px; color: #363636; font-size: 11px; padding: 0px 10px; text-decoration: none;} #order-tracking .crocus-nav-box .crocus-nav li a:hover, #my-account .crocus-nav-box .crocus-nav li a:hover {background: #bec676;} #order-tracking .crocus-nav-box .crocus-nav .SelectNav a, #my-account .crocus-nav-box .crocus-nav .SelectNav a {background: #bec676;} #order-tracking .crocus-nav-box p, #my-account .crocus-nav-box p {line-height: 40px; color: #565656; float: left; width:460px;} #order-tracking .crocus-nav-box p a, #my-account .crocus-nav-box p a {color: #4a83b4; text-decoration: none;} #order-tracking .crocus-nav-box p a:hover, #my-account .crocus-nav-box p a:hover {text-decoration: underline;} #order-tracking .crocus-nav-box span, #my-account .crocus-nav-box span {color: #9fa439; font-size: 21px; margin-right: 12px;} #my-account #back-to-main {display:none;} #my-account ul.crocus-nav {margin-top: 3px;} #my-account .crocus-nav-box span {font-family: 'WAITRLT';font-size: 24px;line-height: 1em;letter-spacing: 0.02em;color: #7897b3;font-weight: normal;font-weight: normal; margin-bottom: 10px;} #my-account .crocus-nav-box p {font-size: 12px;line-height: 18px;font-family: Arial;color: #565656;display: block;margin: 6px 0;} /* MY ACCOUNT ICONS */ #my-account_menu {display:block; height:130px; padding-left:10px;} #my-account_menu li {list-style:none;float:left;width:50%;text-align:center;} #my-account_intro {font-size: 14px;line-height: 22px;margin: 0;color: #363636;} .ico-med_order-tracking { background: url("https://img.crocdn.co.uk/images/affiliates/waitrose/medium_truck.png") no-repeat scroll 50% 0% transparent; width:100%; height: 115px; display: block; text-indent: -999em; float:left;} .ico-med_my-address-book { background: url("https://img.crocdn.co.uk/images/affiliates/waitrose/medium_my-address-book.png") no-repeat scroll 50% 0% transparent; width:100%; height: 115px; display: block; text-indent: -999em; float:left;} .ico-med_my-account-details { background: url("https://img.crocdn.co.uk/images/affiliates/waitrose/medium_my-account-details.png") no-repeat scroll 50% 0% transparent; width:100%; height: 115px; display: block; text-indent: -999em; float:left;} .ico-med_wish-list { background: url("https://img.crocdn.co.uk/images/affiliates/waitrose/medium_wish-list.png") no-repeat scroll 50% 0% transparent; width:100%; height: 115px; display: block; text-indent: -999em; float:left;} .ico-med_my-mailing-preferences { background: url("https://img.crocdn.co.uk/images/affiliates/waitrose/medium_my-mailing-preferences.png?v2") no-repeat scroll 50% 0% transparent; width:100%; height: 115px; display: block; text-indent: -999em; float:left;} /******* MY ORDERS - ORDER HISTORY ******/ #order-tracking .order-history {background: #fff;} #order-tracking .order-history .RightWrapCrocus {color: #363636; padding: 10px;background-color: #f7f7f7;} #order-tracking .order-history h2 {font-size: 18px; font-weight: normal; color: #62615d; margin-bottom: 15px;} #order-tracking .order-history .order-history-table {width: 100%;} #order-tracking .order-history .order-history-table .number {} #order-tracking .order-history .order-history-table .date {} #order-tracking .order-history .order-history-table .value {} #order-tracking .order-history .order-history-table .recipient {} #order-tracking .order-history .order-history-table th {padding: 0px 0px 10px 10px; font-size: 14px; line-height: 30px; text-align: left; font-weight: normal; color: #507a92;} #order-tracking .order-history .order-history-table td {padding: 0px 0px 0px 10px; line-height: 22px; font-size: 12px; color: #373737;} #order-tracking .order-history .order-history-table .row {background: #f1f1f1;} #order-tracking .order-history .order-history-table a {color:#4a83b4;} #order-tracking .order-history .order-history-table a:hover {text-decoration:underline;} /******* MY ORDERS - ORDER HISTORY DETAILS ******/ #order-tracking a.btn_back-to-order-history {float:right;font-weight: normal; margin-bottom: 10px; padding-right: 20px;padding-top:10px;font-size: 14px;line-height: 18px;color: #53831f;} #order-tracking a.btn_back-to-order-history:hover {text-decoration: underline;} #order-tracking .order-overview {line-height:20px;} #order-tracking .order-history .order-overview h3, #order-tracking .order-overview p.order-number {float:left;font-size: 18px; line-height: 1em; color: #4d453d; font-weight: normal; margin: 10px 0 10px 0;} #order-tracking .order-overview dt {clear:left;float:left;font-weight:bold;width:150px;font-size:12px;} #order-tracking .order-overview dd {float:left;font-size:12px;} #order-tracking .order-overview address {font-style:normal;} #order-tracking .order-detail {clear:left;padding-top:2px;background-color: #ffffff;font-size:12px;} #order-tracking .order-detail #my-wheelbarrow {width:100%;line-height:20px;} #order-tracking .order-detail #my-wheelbarrow th {font-weight:bold;padding:5px;} #order-tracking .order-detail #my-wheelbarrow td {text-align:center;padding:5px;} #order-tracking .order-detail #my-wheelbarrow td img {max-width:160px} #order-tracking .order-detail #my-wheelbarrow td.price, #order-tracking .order-detail #my-wheelbarrow th.price, #order-tracking .order-detail #my-wheelbarrow tfoot td {text-align:right;} #order-tracking .order-detail h3 {font-weight: bold;font-size: 15px;line-height: 38px;padding-left: 20px;color:#666666;} #order-tracking .order-history h2.order_tracking {display:none;} #order-tracking .order-history .intro {display:none;} #order-tracking .intro, #my-account #my-account_intro, #my-account #wish-list_intro {margin: 0 0 15px 0;} #order-tracking .btn_back-to-my-account {display:none;} /******* ADDRESS BOOK ******/ #my-account .RightWrapCrocus #address-book_intro {margin: 0 0 20px 0; color: #363636;} #my-account .RightWrapCrocus #address-book_intro p {font-size: 14px; line-height: 22px;} #my-account .RightWrapCrocus .btn_add-new-address {background: url(https://img.crocdn.co.uk/images/affiliates/waitrose/btn-form-new-address.png) no-repeat left top; width: 160px; height: 28px; display: block;border:0;text-indent:-9999px;cursor:pointer;} #my-account .RightWrapCrocus #address-book {font-size:12px;margin-top:0;} #my-account .RightWrapCrocus #address-book .adr {margin-top:0;} #my-account .RightWrapCrocus #address-book p.actions input {line-height:16px;} #my-account .RightWrapCrocus #address-book ul li {list-style:none;} #my-account .RightWrapCrocus #address-book ul li.vcard {margin-top:20px;} #my-account .RightWrapCrocus #address-book ul li .details {width: 240px;float:left;clear:both;padding-bottom:20px;} #my-account .RightWrapCrocus #address-book ul li .options {width: 220px;float:left;padding-bottom:20px;} #my-account .RightWrapCrocus #address-book ul li .actions {width: 70px;float:left;padding-bottom:20px;padding-top:5px;} #my-account .RightWrapCrocus #address-book ul li .details h3 { font-size: 12px; line-height: 22px; color: #363636; margin-bottom:5px;margin-top:0;} #my-account .RightWrapCrocus #address-book ul li .details h3 span.given-name {font-weight: bold;} #my-account .RightWrapCrocus #address-book ul li .options strong {font-weight: bold;} #my-account .RightWrapCrocus p {line-height: 22px;} #my-account .RightWrapCrocus #AddressIsDelivery, #my-account .RightWrapCrocus #AddressIsHome {margin: 6px 0;} .btn_edit {display: block; margin-bottom: 5px; cursor:pointer;} .btn_delete {display: block; cursor:pointer;} #my-account select[id^="pcaSelect"], #wheelbarrow select[id^="pcaSelect"]{ height: auto;} #my-account .RightWrapCrocus #address_edit fieldset {width:100%;background: #f6f7f7;padding: 20px 60px;} #my-account .RightWrapCrocus #address_edit dt {font-size: 16px; color:#53565a;font-weight:normal; margin-top:10px;} #my-account .RightWrapCrocus #address_edit dt.adress-edit-label {clear:both; margin-top:10px; float:left;} #my-account .RightWrapCrocus #address_edit dd.adress-edit-checkbox {display:inline; float:left; margin:9px;} #my-account .RightWrapCrocus #address_edit .adress-edit-checkbox label {float:left;} /******* MY ACCOUNT OPTIONS ******/ #my-account-header {padding-top:15px; padding-bottom:10px;} #my-account-header .account-created-info {border:1px solid #C0C0C0; padding:15px; width:100%; margin:0 0 20px 0; position:relative; width:55%;} #my-account-header .account-created-info h3 {border-bottom:1px solid #C0C0C0; width:100%; font-size:20px; padding-bottom:15px;} #my-account-header .account-created-info h4 {font-size:26px;padding-top:20px;} #my-account-header .account-created-info .account-created-info-close {border:1px solid #53565a;cursor:pointer;width:30px; height:30px; display:block; position:absolute; top:15px; right:15px; background-image: url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/menu-close.svg"); background-position:center center; background-repeat:no-repeat; background-size:contain;} #my-account .RightWrapCrocus p.intro {margin-bottom: 10px; color: #363636;font-size: 14px; line-height: 22px;} #my-account .RightWrapCrocus p.guidance {margin-bottom: 20px; color: #363636;font-size: 12px; line-height: 16px;} #my-account .RightWrapCrocus #my-account_edit dl {overflow:hidden;padding-left:7px;} #my-account .RightWrapCrocus #my-account_edit dt {text-align:right; padding:7px 0.5em;float:left;clear:left;font-weight:bold;line-height: 14px;} #my-account .RightWrapCrocus #my-account_edit dd {padding:2px 0;text-align:left;clear:right;overflow:hidden;width:60%;} #my-account .RightWrapCrocus #my-account_edit dd.radio-label {padding:7px 0;} #my-account .RightWrapCrocus #my-account_edit dd input {margin-bottom:3px;width:100%;} #my-account .RightWrapCrocus #my-account_edit dd.align-right {float:right} #my-account .RightWrapCrocus #my-account_edit dl.mailing-preferences-save dd.align-right, #my-account .RightWrapCrocus #my-account_edit p.align-right {text-align:right;} #my-account .RightWrapCrocus #my-account_edit .label-long {width:40%; font-size:14px; font-weight:normal;} #my-account .RightWrapCrocus #my-account_edit .label-long label {font-weight:normal;} #my-account .RightWrapCrocus #my-account_edit .btn_change-email { background: url("https://img.crocdn.co.uk/images/affiliates/waitrose/btn-change-email.png") no-repeat scroll left top transparent; width: 109px; height: 26px; display: block; float: right; text-indent:-9999px; border:0;cursor:pointer;margin-right:2px;margin-top: 5px;clear:both;} #my-account .RightWrapCrocus #my-account_edit .btn_change-password { background: url("https://img.crocdn.co.uk/images/affiliates/waitrose/btn-change-password.png") no-repeat scroll left top transparent; width: 133px; height: 26px; display: block; float: right; text-indent:-9999px; border:0;cursor:pointer;margin-right:2px;clear:both;} #my-account .RightWrapCrocus #my-account_edit fieldset {width:80%; margin:20px auto; border: 1px solid #C0C0C0; padding: 5px;} #my-account .RightWrapCrocus #my-account_edit fieldset.wide {width:100%;padding:20px 15px;} #my-account .RightWrapCrocus #my-account_edit #recaptcha_widget_div {float:right;} #my-account .LeftWrapCrocus p, #order-tracking .LeftWrapCrocus p {margin-bottom: 30px; line-height: 20px;} #my-account .LeftWrapCrocus, #order-tracking .LeftWrapCrocus {width:33%;float:right;} #my-account .LeftWrapCrocus h4, #order-tracking .LeftWrapCrocus h4 {font-weight:normal;} #my-account .LeftWrapCrocus strong, #order-tracking .LeftWrapCrocus strong {font-size: 18px;line-height: 20px;color: #4e463d;margin-bottom: 3px; font-weight:normal;} #my-account .LeftWrapCrocus span, #order-tracking .LeftWrapCrocus span {font-size: 14px;line-height: 20px;color: #6e6965;} #my-account .LeftWrapCrocus a, #order-tracking .LeftWrapCrocus a {color: #54851c;} #my-account .white-box h2, #my-account .white-box h3, #order-tracking .order-history h2, #order-tracking .order-history h3 {font-family: Tahoma,Geneva,sans-serif;font-weight: normal;font-size: 18px;line-height: 20px;color: #62615d;} #my-account .RightWrapCrocus, #order-tracking .RightWrapCrocus {width:65%;float: left;} /******* WISHLIST ******/ #my-account .wish-list-item-wrapper {display:none;} #my-account #wish-list-actions .btn_go { background: url("https://img.crocdn.co.uk/images/affiliates/waitrose/GoBut.gif") no-repeat scroll left top transparent; width: 29px; height: 15px; display: block; text-indent:-9999px; border:0;cursor:pointer;margin-left:3px;margin-top:2px;} #my-account .action-wishlist {margin-bottom:20px;} #my-account .action-wishlist h2 {font-size: 18px; font-weight: normal; color: #62615d;} #my-account .action-wishlist .RenameIcon {display:block; cursor:pointer; float: right; margin-left: 10px;margin-top:-60px;} #my-account .action-wishlist .ShareIcon {background: url(https://img.crocdn.co.uk/images/affiliates/waitrose/btn-wish-list-share.png) no-repeat left top; display: block;width: 72px; height: 16px; border:0; text-indent:-9999px;cursor:pointer;float: right; margin-left: 10px;} #my-account .action-wishlist #wish-list-actions.form-field {width:33%;} #my-account #my-wheelbarrow {font-size:12px;color: #565656;border-top: 1px solid #eeeeee;} #my-account #my-wheelbarrow h4 {margin:0;padding:0;font-size:14px;font-weight:normal;} #my-account #my-wheelbarrow tr {border-bottom: 1px solid #eeeeee;} #my-account #my-wheelbarrow td.latin-name {font-size:14px} #my-account #my-wheelbarrow td.availability {padding-left:35px;} #my-account #my-wheelbarrow td.product_photo {width:90px;} #my-account #my-wheelbarrow .price {text-align:right;font-weight:bold;} #my-account #my-wheelbarrow td.item_price a {text-decoration:none;color:#666666;} #my-account #my-wheelbarrow td {padding: 10px 5px; vertical-align: top; line-height: 18px;} #my-account #my-wheelbarrow td p {vertical-align: top; margin:0; padding:0;} #my-account #my-wheelbarrow #wish-list-actions td {padding: 0 5px 25px 0; text-align:right;} #my-account #my-wheelbarrow a.btn_buy {background: url("https://img.crocdn.co.uk/images/affiliates/waitrose/btn-add.png") no-repeat scroll left top transparent; width: 60px; height: 23px; display: block; text-indent:-9999px; border:0;cursor:pointer; margin: 0 0 8px 0; float:right; clear:both;} #my-account #my-wheelbarrow .btn_delete {background: url("https://img.crocdn.co.uk/images/affiliates/waitrose/btn-wish-list-item-remove.png") no-repeat left top; display: block; margin: 0 0 8px 0; text-indent:0; width:93px; height:17px; border:0; text-indent:-9999px;cursor:pointer; float:right; clear:both;} #my-account #my-wheelbarrow .btn_mailing {background-color: #F7F5F4; border: 1px solid #C8C8C8; color: #565656; float: right; font-size: 11px; height: 15px; padding: 0 2px 0 4px; text-align: left; text-decoration: none;} #my-account #my-wheelbarrow .email-me-message {float: right;} #my-account #my-wish-list_add {line-height:20px;} #my-account #my-wish-list_add input, #my-account #my-wish-list_add textarea {width:100%;} #my-account #my-wish-list_add dt, #my-account #my-wish-list_add .button-panel {padding-top:10px;} #my-account #my-wish-list_add .btn_continue {background: url(https://img.crocdn.co.uk/images/affiliates/waitrose/btn-form-continue.png) no-repeat left top; display: block; width: 106px; height: 24px; border:0; text-indent:-9999px;cursor:pointer;float:left;} #my-account #my-wish-list_add .btn_back {background: url(https://img.crocdn.co.uk/images/affiliates/waitrose/btn-form-back.png) no-repeat left top; display: block; width: 120px; height: 24px; border:0; text-indent:-9999px;cursor:pointer;float:left;margin-right:50px;} .new-wish-list-item .tab-add-to-wishlist {position: absolute;top: -19px;left: -3px;font-weight: bold;} .wish-list-item {position: relative;margin-top: 50px;float: left;clear: both;width: 99%;} .wish-list-item .product-photo {float: left;padding: 15px 5px;} .wish-list-item .product-description {float: left;width: 45%;padding: 15px 0px 15px 15px;} .wish-list-item .product-attr {float: right;clear: right;width: 40%;padding: 15px 0px;} .wish-list-item .price-heading, .wish-list-item .availability-heading {position: relative;top: -35px;margin-bottom: -1em;} .wish-list-item .availability-heading , .wish-list-item .price-heading {font-weight: bold;} .wish-list-item .price, .wish-list-item .availability, .wish-list-item .price-heading, .wish-list-item .availability-heading {display: block;} .wish-list-item .product-attr li { display: inline; float: left; padding: 0px; list-style: none outside none; width: 40%;} #my-account dt, #my-account dd {display:block;} .wishlist_list .best-sellers-box .buy-panel .button-add {width:40%; float:left;} .wishlist_list .best-sellers-box .buy-panel .button-remove {width:58%; float:left; margin-right:2%;} /************ EDITORIAL ***********/ #editorial-content-block {float:left; width:100%; background-color: #ececec; display: block; color: #444444; margin:10px 0; overflow: hidden;} #editorial-content-block .top-padding {padding-top: 10px;} #editorial-content-block #editorial-content-right-content-image-panel {width:50%; float: right; margin: 0 0 10px 15px;} #editorial-content-block #editorial-content-left-content-text-panel {padding: 10px 20px 10px 15px; position:relative;} #editorial-content-block #editorial-content-left-content-image-panel {width:50%; float: left; margin: 10px; 0 0 15px;} #editorial-content-block #editorial-content-right-content-text-panel {padding: 15px 20px 10px 10px; position:relative;} /************ ADD TO WHEELBARROW ***********/ .cat_count_hover span {color:#fff;} .cat_count_hover {background-color:#628aa2;color:#fff;font-size: 26px;font-style: italic;font-weight: 600;line-height: 1.5;padding:20px 0;position:fixed;text-align: center;width: 100%;top:0;display: none;z-index:9999999999;} /************ DELIVERY CALENDAR ***********/ .delivery-calendar {height:320px;width: 100%;} .calendar-widget.calendar-left {margin-right: 14px;} .calendar-widget {float: left;height: 320px; position:relative; width: 48.5%; width: calc(50% - 7px); margin-bottom:15px; display:block; overflow:hidden;} .calendar-widget > table {height:100%; line-height: 18px; text-align:center; width: 100%;} .calendar-widget > table thead th {font-size:16px; font-weight:normal; font-family: "WaitroseBold"; color:#fff; background: #537517; text-align:center;} .calendar-widget.calendar-left .prev-month {display: none; background-image: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/delivery-calendar-prev.gif); background-repeat: no-repeat; background-position: center center; cursor: pointer;} .calendar-widget.calendar-left .prev-month.disabled {background-image: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/delivery-calendar-prev-disabled.gif);} .calendar-widget.calendar-right .next-month {display:none; background-image: url(https://img.crocdn.co.uk/images/affiliates/crocus/wheelbarrow/delivery-calendar-next.gif); background-repeat: no-repeat; background-position: center center; cursor: pointer;} .calendar-widget > table tbody.day-names td {background-color: #fff; font-weight: bold; height:40px; font-family: "WaitroseBold";} .calendar-widget > table tbody.days td {font-weight: normal; background-color: #fff; height:40px; border: solid 1px #d7d7d7;} .calendar-widget > table tbody.days td.holiday, .calendar-widget > table tbody.days td.blank, .calendar-widget > table tbody.days td.not-allowed {background-color: #e1e1e1; color:#adadad; font-family: "WaitroseBold"; font-weight:normal; font-size:16px;} .calendar-widget > table tbody.days td.weekend-delivery {background-color: #fff; color:#000;} .calendar-widget > table tbody.days td.selected {color:#fff;background: rgb(121,152,61);background: -moz-linear-gradient(top, rgb(121,152,61) 0%, rgb(90,129,6) 100%);background: -webkit-linear-gradient(top, rgb(121,152,61) 0%,rgb(90,129,6) 100%);background: linear-gradient(to bottom, rgb(121,152,61) 0%,rgb(90,129,6) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79983d', endColorstr='#5a8106',GradientType=0 );font-weight: normal;} .calendar-widget > table tbody.days td a {color:#515151; display: block; font-family: "WaitroseBold";} .calendar-widget > table tbody.days td.selected a {color:#fff;} /************ 404 PAGE ***********/ .page-not-found .page-not-found-content {clear:both;display:block;margin-top:30px;} .page-not-found .page-not-found-content h1 {color:#6d95ac;} .page-not-found .page-not-found-content h1 span {font-size:60px;padding-right:15px;} .page-not-found .page-not-found-content h2 {font-family: "WaitroseRegular";font-weight:normal;font-size:25px;} /************ COOKIES NOTICE ***********/ .cookies-notice {background-color: #edeff0;position:relative;width:100%;color:#fff;font-family:Arial;text-align:center;} .cookies-notice-panel {margin: 0 auto;padding:0;} .cookies-notice a {color: #4e463d; text-decoration:underline;} .cookies-notice-panel span, .cookies-notice-panel a {vertical-align: middle;line-height:28px;} .cookies-notice .cookies-notice-header .cookies-notice-title {color: #5e8ca8; font-weight:bold; font-size:12px; text-decoration:none;display:inline;} .cookies-notice .cookies-notice-header {position:relative; width:100%;} .cookies-notice .cookies-notice-message {color:#4e463d;font-size:12px;display:inline;} .cookies-notice .cookies-notice-message p {margin:0px;} .cookies-notice .cookies-notice-header a.cookies-agreement-link {background-image: url("https://img.crocdn.co.uk/images/affiliates/waitrose/cookie-agreement-button-blue.png"); background-repeat: no-repeat;display:block;height:24px;margin:0 0 0 7px;width:24px;display:inline-block;} /* ============================== Responsive Main ============================== */ @media only screen and (max-width: 1430px){ .navbar-header .navbar-brand {padding-left:20px;} } @media only screen and (max-width: 1370px){ .cart-mian {width:70%;} } @media only screen and (max-width: 1300px){ .nav-bottom ul.navbar-nav > li > a, .nav-bottom ul.navbar-nav > li > a, .nav-bottom ul.navbar-nav > li.offers > a, .nav-bottom ul.navbar-nav > li .list-nav-title {padding:0 22px;letter-spacing:1px;} .cart-mian {width:80%;} .navbar-header .navbar-brand {padding-left:20px;} } @media only screen and (max-width: 1200px){ .header-top .navbar-nav > li.tit {padding-right:5px;} .nav-bottom ul.navbar-nav > li > a, .nav-bottom ul.navbar-nav > li > a, .nav-bottom ul.navbar-nav > li.offers > a, .nav-bottom ul.navbar-nav > li .list-nav-title {padding:0 22px;} .cart-mian {width:85%;} .header-top .navbar-nav > li.tit {padding-left:0;} .container {padding:0 20px;} .navbar-header .navbar-brand {padding-left:0;} .header-top .navbar-nav > li > a, .navbar-inverse .header-top .navbar-nav > li {font-size:12px;} .payment-section .checkout-accepted-cards-container {width:70%;} .payment-section .checkout-button {width:30%;} #main-container .info-panel .container {font-size:16px;} .orders-paused-banner .slide2-box {padding:10px 0 10px 0} .orders-paused-banner .carousel-caption {min-height:unset;} .orders-paused-banner .slide2-box h1 {padding-bottom:10px;font-size:36px;line-height:42px;} .orders-paused-banner .slide2-box p {margin-left:0;font-size:18px;} .orders-paused-banner .carousel-caption {height:310px;} .orders-paused-banner .carousel-caption {height:480px;} } @media only screen and (max-width:1130px){ .header-top .navbar-nav > li.tit {padding-right:5px;} .nav-bottom ul.navbar-nav > li > a, .nav-bottom ul.navbar-nav > li > a, .nav-bottom ul.navbar-nav > li.offers > a, .nav-bottom ul.navbar-nav > li .list-nav-title {padding:0 20px;} } @media only screen and (max-width: 1100px){ .header-top .container {padding:0 5px;} .cart-mian {width:90%;} .navbar-inverse .header-top .navbar-nav > li {padding: 0 4px;} .nav-bottom ul.navbar-nav > li > a, .nav-bottom ul.navbar-nav > li > a, .nav-bottom ul.navbar-nav > li.offers > a, .nav-bottom ul.navbar-nav > li .list-nav-title {padding:0 14px;letter-spacing:1px;} .header-top .pull-right li.phone, .header-top .pull-right li.help, .header-top .pull-right li.delivery, .header-top .pull-right li.account {padding-left:30px;} .header-top .pull-right li.help {padding-left: 35px;} } @media only screen and (min-width: 1000px){ .owl-carousel .best-sellers-box .img-box {height: 210px; overflow: hidden;} .wishlist_list .best-sellers-box .img-box {height:170px;} } @media only screen and (max-width: 1000px){ .container { padding:0 20px; } .container { max-width:100%; } .banner-main .carousel-caption .offer-discount {right:10px;} .nav-bottom ul.navbar-nav > li > a, .nav-bottom ul.navbar-nav > li.offers > a, .nav-bottom ul.navbar-nav > li .list-nav-title {padding:0 18px;} .cart-mian {width:100%;} .cart-mian .check-btn {min-width:110px;} .orders-paused-banner .carousel-caption {height:480px;} .orders-paused-banner .slide2-box p {font-size:16px;} } @media only screen and (max-width: 999px){ .nav-bottom ul.navbar-nav > li > a, .nav-bottom ul.navbar-nav > li.offers > a, .nav-bottom ul.navbar-nav > li .list-nav-title {font-size:16px; padding:0 12px;} } @media only screen and (max-width: 991px){ .section-white{padding:40px 0;} .parallax{background-position:center center !important;} .banner-main .carousel-caption { height:300px; } .orders-paused-banner .carousel-caption {height:480px;} /*.wrapper { padding-top:0; }*/ .cart-mian { padding-left:15px; } .header-top .navbar-nav > li {letter-spacing:0} .header-top .navbar-nav > li.tit { padding-right:0; letter-spacing:0} .mega-dropdown-menu .col-xs-1, .mega-dropdown-menu .col-xs-2, .mega-dropdown-menu .col-xs-3, .mega-dropdown-menu .col-xs-4, .mega-dropdown-menu .col-xs-5, .mega-dropdown-menu .col-xs-6, .mega-dropdown-menu .col-xs-7, .mega-dropdown-menu .col-xs-8, .mega-dropdown-menu .col-xs-9, .mega-dropdown-menu .col-xs-10, .mega-dropdown-menu .col-xs-11, .mega-dropdown-menu .col-xs-12 { float:none; display:inline-block; margin:0 -2px; vertical-align:top; } .nav-bottom ul.navbar-nav > li.list-nav ul.mega-dropdown-menu .pots-offer { text-align:center; padding:15px 0; } .nav-bottom ul.navbar-nav > li.list-nav ul.mega-dropdown-menu .pots-offer img { width:auto; margin:0 auto; display:inline-block; } .section-slider .slide-img { height:300px !important; object-fit:cover; } .home-garden-magazine-banner .garden-magazine-dtl p { margin-bottom:15px; } .shop-offers-box.summer-colour-box img { height:200px; object-fit:cover; } .plants-box.summer-colour-box img { height:200px; object-fit:cover; } .best-sellers-box .img-box {height:240px;} .sorting-tools .availability-label {padding:15px 0 0 0; float:none; display:block;} .shop-single .shop-single-right { padding-right:15px; } .available-order ul li.price{font-size:22px;} #my-account .LeftWrapCrocus, #order-tracking .LeftWrapCrocus,#my-account .RightWrapCrocus, #order-tracking .RightWrapCrocus {width:100%;float:none;} #my-account .RightWrapCrocus, #order-tracking .RightWrapCrocus {padding-bottom:15px;display: block;overflow: hidden;} .owl-carousel .best-sellers-box .img-box {height:280px; overflow: hidden;} } @media only screen and (max-width: 961px){ .nav-bottom ul.navbar-nav > li > a, .nav-bottom ul.navbar-nav > li.offers > a {padding:0 12px;} .cart-mian .check-btn {min-width:100px;} .cart-mian {width:100%;} } @media only screen and (max-width: 950px){ #breadcrumb {margin-top:0;} .wrapper { padding-top:0; } .navbar-fixed-top, .navbar-fixed-bottom { position:relative; } .top-delevery-method, .footer-top .footer-logo { display:block; visibility:visible; } .bot-phone, .top-delevery-method.foot-delevery { display:block; visibility:visible; } .shop-single-left, .shop-single-right { width:100%; } .shop-single .section-title { display:none; } .shop-single .shop-single-left .section-title { display:block; } .eventual-height { display:none; } .shop-single .shop-single-right .eventual-height { display:block; } .shop-single .flexslider .wishlist { display:none; } .offer-caption {padding-top:40px;} .shop-single-left .flexslider .slides img { width:auto; max-width:100%; margin:0 auto; max-height:450px;} .wheelbarrow-contents ul li { width:100%; margin-right:0; height:auto;} .owl-carousel .best-sellers-box .img-box {height:240px;} .navbar .container { position:relative; padding:0; } .wrapper .off-mobile{display:none;} .wrapper .on-mobile{display:inline-block;max-height:100%;padding:0;margin:0;vertical-align:top;} .wrapper .svg-object{width:100px;height:44px;pointer-events:none;} .wrapper .svg-object .non-svg-replacement{width:110px;height:32px;margin-top:5px;} .waitrose-partners-logo {margin:20px auto; width:180px; height:40px; background: url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/waitrose-and-partners-small.png") no-repeat center; background-image: url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/waitrose-and-partners-small.svg");} .waitrose-partners-logo-footer {width:400px; height:157px;} .navbar-header {float:left;width:20%;padding-left:20px;margin:0;box-sizing:border-box;} .header-right {width:75%;} .header-right .hdr-search {width:95%} .navbar-header img { max-width:200px; } .header-right .check-btn{display:none;} #my-account-header .account-created-info {width:100%;} .cart-mian { width:auto; max-width:inherit; padding:0; position:absolute; right:15px; top:8px; z-index:22;} .cart-mian b, .cart-mian p {text-align:right;padding:0;} .cart-icon-active .cart-mian, .cart-icon-inactive .cart-mian {background-position:45px 0;} .cart-mian .top-cart { width:auto; height:unset; min-width:unset; padding:0 40px 0 0; text-align:left; float:right; position:relative; font-family:JLLight,Arial, Helvetica, sans-serif; font-size:13px; line-height:18px;border:none;} .cart-mian .top-cart b{display:block; font-family:WaitroseBold,Arial, Helvetica, sans-serif; font-size:15px; line-height:15px; font-weight:normal;} .cart-mian .top-cart span{position:absolute; left:44px; top:3px; display:inline; font-size:13px; color:#466a09; width:28px; text-align:center;} .cart-mian .top-cart .mini-cart-total {line-height:14px;margin-top:8px;} .cart-mian .top-cart img { position:relative; top:auto; width:28px; margin:0 auto; display:block; margin-bottom:3px; } .cart-mian .check-btn { padding:23px 10px; padding-right:0; border-left:5px solid #eff0f0; } .cart-mian .check-btn a {height:unset;} .nav-bottom { min-height:inherit; background:#fff; border:none;} .best-sellers-box .img-box {height:220px;} .owl-carousel .best-sellers-box .img-box {height:210px;} .hdr-search .top-phone { display:none; visibility:hidden; } .banner-main .carousel-caption .offer-discount {width:130px; height:130px; font-size:40px; line-height:36px; right:10px;} .banner-main .carousel-caption .offer-discount small {font-size:18px; line-height:16px;} .navbar-left,.navbar-right { float: none !important; } .navbar-toggle { display: block;} .navbar-toggle .line-bar {margin-top:-5px;margin-left:-5px;width:26px;height:26px;background-image: url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/hdr-menu.svg"); background-position:center center; background-repeat:no-repeat; background-size:contain;} .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin-top: 7.5px; } .navbar-nav>li { float: none; } .navbar-nav>li>a{ padding-top: 10px; padding-bottom: 10px; } .navbar-nav .list-nav a.no-dropdown-toggle {display:none;} .navbar-nav .list-nav a.dropdown-toggle {display:block;} .navbar-nav .col-sm-6, .navbar-nav .col-sm-3, .navbar-nav .col-xs-3 {width:100%;} .nav-bottom ul.navbar-nav > li > a:hover, .nav-bottom ul.navbar-nav > li:hover > a, .nav-bottom ul.navbar-nav > li.active > a, .nav-bottom ul.navbar-nav .list-nav-title {margin-bottom:-3px; padding-top:12px; padding-bottom:12px;} .nav-bottom ul.navbar-nav > li.list-nav-title-bar {background-color:#f3f3f3;} .nav-bottom ul.navbar-nav > li.list-nav-title-bar a:hover {margin:0;border-bottom:0;} .collapse.in{ display:block !important; } .navbar-header .clearfix{display:none;} .navbar-inverse .navbar-toggle{background:#000; position:absolute; left:0; top:26px; margin:0; } .nav-bottom{margin:0;} .header-top{ display:none; visibility:hidden; } .navbar-fixed-top .nav-bottom .navbar-collapse, .navbar-fixed-bottom .nav-bottom .navbar-collapse { min-height:inherit !important; } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height:inherit !important; } .nav-bottom{z-index:20;} .navbar .navbar-toggle {position:absolute; left:16px; top:20px; padding:0; height:18px; border-radius:0; margin:0; background:none; border:none; border-right:none; z-index:9999px; width:80px; text-transform:uppercase;} .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background:none;} /*.navbar-inverse .navbar-toggle:hover b, .navbar-inverse .navbar-toggle:focus b { color:#fff; } .navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar { background:#fff; }*/ .navbar .navbar-toggle b { font-size:20px; font-family: JLLight; margin-top:-3px; font-weight:normal; display:inline-block; width:auto; vertical-align:middle; position:absolute; right:0; top:0;} .navbar .navbar-toggle .icon-bar{background: #53565a; background: -moz-linear-gradient(left, #53565a 0%, #53565a 100%); background: -webkit-linear-gradient(left, #53565a 0%,#53565a 100%); background: linear-gradient(to right, #53565a 0%,#53565a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53565a', endColorstr='#53565a',GradientType=1 ); width:18px; height:2px; border-radius:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .navbar .navbar-toggle .icon-bar + .icon-bar{margin:5px 0;} .nav-bottom .header-secondnav{position:relative; left:0; top:0; background:none; width:100%; margin:0; height:auto !important; padding-top:70px;} .nav-bottom .header-secondnav ul{margin:0; width:100%; position:relative; background:none; border:none;} .nav-bottom .header-secondnav ul.navbar-nav{padding:0; border-top:none;} .nav-bottom ul.navbar-nav > li{display:block; text-align:left; padding:0; border-bottom:solid 1px #eaeaea; background:none; width:100%; } .nav-bottom ul.navbar-nav > li.offers > a { padding:12px 14px; background:none; color:#b80026; line-height:normal; font-size:18px; font-family: "WaitroseRegular";background-image: url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/chevron-right.svg"); background-position:right 12px center; background-repeat:no-repeat; background-size:24px;} .nav-bottom ul.navbar-nav > li > a, .nav-bottom ul.navbar-nav > li.open > a { padding:12px 14px; color:#545454; border:none; font-size:18px; font-family: "JLLight"; line-height:normal;} .nav-bottom ul.navbar-nav > li .list-nav-title {padding:12px 14px;cursor:default;} .nav-bottom ul.navbar-nav > li.open > a { color:#537517; background-image: url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/chevron-left.svg"); background-position:right 12px center; background-repeat:no-repeat;} .nav-bottom ul.navbar-nav > li > a {background-image: url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/chevron-right.svg"); background-position:right 12px center; background-repeat:no-repeat; background-size:24px;} .nav-bottom ul.navbar-nav > li > a.no-arrow {background:none;} .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {color:#537517; } .nav-bottom ul.navbar-nav > li.list-nav > ul { padding:0; } .nav-bottom ul.navbar-nav > li.list-nav:hover > ul{display:none;} .nav-bottom ul.navbar-nav > li.list-nav > ul{position:relative; left:0;} .nav-bottom ul.navbar-nav > li.list-nav ul{border:none; background:none;} .nav-bottom ul.navbar-nav > li.list-nav ul > li{border:none; padding-left:0; padding-top:1px;} .nav-bottom ul.navbar-nav > li.list-nav.open > ul{display:block; left:0 !important; top:0 !important; } .nav-bottom ul.navbar-nav > li.list-nav ul > li:hover > ul.dropdown-menu{display:none; left:0; position:relative;} .nav-bottom ul.navbar-nav > li.list-nav ul > li.open > a .fa-angle-right{-ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg);} .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color:#545454; } .nav-bottom ul.navbar-nav > li.list-nav ul > li a {color:#545454; background:none; padding:5px 25px} .nav-bottom ul.navbar-nav > li.list-nav ul.mega-dropdown-menu ul { min-height:inherit; border:none; padding:15px 0; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .nav-bottom ul.navbar-nav > li.list-nav ul > li a:hover, .nav-bottom ul.navbar-nav > li.list-nav ul > li:hover > a { background:none; color:#b80026; } .nav-bottom ul.navbar-nav > li.list-nav ul > li { color:#545454; } .nav-bottom ul.navbar-nav > li.list-nav ul > li > ul.dropdown-menu, .nav-bottom ul.navbar-nav > li.list-nav ul > li:hover > ul.dropdown-menu{display:none; position:relative; left:0 !important; top:0 !important;} .nav-bottom ul.navbar-nav > li.list-nav ul > li.open > ul.dropdown-menu{display:block;} .nav-bottom ul.navbar-nav > li.list-nav ul.mega-dropdown-menu ul li b{padding:5px 25px} .nav-bottom{position:fixed; left:-100%; top:0; width:100%; z-index:24; background:rgba(0,0,0,0.1); height:100%;} .nav-bottom.open-nav{left:0;} .wrapper .navbar-toggle{z-index:25;} .wrapper .navbar-toggle.open{position:fixed; width:72%; height:55px; background:#fff; left:0; top:0; border-bottom:solid 2px #eaeaea; padding:0 5px;} .wrapper .navbar-toggle.open .line-bar{float:right; width:30px; position:relative;background-image: url("https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/menu-close.svg"); background-position:center center; background-repeat:no-repeat; background-size:contain;} .wrapper .navbar-toggle.open b{width:100%;text-transform:uppercase; padding:20px 0 15px 42px; text-align:left; background-image: url(https://img.crocdn.co.uk/images/affiliates/waitrose/responsive/icons/chevron-left.svg); background-size:22px 22px; background-repeat: no-repeat; background-position: 16px 20px;} .nav-bottom .navbar{position:relative; background:#fff; height:100%; top:0; left:0; width:72%; overflow:auto; left:-72%; } .nav-bottom.open-nav .navbar{left:0;} .payment-section .checkout-accepted-cards-container {width:60%;} .payment-section .checkout-button {width:40%;} } @media only screen and (max-width: 880px) and (min-width: 768px) { .shop-offers-box .offers-dtl h5 {font-size:18px;} .shop-offers-box .offer-discount, .home-garden-magazine-banner .offer-discount {font-size:18px; font-size:18px; line-height:18px; width:70px; height:70px; top:8px; right:8px;} .offer-discount .medium {font-size:16px; line-height:14px;} } @media only screen and (max-width: 800px){ .waitrose-partners-logo {width:160px; height:35px;} .banner-main .rslides-editorial .carousel-caption {height: 220px;} .navbar-brand .jlmediumfont {font-size:28px;} .options_search_filter .option {width:48%; margin:0 1% 10px 0;} .options_search_filter .option .op_label {width:100%;} .offer-caption {padding-top:30px;} .payment-section .gift-card, .payment-section .remove-pro {width:100%;} .footer { padding:0 0 20px 0; } .footer .container { padding:0; } .footer-top .footer-waitrosegarden-crocus { position:relative; padding:20px 20px 0 20px; } .footer-top { padding-top:0; } .footer-top .footer-box { width:50%; margin-left:0; margin-right:0;} .footer-top .footer-box.f-about, .footer-top .footer-box.f-websites {} .footer-top .footer-box.f-subscribe { width:100%; } .footer-top .footer-box.f-terms { clear:left;} .footer-top .footer-box .accordion.show-mobile { display:block; visibility:visible; } .footer-top .footer-box .accordion.show-desktop { display:none; visibility:hidden; } .footer-top .footer-box .accordion { background:#eff0f0; margin:0; padding:10px 20px; color:#6d95ab; cursor:pointer; font-family: "WaitroseRegular"; font-size:20px; } .footer-top .footer-box .accordion .fa { opacity:1; } .footer-top .footer-box .accordion.active .fa:before { content: "\f068"; } .footer-top .footer-box .panel { max-height:0; overflow:hidden; border-bottom:1px solid #d4d4d4; background:#eff0f0; } .footer-nav, .subscribe-email-f { padding:0 20px 15px 20px; } } @media only screen and (max-width: 783px){ .filters .more-filters-btn, .filters .form-group, .filters .form-group.small-group { width:48%; padding-bottom:15px; } .filters .more-filters-btn { width:100%; text-align:center; padding-bottom:0; } #my-account .action-wishlist #wish-list-actions.form-field {width:50%;} } @media only screen and (max-width: 767px){ .navbar-header .navbar-brand {padding-left:10px;} .header-right {width:70%;} .banner-main .carousel-caption { height:250px; } .orders-paused-banner .carousel-caption {height:480px;} .home-shop-offers .container { max-width:600px; } .inspire-box { margin-bottom:15px; } .home-garden-magazine-banner .garden-magazine-dtl {font-size:16px;} .sign-in-main .sign-in-box { width:100%; padding:15px; min-height:inherit; } .delivery-options .item-main { border-bottom:1px solid #dfdfdf; } .delivery-options .form-tit { padding-top:25px; } .delivery-options .item-main .form-field { width:30px; } .delivery-options .gift-mian { position:relative; height:80px; } .delivery-options .gift-mian .gift-img { position:absolute; top:0px; height:67px; bottom:0; margin:auto 0; left:0; } .delivery-options .gift-mian .form-field { padding-left:115px; width:100%; padding-right:0; } .delivery-options .gift-mian .form-field.radio-check.radio-big input[type="radio"] + span.item-label { padding-left:0; padding-right:44px; background-position:right top; width:100%; } .delivery-options .gift-mian .form-field.radio-check.radio-big label.radio-btn { width:100%; } .delivery-options .gift-mian .form-field.radio-check.radio-big.nogift-wrap b { font-weight:bold; } .payment-options .payment-col b { font-weight:bold; } .payment-options .payment-col br { display:none; } .card-details .form-field label.label-control { text-align:left; } .best-sellers-box { border:1px solid #c7c7c7; } .section-white .owl-carousel .item { padding:0 4px; } .offer-caption {padding-top:20px; font-size:18px} .offer-caption h4 {padding-bottom:10px;} .items-included-sec .item-tab { border:1px solid #dfdfdf; } .items-included-sec .item-row { padding:12px; border-color:#dfdfdf; } .items-included-sec .item-desc { padding-left:20px; position:relative; } .items-included-sec .name-row { display:none; visibility:hidden; } .items-included-sec .item-desc li.plant { width:100%; padding-bottom:25px; } .items-included-sec .item-row .item-desc li span { display:inline-block; font-size:14px; } .items-included-sec .item-desc li.availa { position:absolute; left:20px; top:45px; } .items-included-sec .item-desc li.price, .items-included-sec .item-desc li.qty, .items-included-sec .item-desc li.total { width:33.3%; font-size:18px; } .items-included-sec .item-desc li.total { color:#6d96ac; } .items-included-sec .item-desc li.total span { color:#53565a; font-weight:normal; } .wheel-barrow-top { padding:0 0 20px 0; } .wheel-barrow-top h2 { padding:0 0 15px 0; } .wheel-barrow-top .btn { position:relative; float:left; } .wheel-barrow-top .btn.go-check-btn { float:right; } .payment-section .checkout-button img { display:block; margin:0 0 10px auto; } .payment-options .payment-col .edit{right:15px;} .payment-options .payment-col .col-lg-8{padding-right:50px;} .payment-options .last-payment.payment-col .col-lg-8, .payment-options .payment-col .form-field-btn .col-lg-8 {padding-right:15px;} .slide1-box{padding:0 30px;} .slide2-box{padding:0 30px;} .banner-main .carousel-caption h2{font-size:36px; line-height:40px; padding-bottom:10px;} .banner-main .carousel-caption p{padding-bottom:20px;} .banner-main .carousel-caption .offer-discount {width:110px; height:110px; font-size:34px; line-height:30px;} .banner-main .carousel-caption .offer-discount small {font-size:16px; line-height:16px;} .delivery-main::after{display:none;} .content-left{width:100%;} .content-right{background:#f3f7f9; width:100%;} .map-right{padding:20px 0;} .image-cap{width:60%; min-height:325px;} .image-cap2{min-height:195px;} .showing-page .sorting-tools .showing-page-name {display:none;} #editorial-content-block a.shop-link {position:relative; right:auto; bottom:auto;} .card-details img.credit-cards-icon2 {float:right;} #my-account .action-wishlist .RenameIcon {margin-top:10px;float:none;clear:both;margin-left:0;} } @media only screen and (max-width: 640px){ .navbar-header img { width:100%; } .waitrose-partners-logo {width:122px;height:28px;} .search-form .form-group input.form-control {height:32px;} .navbar-header {padding-top:8px;} .wrapper .navbar-toggle.open b{font-size:14px;} .search-form .form-group-btn input {background-position-y:3px;} .navbar-brand .jlmediumfont {font-size:24px;} .header-right {width:60%;} .wrapper .navbar-toggle.open b {padding: 20px 0 15px 30px;} .wrapper .navbar .navbar-toggle b {font-size:14px;margin-top:-2px;background-position: 4px 18px;} .navbar .navbar-toggle {width:60px; left:8px;} .navbar-header .navbar-brand {padding-left:0;} .cart-mian {right:5px;} .nav-bottom ul.navbar-nav > li.list-nav-icon span.menu-icon-account, .nav-bottom ul.navbar-nav > li.list-nav-icon span.menu-icon-wishlist, .nav-bottom ul.navbar-nav > li.list-nav-icon span.menu-icon-delivery, .nav-bottom ul.navbar-nav > li.list-nav-icon span.menu-icon-help, .nav-bottom ul.navbar-nav > li.list-nav-icon span.menu-icon-contact {background-size:26px;background-position-y:3px;} .nav-bottom ul.navbar-nav > li > a, .nav-bottom ul.navbar-nav > li.open > a, .nav-bottom ul.navbar-nav > li.offers > a, .nav-bottom ul.navbar-nav > li .list-nav-title {font-size:14px;} .form-stp-ctr ul li { width:110px; } .banner-main .carousel-caption-long p{padding-bottom:5px;} .plant-detail ul li.shop-link-half {width:100%; float:none;} .delivery-calendar .calendar-widget {width:100%; height:320px;} .best-sellers-box .img-box {height:190px;} .owl-carousel .best-sellers-box .img-box {height:180px;} #my-account .RightWrapCrocus #my-account_edit .label-long, #my-account .RightWrapCrocus #my-account_edit dd {width:100%; text-align:left;} #my-account .RightWrapCrocus #my-account_edit dd.radio-label {width:60%;} #my-account .RightWrapCrocus #my-account_edit .label-long {padding-bottom:0;} #my-account .RightWrapCrocus #my-account_edit fieldset {width:100%;} #my-account .action-wishlist #wish-list-actions.form-field {width:100%;} .home-garden-magazine-banner .garden-magazine-dtl {font-size:14px;} .payment-section .checkout-accepted-cards-container {width:100%; margin-bottom:20px;} .payment-section .checkout-button {width:100%;} #my-account .RightWrapCrocus #address_edit fieldset {padding: 20px 10px;} } @media only screen and (max-width: 599px){ .mobile-fullwidth{width:100%;} .banner-main .carousel-caption { height:200px; } .orders-paused-banner .carousel-caption {height:480px;} .orders-paused-banner .slide2-box {max-width:unset;} .nav-bottom ul.navbar-nav > li.list-nav ul.mega-dropdown-menu ul { padding-bottom:0; } .footer-top .footer-box { width:100%; margin-right:0; } .checkout-page .form-sec-bg { padding:20px; } .btn { font-family: "WaitroseRegular"; } .form-field-btn .btn { max-width:100%; width:100%; } .form-field.post-code-field .btn { font-family: "WaitroseBold"; } .delivery-options .gift-msg.form-field.check-box span.item-label { margin-left:0; } .delivery-options .gift-msg .item-label b { padding-bottom:10px; } .delivery-options .gift-msg.form-field.check-box.check-big label span.item-label { background-position:0 42px; } .standard-delivery h3 { font-size:18px; } .form-field.expiry-date-field .form-control { margin-bottom:15px; } .shop-single .section-title h2 { font-size:25px; line-height:25px; } .shop-single .section-title { font-size:18px; line-height:20px; } .offer-discount small {font-size:10px;line-height:10px;} .offer-discount .medium {font-size:18px; line-height:16px;} .banner-main .carousel-caption .offer-discount {width:80px; height:80px; font-size:24px; line-height:20px; right:5px;} .banner-main .carousel-caption .offer-discount small {font-size:10px; line-height:12px;} .shop-offers-box .offer-discount, .home-garden-magazine-banner .offer-discount { font-size:20px; line-height:18px; width:74px; height:74px; } .offer-caption {padding-top:10px; font-size:16px} .offer-caption h4 {font-size:34px; padding-bottom:0;} .page-tit { text-align:center; } .page-tit p { display:none; } .filters .more-filters-btn, .filters .form-group, .filters .form-group.small-group { width:100%; margin-right:0; } .options_search_filter .option {width:100%; margin:0 0 10px 0;} .payment-section .promo-code .form-group input { padding-right:0; } .custom-calender .input-picker .picker-list { width:100%; margin-right:0; } .product-list-main .col-xs-6{width:50%;} .plants-page .col-xs-6.mobile-fullwidth{width:50%;} .slide1-box{max-width:340px;} .slide2-box{max-width:340px;} .banner-main .carousel-caption h2{font-size:30px; line-height:34px;} .banner-main .carousel-caption{font-size:20px;} .banner-main .carousel-caption a.btn{font-size:17px; padding:6px 30px 8px;} .best-sellers-box .img-box {height:180px;} .image-cap{width:100%; padding:30px; min-height:100px;} .caption-made{padding:0 0 16px 20px;} .caption-made h3{font-size:30px;} .caption-made a{font-size:24px;} .mobile-full{width:100%;} #editorial-content-block .top-padding {padding-top:0;} #editorial-content-block #editorial-content-right-content-image-panel {width:100%; float:none; margin:0;} #editorial-content-block #editorial-content-right-content-image-panel img {width:100%;margin:0;padding:10px;display:block;overflow:hidden;} #editorial-content-block #editorial-content-left-content-text-panel {padding:0 10px 10px 10px; position:relative;} .plant-detail ul li.shop-link-half {width:50%; float:left;} } @media only screen and (max-width: 555px){ .navbar-header { /*position:relative; width:100%; padding:10px; border:5px solid #eff0f0; border-bottom:none; */} .header-right { padding:0; min-height:inherit; } .cart-mian { max-width:100%; } .cart-mian .top-cart img { position:absolute; left:15px; top:15px; margin:0; } .cart-mian .check-btn { padding:10px; } .hdr-search {/* top:152px;*/ } .nav-bottom ul.navbar-nav > li.list-nav-icon .menu-order-by-phone-number {display:block;padding-left:35px;} .sorting-tools .sort-label {padding:0; display:block; float:none; clear:both;} .custom-calender .desktop-show { display:none; visibility:hidden; } .custom-calender .mobile-show { display:block; visibility:visible; } .custom-calender .input-picker .picker-list { width:100%; margin:0 0 0px 0; } .custom-calender .input-picker .picker-list.ws-index-1 { margin-bottom:0; } .sorting-tools .sort-label select {margin-top:5px;} .showing-page {padding-top:5px;} .best-sellers-box .img-box {height:170px;} .owl-carousel .best-sellers-box .img-box {height:160px;} } @media only screen and (max-width: 479px){ .form-stp-ctr ul li { width:68px; } .form-stp-ctr ul li:before { width:80px; } .form-field.post-code-field .btn { padding:0 10px; } .standard-delivery h3 { font-size:16px; } .purchase-box ul li { width:100%; margin-bottom:10px; text-align:left; padding-right:0; } .purchase-box ul.col2 li { width:100%; } .slide1-box {padding:0; max-width:70%;} .slide2-box {padding:0; max-width:110%;} .shop-offers-box .offers-dtl { padding:10px; } .shop-offers-box .offers-dtl h5 { font-family: "WaitroseRegular"; font-size:18px; line-height:20px; } .shop-offers-box .offers-dtl .btn-text { font-size:16px; } .plants-box .plants-box-dtl { padding:10px; } .plants-box .plants-box-dtl .btn-text { font-size:18px; line-height:20px; } .shop-offers-box .plants-box-dtl{padding:10px;} .shop-offers-box .plants-box-dtl .btn-text{ font-size:18px; line-height:20px; } .items-included-sec .item-img { width:100%; display:inherit; text-align:center; padding-bottom:15px; } .items-included-sec .item-img img { width:100px; } .items-included-sec .item-desc { display:inherit; width:100%; padding-left:0; } .items-included-sec .item-desc li.availa { left:0; } .product-list-main .col-xs-6{width:100%;} .plants-page .col-xs-6.mobile-fullwidth{width:100%;} .payment-section .gift-card { padding-bottom:15px; } .postcode-left{max-width:100%; padding:0;} .map-right{width:100%; padding:15px 0;} .content-left table tr td, .content-left table tr th{padding:5px;} .full-btn a.btn span{white-space:normal; font-size:16px;} .image-cap, .image-cap2{padding:20px;} .image-cap h4, .image-cap2 h4{font-size:24px;} .caption-made{padding:0 0 14px 15px;} .caption-made h3{font-size:24px;} .caption-made a{font-size:19px;} .orders-paused-banner .carousel-caption {height:480px;} .plant-detail{padding-bottom:12px; height:auto !important; min-height:10px;} .plant-detail p{padding:0;} .plant-detail a.shop-link{position:relative; right:0; bottom:0;} .plant-detail ul li.shop-link-half {width:100%; float:none;} .shop-single-left .flexslider .slides img {max-height:300px;} .best-sellers-box .img-box {height:auto;} .flexslider {max-height:300px;} #editorial-content-block #editorial-content-right-content-image-panel img {padding:0 0 10px 0;} } @media only screen and (max-width: 450px){ .delivery-options .gift-mian { height:90px; } .payment-section .promo-code .btn, .payment-options .promo-code .btn {position:relative;width:100%;} /*.wheelbarrow-contents ul li .item-img { width:100%; text-align:center; padding-bottom:15px; } .wheelbarrow-contents ul li .item-img img { width:100px; } .wheelbarrow-contents ul li .item-desc { width:100%; padding-left:0; }*/ } @media only screen and (max-width: 420px){ .waitrose-partners-logo {width:104px;height:24px;background-size:104px;} .delivery-options .gift-mian { height:auto; border-bottom:1px solid #e0e0e0; } .delivery-options .gift-mian > div { display:inherit; } .delivery-options .gift-mian .form-field { padding-left:0; } .delivery-options .gift-mian .gift-img { height:auto; position:relative; } .delivery-options .gift-mian .form-field.radio-check.radio-big.nogift-wrap input[type="radio"] + span.item-label { padding-top:0; } .delivery-options .gift-mian .form-field.radio-check.radio-big input[type="radio"] + span.item-label { padding-bottom:10px; padding-top:10px; } .purchase-box .buy-panel { padding-left:65px; } .purchase-box .buy-panel .number-input { width:55px; } .purchase-box .buy-panel .button-add .btn { font-size:19px; } .purchase-box .buy-panel .button-add .btn span { padding-right:30px; } .owl-carousel .best-sellers-box .img-box {height:120px;} .items-included-sec .item-desc li.plant { padding-bottom:10px; } .items-included-sec .item-desc li.availa { position:relative; top:auto; } .items-included-sec .item-desc li.qty, .items-included-sec .item-desc li.availa { width:50%; } .items-included-sec .item-row .item-desc li.total, .items-included-sec .item-desc li.price { width:100%; } .wheel-barrow-top .btn { float:none !important; margin:8px; } .form-field.choose-delivery-date input { max-width:100%; } .custom-calender .input-picker .ws-picker-body { padding-top:52px; } .custom-calender .input-picker .ws-picker-controls { top:16px; left:0; right:auto; } .custom-calender .input-picker .ws-picker-controls.next-controls { left:auto; right:0; } .custom-calender .input-picker .ws-picker-controls > button { height:34px; line-height:34px; font-size:34px; } .custom-calender .input-picker .ws-picker-controls > button:hover { background:#333; border-color:#333; } .custom-calender .ws-inline-picker.ws-size-2, .custom-calender .input-picker { padding-top:0; } .best-sellers-box .buy-panel .button-add{width:56%;} .best-sellers-box .buy-panel .button-add .btn{font-size:20px;} .best-sellers-box .buy-panel .number-input{width:44%;} .best-sellers-box .buy-panel .number-input input{font-size:20px;} .wheelbarrow-contents ul li .buy-panel .button-remove{right:0;top:0;left:unset;margin-top:-15px;} .banner-main .carousel-caption a.btn{padding:6px 20px 8px; font-size:17px;} .banner-main .carousel-caption-long h2 {padding-bottom:5px;} .banner-main .carousel-caption p{padding-bottom:10px;} .banner-main .carousel-caption-long p{font-size:18px;} .banner-main .carousel-caption h2{font-size:24px; line-height:30px;} .banner-main .carousel-caption{font-size:18px;} } @media only screen and (max-width: 380px){ .owl-carousel .best-sellers-box .img-box {height:220px;} } @media only screen and (max-width: 350px){ .navbar .navbar-toggle {/* padding:15px 10px; */} .hdr-search { /*padding-left:115px;*/ } .cart-icon-active .cart-mian, .cart-icon-inactive .cart-mian {background-position:38px 0;} .cart-mian .top-cart {padding-right:20px} .cart-mian .top-cart span {left:35px} .home-best-sellers .showing-page { padding:60px 15px 15px 15px; text-align:center; } .best-sellers-box .buy-panel .button-add .btn{font-size:18px;} .best-sellers-box .buy-panel .number-input input{font-size:16px;} .owl-carousel .best-sellers-box .img-box {height:200px;} } nav .nav-bottom.open-nav { -webkit-overflow-scrolling: touch; cursor: pointer; } #processingPopup {position:fixed;background-color:#777878;padding:2rem;border-radius:.5rem;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;color:#fff;font-size:16px;line-height:20px;} #processingPopup #fountainG{position:relative;width:144px;height:17px;margin:20px auto auto auto;} #processingPopup .fountainG{position:absolute;top:0;background-color:rgb(119,120,120);width:17px;height:17px;animation-name:bounce_fountainG;-o-animation-name:bounce_fountainG;-ms-animation-name:bounce_fountainG;-webkit-animation-name:bounce_fountainG;-moz-animation-name:bounce_fountainG;animation-duration:1.5s;-o-animation-duration:1.5s;-ms-animation-duration:1.5s;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal;transform:scale(.3);-o-transform:scale(.3);-ms-transform:scale(.3);-webkit-transform:scale(.3);-moz-transform:scale(.3);border-radius:11px;-o-border-radius:11px;-ms-border-radius:11px;-webkit-border-radius:11px;-moz-border-radius:11px;} #processingPopup #fountainG_1{left:0;animation-delay:0.6s;-o-animation-delay:0.6s;-ms-animation-delay:0.6s;-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;} #processingPopup #fountainG_2{left:18px;animation-delay:0.75s;-o-animation-delay:0.75s;-ms-animation-delay:0.75s;-webkit-animation-delay:0.75s;-moz-animation-delay:0.75s;} #processingPopup #fountainG_3{left:36px;animation-delay:0.9s;-o-animation-delay:0.9s;-ms-animation-delay:0.9s;-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s;} #processingPopup #fountainG_4{left:54px;animation-delay:1.05s;-o-animation-delay:1.05s;-ms-animation-delay:1.05s;-webkit-animation-delay:1.05s;-moz-animation-delay:1.05s;} #processingPopup #fountainG_5{left:72px;animation-delay:1.2s;-o-animation-delay:1.2s;-ms-animation-delay:1.2s;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;} #processingPopup #fountainG_6{left:90px;animation-delay:1.35s;-o-animation-delay:1.35s;-ms-animation-delay:1.35s;-webkit-animation-delay:1.35s;-moz-animation-delay:1.35s;} #processingPopup #fountainG_7{left:108px;animation-delay:1.5s;-o-animation-delay:1.5s;-ms-animation-delay:1.5s;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;} #processingPopup #fountainG_8{left:126px;animation-delay:1.64s;-o-animation-delay:1.64s;-ms-animation-delay:1.64s;-webkit-animation-delay:1.64s;-moz-animation-delay:1.64s;} @keyframes bounce_fountainG{0%{transform:scale(1);background-color:rgb(199,199,199);}100%{transform:scale(.3);background-color:rgb(119,120,120);}} @-o-keyframes bounce_fountainG{0%{-o-transform:scale(1);background-color:rgb(199,199,199);}100%{-o-transform:scale(.3);background-color:rgb(119,120,120);}} @-ms-keyframes bounce_fountainG{0%{-ms-transform:scale(1);background-color:rgb(199,199,199);}100%{-ms-transform:scale(.3);background-color:rgb(119,120,120);}} @-webkit-keyframes bounce_fountainG{0%{-webkit-transform:scale(1);background-color:rgb(199,199,199);}100%{-webkit-transform:scale(.3);background-color:rgb(119,120,120);}} @-moz-keyframes bounce_fountainG{0%{-moz-transform:scale(1);background-color:rgb(199,199,199);}100%{-moz-transform:scale(.3);background-color:rgb(119,120,120);}}