.maintop{width:100%;height:50px;line-height:50px;text-align:center;background:#333333;color:#fffc00;font-size:40px;margin-top:6px;font-weight:700}
.pr{padding-top:30px;font-size:26px;text-align:center;margin:0 auto}
.mtr{width:100%;height:40px;text-align:center;font-size:30px;line-height:40px;background:#ffcc00;color:black;font-weight:700}
.sobox{width:320px;height:477px;margin:10px;position:relative}
.sotit{width:312px;height:48px;background:black;border:4px solid black;color:white;line-height:24px}
.m2{float:right}
.wasis{width:320px;height:60px;line-height:30px;color:white;font-weight:700;font-size:2px;background:url(images/20poff.png) no-repeat;background-position:center center;position:relative;background-color:#cd0000}
.wasisB{width:320px;height:60px;line-height:30px;color:white;font-weight:700;font-size:2px;background:url(images/20poff2.png) no-repeat;background-position:center center;position:relative;background-color:#394249}
.wasisL{float:left;color:white;width:104px;font-weight:700;background:#394249;font-size:22px;text-align:center;text-decoration:line-through;text-decoration-color:#cd0000;text-decoration-thickness:3px}
.wasisR{float:right;color:white;width:104px;font-weight:700;background:#394249;font-size:22px;text-align:center}
.poff{font-size:12px}
.soimg{display:block}
.fatcA{position:absolute;top:432px;left:0;text-align:center;width:320px;height:36px;line-height:36px;box-shadow:inset 0 1px 3px 0 #91b8b3;background-color:#768d87;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;border-bottom-right-radius:0;border-bottom-left-radius:0;display:inline-block;cursor:pointer;color:black;font-family:Verdana;font-size:14px;font-weight:700;padding:0;text-decoration:none;cursor:pointer}
.fatcA:hover{background-color:#6c7c7c;color:#ffffff}
.subdiv{width:100%;max-width:1358px;min-width:320px;height:60px;color:white;line-height:30px;font-weight:700;background:black;margin:0 auto;border-top:15px solid white;border-bottom:5px solid white;text-align:center;font-size:26px}
.minisobox{width:200px;height:205px;margin:10px;position:relative;border:1px solid black;background:white}
.minisotit{width:192px;height:30px;background:black;border:4px solid black;color:white;line-height:30px;text-align:center;font-weight:700}
.minifoot{width:192px;height:40px;background:black;border:4px solid black;color:white;line-height:20px;text-align:center;font-weight:700;position:absolute;bottom:0;left:0}

.offerbox{width:300px;height:664px;margin:20px;position:relative}
.offertit{width:292px;height:52px;border:4px solid #333;line-height:26px;font-size:22px;background:#333;color:white}
.price{height:60px;width:100%;line-height:60px;background:#f37f18;color:white;text-align:center;font-size:40px;font-weight:800}
.foot{width:292px;height:26px;border:4px solid #333;line-height:26px;font-size:18px;background:#333;color:white;text-align:center}
.mo:hover{color:yellow}
.popo{font-weight:700;border-radius:4px;width:200px;height:30px;background:yellow;color:black;position:absolute;right:10px;top:520px;font-family:arial;line-height:30px;text-align:center;font-size:26px}
.opbtn{position:absolute;top:621px;left:0;width:300px;height:42px;line-height:42px;font-family:arial,sans-serif;font-size:15px;font-weight:700;text-align:center;background:#2D3142;color:#fff;-webkit-box-shadow:inset 0 0 0 100px #2D3142;box-shadow:inset 0 0 0 100px #2D3142;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.opbtn:hover{background-image:linear-gradient(0,#f37f18,#ffcc00);color:#333333;cursor:pointer;-webkit-box-shadow:inset 0 0 0 0px #2D3142;box-shadow:inset 0 0 0 0px #2D3142}
.moimg{display:block}

.fencebox{width:340px;height:530px;background:#333333;margin:4px;overflow:hidden;position:relative;z-index:1}

.tilebox{width:440px;height:596px;background:#f5f5f5;outline:1px solid #333;margin:10px;position:relative}
.tbimg{width:100%;max-width:440px;min-width:360px;display:block;z-index:-1}
.tbtit{background:#333333;width:100%;height:50px;color:white;line-height:50px;font-size:30px;text-align:center;font-weight:700}
.badge{position:absolute;bottom:160px;left:10px;z-index:100;background:#69ce0e;color:#333;padding:5px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;color:#f5f5f5;font-weight:700;outline:2px solid black}
.footplate{width:100%;height:100px;background:#191919;position:relative}
.pbox{width:220px;height:160px;position:absolute;right:0;bottom:0;overflow:hidden;z-index:1;text-align:center;margin-top:40px}
.price{color:#f5f5f5;font-size:60px;font-family:unpact;letter-spacing:1px;z-index:100;text-align:center}

.vat{font-size:13px;font-family:arial;position:absolute;top:50px;right:0px;z-index:100;color:#ffffff ;width:100%;height:40px;text-align:center;font-weight:800;opacity:0.8;text-align:right;margin-right:5px}
@media only screen and (max-width: 458px) {
.tilebox{height:auto}
}

.sup1{font-size:28px; vertical-align:super;letter-spacing:1px}
.dims{color:white;font-size:15px;position:absolute;left:5px;bottom:-1px;width:200px;height:100px;line-height:24px;font-weight:700}
.equiv{font-size:20px;font-family:arial;width:100%;height:60px;background:#333333;color:yellow;position:absolute;bottom:-76px;right:0}
.pricebox{text-shadow: 2px 2px #000000;position:absolute;bottom:94px;right:0;color:white;font-size:72px;line-height:75px;font-family:unpact;text-align:center;width:220px;height:75px;overflow:hidden;text-indent:2px}
.perM{position:absolute;bottom:36px;right:0;color:white;font-size:40px;line-height:57px;font-family:unpact;text-align:center;width:220px;height:57px;overflow:hidden;text-indent:2px;color:yellow}
.eachT{position:absolute;bottom:-10px;right:0;color:white;font-size:40px;line-height:57px;font-family:unpact;text-align:center;width:220px;height:57px;overflow:hidden;text-indent:2px;color:yellow}
.per{font-size:14px;color:white;position:absolute;top:56px;right:0;font-family:arial;z-index:100;margin-right:4px;font-weight:700}

.fatcA{position:absolute;top:468px;left:0;text-align:center;width:320px;height:36px;line-height:50px;box-shadow:inset 0 1px 3px 0 #91b8b3;background-color:#768d87;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;border-bottom-right-radius:0;border-bottom-left-radius:0;display:inline-block;cursor:pointer;color:black;font-family:Verdana;font-size:14px;font-weight:700;padding:0;text-decoration:none;cursor:pointer}
.fatcA:hover{background-color:#6c7c7c;color:#ffffff}
.opbtn{margin-top:100px;margin-top:56px;z-index:100;position:absolute;top:0;left:0;width:100%;height:51px;line-height:51px;font-family:arial,sans-serif;font-size:30px;font-weight:700;text-align:center;background:#000000;color:#f5f5f5;-webkit-box-shadow:inset 0 0 0 100px #2D3142;box-shadow:inset 0 0 0 100px #2D3142;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.opbtn:hover{background-image:linear-gradient(0,#f37f18,#ffcc00);color:#333333;cursor:pointer;-webkit-box-shadow:inset 0 0 0 0px #2D3142;box-shadow:inset 0 0 0 0px #2D3142}
.unit{color:yellow;font-size:18px;margin-left:-20px;margin-right:2px}
.majortit{width:100%;max-width:1362px;min-width:360px;height:auto;font-size:40px;line-height:50px;color:white;background:black;text-align:center;margin-top:10px;min-height:50px}
.highliteY{color:#80ff0d}
.slashed{border-radius: 4px;padding-left:8px;padding-right:8px;background:yellow;color:red;font-weight:700;margin-bottom:8px}
.cam{width:36px;height:36px;display:block;outline:3px solid black;-webkit-border-radius: 4px;-moz-border-radius:4px;border-radius:4px;z-index:100}
.cam:hover{outline:3px solid #f96300;cursor:pointer}
.camApos{position:absolute;top:55px;right:5px}
.camBpos{position:absolute;top:105px;right:5px}
.camCpos{position:absolute;top:160px;right:5px}
.camDpos{position:absolute;top:215px;left:5px}

.minisobox{width:200px;height:205px;margin:10px;position:relative;border:1px solid black;background:white}
.minisotit{width:192px;height:30px;background:black;border:4px solid black;color:white;line-height:30px;text-align:center;font-weight:700}
.minifoot{width:192px;height:40px;background:black;border:4px solid black;color:white;line-height:20px;text-align:center;font-weight:700;position:absolute;bottom:0;left:0}
.mbgA{background:url(images/products/_t_/artificial-grass/birkdale.jpg) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
.mbgB{background:url(images/products/_t_/decorative-walling/c72c.png) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
.mbgC{background:url(images/products/_t_/garden-sleepers/5eea.png) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
.mbgD{background:url(images/products/_t_/soil-compost/bd4z.png) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
.mbgE{background:url(images/products/_t_/chippings-gravels-pebbles/ap5w.png) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
.mbgF{background:url(images/products/_t_/rockery-stones-cobbles/3edz.jpg) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
.mbgG{background:url(images/products/_t_/edgings/nvf3.jpg) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
.mbgH{background:url(images/products/_t_/paving-slabs/400x400mm/bg4c.png) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
.mbgI{background:url(images/products/_t_/paving-slabs/450x450mm/d7aa.jpg) no-repeat;background-color:white;background-position:center center;background-size: 250px auto;}
.mbgJ{background:url(images/products/_t_/paving-slabs/600x400mm/bg4e.png) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
.mbgK{background:url(images/products/_t_/decking/7ada.png) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
.mbgL{background:url(images/products/_t_/decking/cdfsmo.jpg) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
.mbgM{background:url(images/products/_t_/paving-slabs/600x600mm/br6a.jpg) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
.mbgN{background:url(images/products/_t_/stepping-stones/b98y.png) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
.mbgO{background:url(images/products/_t_/paving-kits/random/yuxo.jpg) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
.mbgP{background:url(images/products/_t_/paving-kits/super-random/ae8z.png) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
.mbgQ{background:url(images/products/_t_/circle-paving-kits/6d2z.jpg) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
.mbgR{background:url(images/products/_t_/paving-kits/driveway-paving/dpp02.jpg) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
#mbgS{background:url(images/products/_t_/fencing/e43a.jpg) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
.mbgT{background:url(images/products/_t_/paving-kits/nrpps11.jpg) no-repeat;background-color:white;background-position:center center;background-size: 200px auto;}
.mtit{margin:10px 0 10px 0;height:auto;width:100%;background:black;color:white;text-align:center;color:white;font-size:30px;font-weight:700;line-height:36px}
.bigtxt{font-size:40px;color:#ff6600}


.oac{border:1px solid #2d3142;text-align:center;margin:10px}
.iac{width:100%;height:30px;background:#2d3142;color:white;line-height:30px;font-size:20px;font-weight:600;cursor:pointer}
.iac:hover{background:#f9a50c;color:#2d3142}


@import "https://fonts.googleapis.com/css2?family=Train+One&display=swap";.stretch{color:#fff;font-weight:800;font-size:calc(16px + (50 - 16) * ((100vw - 300px) / (1400 - 300)));text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;text-align:center}.neonText{margin-top:-10px;height:90px;line-height:90px;color:#fff;text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #00f890,0 0 82px #00f890,0 0 92px #00f890,0 0 102px #00f890,0 0 151px #00f890;animation:flicker .3s infinite;background:#000;font-family:Train One;overflow:hidden}@keyframes flicker{0%,18%,22%,25%,53%,57%,100%{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #00f890,0 0 80px #00f890,0 0 90px #00f890,0 0 100px #00f890,0 0 150px #00f890}20%,24%,55%{text-shadow:none}}


.foot{width:292px;height:26px;border:4px solid #333;line-height:26px;font-size:18px;background:#333;color:white;text-align:center}
.shedbox{width:420px;height:529px;border:1px solid grey;margin:10px;position:relative;background:#333333}
.shedboxtit{width:412px;height:40px;line-height:20px;border:4px solid black;background:black;color:white;font-size:20px;font-weight:700}
.ctrlbox{width:412px;height:40px;line-height:20px;border:4px solid black;background:black;color:white;font-size:20px}
.priceboxL{width:210px;height:58px;line-height:58px;float:left;background:url(images/sheds/pbgL.png);text-align:center;}
.priceboxR{width:210px;height:58px;line-height:58px;float:right;background:url(images/sheds/pbgR.png);text-align:center;}
.ppfigs{width:210px;color:#fff;font-weight:700;font-size:28px;font-family:Helvetica,Arial,"Nimbus Sana L",sans-serif;
transform:scale(0.9,1.8);display:block;text-align:center;height:30px;line-height:30px;top:460px;left:0;position:absolute}
.prodimg{display:block}
.figsL{float:left;margin-left:10px;font-family:Helvetica,Arial,"Nimbus Sana L",sans-serif;font-size:30px;color:white;font-weight:700}
.figsR{float:right;margin-right:10px;font-family:Helvetica,Arial,"Nimbus Sana L",sans-serif;font-size:30px;color:white;font-weight:700}
.wasp{position: relative;color: white;}
.wasp::after{content: "";position: absolute;top: 50%;left: 0;right: 0;border-top: 3px solid white;transform: rotate(-10deg);font-weight:700}
}
.exc{width:100%;height:26px;line-height:26px;color:white;font-size:14px;text-align:center;font-weight:700}
.bnb{float:right;width:200px;height:38px;line-height:38px;border-radius:5px;background:#4c638c;color:white;float:right;text-align:center;font-size:15px;font-weight:700;border:2px solid black;margin-left:2px}
.bnb:hover{border:2px solid white;cursor:pointer;background:#19a4bf}
.mag{float:left;width:38px;height:38px;line-height:38px;border-radius:5px;background:#4c638c;color:white;float:right;text-align:center;font-size:26px;font-weight:700;border:2px solid black}
.mag:hover{border:2px solid white;cursor:pointer;background:#19a4bf}
.vmi{width:200px;height:38px;line-height:38px;border-radius:5px;background:#4c638c;color:white;float:left;text-align:center;font-size:15px;font-weight:700;border:2px solid black;margin-right:2px}
.vmi:hover{border:2px solid white;cursor:pointer;background:#19a4bf}

.oac{border:1px solid #2d3142;text-align:center;margin:10px}
.iac{width:100%;height:30px;background:#2d3142;color:white;line-height:30px;font-size:20px;font-weight:600;cursor:pointer}
.iac:hover{background:#f9a50c;color:#2d3142}