.netwave { font-size: 13px } .netwave div.netwave-heading { padding: 0 6px 5px 5px; font-weight: 700 } .netwave .featured-items { background-color: #f5f5f5; padding-top: 6px; margin-bottom: 10px; width: 100% } .netwave a.first-review-link { display: inline; top: 0; font-size: .9em } .netwave .fop-item .fop-img-wrapper:before { background: 0 0; display: none } .netwave .fops .fop-item.in-trolley { background: #fdf3c5!important; } .netwave .fop-item span.weight-text { color: #767676; margin: 0 0 10px; font-size: .9em } .netwave .fop-row-promo { display: block; } .netwave .fop-item span.fop-image-corner { display: block; top: 0; position: absolute; left: 0; z-index: 1; font-size: 0; background-repeat: no-repeat; width: 45px; height: 45px } .netwave-carousel div.featured-items-content { height: 148px!important; overflow: hidden } .netwave-carousel div.price-group-wrapper { margin-top: 23px; } .netwave-carousel .fop-img-wrapper::before { box-sizing: inherit; padding: 0 5px; color: #fff; -webkit-font-smoothing: antialiased; position: absolute; top: 0px; left: 0px; font-size: 10px; content: 'Advertisement'; border-radius: 0; display: block!important; background: #ef7b05!important; } .netwave-carousel .fops .fop-mark-offer { display: none!important; } .netwave-carousel .carousel-wrapper .fop-row-promo { display: block; top: 43px; } .netwave-carousel .fops li { height: 191px; display: block; float: left; width: auto } .netwave-carousel div.carousel-wrapper { height: 211px!important } .netwave-carousel div.carousel-wrapper li:first-child { margin-left: 5px } .netwave-carousel .netwave-rating { margin-top: -20px!important } .netwave-carousel .netwave-error-msg { position: absolute; bottom: -58px; font-size: 12px; color: #db352b; width: 100px; left: 0; display: block; } .netwave-sidebar .fop-item .price-group-wrapper, .netwave-promo-box .fop-item .price-group-wrapper { margin-bottom: 3px; color: #666 } .netwave-sidebar.netwave-non-react ul { padding: 5px } .netwave-sidebar.netwave-non-react ul>li { background-color: #fff; border: solid #e5e5e5; border-radius: 5px; border-width: 0 1px 1px; margin-bottom: 3px; overflow: auto; overflow-x: hidden; padding: 5px 5px 10px; position: relative } .netwave-sidebar.netwave-react div.featured-items-content, .netwave-promo-box div.featured-items-content{ height: initial } .netwave-sidebar.netwave-react .fops li { float: none } .netwave-sidebar.netwave-react .fops li .fop-item { height: 160px; position: relative } .netwave-sidebar.netwave-react a.first-review-link, .netwave-promo-box a.first-review-link { top: 0; max-width: 90%; color: #666; font-size: 11px } .netwave-sidebar.netwave-non-react a.first-review-link { display: inline; position: relative; color: #666; max-width: 75px; line-height: 20px; font-size: .9em } .netwave-sidebar.netwave-react .netwave-rating, .netwave-promo-box .netwave-rating { position: absolute; bottom: 16px; left: 11px } .netwave-sidebar.netwave-react .price-group-wrapper span { margin: 0 } .netwave-sidebar.netwave-react .price-group-wrapper .fop-price { margin-left: 0 } .netwave-sidebar.netwave-react .netwave-error-msg, .netwave-promo-box .netwave-error-msg{ position: absolute; top: 43px; font-size: 12px; color: #db352b; display: none; left: 105px } .netwave-sidebar.netwave-non-react div.carousel-wrapper ul { list-style: none } .netwave-sidebar.netwave-non-react div.netwave-heading { padding: 0; font-size: 12px; margin-left: 7px } .netwave-sidebar.netwave-non-react .featured-items { width: 97%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .netwave-sidebar.netwave-non-react .fop-item .fop-content-wrapper, .netwave-sidebar.netwave-non-react .fop-item>div, .netwave-sidebar.netwave-non-react .fop-item>div.fopView>div { height: 100% } .netwave-sidebar.netwave-non-react .fop-item a { text-decoration: none; outline: initial } .netwave-sidebar.netwave-non-react .fop-item .fop-content { min-height: 80px; padding: 10px } .netwave-sidebar.netave-non-react .fop-item { cursor: pointer; position: relative; background-color: #fff; border: 1px solid #ddd; margin-left: 6px; width: 280px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px } .netwave-sidebar.netwave-non-react .fop-row-promo { min-height: 15px; text-align: left; color: #da291c; position: absolute; top: 51px; left: 105px; overflow: hidden; width: calc(100% - 115px); font-size: .9em; line-height: 13px; margin: 0 0 8px 5px; text-overflow: ellipsis; white-space: nowrap } .netwave-sidebar.netwave-non-react .netwave-rating { margin-top: -34px!important } .netwave-sidebar.netwave-non-react .fop-item .fop-description, .netwave-sidebar.netwave-non-react .fop-item .fop-title { height: 30px; line-height: 15px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #333; font-weight: 400; margin: 0 0 8px; overflow: hidden } .netwave-sidebar.netwave-non-react .fop-item .fop-mark-new { background-image: url(https://groceries.morrisons.com/webshop/static/images/icons/info/corners/7.3.28/new.png) } .netwave-sidebar.netwave-non-react .fop-item .fop-mark-offer { background-image: url(https://groceries.morrisons.com/webshop/static/images/icons/info/corners/7.3.28.2/offer.png) } .netwave-sidebar.netwave-non-react .fop-item .fop-description { display: -webkit-box } .netwave-sidebar.netwave-non-react .fop-item .fop-title { display: block; display: -webkit-box; font-size: .9em } .netwave-sidebar.netwave-non-react .fop-item .fop-title:hover { text-decoration: underline } .netwave.netwave-non-react .fop-item .price-group-wrapper { height: 19px; overflow: hidden } .netwave-sidebar.netwave-non-react .fop-item .fop-price { float: left; padding-right: 5px; margin: 0; font-size: 1.2em; font-weight: 700; display: inline } .netwave-sidebar.netwave-non-react .fop-item .fop-img, .netwave-sidebar.netwave-non-react .fop-item .fop-img-wrapper { height: auto; margin-bottom: 10px; min-height: 85px; min-width: 85px; width: 100% } .netwave-sidebar.netwave-non-react .fop-item .fop-price.price-offer { color: #da291c } .netwave-sidebar.netwave-non-react .fop-item .fop-old-price { color: #666; font-size: .9em; text-decoration: line-through; line-height: 1.7em } .netwave-sidebar.netwave-non-react .fop-item .fop-img-wrapper { float: left; margin-right: 10px; max-width: 85px; position: relative } .netwave-sidebar.netwave-non-react .fop-item .fop-add-default { padding: 10px; position: absolute; right: 0; min-height: 32px; bottom: 0 } .netwave-sidebar.netwave-non-react .fop-item .fop-add-default .button-wrapper { height: 36px; overflow: hidden; padding-top: 1px; width: 100% } .netwave-sidebar.netwave-non-react .fop-item .fop-add-default .button-section { display: block; font-size: 14px; text-align: right; width: 100% } .netwave-sidebar.netwave-non-react .fop-item .fop-add-default .button-section button:first-child { margin-left: auto } .netwave-sidebar.netwave-non-react .fop-item .fop-add-default .button-section button { overflow: hidden; padding: 10px 20px; font-size: 1em } .netwave-sidebar.netwave-react span.addBtn.btn-prominence { border-radius: 2px; border: 1px solid #fcbc00; color: #333; background-color: #fcbc00; background-image: none } .netwave-sidebar.netwave-non-react .promotedItemsAddButtonWithIndicator { margin-left: 105px; font-size: 12px } .netwave-sidebar.netwave-non-react .controlButtons { text-align: right } .netwave-sidebar.netwave-non-react h4 { font-weight: 400!important; font-size: .9em!important; margin-top: 0!important; padding: 0!important } .netwave-promo-box .fop-description { padding-top: 8px; height: initial; margin-top: 0; padding-right: 5px; } .netwave-promo-box .fop-row-promo { position: initial!important; width: initial!important; } .netwave-promo-box-1 .fop-row-promo { margin-top: 12px; } .netwave-promo-box .fop-content { text-align: left!important; } .netwave-promo-box .netwave-headline { margin-bottom: 8px; font-weight: 700; } .netwave-promo-box .fop-title { height: 62px; } .netwave-promo-box-4 .fops { display: flex; } .netwave-promo-box-4 .fops li { width: 50%!important; } .netwave-promo-box-4 .fops li:nth-child(odd) { margin-right: 4px; margin-bottom: 4px; } .netwave-promo-box-4 .fop-img-wrapper { width: 100%; max-width: 75px; height: 70px; float: left; text-align: center; } .netwave-promo-box-4 li:before { height: 0!important; } .netwave-promo-box-3 li:before { height: 0!important; } .netwave-promo-box-2 .fop-img-wrapper { width: 50%; max-width: 130px; height: 110px; float: left; text-align: center; } .netwave-promo-box-1 .fop-img-wrapper { width: 100%; text-align: center; display: block; } .netwave-promo-box-4 .fop-img-wrapper .fop-img{ width: 75px; height: 75px; } .netwave-promo-box-2 .fop-img-wrapper .fop-img{ width: 13Opx; height: 130px; } .netwave-promo-box-4 .fops li .fop-item { height: 177px; position: relative; background: #fff; } .netwave-promo-box-4 .fops li .fop-item:after { background-image: none!important; } .netwave-promo-box-3 .fops li .fop-item:after { background-image: none!important; } .netwave-promo-box-2 .fops li:first-child { margin-bottom: 9px; } .netwave-promo-box-2 .fops li .fop-item { height: 171px; position: relative; border: 1px solid #DDD; background-color: #FFF; } .netwave-promo-box-2 .fops li .fop-item:after { background-image: none!important; } .netwave-promo-box-1 .fops li { height: 350px; } .netwave-promo-box-1 .fops li .fop-item { height: 340px; position: relative; border-bottom: 0; border: 1px solid #ddd; background-color: #FFF; } .netwave-promo-box-2 .fop-item .fop-row-promo { display: block; width: 150px!important; position: absolute!important; left: 142px!important; top: 45px; } .netwave-promo-box-4 { margin-top: 6px; } .netwave-promo-box-4 .fop-add-default { bottom: -6px!important; } .netwave-promo-box-4 .fop-item .fop-row-promo { margin-top: 25px; } .netwave-promo-box-4 .fop-item .price-group-wrapper { margin-top: 49px!important; } .netwave-promo-box-4 .fop-item .fop-row-promo { display: block; top: 43px!important; width: 85px!important; left: 71px!important; position: absolute!important; } .netwave-promo-box-2 .fop-item .price-group-wrapper { margin-top: 25px; } .netwave-promo-box-1 .fop-item .price-group-wrapper { margin-top: 30px; } .netwave-promo-box-1 .fop-item .fop-row-promo { bottom: 88px!important; position: absolute!important; width: 100%!important; } .netwave-promo-box-2 .fop-item .fop-add-default { left: 112px!important; padding-bottom: 0!important; bottom: -10px!important; top: 105px; } .netwave-promo-box-2 .fop-item .netwave-error-msg { position: absolute; top: 96px; left: 164px; } .netwave-promo-box-4 .fop-item .netwave-error-msg { top: 111px; left: 26px; } .netwave-promo-box-1 .fop-item .fop-add-default { bottom: -30px!important; } .netwave-promo-box-4>section { background: #efefef; padding: 4px; padding-bottom: 0; } .netwave-promo-box-3>section { margin-top: 6px; } .netwave-promo-box-3>section { background: #efefef; padding: 4px; padding-bottom: 0; } .netwave-promo-box-3 ul.fops:first-child li { margin-right: 4px; margin-bottom: 4px; margin-top: -6px; width: 100%; } .netwave-promo-box-3 ul.fops:last-child li { margin-bottom: 4px; width: 100%; } .netwave-promo-box-2 { margin-top: 6px; margin-bottom: 6px; } .netwave-promo-box-2>section { background: #efefef; padding: 9px; } .netwave-promo-box-1>section { background: #efefef; padding: 8px; padding-bottom: 1px; } .netwave-promo-box-1 .netwave-error-msg { top: 113px!important; text-align: center; width: 100%; left: 0!important; } .netwave-row { margin-top: 10px; } .netwave-row ul.fops { display: flex; } .netwave-row .fops li { width: auto; } .netwave-row .fops li .fop-item { width: 264px; height: 142px; margin-right: 6px; background-color: #fff; border: 1px solid #ddd; } .netwave-row.netwave-confirmation-page .fops li .fop-item { width: 294px; } .netwave-row .fops li .fop-content-wrapper { min-height: 80px; padding: 10px; } .netwave-row .fops li .fop-content { padding: 0!important; } .netwave-row .fops li .fop-img-wrapper { float: left; max-width: 85px; margin-right: 20px; } .netwave-row .fop-img-wrapper::before { box-sizing: inherit; padding: 0 5px; color: #fff; -webkit-font-smoothing: antialiased; position: absolute; top: 0px; left: 0px; font-size: 10px; content: 'Advertisement'; border-radius: 0; display: block!important; background: #ef7b05!important; } .netwave-row .fops li .fop-img-wrapper img { width: 100%; min-width: 85px; height: auto; min-height: 85px; margin-bottom: 10px; } .netwave-row .fops .fop-mark-offer { display: none!important; } .netwave-row .fops li .fop-add-default { bottom: 10px!important; right: 10px!important; padding: 0!important; } .netwave-row .fops .fop-description .fop-title { padding-right: 0; } .netwave-row .fops .fop-description { width: 55%; float: right; } .netwave-row .netwave-error-msg { position: absolute; bottom: 4px; font-size: 12px; color: #db352b; width: 100px; left: 6px; } .netwave-row .fop-row-promo { display: block; height: 20px; margin: 0; position: absolute; left: 118px; width: 140px; top: 46px; } .netwave-row>section { background: #efefef; padding: 6px; } .netwave-row .netwave-headline { margin-bottom: 6px; font-weight: 700; } .netwave-row .price-group-wrapper { color: #666; position: absolute; top: 54px; } .netwave-row .price-group-wrapper { color: #666; position: absolute; top: 54px; } .netwave-search-carousel li:first-child, .netwave-search-carousel li:last-child { margin: 0!important; } .netwave-search-carousel .price-group-wrapper { margin-top: 27px!important; } .netwave-search-carousel .fop-mark-offer { display: none!important; } .netwave-search-carousel .fop-img-wrapper::before { box-sizing: inherit; padding: 0 5px; color: #fff; -webkit-font-smoothing: antialiased; position: absolute; top: 0px; left: 0px; font-size: 10px; content: 'Advertisement'; border-radius: 0; display: block!important; background: #ef7b05!important; } .netwave-promo-box-banner>section { padding: 8px; } .netwave-promo-box-banner.netwave-non-react>section { height: 375px; } .netwave-promo-box-banner.netwave-non-react>section li { width: 100%!important; } .netwave-promo-box-banner>section li::before { height: 0px; } .netwave-promo-box-banner li, .netwave-confirmation-banner li, .netwave-confirmation-mobile-banner li { position: relative; } .netwave-promo-box-banner li a, .netwave-confirmation-banner li a, .netwave-confirmation-mobile-banner li a { display: block; text-align: center; } .netwave-promo-box-banner li img { width: 300px; height: 350px; max-width: 300px; max-height: 350px; } .netwave-confirmation-banner li img { width: 600px; height: 200px; max-width: 600px; max-height: 200px; } .netwave-confirmation-mobile-banner li img { width: 320px; height: 100px; max-width: 320px; max-height: 100px; } .netwave-promo-box-3 .netwave-container { display: flex; } .netwave-promo-box-3 ul.fops { width: 50%; } .netwave-promo-box-3 ul.fops:first-child { margin-right: 4px; } .netwave-promo-box-3 ul.fops:first-child .fop-img-wrapper { width: 100%; text-align: center; display: block; } .netwave-promo-box-3 ul.fops:first-child li .fop-item { position: relative; border-bottom: 0; background-color: #FFF; height: 356px; } .netwave-promo-box-3 ul.fops:first-child .price-group-wrapper { margin-top: 46px; } .netwave-promo-box-3 ul.fops:first-child .fop-add-default { bottom: -41px!important; } .netwave-promo-box-3 ul.fops:first-child .netwave-error-msg { top: 127px; left: 20px; } .netwave-promo-box-3 ul.fops:first-child .fop-content-wrapper { /* padding-top: 8px; */ } .netwave-promo-box-3 ul.fops:first-child .fop-item .fop-row-promo { position: absolute!important; width: 100%!important; bottom: 106px; } .netwave-promo-box-3 ul.fops:last-child .fop-img-wrapper { width: 100%; max-width: 75px; height: 70px; float: left; text-align: center; } .netwave-promo-box-3 ul.fops:last-child .fop-img-wrapper .fop-img{ width: 75px; height: 75px; } .netwave-promo-box-3 ul.fops:last-child li .fop-item { height: 176px; position: relative; background: #fff; } .netwave-promo-box-3 ul.fops:last-child .fop-item .fop-row-promo { position: absolute!important; width: 70px!important; text-align: center; left: 83px; top: 49px; } .netwave-promo-box-3 ul.fops:last-child .fop-item .price-group-wrapper { margin-top: 34px!important; } .netwave-promo-box-3 ul.fops:last-child .fop-description { margin-top: 0px!important; } .netwave-promo-box-3 ul.fops:last-child div.fop-add-default { bottom: -39px!important; } .netwave-promo-box-3 ul.fops:last-child .netwave-error-msg { top: 113px; left: 22px; } .netwave-logged-out { font-size: 14px; } .netwave-logged-out .fops{ display: flex; justify-content: space-evenly; } .netwave-logged-out .fops li{ float: none; } .netwave-logged-out .fops li:hover{ -webkit-box-shadow: 0px 6px 7px -2px rgba(0,0,0,0.25); -moz-box-shadow: 0px 6px 7px -2px rgba(0,0,0,0.25); box-shadow: 0px 6px 7px -2px rgba(0,0,0,0.25); } .netwave-logged-out .fop-img-wrapper { width: 100%; } .netwave-logged-out .fop-img-wrapper img { width: 150px; height: 150px; } .netwave-logged-out .fop-item { height: 330px!important; width: 190px; border: 1px solid #ddd; background-color: #FFF; } .netwave-logged-out .fops .fop-description { margin-top: 10px; } .netwave-logged-out .fops .fop-add-default { position: relative; top: -65px; } .netwave-logged-out .fops .fop-btn-add { height: 35px; padding: 0; position: relative; width: 130px; margin: auto; overflow: hidden; display: block; line-height: 34px; } .netwave-logged-out .fop-add-default .button-section { text-align: center!important; font-weight: 900; } .netwave-logged-out .fops a.fop-row-promo { position: relative; bottom: 65px; } .netwave-logged-out .price-group-wrapper { margin-top: 45px; } .netwave-logged-out .add-to-trolley { text-transform: uppercase; } .netwave-logged-out .netwave-featured-products { position: relative; width: 190px; } .netwave-logged-out .netwave-featured-products:hover{ -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; } .netwave-logged-out .netwave-featured-products h3 { color: #054d37; font-size: 20px; } .netwave-logged-out .netwave-featured-products a { width: 100%; display: block; background: #054d37; color: #fff; text-transform: uppercase; font-weight: 900; padding-top: 11px; padding-bottom: 11px; position: absolute; bottom: 19px; } .netwave-logged-out .c-sis-h2--wSubheading { margin-bottom: 20px; } .netwave-separator { width: 1px; background: #ddd; } .netwave-guide { background: whitesmoke; padding-bottom: 50px!important; } .netwave-promo-box.netwave-non-react input.fop-in-trolley { display: inline-block; text-align: center; background: none; cursor: pointer; margin-left: 5px!important; margin-right: 5px!important; } .netwave-promo-box.netwave-non-react .fop-add-default button.fop-btn-plus:before { top: 7px; left: 13px; } .netwave-inserted { position: relative; } .netwave-ribbon { position: absolute; top: 0px; left: 0; height: 22px; background-color: rgba(239,123,5,.1); width: 200%; } .netwave-subribbon { color: #fff; background-color: #ef7b05; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 100%; display: block; max-width: 94px; padding: 0 5px; font-size: 12px; line-height: 22px; color: #fff; } .netwave-non-react.netwave-promo-box-2 .fops li { width: 100%; } .netwave-non-react.netwave-promo-box-2 .fops li:before { display: none; } .netwave-non-react.netwave-promo-box-2 { margin-bottom: 0px; } .netwave-non-react.netwave-promo-box-2 .fop-item span.fop-image-corner { left: -7px; } .netwave-non-react.netwave-promo-box-2 .fop-item .fop-row-promo { margin-left: 13px; } .netwave-non-react.netwave-promo-box-2 .fop-item .fop-add-default { left: 137px!important; padding-bottom: 0!important; bottom: -9px!important; top: 117px; } .netwave-non-react.netwave-promo-box-2 .fop-item .price-group-wrapper { left: 68px; bottom: 25px; } .netwave-non-react.netwave-promo-box-2 .fop-item .netwave-error-msg { position: absolute; top: 110px; left: 159px; } .netwave-non-react.netwave-promo-box-1 .fops li { width: 100%; } .netwave-non-react.netwave-promo-box-1 .fops li:before { display: none; } .netwave-non-react.netwave-promo-box-1>section { height: 375px; } .netwave-non-react.netwave-promo-box-1 .fops li .fop-item { height: 358px; } .netwave-non-react.netwave-promo-box-1 .fop-item .fop-row-promo { bottom: 97px!important; position: absolute!important; width: 100%!important; } .netwave-non-react.netwave-promo-box-1 .netwave-error-msg { top: 110px!important; text-align: center; width: 100%; left: -40px!important; } .netwave-non-react.netwave-promo-box-1 .fop-item .fop-add-default { bottom: -37px!important; } #ZHP1_MBOX .netwave-non-react.netwave-promo-box-4 .fop-item .fop-row-promo { left: 88px!important; }