html{overflow-x: hidden;}
body{
    padding: 0;
    margin: 0;
    font-family: "Arial", "Helvetica", sans-serif;
    font-size: 0.8em;
    line-height: 1.7;
    color: #4d4d4d;
    overflow-x: hidden;
}

section{margin-top: 40px; margin-bottom: 40px;}

img{border: none; max-width: 100%;}

p:first-child{margin-top: 0;}
p:last-child{margin-bottom: 0;}

hr{border: none; border-top: 1px solid #e2e2e2; margin: 25px 0;}

ul, ol{padding-left: 1em;}


th{text-align: left;}

input, textarea, .input{border: 1px solid #ccc; border-radius: 4px; padding: 4px; box-sizing: border-box;}
input[type="checkbox"]{transform: scale(1.2);}
.payment-card-input-focus{outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color;}


h1, h2{margin-top: 0;}

li{margin-bottom: 6px;}


figure{display: block; margin: 30px 0;}

dialog{padding: 25px;}

select{padding: 5px;}

label.above{display: block; font-weight: bold; margin-top: 20px;}
label.above::after{content: ":";}



:link{color: #0071bc;}


a.link-b{color: #4d4d4d;}

.info-list{list-style-image: url(/img/icons/tick_10x10.png); padding-left: 18px;}


.wide{display: none;}


.flag{width: 25px; height: 15px;}

.font-s{font-size: 0.7rem;}
.b{font-weight: bold;}
.u{text-decoration: underline;}

.highlight{color: #8eb40f;}

.shade{background-color: #393939; color: #fff;}

.req::before{content: "* "; color: #ff0000;}

.left{text-align: left;}
.center, .centre{text-align: center; margin: auto;}
.right{text-align: right;}

.avoid-break{
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
}

.marg-tb{margin-top: 25px; margin-bottom: 25px;}
.marg-r{margin-right: 25px;}
.marg-t{margin-top: 15px;}
.marg-b{margin-bottom: 15px;}

.block{display: block;}
.ib{display: inline-block; vertical-align: top;}

.item{margin-top: 20px; margin-bottom: 25px;}

.full-width{display: block; width: 100%;}

.hide{display: none;}
.hide2{display: none;}
.hide3{display: none;}

.link-a{text-decoration: none; color: inherit;}


.alert-info{margin-bottom: 10px; padding: 10px; background-color: #e8f2fc; border: 2px solid #b3d7fc; color: #069; font-weight: bold;}
.alert-success{margin-bottom: 10px; padding: 10px; background-color: #cfc; border: 2px solid #9c9; color: #090;}
.alert-warning{margin-bottom: 10px; padding: 10px; background-color: #ffc; border: 2px solid #cc9; color: #663;}
.alert-error{margin-bottom: 10px; padding: 10px; background-color: #fcc; border: 2px solid #c99; color: #600; font-weight: bold;}
.alert-tip{margin-bottom: 10px; padding: 10px; background-color: #333; border: 2px solid #c99; color: #8eb40f; font-weight: bold;}
.alert-notice{margin-bottom: 10px; padding: 10px; background-color: #f2f2f2; border: 2px solid #eee; color: #333;}

.alert-info .point{
    background: url(/img/icons/logo_blue.png) no-repeat left center;
    padding-left: 20px;
}

.banner{margin-bottom: 15px; position: relative;}
.banner-item{display: none;}
.banner-item:first-child{display: block;}
.banner a{text-decoration: none;}
.banner img{display: block; width: 100%;}
.banner-caption{
    background-color: #333;
    color: #fff;
    padding: 5px 15px;
    text-decoration: none;
}
.banner-caption a{color: #fff; text-decoration: none; display: block;}
.banner-caption h1, .banner-caption h2{margin-top: 0; margin-bottom: 0;}
.banner-caption h3{position: relative; display: inline-block; background-color: #cc3300; padding-left: 10px; padding-right: 10px; margin-top: 10px; margin-right: 20px;}

.banner-caption h3>svg{
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 100%;
    fill: #cc3300;
}

.banner-caption-b{line-height: 1; padding: 15px 35px;}
.banner-caption-b h1, .banner-caption-b h2{margin-bottom: 7px;}


.table-details{border-spacing: 0; border: 1px solid #ddd;}
.table-details thead{background-color: #ddd;}
.table-details th, .table-details td{padding: 8px 15px 8px 30px;}
.table-details th:first-child, .table-details td:first-child{padding-left: 15px;}
.table-grid td{border-top: 1px solid #ddd;}


.box{
    background-color: #fbfbfb;
    padding: 25px 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.box-b{
    background-color: #dbeabd;
    padding: 5px 10px;
}

.box-shade{
    background-color: #eee;
}


.title{
    line-height: 1;
    padding-bottom: 4px;
    margin-bottom: 15px;
    margin-top: 30px;
    border-bottom: 3px solid #8eb40f;
    
    /* extend underline / border left */
    margin-left: -10px;
    padding-left: 10px;
}
.title:first-child{
    margin-top: 0;
}

.subtitle{
    border-top: 1px solid #ccc;
    background-color: #d9e1ef;
    padding: 10px;
    margin: 20px -10px 10px -10px;
}
.title-edit{
    float: right;
    font-weight: normal;
    color: inherit;
}


.table{display: table; width: 100%;}
.table>div{display: table-row; width: 100%;}
.table>div>div{display: table-cell;}
.table-row{display: table-row;}
.table-cell{display: table-cell;}
.table-row-m .table-cell{padding-top: 5px; padding-bottom: 5px;}
.table-row-spacing .table-cell{padding-left: 5px;}
.table-row-spacing .table-cell:first-child{padding-left: 0; padding-right: 5px;}



.segments>div{padding-top: 50px; padding-bottom: 50px;}
.seg-o{background-color: #ddd; padding-left: 2000px; margin-left: -2000px; padding-right: 2000px; margin-right: -2000px;}



.tiles-c, .tiles{display: grid; grid-template-columns: 1fr; column-gap: 20px; row-gap: 20px;}
.tile{border: 1px solid #eee;}
.tiles-c img, .tiles img{display: block; aspect-ratio: 3 / 2; width: 100%; text-align: center; margin: auto;}
.tiles-c .tile-img, .tiles .tile-img{width: auto; aspect-ratio: 1;}
.tiles-c a, .tiles a{position: relative; display: block; color: inherit; text-decoration: none;}
.tiles-c p, .tiles p{padding: 5px 10px;}


.div-b, .area-b{display: flex; column-gap: 40px; row-gap: 40px; flex-wrap: nowrap; flex-direction: column;}
.div-b{row-gap: 0px;}






.tiles>div:hover, .tiles-c>div:hover{opacity: 0.88;}


.tile-name{display: block; margin: auto; padding: 2px 10px; font-weight: bold; font-size: 1.2em;}
.tile-name:first-child{margin-bottom: 5px;}
.tile-desc{padding: 2px 10px;}
.tile-caption{padding: 2px 10px;}
/*.tile-grad{padding: 2px 10px; background: linear-gradient(to right, #305313, #3f6c17); color: #f9be0c;}*/
.tile-overlay{text-align: center; position: absolute; bottom: 0; left: 0; right: 0;}
.tile-price{font-weight: bold; padding: 2px 10px;}




.tile-play{position: relative;}
.tile-play::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #fff;
    opacity: 0.8;
}

.tile-tag{
    padding: 5px 10px 0 10px;
    margin-bottom: -5px;
    text-transform: uppercase;
    font-weight: bold;
}




.button{
    display: inline-block;
    background-color: #78bf3b;
    background: linear-gradient(to top, #548628, #78bf3b);
    color: #fff;
    border: none;
    padding: 10px 15px;
    text-decoration: none;
    -webkit-appearance: none;
    font-size: 1.2em;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}
.button-b{
    display: inline-block;
    background-color: #d9e1ef;
    background: linear-gradient(to top, #c4d0de, #d9e1ef);
    color: #666666;
    border: none;
    padding: 10px 15px;
    text-decoration: none;
    -webkit-appearance: none;
    font-size: 1.2em;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}
.button.full-width, .button-b.full-width{text-align: center; box-sizing: border-box;}
.button:hover{background-color: #69a832; background: linear-gradient(to top, #67a332, #8ddd46);}
.button-b:hover{background-color: #c5c8cc; background: linear-gradient(to top, #d3dbe5, #e6ebf4);}
.button:disabled, .button-b:disabled{background-color: #b3b3b3; cursor: default;}

.button-s{padding: 3px 10px;}



.menu, .menu ul{padding: 0; margin: 0; list-style: none;}
.menu ul{padding-left: 10px;}
.menu li{margin: 5px 0;}
.menu a{color: inherit; text-decoration: none; display: inline-block;}
.menu li:hover>a, .menu li.sel>a{color: #8eb40f;}
.menu .open>ul{display: block;}
.menu>li>a{font-weight: bold;}



.list-hor>a{color: inherit; text-decoration: none; border-left: 2px solid #ccc; padding-left: 10px; padding-right: 10px;}
.list-hor>a:first-of-type{border-left: none;}



.add-to-basket label{
    display: block;
    margin-bottom: 15px;
}
.add-to-basket label select{margin-left: 15px;}
.add-to-basket input[name=quantity]{width: 3em;}


.basket img{width: 70px;}

.basket-item{display: -webkit-flex; -webkit-flex-wrap:wrap; display: flex; flex-wrap:wrap; row-gap: 10px; column-gap: 25px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc;}
.basket-heading{display: none;}

.basket-item-image{-webkit-order: 2; order: 2;}
.basket-item-name{-webkit-order: 1; order: 1; width: 100%; font-weight: bold;}
.basket-item-name a{text-decoration: none; color: #000;}
.basket-item-quantity{-webkit-order: 3; order: 3;}
.basket-item-price{display: none;}
.basket-item-total{-webkit-order: 4; order: 4;}






.icon::before{
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    padding-right: 10px;
}
.icon-clock::before{content: url("/img/icons/clock.png");}
.icon-cross::before{content: url("/img/icons/cross_16x16.png");}
.icon-location::before{content: url("/img/icons/location.png");}
.icon-mail::before{content: url("/img/icons/mail.png");}
.icon-phone::before{content: url("/img/icons/phone.png");}
.icon-search::before{content: url("/img/icons/search.png");}
.icon-tick::before{content: url("/img/icons/tick_16x16.png");}
.icon-tick-s::before{content: url("/img/icons/tick_10x10.png");}


.icon-facebook::before{content: url("/img/icons/facebook21.png");}
.icon-twitter::before{content: url("/img/icons/twitter21.png");}
.icon-youtube::before{content: url("/img/icons/youtube21.png");}
.icon-instagram::before{content: url("/img/icons/instagram21.png");}


.icon-shipping{background-image: url("/img/icons/Shipping-60px-2.png"); background-position: 0 50%; background-size: 1.6em; background-repeat: no-repeat; padding-left: 2.3em;}
.icon-returns{background-image: url("/img/icons/Returns-small.png"); background-position: 0 50%; background-size: 1.4em; background-repeat: no-repeat; padding-left: 2.3em;}
/*.icon-security{background-image: url("/img/icons/padlock.png"); background-position: 0 50%; background-size: 1.3em; background-repeat: no-repeat; padding-left: 2em;}*/
.icon-security::before{content: ""; display: inline-block; vertical-align: baseline; width: 1em; height: 1em; padding-right: 2px; background-image: url("/img/icons/padlock.png"); background-size: 1em 1em; background-position: 0 0; background-repeat: no-repeat;}
.icon-basket-big{background-image: url("/img/icons/basket-big.png"); background-position: 0 50%; background-size: 1.3em; background-repeat: no-repeat; padding-left: 1.6em;}
.icon-product-intro{background-image: url("/img/icons/product_intro2.png"); background-position: 0.5em 50%; background-size: 1.3em; background-repeat: no-repeat; padding-left: 2em;}
.icon-product-specs{background-image: url("/img/icons/product_specs2.png"); background-position: 0.5em 50%; background-size: 1.3em; background-repeat: no-repeat; padding-left: 2em;}
.icon-product-care{background-image: url("/img/icons/product_care2.png"); background-position: 0.5em 50%; background-size: 1.3em; background-repeat: no-repeat; padding-left: 2em;}





.gallery{width: 100%; position: relative;}
.gallery img{width: 100%;}
.gallery-prev, .gallery-next{position: absolute; top: 0; bottom: 0; width: 30%; margin: auto; vertical-align: middle; color: #000; text-decoration: none; text-indent: -9999px; overflow: hidden;}
.gallery-prev{left: 0;}
.gallery-prev:hover{background: url("/img/elements/prev.png") 0 50% no-repeat;}
.gallery-next{right: 0;}
.gallery-next:hover{background: url("/img/elements/next.png") 100% 50% no-repeat;}


.divider{
    margin:20px auto;
    overflow:hidden;
    text-align:center;
    font-size: 1.5em;
    color: #c0c0c0;
}
.divider::before, .divider::after{
    content:"";
    vertical-align:top;
    display:inline-block;
    width:50%;
    height:0.75em;
    border-bottom:1px solid #ccc;
    margin:0 2% 0 -55%;
}
.divider::after{
    margin:0 -55% 0 2%;
}


.table-alt{border-spacing: 0; border: 2px solid #f6f6f6;}
.table-alt th, .table-alt td{padding: 7px;}
.table-alt th{text-align: left; padding-right: 20px; white-space: nowrap;}
.table-alt tr:nth-child(odd){background-color: #f6f6f6;}

.info-table th:first-child::after, .info-table td:first-child::after{content: ":";}


.content-r-main{margin-bottom: 30px;}
.content-r-sidebar>div{margin-bottom: 30px;}
.content-r-wide{display: none;}


.cms-content{margin-bottom: 30px;}
.cms-content h2, .cms-content h3{margin-top: 25px;}



.tabs{border: 1px solid #8eb40f;}
.tabs>ul{padding: 0; margin: 0; list-style: none; background-color: #e6e7e8; background: linear-gradient(#3d6819, #315412)}
.tabs>ul>li{padding: 0; margin: 0;}
.tabs>ul>li.sel{background-color: #6a870c; color: #8eb40f;}
.tabs>ul a{color: #f9be0c; text-decoration: none; display: block; font-weight: bold; font-size: 1.1em;}
.tabs>ul a, .tabs>div{padding: 10px 35px;}
.tabs>div{display: none; padding: 30px 35px;}
.tabs>div.open{display: block;}


.video-embed{aspect-ratio: 1.5 / 1; width: 100%;}



/* Cycle2 dots */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 0; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 30px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; margin-left: 3px; margin-right: 3px;
}
.cycle-pager span.cycle-pager-active { color: #fff;}
.cycle-pager > * { cursor: pointer;}


.point-bar{display: flex; flex-direction: column;}
@media (min-width: 768px){
    .point-bar{justify-content: space-between; flex-direction: row; padding: 0 10px;}
    .point-bar>div{padding: 0 15px;}
    .point-bar>div:first-child{padding-left: 0;}
    .point-bar>div:last-child{padding-right: 0;}
}




/* Main layout */
.section-outer{padding-left: 20px; padding-right: 20px;}
.section-inner{width: 100%; max-width: 1100px; margin: auto;}


/* Google recaptcha */
.grecaptcha-badge{visibility: hidden;}






.swiper-dd-thumbnails .swiper-slide {opacity: 0.7;}
.swiper-dd-thumbnails img{height: 60px; aspect-ratio: 3 / 2;}
.swiper-dd-thumbnails .swiper-slide-thumb-active {opacity: 1;}
.swiper-slide img {display: block; width: 100%; object-fit: cover;}
.swiper{--swiper-navigation-color: #fff;}
.swiper-button-next, .swiper-button-prev{display: none;}
.swiper:hover .swiper-button-next, .swiper:hover .swiper-button-prev{display: initial;}



/* Header */

#header-outer{
    background-color: #305313;
    background: url('https://www.ddhammocks.com/img/elements/grid_square2.png') repeat, linear-gradient(to top, #548628, #3e6b17);
    overflow-x: clip;
}

#header{
    display: flex;
    column-gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
@media (min-width: 401px){
    #header{column-gap: 20px;}
}
@media (min-width: 480px){
    #header{column-gap: 50px;}
}
#header>div{box-sizing: border-box;}
#search{order: 1; flex-grow: 1; z-index: 800; position: relative;}
#header-country{order: 2; z-index: 5;}
#header-basket{order: 3; position: relative; z-index: 3; padding: 15px 0;}
#header-space{order: 4; flex-basis: 100%; height: 0;}
#navicon{order: 5;}
#logo{order: 6; padding: 15px 0 10px 0;}
#header-shop{order: 8; flex-basis: 100%;}
#header-explore{order: 9; flex-basis: 100%;}
#header-contact{order: 10; flex-basis: 100%;}
#header-account{order: 11; flex-basis: 100%;}
#header-logout{order: 12; flex-basis: 100%;}
#header-retailers{order: 13; flex-basis: 100%;}
#header::after{content: ""; order: 7; width: 20px;}
#header-trade-account{order: 10;}

#header>#header-space{padding: 0;}

#header-country>a{color: #fff; text-decoration: none;}


#header-basket::after{
    content: " ";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: -5000px;
    right: -5000px;
    background-color: #363636;
    background: linear-gradient(to top, #3a3a3a, #575757);
    z-index: -1;
}


#search, #header-country, #header-basket{font-size: 0.7rem;}


#search-form{position: relative; display: inline-block;}
#search-input{width: 150px; padding-right: 23px;}
#search-submit{
    text-indent: -9999px;
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    border: none;
    background-color: #eee;
    background-image: url(/img/icons/search.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0;
    width: 20px;
    cursor: pointer;
}

#search-suggest{
    position: absolute;
    left: 0;
    width: 250px;
    bottom: 0;
    transform: translateY(100%);
    z-index: 850;
    background-color: #fff;
    border: 1px solid #ccc;
}
#search-suggest>div{padding: 10px;}
#search-suggest a{display: flex; justify-content: flex-start; align-items: center; column-gap: 15px; text-align: left;}
#search-suggest img{display: inline-block; width: 60px; height: 40px;}
#search-suggest span{width: 175px;}

#navicon>a{
    color: #000;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    text-decoration: none;
    background-image: url("/img/elements/navicon.png");
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
}

#header-country .flag{vertical-align: middle; margin-right: 5px;}

#header-basket>a::before{content: ""; display: inline-block; width: 2.2em; height: 2.2em; vertical-align: bottom; padding-right: 4px; background-image: url("/img/icons/basket.png"); background-position: 0 0; background-size: 2.2em 2.2em; background-repeat: no-repeat;}
#header-basket>a{text-decoration: none;}
#header-basket>a>span{
    background-color: #8eb40f;
    padding: 1px 4px;
    color: #000;
    border-radius: 10px;
}

#header-shop, #header-explore, #header-contact, #header-account, #header-logout, #header-retailers{
    margin-bottom: 10px;
}
#header-shop a, #header-explore a, #header-contact a, #header-account a, #header-logout a, #header-retailers a{
    color: #f9be0c;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
}

#header-account a, #header-logout a, #header-retailers a{text-transform: uppercase;}

.main-menu>ul{display: none; position: relative; z-index: 600;}
.main-menu>.open{display: block;}

#header-shop ul, #header-explore ul{list-style: none;}
#header-shop>ul>li>ul, #header-explore>ul>li>ul{display: none;}



/* Main content */
#wrapper-outer{background-color: #fff; margin-bottom: 50px;}
#wrapper{padding-top: 15px; padding-bottom: 15px;}



#breadcrumb{padding-bottom: 15px;}
#breadcrumb a{text-decoration: none; color: inherit; display: inline-block;}
#breadcrumb>span::before{content: ">"; margin: 0 8px;}
#breadcrumb a:hover{text-decoration: underline;}




#infobar-outer{display: none;}




/* Footer */
#footer-outer{
    background-color: #363636;
    background: url('/img/elements/grid_square.png') repeat, linear-gradient(to right, #5e5e5e, #484848, #5e5e5e);
}
#footer-top, #footer-bottom, #footer-bottom a{color: #fff;}
#footer{
    padding-top: 50px;
    padding-bottom: 50px;
}

#footer .menu ul{display: none;}
#footer .menu .open>ul{display: block;}
.footer-heading{color: #8eb40f;}


.footer-social-link{display: inline-block; width: 36px; height: 36px; margin: 2px; margin-bottom: 15px; overflow: hidden;}

#footer-mailinglist{margin: auto; text-align: center; color: #f9be0c; background-color: #305313; background: linear-gradient(to top, #548628, #3e6b17); padding: 20px 0;}

#mailinglist-form-inner>div{margin-top: 20px;}
#mailinglist-form-inner>div:first-child{margin-top: 0;}

#mailinglist-submit{background: none; background-color: #f9be0c; color: #000;}

#footer-bottom{margin: auto; text-align: center; margin-top: 50px;}
#footer-bottom-icons{margin-bottom: 20px;}

#footer-bottom>img{display: block; margin: auto; margin-bottom: 15px;}



#mobile-to-desktop a{display: inline-block; margin-bottom: 20px;}
#mobile-to-desktop>div{display: none;}


#home-banner img{aspect-ratio: 1100 / 320; width: 100%;}
#dd-home-latest{margin-bottom: 20px;}
#home-text-heading>h2{margin-bottom: 5px;}
.home-tile img{aspect-ratio: 400 / 232;}
.home-tile .tile-name{background: linear-gradient(to right, #305313, #3f6c17); color: #f9be0c; text-align: center; padding: 5px 10px; font-size: 1.3em;}


/* Products page */
#products-menu{display: none;}
#products-top-name-desc{max-width: 500px; margin: auto; text-align: justify;}


/* Product page */
#product-top{margin-bottom: 20px;}
#product-top>div:first-child h1{margin-top: 0;}
#product-top>div:first-child{margin-bottom: 20px;}
#product-top .icon{margin-top: 15px;}
#product-gallery{width: 100%; margin-bottom: 20px; border: 1px solid #eee;}
#product-bottom>div:first-child{margin-bottom: 20px;}
#product-bottom>div:nth-child(2)>div>h3:first-child{margin-top: 0;}
#product-gallery .swiper-slide{aspect-ratio: 3 / 2; width: 100%;}
#dialog-added-to-basket{position: fixed; top: 0; z-index: 900; min-width: 250px; max-width: 600px; padding: 15px; border: 1px solid #ccc; box-shadow: 0 0 10px 0 #999;}
#dialog-added-to-basket>h3{position: relative; margin-top: 0;}
#dialog-added-to-basket-close{position: absolute; top: 0; right: 0; color: #000; text-decoration: none;}
#dialog-added-to-basket img{width: 140px;}
#dialog-added-to-basket-product{display: flex; flex-wrap: wrap; gap: 15px; justify-content: space-between;}
#dialog-added-to-basket-product-name{max-width: 250px;}
#dialog-added-to-basket-product-price{text-align: right;}
#dialog-added-to-basket-buttons{display: flex; flex-wrap: wrap; gap: 15px;}
#dialog-added-to-basket-buttons>a{width: 100%;}
#dialog-added-to-basket hr{border-color: #060;}


/* Products and DDTV menus */
#products-menu-box, #ddtv-menu-box{border-bottom: 5px solid #8eb40f;}
#ddtv-menu-box{padding-bottom: 0;}
#products-menu-box>p:first-child, #ddtv-menu-link{margin: -25px -35px 0 -35px; padding: 10px 35px; background-color: #8eb40f; color: #fff; font-weight: bold; border-top-color: #8eb40f; border-radius: 5px 5px 0 0;}
#products-menu-box>p:first-child a{color: #fff; text-decoration: none;}



/* Basket */
.basket-button-update{width: 2em; padding: 5px;}
.basket-qty{width: 3em;}
#basket-accept-terms-inner{display: flex; justify-content: flex-end; flex-wrap: nowrap; column-gap: 10px; align-items: center;}
#basket-accept-terms-inner>div:first-child{}
#payment-outer{display: flex; justify-content: flex-end;}
#payment-inner{display: flex; flex-wrap: wrap; justify-content: center; row-gap: 15px; max-width: 500px;}
.basket-button{width: 100%;}
#paypal-button-container{margin-bottom: -5px;}
.apple-pay-button{-webkit-appearance: -apple-pay-button; -apple-pay-button-type: check-out;}
.apple-pay-button-black{-apple-pay-button-style: black;}
#basket-delivery{display: flex; gap: 20px 50px; flex-direction: column;}
@media (min-width: 800px){
    #basket-delivery{flex-direction: row; justify-content: flex-end;}
}


/* DD TV page */
#ddtv-menu, #ddtv-menu ul{display: none;}
#ddtv-menu.open{display: block;}
#ddtv-menu-link>a{
    position: relative;
}
#ddtv-menu-link>a::after{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 0px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #8eb40f;
    border-top-color: #8eb40f;
    z-index: 10;
}

#reviews-social-followers>div>div{text-align: center;}


/* Account */
#myaccount-addresses{
    display: flex;
    flex-wrap: wrap;
    margin-right: -50px;
    margin-bottom: -20px;
}
#myaccount-addresses>div{
    margin-right: 50px;
    margin-bottom: 20px;
}

#myaccount-orders{width: 100%;}
#myaccount-orders th, #myaccount-orders td{padding: 5px 20px; vertical-align: top;}
#myaccount-orders th:first-child, #myaccount-orders td:first-child{padding-left: 0;}
#myaccount-orders th:last-child, #myaccount-orders td:last-child{padding-right: 0; text-align: right;}


#tradecustomers-manufacturing{max-width: 500px; margin-bottom: 40px;}

@media print{
    #topbar-outer, #header-outer, #infobar-outer, #footer-outer, .content-r-sidebar{display: none;}
}