body { margin: 0; min-width: 320px; color:#ff0000; font-family: 'Source Sans Pro', sans-serif; background-color:#FFFFFF; } a.postcodelinksnew:link {text-decoration:none; color:#6DACC4; } a.postcodelinksnew:visited {text-decoration:none; color:#6DACC4; } a.postcodelinksnew:hover {text-decoration:none; color:#6DACC4; } a.postcodelinksnew:active {text-decoration:none; color:#6DACC4; } #example { width:100%; height: 500px; overflow: hidden; margin-top: 0px; } #example .mSButtons { height: 80%; } #example .frame { width: 100%; height: 100%; } #example .frame .slide_element { height: 100%; } #example .frame .slide_element > div { float: left; height: 100%; overflow: hidden; } #example .frame .mSCover img { max-width: none; } #example .credit{ position: absolute; bottom: 10px; left: 10px; font-size: 11px; line-height: normal; font-weight: 300; text-shadow: #000000 0 1px 0px; text-shadow: rgba(0,0,0,0.7) 0 1px 0px; color: #CCC; background: #000; background: rgba(0,0,0,0.6); padding: 0 4px; white-space: nowrap; z-index: 1002; text-transform: uppercase; }#example .credit a { color: #FFF; font-weight: 400; } .infoBlock { position: absolute; top: 370px; left: 0px; width: 980px; height:56px; padding-bottom: 0; background: #FFF; background: rgba(255, 255, 255, 0.6); overflow: hidden; z-index: 1002; } .infoBlockLeftBlack { color: #FFF; background: #000; background: rgba(0,0,0,0.55); left: 90px; right: auto; opacity: 0; } .infoBlock2 { top: 90px; left: 100px; } .contactheads{ font-weight:bold; font-size: 14pt; color:#6DACC4; } .contactheads2{ font-weight:bold; font-size: 12pt; color:#FFFFFF; } .yellowheads{ font-weight:bold; color:#E5D450; } /*IPHONE STYLES*/ @media only screen and (max-width: 480px) { .topmobilebar {width:100%; margin-top:0px; background-color:#333333; height:36px; position:relative; float:left; } .topsocialmediareamob {width:110px; background-color:#333333; margin-top:0px; height:auto; position:relative; float:left; } .topmobilefacebook{width:14px; margin-top:6px; margin-left:10px; height:21px; position:relative; float:left; } .topmobiletwitter {width:29px; margin-top:7px; margin-left:8px; height:21px; position:relative; float:left; } .topmobileinsta {width:22px; margin-top:7px; margin-left:5px; height:21px; position:relative; float:left; } .topmobileyoutube {width:32px; margin-top:4px; margin-left:8px; height:21px; position:relative; float:left; } .topmobilelinks {width:100%; margin-top:0px; background-color:#222222; height:auto; position:relative; float:left; } .topphonemob {width:183px; margin-top:0px; height:35px; position:relative; float:right; margin-right:5px; } .phoneiconmob {width:21px; margin-top:7px; margin-left:15px; height:21px; position:relative; float:left; } .phonemobnum {width:134px; margin-top:3px; margin-right:5px; height:auto; position:relative; float:right; text-align:right; font-family: 'Poppins', sans-serif; color:#FFFFFF; font-size:14pt;} .topmobilebar2 { width:100%; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-color:#6DACC4; height: 4px; z-index:1000000000000000; margin-top:0px; display:block;} .logomob {width:100%; margin-left:0px; margin-top:30px; margin-bottom:30px; height:101px; position:relative; float:left; background-image:url("logomobbusiness.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto;} .holdingdeskbar {width:100%; margin-left:0px; margin-top:0px; background-color:#6DACC4; height:4px; position:relative; float:left;} .holdingdeskbar2 {width:100%; margin-left:0px; margin-top:0px; background-color:#6DACC4; height:4px; position:relative; float:left;} .topholderdesk1{ display:none;} .footersection{ width:100%; height:auto; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-color:#222222; z-index:1; margin-top:0px; } .footerholder{ width:100%; height:auto; position:relative; background-color:#222222; text-align:center; display:block; z-index:1; margin-top:0px; margin-bottom:50px; float:left; } .footerlinks {width:92%; position:relative; margin-bottom:40px; float:left; height:auto; margin-left:4%; margin-right:4%; margin-top:40px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#ffffff; text-align:center;} .footernumber { display:none;} .galleryintro {width:96%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:2%; margin-right:2%; margin-top:18px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#FFFFFF; text-align:center;} .footerlogo {width:100%; margin-left:0px; margin-top:40px; z-index:1; height:95px; position:relative; float:left; background-image:url(footerlogobusinessmob.png); background-position: center center; background-repeat: no-repeat; background-size: auto;} .homepageintro {width:94%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:3%; margin-right:3%; margin-top:18px; font-size:10pt; font-family: 'Poppins', sans-serif; font-weight:500; color:#040404; text-align:center;} .homeintroholdermain{ width:100%; height:auto; position:relative; text-align:center; float:left; margin-left:0px; display:block; z-index:1; margin-top:0px; background-color:#FFFFFF; } .homeintrotxtholder { width:100%; height:auto; position:relative; margin-bottom:30px; text-align:center; float:left; margin-left:0px; display:block; z-index:1; margin-top:0px; background-color:#FFFFFF;} .businessbutton1 {width:100%; margin-left:0px; margin-top:30px; margin-bottom:40px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .businessbutton2 {width:100%; margin-left:0px; margin-top:30px; margin-bottom:40px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .businessbutton3 {width:100%; margin-left:0px; margin-top:30px; margin-bottom:40px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .introdetailssection {display:none; } .introdescription {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#333333; text-align:left;} .businessintro {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .businessheader {font-size:14pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;} .box1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height: auto; position:relative; float:left; background-color:#ffffff; } .box2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height: auto; position:relative; float:left; background-color:#6DACC4} .box3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height: auto; position:relative; float:left; background-color:#ffffff; } .infobox1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height: auto; position:relative; float:left; background-color:#6DACC4; } .infobox2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height: auto; position:relative; float:left; background-color:#6DACC4; } .standardprofile {width:100%; margin-left:0px; margin-top:60px; margin-bottom:0px; z-index:1; height:287px; position:relative; float:left; background-image:url("businessstandardprofile.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofile2 {width:100%; margin-left:0px; margin-top:60px; margin-bottom:0px; z-index:1; height:287px; position:relative; float:left; background-image:url("businessprofile2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofile3 {width:100%; margin-left:0px; margin-top:30px; margin-bottom:0px; z-index:1; height:236px; position:relative; float:left; background-image:url("businessprofile3.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofiletxt {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#333333; text-align:left;} .businessprofiletxt2 {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .rotatorbar {width:100%; margin-left:0px; margin-top:0px; height:8px; background-color:#6DACC4; position:relative; float:left;} .introbannerimage {width:100%; margin-left:0px; margin-top:0px; height:300px; position:relative; float:left; background-color:#6DACC4;} .businessmobintro2020 {width:100%; margin-left:0px; margin-top:0px; background-color:#6DACC4; height:auto; position:relative; float:left;} .businessmobectionholder2020 {width:100%; margin-left:0px; margin-top:0px; background-color:#6DACC4; height:auto; position:relative; float:left;} .fulldetailsbelowmob {width:100%; margin-left:0px; margin-top:10px; margin-bottom:40px; z-index:1; height:46px; position:relative; float:left; background-image:url("fulldetailsbusiness.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .hometxtholder3 {width:100%; margin-top:20px; height:auto; position:relative; float:left; margin-bottom:20px; } .hometxt4 {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:5px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} h1 {font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;} .topdesklinksbusiness { display:none; } .introbannerimagecleaner {width:100%; margin-left:0px; margin-top:0px; height:300px; position:relative; float:left; background-image:url(topimagebusiness2mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .introcleaner { display:none; } .introdescriptioncleaner { display:none; } .cleanerbackgroundsection1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:auto; position:relative; float:left; background-color:#FFFFFF;} h2 { font-weight:800; font-size: 16pt; color:#FFFFFF; font-family: 'Poppins', sans-serif; text-align: center; } h3 { font-weight:800; font-size: 16pt; color:#6DACC4; font-family: 'Poppins', sans-serif; text-align: center; } .homecleanerholder1 {width:100%; margin-left:0px; margin-top:0px; margin-bottom:40px; z-index:1; height:auto; position:relative; float:left; } .homecleanerholder2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:auto; position:relative; float:left; } .cleanersinsuranceintro {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:auto; position:relative; float:left; } .cleanertxt {width:92%; margin-left:4%; margin-right:4%; position:relative; float:left; height:auto; margin-top:5px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} .cleanertxt2 {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:5px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .ukidirectlogo1 {width:100%; margin-left:0px; margin-top:10px; z-index:1; height:100px; position:relative; float:left; background-image:url("ukidiectlogo.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto;} .cleanerbackgroundsection2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:750px; position:relative; float:left; background-image:url("postcodescleanerbanner22.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .cleanerbackgroundsection3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:auto; position:relative; float:left; background-color:#6DACC4;} .cleanersinsuranceintro2 {width:92%; margin-left:4%; margin-right:4%; margin-top:0px; z-index:1; height:auto; position:relative; float:left; } input[type=text], select { width: 100%; height:32px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 3px solid #E5D450; border-radius: 4px; box-sizing: border-box; background-color:#6DACC4; } .formname {width:100%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:0%; margin-right:0; margin-top:10px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#111111; color:#FFFFFF; font-weight:bold; text-align:left;} textarea { width: 100%; height: 100px; padding: 12px 20px; box-sizing: border-box; border: 3px solid #E5D450; border-radius: 4px; background-color:#6DACC4; font-size: 16px; resize: none; margin-top:10px; } .submitbuttonholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder2 {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .homeimage8mob { width:96%; height:280px; position:relative; float:left; margin-bottom:60px; margin-left:2%; margin-right:2%; margin-top:30px; background-image:url(homeimage8mob.jpg); background-position: center center; background-repeat: no-repeat; background-size:cover; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .videotop1 { display:none; } .videotop2 { display:none; } .videotop3 { display:none; } .videotop4 { display:none; } .videotop5 { display:none; } .videotop6 { width:100%; height:300px; position:relative; margin-left:0px; z-index:1; margin-top:0px; float:left; display:block; } .newpriceback2021 { width:100%; margin-left:0px; margin-top:0px; ; height:auto; position:relative; float:left; background-color:#FFFFFF;} .hometxtholder4newprice2021 { width:100%; margin-left:0px; margin-top:0px; ; height:auto; position:relative; float:left; } .newpriceback2021holder { width:100%; margin-left:0px; margin-top:0px; ; height:auto; position:relative; float:left; } } @media only screen and (min-width : 481px) and (max-width : 1024px) { .topmobilebar {width:100%; margin-top:0px; background-color:#333333; height:36px; position:relative; float:left; } .topsocialmediareamob {width:110px; background-color:#333333; margin-top:0px; height:auto; position:relative; float:left; } .topmobilefacebook{width:14px; margin-top:6px; margin-left:10px; height:21px; position:relative; float:left; } .topmobiletwitter {width:29px; margin-top:7px; margin-left:8px; height:21px; position:relative; float:left; } .topmobileinsta {width:22px; margin-top:7px; margin-left:5px; height:21px; position:relative; float:left; } .topmobileyoutube {width:32px; margin-top:4px; margin-left:8px; height:21px; position:relative; float:left; } .topmobilelinks {width:100%; margin-top:0px; background-color:#222222; height:auto; position:relative; float:left; } .topphonemob {width:183px; margin-top:0px; height:35px; position:relative; float:right; margin-right:5px; } .phoneiconmob {width:21px; margin-top:7px; margin-left:15px; height:21px; position:relative; float:left; } .phonemobnum {width:134px; margin-top:3px; margin-right:5px; height:auto; position:relative; float:right; text-align:right; font-family: 'Poppins', sans-serif; color:#FFFFFF; font-size:14pt;} .topmobilebar2 { width:100%; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-color:#6DACC4; height: 4px; z-index:1000000000000000; margin-top:0px; display:block;} .logomob {width:100%; margin-left:0px; margin-top:30px; margin-bottom:30px; height:101px; position:relative; float:left; background-image:url("logomobbusiness.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto;} .holdingdeskbar {width:100%; margin-left:0px; margin-top:0px; background-color:#6DACC4; height:4px; position:relative; float:left;} .holdingdeskbar2 {width:100%; margin-left:0px; margin-top:0px; background-color:#6DACC4; height:4px; position:relative; float:left;} .topholderdesk1{ display:none;} .footersection{ width:100%; height:auto; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-color:#222222; z-index:1; margin-top:0px; } .footerholder{ width:100%; height:auto; position:relative; background-color:#222222; text-align:center; display:block; z-index:1; margin-top:0px; margin-bottom:50px; float:left; } .footerlinks {width:92%; position:relative; margin-bottom:40px; float:left; height:auto; margin-left:4%; margin-right:4%; margin-top:40px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#ffffff; text-align:center;} .footernumber { display:none;} .galleryintro {width:96%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:2%; margin-right:2%; margin-top:18px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#FFFFFF; text-align:center;} .footerlogo {width:100%; margin-left:0px; margin-top:40px; z-index:1; height:95px; position:relative; float:left; background-image:url(footerlogobusinessmob.png); background-position: center center; background-repeat: no-repeat; background-size: auto;} .homepageintro {width:94%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:3%; margin-right:3%; margin-top:18px; font-size:10pt; font-family: 'Poppins', sans-serif; font-weight:500; color:#040404; text-align:center;} .homeintroholdermain{ width:100%; height:auto; position:relative; text-align:center; float:left; margin-left:0px; display:block; z-index:1; margin-top:0px; background-color:#FFFFFF; } .homeintrotxtholder { width:100%; height:auto; position:relative; margin-bottom:30px; text-align:center; float:left; margin-left:0px; display:block; z-index:1; margin-top:0px; background-color:#FFFFFF;} .businessbutton1 {width:100%; margin-left:0px; margin-top:30px; margin-bottom:40px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .businessbutton2 {width:100%; margin-left:0px; margin-top:30px; margin-bottom:40px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .businessbutton3 {width:100%; margin-left:0px; margin-top:30px; margin-bottom:40px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .introdetailssection {display:none; } .introdescription {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#333333; text-align:center;} .businessintro {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .businessheader {font-size:14pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;} .box1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height: auto; position:relative; float:left; background-color:#ffffff; } .box2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height: auto; position:relative; float:left; background-color:#6DACC4} .box3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height: auto; position:relative; float:left; background-color:#ffffff; } .infobox1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height: auto; position:relative; float:left; background-color:#6DACC4; } .infobox2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height: auto; position:relative; float:left; background-color:#6DACC4; } .standardprofile {width:100%; margin-left:0px; margin-top:60px; margin-bottom:0px; z-index:1; height:287px; position:relative; float:left; background-image:url("businessstandardprofile.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofile2 {width:100%; margin-left:0px; margin-top:60px; margin-bottom:0px; z-index:1; height:287px; position:relative; float:left; background-image:url("businessprofile2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofile3 {width:100%; margin-left:0px; margin-top:30px; margin-bottom:0px; z-index:1; height:236px; position:relative; float:left; background-image:url("businessprofile3.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofiletxt {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#333333; text-align:left;} .businessprofiletxt2 {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .rotatorbar {width:100%; margin-left:0px; margin-top:0px; height:8px; background-color:#6DACC4; position:relative; float:left;} .introbannerimage {width:100%; margin-left:0px; margin-top:0px; height:480px; position:relative; float:left; background-color:#6DACC4;} .businessmobintro2020 {width:100%; margin-left:0px; margin-top:0px; background-color:#6DACC4; height:auto; position:relative; float:left;} .businessmobectionholder2020 {width:100%; margin-left:0px; margin-top:0px; background-color:#6DACC4; height:auto; position:relative; float:left;} .fulldetailsbelowmob {width:100%; margin-left:0px; margin-top:10px; margin-bottom:40px; z-index:1; height:46px; position:relative; float:left; background-image:url("fulldetailsbusiness.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .hometxtholder3 {width:100%; margin-top:20px; height:auto; position:relative; float:left; margin-bottom:20px; } .hometxt4 {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:5px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} h1 {font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;} .topdesklinksbusiness { display:none; } .introbannerimagecleaner {width:100%; margin-left:0px; margin-top:0px; height:480px; position:relative; float:left; background-image:url(topimagebusiness2pad.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .introcleaner { display:none; } .introdescriptioncleaner { display:none; } .cleanerbackgroundsection1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:auto; position:relative; float:left; background-color:#FFFFFF;} h2 { font-weight:800; font-size: 16pt; color:#FFFFFF; font-family: 'Poppins', sans-serif; text-align: center; } h3 { font-weight:800; font-size: 16pt; color:#6DACC4; font-family: 'Poppins', sans-serif; text-align: center; } .homecleanerholder1 {width:100%; margin-left:0px; margin-top:0px; margin-bottom:40px; z-index:1; height:auto; position:relative; float:left; } .homecleanerholder2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:auto; position:relative; float:left; } .cleanersinsuranceintro {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:auto; position:relative; float:left; } .cleanertxt {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:5px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} .cleanertxt2 {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:5px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .ukidirectlogo1 {width:100%; margin-left:0px; margin-top:10px; z-index:1; height:100px; position:relative; float:left; background-image:url("ukidiectlogo.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto;} .cleanerbackgroundsection2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:750px; position:relative; float:left; background-image:url("postcodescleanerbanner22.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .cleanerbackgroundsection3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:auto; position:relative; float:left; background-color:#6DACC4;} .cleanersinsuranceintro2 {width:60%; margin-left:20%; margin-right:20%; margin-top:20px; z-index:1; height:auto; position:relative; float:left; } input[type=text], select { width: 100%; height:32px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 3px solid #E5D450; border-radius: 4px; box-sizing: border-box; background-color:#6DACC4; } .formname {width:100%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:0%; margin-right:0; margin-top:10px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#111111; color:#FFFFFF; font-weight:bold; text-align:left;} textarea { width: 100%; height: 100px; padding: 12px 20px; box-sizing: border-box; border: 3px solid #E5D450; border-radius: 4px; background-color:#6DACC4; font-size: 16px; resize: none; margin-top:10px; } .submitbuttonholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder2 {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .homeimage8mob { width:100%; height:380px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:50px; background-image:url(homeimage8pad.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .videotop1 { display:none; } .videotop2 { display:none; } .videotop3 { display:none; } .videotop4 { display:none; } .videotop6 { display:none; } .videotop5 { width:100%; height:480px; position:relative; margin-left:0px; z-index:1; margin-top:0px; float:left; display:block; } .newpriceback2021 { width:100%; margin-left:0px; margin-top:0px; ; height:auto; position:relative; float:left; background-color:#FFFFFF;} .hometxtholder4newprice2021 { width:100%; margin-left:0px; margin-top:0px; ; height:auto; position:relative; float:left; } .newpriceback2021holder { width:100%; margin-left:0px; margin-top:0px; ; height:auto; position:relative; float:left; } } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait) { .topmobilebar {width:100%; margin-top:0px; background-color:#333333; height:36px; position:relative; float:left; } .topsocialmediareamob {width:110px; background-color:#333333; margin-top:0px; height:auto; position:relative; float:left; } .topmobilefacebook{width:14px; margin-top:6px; margin-left:10px; height:21px; position:relative; float:left; } .topmobiletwitter {width:29px; margin-top:7px; margin-left:8px; height:21px; position:relative; float:left; } .topmobileinsta {width:22px; margin-top:7px; margin-left:5px; height:21px; position:relative; float:left; } .topmobileyoutube {width:32px; margin-top:4px; margin-left:8px; height:21px; position:relative; float:left; } .topmobilelinks {width:100%; margin-top:0px; background-color:#222222; height:auto; position:relative; float:left; } .topphonemob {width:183px; margin-top:0px; height:35px; position:relative; float:right; margin-right:5px; } .phoneiconmob {width:21px; margin-top:7px; margin-left:15px; height:21px; position:relative; float:left; } .phonemobnum {width:134px; margin-top:3px; margin-right:5px; height:auto; position:relative; float:right; text-align:right; font-family: 'Poppins', sans-serif; color:#FFFFFF; font-size:14pt;} .topmobilebar2 { width:100%; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-color:#6DACC4; height: 4px; z-index:1000000000000000; margin-top:0px; display:block;} .logomob {width:100%; margin-left:0px; margin-top:30px; margin-bottom:30px; height:101px; position:relative; float:left; background-image:url("logomobbusiness.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto;} .holdingdeskbar {width:100%; margin-left:0px; margin-top:0px; background-color:#6DACC4; height:4px; position:relative; float:left;} .holdingdeskbar2 {width:100%; margin-left:0px; margin-top:0px; background-color:#6DACC4; height:4px; position:relative; float:left;} .topholderdesk1{ display:none;} .footersection{ width:100%; height:auto; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-color:#222222; z-index:1; margin-top:0px; } .footerholder{ width:100%; height:auto; position:relative; background-color:#222222; text-align:center; display:block; z-index:1; margin-top:0px; margin-bottom:50px; float:left; } .footerlinks {width:92%; position:relative; margin-bottom:40px; float:left; height:auto; margin-left:4%; margin-right:4%; margin-top:40px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#ffffff; text-align:center;} .footernumber { display:none;} .galleryintro {width:96%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:2%; margin-right:2%; margin-top:18px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#FFFFFF; text-align:center;} .footerlogo {width:100%; margin-left:0px; margin-top:40px; z-index:1; height:95px; position:relative; float:left; background-image:url(footerlogobusinessmob.png); background-position: center center; background-repeat: no-repeat; background-size: auto;} .homepageintro {width:94%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:3%; margin-right:3%; margin-top:18px; font-size:10pt; font-family: 'Poppins', sans-serif; font-weight:500; color:#040404; text-align:center;} .homeintroholdermain{ width:100%; height:auto; position:relative; text-align:center; float:left; margin-left:0px; display:block; z-index:1; margin-top:0px; background-color:#FFFFFF; } .homeintrotxtholder { width:100%; height:auto; position:relative; margin-bottom:30px; text-align:center; float:left; margin-left:0px; display:block; z-index:1; margin-top:0px; background-color:#FFFFFF;} .businessbutton1 {width:100%; margin-left:0px; margin-top:30px; margin-bottom:40px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .businessbutton2 {width:100%; margin-left:0px; margin-top:30px; margin-bottom:40px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .businessbutton3 {width:100%; margin-left:0px; margin-top:30px; margin-bottom:40px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .introdetailssection {display:none; } .introdescription {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#333333; text-align:center;} .businessintro {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .businessheader {font-size:14pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;} .box1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height: auto; position:relative; float:left; background-color:#ffffff; } .box2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height: auto; position:relative; float:left; background-color:#6DACC4} .box3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height: auto; position:relative; float:left; background-color:#ffffff; } .infobox1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height: auto; position:relative; float:left; background-color:#6DACC4; } .infobox2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height: auto; position:relative; float:left; background-color:#6DACC4; } .standardprofile {width:100%; margin-left:0px; margin-top:60px; margin-bottom:0px; z-index:1; height:287px; position:relative; float:left; background-image:url("businessstandardprofile.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofile2 {width:100%; margin-left:0px; margin-top:60px; margin-bottom:0px; z-index:1; height:287px; position:relative; float:left; background-image:url("businessprofile2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofile3 {width:100%; margin-left:0px; margin-top:30px; margin-bottom:0px; z-index:1; height:236px; position:relative; float:left; background-image:url("businessprofile3.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofiletxt {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#333333; text-align:left;} .businessprofiletxt2 {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .rotatorbar {width:100%; margin-left:0px; margin-top:0px; height:8px; background-color:#6DACC4; position:relative; float:left;} .introbannerimage {width:100%; margin-left:0px; margin-top:0px; height:480px; position:relative; float:left; background-color:#6DACC4;} .businessmobintro2020 {width:100%; margin-left:0px; margin-top:0px; background-color:#6DACC4; height:auto; position:relative; float:left;} .businessmobectionholder2020 {width:100%; margin-left:0px; margin-top:0px; background-color:#6DACC4; height:auto; position:relative; float:left;} .fulldetailsbelowmob {width:100%; margin-left:0px; margin-top:10px; margin-bottom:40px; z-index:1; height:46px; position:relative; float:left; background-image:url("fulldetailsbusiness.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .hometxtholder3 {width:100%; margin-top:20px; height:auto; position:relative; float:left; margin-bottom:20px; } .hometxt4 {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:5px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} h1 {font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;} .topdesklinksbusiness { display:none; } .introbannerimagecleaner {width:100%; margin-left:0px; margin-top:0px; height:480px; position:relative; float:left; background-image:url(topimagebusiness2pad.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .introcleaner { display:none; } .introdescriptioncleaner { display:none; } .cleanerbackgroundsection1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:auto; position:relative; float:left; background-color:#FFFFFF;} h2 { font-weight:800; font-size: 16pt; color:#FFFFFF; font-family: 'Poppins', sans-serif; text-align: center; } h3 { font-weight:800; font-size: 16pt; color:#6DACC4; font-family: 'Poppins', sans-serif; text-align: center; } .homecleanerholder1 {width:100%; margin-left:0px; margin-top:0px; margin-bottom:40px; z-index:1; height:auto; position:relative; float:left; } .homecleanerholder2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:auto; position:relative; float:left; } .cleanersinsuranceintro {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:auto; position:relative; float:left; } .cleanertxt {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:5px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} .cleanertxt2 {width:96%; margin-left:2%; margin-right:2%; position:relative; float:left; height:auto; margin-top:5px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .ukidirectlogo1 {width:100%; margin-left:0px; margin-top:10px; z-index:1; height:100px; position:relative; float:left; background-image:url("ukidiectlogo.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto;} .cleanerbackgroundsection2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:750px; position:relative; float:left; background-image:url("postcodescleanerbanner22.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .cleanerbackgroundsection3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:auto; position:relative; float:left; background-color:#6DACC4;} .cleanersinsuranceintro2 {width:60%; margin-left:20%; margin-right:20%; margin-top:20px; z-index:1; height:auto; position:relative; float:left; } input[type=text], select { width: 100%; height:32px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 3px solid #E5D450; border-radius: 4px; box-sizing: border-box; background-color:#6DACC4; } .formname {width:100%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:0%; margin-right:0; margin-top:10px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#111111; color:#FFFFFF; font-weight:bold; text-align:left;} textarea { width: 100%; height: 100px; padding: 12px 20px; box-sizing: border-box; border: 3px solid #E5D450; border-radius: 4px; background-color:#6DACC4; font-size: 16px; resize: none; margin-top:10px; } .submitbuttonholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder2 {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .homeimage8mob { width:100%; height:380px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:50px; background-image:url(homeimage8pad.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .videotop1 { display:none; } .videotop2 { display:none; } .videotop3 { display:none; } .videotop4 { display:none; } .videotop5 { width:100%; height:480px; position:relative; margin-left:0px; z-index:1; margin-top:0px; float:left; display:block; } .videotop6 { display:none; } .newpriceback2021 { width:100%; margin-left:0px; margin-top:0px; ; height:auto; position:relative; float:left; background-color:#FFFFFF;} .hometxtholder4newprice2021 { width:100%; margin-left:0px; margin-top:0px; ; height:auto; position:relative; float:left; } .newpriceback2021holder { width:100%; margin-left:0px; margin-top:0px; ; height:auto; position:relative; float:left; } } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .homeimage8mob { display:none;} .businessmobintro2020 {display:none;} .businessmobectionholder2020 {display:none;} .topmobilebar { display:none; } .topmobilebar2 { display:none; } .moblogoholder{ display:none; } .topmobilebar2 { display:none; } .topmobilelinks { display:none; } .mobintrosection { display:none;} .introbannerimage {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:640px; position:relative; float:left; background-color:#6DACC4;} .introimageholder { width:1024px; height:640px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .introfulldetails {width:257px; margin-left:10px; margin-top:5px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("fulldetailsbusiness.png"); background-position: center center; } .businessbutton1 {width:100%; margin-left:0px; margin-top:48px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .businessbutton2 {width:100%; margin-left:0px; margin-top:45px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .businessbutton3 {width:100%; margin-left:0px; margin-top:20px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .introdetailssection {width:400px; margin-left:0px; margin-top:0px; margin-bottom:0px; z-index:1; height:640px; position:relative; float:left; Display:block; } .introdescription {width:380px; margin-left:10px; position:relative; float:left; height:auto; margin-top:5px; font-size:14pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .businessintro {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:45px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .businessheader {font-size:26pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;} .desklogo {width:100%; margin-left:0px; margin-top:37px; height:136px; position:relative; float:left; background-image:url(desklogobusiness.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; } .topholderdesk1{ width:100%; height:198px; position:relative; background-color:#ffffff; text-align:center; margin-left:0px; left:0px; display:block; z-index:1; margin-top:0px; } .topholder{ width:1024px; height:198px; position:relative; background-color:#ffffff; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; } .linksmain {width:100%; margin-left:0px; margin-top:0px; background-color:#222222; height:41px; position:relative; float:left; display:block; } .linksmain2020holder { width:1500px; height:41px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .socialandnumberholder { width:100%; height:auto; position:absolute; left:0px; top:14px; z-index:100000000000; display:block; z-index:1; margin-top:9px; } .topdesknumber { width:203px; height:24px; position:relative; background-image:url(topnumberbusiness.png); margin-left:10px; float:left; display:block; z-index:1; margin-top:15px; } .fbdesk { width:11px; height:25px; position:relative; background-image:url(fbdesk.png); margin-left:15px; float:left; display:block; z-index:1; margin-top:12px; } .youtubedesk { width:38px; height:26px; position:relative; background-image:url(youtubebusiness.png); margin-left:700px; float:left; display:block; z-index:1; margin-top:12px; } .instadesk { width:25px; height:25px; position:relative; background-image:url(instadesk.png); margin-right:10px; float:right; display:block; z-index:1; margin-top:13px;} .standardprofile {width:100%; margin-left:0px; margin-top:60px; margin-bottom:0px; z-index:1; height:287px; position:relative; float:left; background-image:url("businessstandardprofile.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofile2 {width:100%; margin-left:0px; margin-top:60px; margin-bottom:0px; z-index:1; height:287px; position:relative; float:left; background-image:url("businessprofile2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofile3 {width:100%; margin-left:0px; margin-top:30px; margin-bottom:0px; z-index:1; height:236px; position:relative; float:left; background-image:url("businessprofile3.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofiletxt {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#333333; text-align:center;} .businessprofiletxt2 {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .followusheader { display:none; } .introbusiness { width:278px; height:190px; position:relative; background-image:url(intro1business.png); margin-left:10px; float:left; display:block; z-index:1; margin-top:48px; } .topdeskline {width:100%; margin-left:0px; margin-top:0px; height:4px; background-color:#385D93; position:relative; float:left;} .homesectionnew2020 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:990px; position:relative; float:left;} .homesectionholdernew2020 { width:1500px; height:990px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .rotatorbar {width:100%; margin-left:0px; margin-top:0px; height:8px; background-color:#385D93; position:relative; float:left;} .hometxtholder3 { width:650px; height:auto; position:relative; margin-left:20px; z-index:1; margin-top:50px; float:left; display:block; } .hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} .headerholder1 {width:100%; margin-top:0px; height:auto; position:relative; float:left; } .hometxt4 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:5px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .footersection { width:100%; height:220px; position:relative; margin-bottom:0px; text-align:center; float:left; margin-left:0px; display:block; z-index:1; margin-top:0px; background-color:#222222;} .footerholder{ width:1024px; height:220px; position:relative; margin-bottom:0px; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .footerlogo {width:270px; margin-left:20px; margin-top:53px; z-index:1; height:87px; position:relative; float:left; background-image:url(footerlogobusiness3.png); } .footerlinks {width:350px; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:50px; margin-right:0px; margin-top:70px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .footernumber {width:272px; margin-left:0px; margin-right:20px; margin-top:85px; z-index:1; height:31px; position:relative; float:right; background-image:url(footerlogobusiness.png); display: block;} .homesectionnew20202 {width:100%; margin-left:0px; margin-top:0px; background-color:#385D93; height:580px; position:relative; float:left;} .homesectionholdernew20202 { width:1500px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .hometxtholder4 { width:655px; height:auto; position:relative; margin-left:190px; z-index:1; margin-top:45px; float:left; display:block; } .homesectionnew20203 {width:100%; margin-left:0px; margin-top:0px; background-color:#385D93; height:870px; position:relative; float:left;} .homesectionholdernew20203 { width:1500px; height:870px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .box1 {width:33%; margin-left:0px; margin-top:0px; z-index:1; height: 780px; position:relative; float:left; background-color:#ffffff; } .box2 {width:34%; margin-left:0px; margin-top:0px; z-index:1; height: 780px; position:relative; float:left; background-color:#6DACC4} .box3 {width:33%; margin-left:0px; margin-top:0px; z-index:1; height: 780px; position:relative; float:left; background-color:#ffffff; } .infobox1 {width:50%; margin-left:0px; margin-top:0px; z-index:1; height: 920px; position:relative; float:left; background-color:#6DACC4; } .infobox2 {width:50%; margin-left:0px; margin-top:0px; z-index:1; height: 920px; position:relative; float:left; background-color:#6DACC4; } .servicesimageholder {width:100%; margin-left:0px; margin-top:10px; height:200px; position:relative; float:left;} .chooseusheader {font-size:28pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;} .homesection12020 {width:100%; margin-left:0px; margin-top:0px; background-color:#385D93; height:830px; position:relative; float:left;} .homesectionholder12020 { width:1300px; height:830px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .contactheads{ font-weight:bold; font-size: 16pt; color:#6DACC4; } .rotatorbar {width:100%; margin-left:0px; margin-top:0px; height:8px; background-color:#6DACC4; position:relative; float:left;} .topdesklinksbusiness { width:100%; height:auto; position:absolute; left:0px; top:78px; z-index:100000000000; display:block; } .topdesklinksbusinessholder { width:1024px; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .topdesklinksbusinessmain {width:500px; margin-left:0%; margin-right:15px; position:relative; float:right; height:auto; margin-top:10px; font-size:14pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#6DACC4; text-align:right;} .introbannerimagecleaner {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:690px; position:relative; float:left; background-image:url("postcodesintrobanner111.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .introcleaner { width:287px; height:171px; position:relative; background-image:url(intro1cleaner.png); margin-left:20px; float:left; display:block; z-index:1; margin-top:60px; } .introdescriptioncleaner {width:300px; margin-left:20px; position:relative; float:left; height:auto; margin-top:40px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left; display:block;} .cleanerbackgroundsection1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:750px; position:relative; float:left; background-image:url("postcodesintrobanner1111.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} h1 { font-weight:800; font-size: 22pt; color:#6DACC4; font-family: 'Poppins', sans-serif; } h2 { font-weight:800; font-size: 22pt; color:#FFFFFF; font-family: 'Poppins', sans-serif; } h3 { font-weight:800; font-size: 22pt; color:#6DACC4; font-family: 'Poppins', sans-serif; } .homecleanerholder1 { width:1024px; height:750px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .homecleanerholder2 { width:1024px; height:690px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .cleanersinsuranceintro {width:480px; margin-left:10px; position:relative; float:left; height:auto; margin-top:25px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} .cleanertxt {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} .cleanertxt2 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .ukidirectlogo1 {width:100%; margin-left:0px; margin-top:10px; z-index:1; height:100px; position:relative; float:left; background-image:url("ukidiectlogo.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto;} .cleanerbackgroundsection2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:750px; position:relative; float:left; background-image:url("postcodescleanerbanner22.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .cleanerbackgroundsection3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:750px; position:relative; float:left; background-image:url("postcodescleanerbanner3333.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .cleanersinsuranceintro2 {width:480px; margin-left:502px; margin-right:0px; position:relative; float:left; height:auto; margin-top:80px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} input[type=text], select { width: 100%; height:32px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 3px solid #E5D450; border-radius: 4px; box-sizing: border-box; background-color:#6DACC4; } .formname {width:100%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:0%; margin-right:0; margin-top:10px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#111111; color:#FFFFFF; font-weight:bold; text-align:left;} textarea { width: 100%; height: 100px; padding: 12px 20px; box-sizing: border-box; border: 3px solid #E5D450; border-radius: 4px; background-color:#6DACC4; font-size: 16px; resize: none; margin-top:10px; } .submitbuttonholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder {width:220px; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder2 {width:220px; margin-left:30px; margin-top:10px; ; height:auto; position:relative; float:left;} .videotop1 { display:none; } .videotop2 { display:none; } .videotop3 { display:none; } .videotop4 { width:540px; height:540px; position:relative; margin-left:40px; z-index:1; margin-top:30px; float:left; display:block; } .videotop5 { display:none; } .videotop6 { display:none; } .newpriceback2021 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:640px; position:relative; float:left; background-image:url("newpriceback2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .hometxtholder4newprice2021 { width:400px; height:auto; position:relative; margin-left:600px; z-index:1; margin-top:10px; float:left; display:block; } .newpriceback2021holder { width:1024px; height:640px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1025px) { .businessmobintro2020 {display:none;} .businessmobectionholder2020 {display:none;} .topmobilebar { display:none; } .topmobilebar2 { display:none; } .topmobilelinks { display:none; } .mobintrosection { display:none;} .introbannerimage {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:640px; position:relative; float:left; background-color:#6DACC4;} .introimageholder { width:1024px; height:690px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .introfulldetails {width:257px; margin-left:20px; margin-top:30px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("fulldetailsbusiness.png"); background-position: center center; } .businessbutton1 {width:100%; margin-left:0px; margin-top:45px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .businessbutton2 {width:100%; margin-left:0px; margin-top:45px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .businessbutton3 {width:100%; margin-left:0px; margin-top:20px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .introdetailssection {width:400px; margin-left:0px; margin-top:0px; margin-bottom:0px; z-index:1; height:640px; position:relative; float:left; Display:block; } .introdescription {width:380px; margin-left:10px; position:relative; float:left; height:auto; margin-top:5px; font-size:14pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .businessintro {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:45px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .businessheader {font-size:26pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;} .desklogo {width:100%; margin-left:0px; margin-top:37px; height:136px; position:relative; float:left; background-image:url(desklogobusiness.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; } .topholderdesk1{ width:100%; height:198px; position:relative; background-color:#ffffff; text-align:center; margin-left:0px; left:0px; display:block; z-index:1; margin-top:0px; } .topholder{ width:1024px; height:198px; position:relative; background-color:#ffffff; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; } .linksmain {width:100%; margin-left:0px; margin-top:0px; background-color:#222222; height:41px; position:relative; float:left; display:block; } .linksmain2020holder { width:1500px; height:41px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .socialandnumberholder { width:100%; height:auto; position:absolute; left:0px; top:14px; z-index:100000000000; display:block; z-index:1; margin-top:9px; } .topdesknumber { width:203px; height:24px; position:relative; background-image:url(topnumberbusiness.png); margin-left:10px; float:left; display:block; z-index:1; margin-top:15px; } .fbdesk { width:11px; height:25px; position:relative; background-image:url(fbdesk.png); margin-left:15px; float:left; display:block; z-index:1; margin-top:12px; } .youtubedesk { width:38px; height:26px; position:relative; background-image:url(youtubebusiness.png); margin-left:700px; float:left; display:block; z-index:1; margin-top:12px; } .instadesk { width:25px; height:25px; position:relative; background-image:url(instadesk.png); margin-right:10px; float:right; display:block; z-index:1; margin-top:13px;} .standardprofile {width:100%; margin-left:0px; margin-top:60px; margin-bottom:0px; z-index:1; height:287px; position:relative; float:left; background-image:url("businessstandardprofile.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofile2 {width:100%; margin-left:0px; margin-top:60px; margin-bottom:0px; z-index:1; height:287px; position:relative; float:left; background-image:url("businessprofile2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofile3 {width:100%; margin-left:0px; margin-top:30px; margin-bottom:0px; z-index:1; height:236px; position:relative; float:left; background-image:url("businessprofile3.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofiletxt {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#333333; text-align:center;} .businessprofiletxt2 {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .followusheader { display:none; } .introbusiness { width:278px; height:190px; position:relative; background-image:url(intro1business.png); margin-left:10px; float:left; display:block; z-index:1; margin-top:38px; } .topdeskline {width:100%; margin-left:0px; margin-top:0px; height:4px; background-color:#385D93; position:relative; float:left;} .homesectionnew2020 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:990px; position:relative; float:left;} .homesectionholdernew2020 { width:1500px; height:990px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .rotatorbar {width:100%; margin-left:0px; margin-top:0px; height:8px; background-color:#385D93; position:relative; float:left;} .hometxtholder3 { width:650px; height:auto; position:relative; margin-left:20px; z-index:1; margin-top:50px; float:left; display:block; } .hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} .headerholder1 {width:100%; margin-top:0px; height:auto; position:relative; float:left; } .hometxt4 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:5px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .footersection { width:100%; height:220px; position:relative; text-align:center; float:left; margin-left:0px; display:block; z-index:1; margin-top:0px; background-color:#222222;} .footerholder{ width:1024px; height:220px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .footerlogo {width:270px; margin-left:20px; margin-top:53px; z-index:1; height:87px; position:relative; float:left; background-image:url(footerlogobusiness3.png); } .footerlinks {width:350px; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:50px; margin-right:0px; margin-top:70px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .footernumber {width:272px; margin-left:0px; margin-right:20px; margin-top:85px; z-index:1; height:31px; position:relative; float:right; background-image:url(footerlogobusiness.png); } .homesectionnew20202 {width:100%; margin-left:0px; margin-top:0px; background-color:#385D93; height:580px; position:relative; float:left;} .homesectionholdernew20202 { width:1500px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .hometxtholder4 { width:655px; height:auto; position:relative; margin-left:190px; z-index:1; margin-top:45px; float:left; display:block; } .homesectionnew20203 {width:100%; margin-left:0px; margin-top:0px; background-color:#385D93; height:870px; position:relative; float:left;} .homesectionholdernew20203 { width:1500px; height:870px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .box1 {width:33%; margin-left:0px; margin-top:0px; z-index:1; height: 780px; position:relative; float:left; background-color:#ffffff; } .box2 {width:34%; margin-left:0px; margin-top:0px; z-index:1; height: 780px; position:relative; float:left; background-color:#6DACC4} .box3 {width:33%; margin-left:0px; margin-top:0px; z-index:1; height: 780px; position:relative; float:left; background-color:#ffffff; } .infobox1 {width:50%; margin-left:0px; margin-top:0px; z-index:1; height: 920px; position:relative; float:left; background-color:#6DACC4; } .infobox2 {width:50%; margin-left:0px; margin-top:0px; z-index:1; height: 920px; position:relative; float:left; background-color:#6DACC4; } .servicesimageholder {width:100%; margin-left:0px; margin-top:10px; height:200px; position:relative; float:left;} .chooseusheader {font-size:28pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;} .homesection12020 {width:100%; margin-left:0px; margin-top:0px; background-color:#385D93; height:830px; position:relative; float:left;} .homesectionholder12020 { width:1024px; height:830px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .contactheads{ font-weight:bold; font-size: 16pt; color:#6DACC4; } .rotatorbar {width:100%; margin-left:0px; margin-top:0px; height:8px; background-color:#6DACC4; position:relative; float:left;} .topdesklinksbusiness { width:100%; height:auto; position:absolute; left:0px; top:78px; z-index:100000000000; display:block; } .topdesklinksbusinessholder { width:1024px; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .topdesklinksbusinessmain {width:500px; margin-left:0%; margin-right:15px; position:relative; float:right; height:auto; margin-top:10px; font-size:14pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#6DACC4; text-align:right;} .introbannerimagecleaner {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:690px; position:relative; float:left; background-image:url("postcodesintrobanner111.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .introcleaner { width:287px; height:171px; position:relative; background-image:url(intro1cleaner.png); margin-left:20px; float:left; display:block; z-index:1; margin-top:60px; } .introdescriptioncleaner {width:300px; margin-left:20px; position:relative; float:left; height:auto; margin-top:40px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .cleanerbackgroundsection1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:750px; position:relative; float:left; background-image:url("postcodesintrobanner1111.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} h1 { font-weight:800; font-size: 22pt; color:#6DACC4; font-family: 'Poppins', sans-serif; } h2 { font-weight:800; font-size: 22pt; color:#FFFFFF; font-family: 'Poppins', sans-serif; } h3 { font-weight:800; font-size: 22pt; color:#6DACC4; font-family: 'Poppins', sans-serif; } .homecleanerholder1 { width:1024px; height:750px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .homecleanerholder2 { width:1024px; height:690px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .cleanersinsuranceintro {width:480px; margin-left:10px; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} .cleanertxt {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} .cleanertxt2 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .ukidirectlogo1 {width:100%; margin-left:0px; margin-top:10px; z-index:1; height:100px; position:relative; float:left; background-image:url("ukidiectlogo.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto;} .cleanerbackgroundsection2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:750px; position:relative; float:left; background-image:url("postcodescleanerbanner22.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .cleanerbackgroundsection3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:750px; position:relative; float:left; background-image:url("postcodescleanerbanner3333.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .cleanersinsuranceintro2 {width:480px; margin-left:512px; position:relative; float:left; height:auto; margin-top:80px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} input[type=text], select { width: 100%; height:32px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 3px solid #E5D450; border-radius: 4px; box-sizing: border-box; background-color:#6DACC4; } .formname {width:100%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:0%; margin-right:0; margin-top:10px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#111111; color:#FFFFFF; font-weight:bold; text-align:left;} textarea { width: 100%; height: 100px; padding: 12px 20px; box-sizing: border-box; border: 3px solid #E5D450; border-radius: 4px; background-color:#6DACC4; font-size: 16px; resize: none; margin-top:10px; } .submitbuttonholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder {width:220px; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder2 {width:220px; margin-left:30px; margin-top:10px; ; height:auto; position:relative; float:left;} .videotop1 { display:none; } .videotop2 { display:none; } .videotop3 { display:none; } .videotop4 { width:540px; height:540px; position:relative; margin-left:40px; z-index:1; margin-top:30px; float:left; display:block; } .videotop5 { display:none; } .videotop6 { display:none; } .newpriceback2021 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:640px; position:relative; float:left; background-image:url("newpriceback2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .hometxtholder4newprice2021 { width:400px; height:auto; position:relative; margin-left:630px; z-index:1; margin-top:10px; float:left; display:block; } .newpriceback2021holder { width:1024px; height:640px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } } @media only screen and (min-width : 1200px) { .businessmobintro2020 {display:none;} .businessmobectionholder2020 {display:none;} .topmobilebar { display:none; } .topmobilebar2 { display:none; } .topmobilelinks { display:none; } .mobintrosection { display:none;} .introbannerimage {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:640px; position:relative; float:left; background-color:#6DACC4;} .introimageholder { width:1200px; height:640px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .introfulldetails {width:257px; margin-left:10px; margin-top:40px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("fulldetailsbusiness.png"); background-position: center center; } .businessbutton1 {width:100%; margin-left:0px; margin-top:45px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .businessbutton2 {width:100%; margin-left:0px; margin-top:45px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .businessbutton3 {width:100%; margin-left:0px; margin-top:20px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .introdetailssection {width:380px; margin-left:0px; margin-top:0px; margin-bottom:0px; z-index:1; height:640px; position:relative; float:left; Display:block; } .introdescription {width:380px; margin-left:10px; position:relative; float:left; height:auto; margin-top:5px; font-size:14pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .businessintro {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:45px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .businessheader {font-size:26pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;} .desklogo {width:100%; margin-left:0px; margin-top:37px; height:136px; position:relative; float:left; background-image:url(desklogobusiness.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; } .topholderdesk1{ width:100%; height:198px; position:relative; background-color:#ffffff; text-align:center; margin-left:0px; left:0px; display:block; z-index:1; margin-top:0px; } .topholder{ width:1200px; height:198px; position:relative; background-color:#ffffff; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; } .linksmain {width:100%; margin-left:0px; margin-top:0px; background-color:#222222; height:41px; position:relative; float:left; display:block; } .linksmain2020holder { width:1500px; height:41px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .socialandnumberholder { width:100%; height:auto; position:absolute; left:0px; top:14px; z-index:100000000000; display:block; z-index:1; margin-top:9px; } .topdesknumber { width:203px; height:24px; position:relative; background-image:url(topnumberbusiness.png); margin-left:10px; float:left; display:block; z-index:1; margin-top:15px; } .fbdesk { width:11px; height:25px; position:relative; background-image:url(fbdesk.png); margin-left:15px; float:left; display:block; z-index:1; margin-top:12px; } .youtubedesk { width:38px; height:26px; position:relative; background-image:url(youtubebusiness.png); margin-left:870px; float:left; display:block; z-index:1; margin-top:12px; } .instadesk { width:25px; height:25px; position:relative; background-image:url(instadesk.png); margin-right:10px; float:right; display:block; z-index:1; margin-top:13px;} .standardprofile {width:100%; margin-left:0px; margin-top:60px; margin-bottom:0px; z-index:1; height:287px; position:relative; float:left; background-image:url("businessstandardprofile.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofile2 {width:100%; margin-left:0px; margin-top:60px; margin-bottom:0px; z-index:1; height:287px; position:relative; float:left; background-image:url("businessprofile2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofile3 {width:100%; margin-left:0px; margin-top:30px; margin-bottom:0px; z-index:1; height:236px; position:relative; float:left; background-image:url("businessprofile3.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofiletxt {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#333333; text-align:center;} .businessprofiletxt2 {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .followusheader { display:none; } .introbusiness { width:278px; height:190px; position:relative; background-image:url(intro1business.png); margin-left:10px; float:left; display:block; z-index:1; margin-top:58px; } .topdeskline {width:100%; margin-left:0px; margin-top:0px; height:4px; background-color:#385D93; position:relative; float:left;} .homesectionnew2020 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:990px; position:relative; float:left;} .homesectionholdernew2020 { width:1500px; height:990px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .rotatorbar {width:100%; margin-left:0px; margin-top:0px; height:8px; background-color:#385D93; position:relative; float:left;} .hometxtholder3 { width:650px; height:auto; position:relative; margin-left:20px; z-index:1; margin-top:50px; float:left; display:block; } .hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} .headerholder1 {width:100%; margin-top:0px; height:auto; position:relative; float:left; } .hometxt4 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:5px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .footersection { width:100%; height:220px; position:relative; text-align:center; float:left; margin-left:0px; display:block; z-index:1; margin-top:0px; background-color:#222222;} .footerholder{ width:1200px; height:220px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .footerlogo {width:375px; margin-left:20px; margin-top:48px; z-index:1; height:120px; position:relative; float:left; background-image:url(footerlogobusiness2.png); } .footerlinks {width:380px; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:50px; margin-right:0px; margin-top:70px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .footernumber {width:272px; margin-left:0px; margin-right:20px; margin-top:85px; z-index:1; height:31px; position:relative; float:right; background-image:url(footerlogobusiness.png); } .homesectionnew20202 {width:100%; margin-left:0px; margin-top:0px; background-color:#385D93; height:580px; position:relative; float:left;} .homesectionholdernew20202 { width:1500px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .hometxtholder4 { width:655px; height:auto; position:relative; margin-left:190px; z-index:1; margin-top:45px; float:left; display:block; } .homesectionnew20203 {width:100%; margin-left:0px; margin-top:0px; background-color:#385D93; height:870px; position:relative; float:left;} .homesectionholdernew20203 { width:1500px; height:870px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .box1 {width:33%; margin-left:0px; margin-top:0px; z-index:1; height: 780px; position:relative; float:left; background-color:#ffffff; } .box2 {width:34%; margin-left:0px; margin-top:0px; z-index:1; height: 780px; position:relative; float:left; background-color:#6DACC4} .box3 {width:33%; margin-left:0px; margin-top:0px; z-index:1; height: 780px; position:relative; float:left; background-color:#ffffff; } .infobox1 {width:50%; margin-left:0px; margin-top:0px; z-index:1; height: 820px; position:relative; float:left; background-color:#6DACC4; } .infobox2 {width:50%; margin-left:0px; margin-top:0px; z-index:1; height: 820px; position:relative; float:left; background-color:#6DACC4; } .servicesimageholder {width:100%; margin-left:0px; margin-top:10px; height:200px; position:relative; float:left;} .chooseusheader {font-size:28pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;} .homesection12020 {width:100%; margin-left:0px; margin-top:0px; background-color:#385D93; height:830px; position:relative; float:left;} .homesectionholder12020 { width:1300px; height:830px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .contactheads{ font-weight:bold; font-size: 16pt; color:#6DACC4; } .rotatorbar {width:100%; margin-left:0px; margin-top:0px; height:8px; background-color:#6DACC4; position:relative; float:left;} .topdesklinksbusiness { width:100%; height:auto; position:absolute; left:0px; top:78px; z-index:100000000000; display:block; } .topdesklinksbusinessholder { width:1200px; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .topdesklinksbusinessmain {width:500px; margin-left:0%; margin-right:15px; position:relative; float:right; height:auto; margin-top:10px; font-size:14pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#6DACC4; text-align:right;} .introbannerimagecleaner {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:690px; position:relative; float:left; background-image:url("postcodesintrobanner11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .introcleaner { width:287px; height:171px; position:relative; background-image:url(intro1cleaner.png); margin-left:10px; float:left; display:block; z-index:1; margin-top:60px; } .introdescriptioncleaner {width:300px; margin-left:10px; position:relative; float:left; height:auto; margin-top:40px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .cleanerbackgroundsection1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:690px; position:relative; float:left; background-image:url("postcodescleanerbanner222.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} h1 { font-weight:800; font-size: 22pt; color:#6DACC4; font-family: 'Poppins', sans-serif; } h2 { font-weight:800; font-size: 22pt; color:#FFFFFF; font-family: 'Poppins', sans-serif; } h3 { font-weight:800; font-size: 22pt; color:#6DACC4; font-family: 'Poppins', sans-serif; } .homecleanerholder1 { width:1200px; height:690px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .homecleanerholder2 { width:1200px; height:690px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .cleanersinsuranceintro {width:550px; margin-left:10px; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} .cleanertxt {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} .cleanertxt2 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .ukidirectlogo1 {width:100%; margin-left:0px; margin-top:10px; z-index:1; height:100px; position:relative; float:left; background-image:url("ukidiectlogo.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto;} .cleanerbackgroundsection2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:650px; position:relative; float:left; background-image:url("postcodescleanerbanner22.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .cleanerbackgroundsection3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:690px; position:relative; float:left; background-image:url("postcodescleanerbanner333.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .cleanersinsuranceintro2 {width:540px; margin-left:602px; position:relative; float:left; height:auto; margin-top:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} input[type=text], select { width: 100%; height:32px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 3px solid #E5D450; border-radius: 4px; box-sizing: border-box; background-color:#6DACC4; } .formname {width:100%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:0%; margin-right:0; margin-top:10px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#111111; color:#FFFFFF; font-weight:bold; text-align:left;} textarea { width: 100%; height: 100px; padding: 12px 20px; box-sizing: border-box; border: 3px solid #E5D450; border-radius: 4px; background-color:#6DACC4; font-size: 16px; resize: none; margin-top:10px; } .submitbuttonholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder {width:255px; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder2 {width:255px; margin-left:25px; margin-top:10px; ; height:auto; position:relative; float:left;} .videotop1 { display:none; } .videotop2 { display:none; } .videotop3 { width:730px; height:580px; position:relative; margin-left:40px; z-index:1; margin-top:30px; float:left; display:block; } .videotop4 { display:none; } .videotop5 { display:none; } .videotop6 { display:none; } .newpriceback2021 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:640px; position:relative; float:left; background-image:url("newpriceback2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .hometxtholder4newprice2021 { width:400px; height:auto; position:relative; margin-left:730px; z-index:1; margin-top:10px; float:left; display:block; } .newpriceback2021holder { width:1200px; height:640px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } } @media only screen and (min-width : 1300px) { .businessmobintro2020 {display:none;} .businessmobectionholder2020 {display:none;} .topmobilebar { display:none; } .topmobilebar2 { display:none; } .topmobilelinks { display:none; } .mobintrosection { display:none;} .introbannerimage {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:640px; position:relative; float:left; background-color:#6DACC4;} .introimageholder { width:1300px; height:640px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .introfulldetails {width:257px; margin-left:10px; margin-top:5px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("fulldetailsbusiness.png"); background-position: center center; } .businessbutton1 {width:100%; margin-left:0px; margin-top:48px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .businessbutton2 {width:100%; margin-left:0px; margin-top:45px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .businessbutton3 {width:100%; margin-left:0px; margin-top:20px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .introdetailssection {width:400px; margin-left:0px; margin-top:0px; margin-bottom:0px; z-index:1; height:640px; position:relative; float:left; Display:block; } .introdescription {width:320px; margin-left:10px; position:relative; float:left; height:auto; margin-top:5px; font-size:14pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .businessintro {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:45px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .businessheader {font-size:26pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;} .desklogo {width:100%; margin-left:0px; margin-top:37px; height:136px; position:relative; float:left; background-image:url(desklogobusiness.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; } .topholderdesk1{ width:100%; height:198px; position:relative; background-color:#ffffff; text-align:center; margin-left:0px; left:0px; display:block; z-index:1; margin-top:0px; } .topholder{ width:1300px; height:198px; position:relative; background-color:#ffffff; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; } .linksmain {width:100%; margin-left:0px; margin-top:0px; background-color:#222222; height:41px; position:relative; float:left; display:block; } .linksmain2020holder { width:1500px; height:41px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .socialandnumberholder { width:100%; height:auto; position:absolute; left:0px; top:14px; z-index:100000000000; display:block; z-index:1; margin-top:9px; } .topdesknumber { width:203px; height:24px; position:relative; background-image:url(topnumberbusiness.png); margin-left:10px; float:left; display:block; z-index:1; margin-top:15px; } .fbdesk { width:11px; height:25px; position:relative; background-image:url(fbdesk.png); margin-left:15px; float:left; display:block; z-index:1; margin-top:12px; } .youtubedesk { width:38px; height:26px; position:relative; background-image:url(youtubebusiness.png); margin-left:17px; float:left; display:block; z-index:1; margin-top:12px; } .instadesk { width:25px; height:25px; position:relative; background-image:url(instadesk.png); margin-right:10px; float:right; display:block; z-index:1; margin-top:13px;} .standardprofile {width:100%; margin-left:0px; margin-top:60px; margin-bottom:0px; z-index:1; height:287px; position:relative; float:left; background-image:url("businessstandardprofile.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofile2 {width:100%; margin-left:0px; margin-top:60px; margin-bottom:0px; z-index:1; height:287px; position:relative; float:left; background-image:url("businessprofile2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofile3 {width:100%; margin-left:0px; margin-top:30px; margin-bottom:0px; z-index:1; height:236px; position:relative; float:left; background-image:url("businessprofile3.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofiletxt {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#333333; text-align:center;} .businessprofiletxt2 {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .followusheader { width:227px; height:23px; position:relative; background-image:url(followusbusiness.jpg); margin-left:732px; float:left; display:block; z-index:1; margin-top:14px; } .introbusiness { width:278px; height:190px; position:relative; background-image:url(intro1business.png); margin-left:10px; float:left; display:block; z-index:1; margin-top:20px; } .topdeskline {width:100%; margin-left:0px; margin-top:0px; height:4px; background-color:#385D93; position:relative; float:left;} .homesectionnew2020 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:990px; position:relative; float:left;} .homesectionholdernew2020 { width:1500px; height:990px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .rotatorbar {width:100%; margin-left:0px; margin-top:0px; height:8px; background-color:#385D93; position:relative; float:left;} .hometxtholder3 { width:650px; height:auto; position:relative; margin-left:20px; z-index:1; margin-top:50px; float:left; display:block; } .hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} .headerholder1 {width:100%; margin-top:0px; height:auto; position:relative; float:left; } .hometxt4 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:5px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .footersection { width:100%; height:220px; position:relative; text-align:center; float:left; margin-left:0px; display:block; z-index:1; margin-top:0px; background-color:#222222;} .footerholder{ width:1300px; height:220px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .footerlogo {width:375px; margin-left:20px; margin-top:48px; z-index:1; height:120px; position:relative; float:left; background-image:url(footerlogobusiness2.png); } .footerlinks {width:480px; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:60px; margin-right:0px; margin-top:70px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .footernumber {width:272px; margin-left:0px; margin-right:20px; margin-top:85px; z-index:1; height:31px; position:relative; float:right; background-image:url(footerlogobusiness.png); } .homesectionnew20202 {width:100%; margin-left:0px; margin-top:0px; background-color:#385D93; height:580px; position:relative; float:left;} .homesectionholdernew20202 { width:1500px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .hometxtholder4 { width:655px; height:auto; position:relative; margin-left:190px; z-index:1; margin-top:45px; float:left; display:block; } .homesectionnew20203 {width:100%; margin-left:0px; margin-top:0px; background-color:#385D93; height:870px; position:relative; float:left;} .homesectionholdernew20203 { width:1500px; height:870px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .box1 {width:33%; margin-left:0px; margin-top:0px; z-index:1; height: 780px; position:relative; float:left; background-color:#ffffff; } .box2 {width:34%; margin-left:0px; margin-top:0px; z-index:1; height: 780px; position:relative; float:left; background-color:#6DACC4} .box3 {width:33%; margin-left:0px; margin-top:0px; z-index:1; height: 780px; position:relative; float:left; background-color:#ffffff; } .infobox1 {width:50%; margin-left:0px; margin-top:0px; z-index:1; height: 820px; position:relative; float:left; background-color:#6DACC4; } .infobox2 {width:50%; margin-left:0px; margin-top:0px; z-index:1; height: 820px; position:relative; float:left; background-color:#6DACC4; } .servicesimageholder {width:100%; margin-left:0px; margin-top:10px; height:200px; position:relative; float:left;} .chooseusheader {font-size:28pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;} .homesection12020 {width:100%; margin-left:0px; margin-top:0px; background-color:#385D93; height:830px; position:relative; float:left;} .homesectionholder12020 { width:1300px; height:830px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .contactheads{ font-weight:bold; font-size: 16pt; color:#6DACC4; } .rotatorbar {width:100%; margin-left:0px; margin-top:0px; height:8px; background-color:#6DACC4; position:relative; float:left;} .topdesklinksbusiness { width:100%; height:auto; position:absolute; left:0px; top:78px; z-index:100000000000; display:block; } .topdesklinksbusinessholder { width:1300px; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .topdesklinksbusinessmain {width:500px; margin-left:0%; margin-right:15px; position:relative; float:right; height:auto; margin-top:10px; font-size:14pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#6DACC4; text-align:right;} .introbannerimagecleaner {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:640px; position:relative; float:left; background-image:url("postcodescleanerbanner1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .introcleaner { width:287px; height:171px; position:relative; background-image:url(intro1cleaner.png); margin-left:10px; float:left; display:block; z-index:1; margin-top:50px; } .introdescriptioncleaner {width:350px; margin-left:10px; position:relative; float:left; height:auto; margin-top:20px; font-size:14pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .cleanerbackgroundsection1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:650px; position:relative; float:left; background-image:url("postcodescleanerbanner22.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} h1 { font-weight:800; font-size: 22pt; color:#6DACC4; font-family: 'Poppins', sans-serif; } h2 { font-weight:800; font-size: 22pt; color:#FFFFFF; font-family: 'Poppins', sans-serif; } h3 { font-weight:800; font-size: 22pt; color:#6DACC4; font-family: 'Poppins', sans-serif; } .homecleanerholder1 { width:1300px; height:650px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .homecleanerholder2 { width:1300px; height:690px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .cleanersinsuranceintro {width:650px; margin-left:10px; position:relative; float:left; height:auto; margin-top:0px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} .cleanertxt {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} .cleanertxt2 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .ukidirectlogo1 {width:100%; margin-left:0px; margin-top:10px; z-index:1; height:100px; position:relative; float:left; background-image:url("ukidiectlogo.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto;} .cleanerbackgroundsection2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:650px; position:relative; float:left; background-image:url("postcodescleanerbanner22.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .cleanerbackgroundsection3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:690px; position:relative; float:left; background-image:url("postcodescleanerbanner33.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .cleanersinsuranceintro2 {width:580px; margin-left:682px; position:relative; float:left; height:auto; margin-top:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} input[type=text], select { width: 100%; height:32px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 3px solid #E5D450; border-radius: 4px; box-sizing: border-box; background-color:#6DACC4; } .formname {width:100%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:0%; margin-right:0; margin-top:10px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#111111; color:#FFFFFF; font-weight:bold; text-align:left;} textarea { width: 100%; height: 100px; padding: 12px 20px; box-sizing: border-box; border: 3px solid #E5D450; border-radius: 4px; background-color:#6DACC4; font-size: 16px; resize: none; margin-top:10px; } .submitbuttonholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder {width:270px; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder2 {width:270px; margin-left:30px; margin-top:10px; ; height:auto; position:relative; float:left;} .videotop1 { display:none; } .videotop2 { width:800px; height:580px; position:relative; margin-left:40px; z-index:1; margin-top:28px; float:left; display:block; } .videotop3 { display:none; } .videotop4 { display:none; } .videotop5 { display:none; } .videotop6 { display:none; } .newpriceback2021 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:640px; position:relative; float:left; background-image:url("newpriceback2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .hometxtholder4newprice2021 { width:455px; height:auto; position:relative; margin-left:820px; z-index:1; margin-top:10px; float:left; display:block; } .newpriceback2021holder { width:1300px; height:640px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } } /* large Screen ----------- */ @media only screen and (min-width : 1500px) { .businessmobintro2020 {display:none;} .businessmobectionholder2020 {display:none;} .topmobilebar { display:none; } .topmobilebar2 { display:none; } .topmobilelinks { display:none; } .mobintrosection { display:none;} .introbannerimage {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:640px; position:relative; float:left; background-color:#6DACC4;} .introbannerimage100 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:640px; position:relative; float:left; background-image:url("postcodesintrobanner100.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .introimageholder { width:1500px; height:640px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .introfulldetails {width:257px; margin-left:10px; margin-top:5px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("fulldetailsbusiness.png"); background-position: center center; } .businessbutton1 {width:100%; margin-left:0px; margin-top:37px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .businessbutton2 {width:100%; margin-left:0px; margin-top:35px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; } .businessbutton3 {width:100%; margin-left:0px; margin-top:10px; margin-bottom:0px; z-index:1; height:46px; position:relative; float:left; background-image:url("businessjoinbutton.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .introdetailssection {width:400px; margin-left:10px; margin-top:0px; margin-bottom:0px; z-index:1; height:640px; position:relative; float:left; } .introdescription {width:350px; margin-left:10px; position:relative; float:left; height:auto; margin-top:10px; font-size:14pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .businessintro {width:74%; margin-left:13%; margin-right:13%; position:relative; float:left; height:auto; margin-top:45px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .businessheader {font-size:26pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;} .desklogo {width:100%; margin-left:0px; margin-top:37px; height:136px; position:relative; float:left; background-image:url(desklogobusiness.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; } .topholderdesk1{ width:100%; height:198px; position:relative; background-color:#ffffff; text-align:center; margin-left:0px; left:0px; display:block; z-index:1; margin-top:0px; } .topholder{ width:1500px; height:198px; position:relative; background-color:#ffffff; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; } .linksmain {width:100%; margin-left:0px; margin-top:0px; background-color:#222222; height:41px; position:relative; float:left; display:block; } .linksmain2020holder { width:1500px; height:41px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .socialandnumberholder { width:100%; height:auto; position:absolute; left:0px; top:14px; z-index:100000000000; display:block; z-index:1; margin-top:9px; } .topdesknumber { width:203px; height:24px; position:relative; background-image:url(topnumberbusiness.png); margin-left:10px; float:left; display:block; z-index:1; margin-top:15px; } .fbdesk { width:11px; height:25px; position:relative; background-image:url(fbdesk.png); margin-left:15px; float:left; display:block; z-index:1; margin-top:12px; } .youtubedesk { width:38px; height:26px; position:relative; background-image:url(youtubebusiness.png); margin-left:17px; float:left; display:block; z-index:1; margin-top:12px; } .instadesk { width:25px; height:25px; position:relative; background-image:url(instadesk.png); margin-right:10px; float:right; display:block; z-index:1; margin-top:13px;} .standardprofile {width:100%; margin-left:0px; margin-top:60px; margin-bottom:0px; z-index:1; height:287px; position:relative; float:left; background-image:url("businessstandardprofile.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofile2 {width:100%; margin-left:0px; margin-top:60px; margin-bottom:0px; z-index:1; height:287px; position:relative; float:left; background-image:url("businessprofile2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofile3 {width:100%; margin-left:0px; margin-top:10px; margin-bottom:0px; z-index:1; height:262px; position:relative; float:left; background-image:url("businessprofile3.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;} .businessprofiletxt {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#333333; text-align:center;} .businessprofiletxt2 {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .followusheader { width:227px; height:23px; position:relative; background-image:url(followusbusiness.jpg); margin-left:932px; float:left; display:block; z-index:1; margin-top:14px; } .introbusiness { width:278px; height:190px; position:relative; background-image:url(intro1business.png); margin-left:10px; float:left; display:block; z-index:1; margin-top:45px; } .introcomax { width:289px; height:168px; position:relative; background-image:url(intro1comax.png); margin-left:10px; float:left; display:block; z-index:1; margin-top:42px; } .topdeskline {width:100%; margin-left:0px; margin-top:0px; height:4px; background-color:#385D93; position:relative; float:left;} .homesectionnew2020 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:990px; position:relative; float:left;} .homesectionholdernew2020 { width:1500px; height:990px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .rotatorbar {width:100%; margin-left:0px; margin-top:0px; height:8px; background-color:#385D93; position:relative; float:left;} .hometxtholder3 { width:650px; height:auto; position:relative; margin-left:20px; z-index:1; margin-top:50px; float:left; display:block; } .hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} .headerholder1 {width:100%; margin-top:0px; height:auto; position:relative; float:left; } .hometxt4 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:5px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .footersection { width:100%; height:220px; position:relative; text-align:center; float:left; margin-left:0px; display:block; z-index:1; margin-top:0px; background-color:#222222;} .footerholder{ width:1500px; height:220px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .footerlogo {width:375px; margin-left:20px; margin-top:52px; z-index:1; height:120px; position:relative; float:left; background-image:url(footerlogobusiness2.png); } .footerlinks {width:550px; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:120px; margin-right:0px; margin-top:70px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .footernumber {width:272px; margin-left:0px; margin-right:20px; margin-top:85px; z-index:1; height:31px; position:relative; float:right; background-image:url(footerlogobusiness.png); } .homesectionnew20202 {width:100%; margin-left:0px; margin-top:0px; background-color:#385D93; height:580px; position:relative; float:left;} .homesectionholdernew20202 { width:1500px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .hometxtholder4 { width:655px; height:auto; position:relative; margin-left:190px; z-index:1; margin-top:45px; float:left; display:block; } .homesectionnew20203 {width:100%; margin-left:0px; margin-top:0px; background-color:#385D93; height:870px; position:relative; float:left;} .homesectionholdernew20203 { width:1500px; height:870px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .box1 {width:33%; margin-left:0px; margin-top:0px; z-index:1; height: 780px; position:relative; float:left; background-color:#ffffff; } .box2 {width:34%; margin-left:0px; margin-top:0px; z-index:1; height: 780px; position:relative; float:left; background-color:#6DACC4;} .box3 {width:33%; margin-left:0px; margin-top:0px; z-index:1; height: 780px; position:relative; float:left; background-color:#ffffff; } .infobox1 {width:50%; margin-left:0px; margin-top:0px; z-index:1; height: 700px; position:relative; float:left; background-color:#6DACC4; } .infobox2 {width:50%; margin-left:0px; margin-top:0px; z-index:1; height: 700px; position:relative; float:left; background-color:#6DACC4; } .servicesimageholder {width:100%; margin-left:0px; margin-top:10px; height:200px; position:relative; float:left;} .chooseusheader {font-size:28pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;} .homesection12020 {width:100%; margin-left:0px; margin-top:0px; background-color:#385D93; height:830px; position:relative; float:left;} .homesectionholder12020 { width:1500px; height:830px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .contactheads{ font-weight:bold; font-size: 16pt; color:#6DACC4; } .rotatorbar {width:100%; margin-left:0px; margin-top:0px; height:8px; background-color:#6DACC4; position:relative; float:left;} .topdesklinksbusiness { width:100%; height:auto; position:absolute; left:0px; top:78px; z-index:100000000000; display:block; } .topdesklinksbusinessholder { width:1500px; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .topdesklinksbusinessmain {width:500px; margin-left:0%; margin-right:15px; position:relative; float:right; height:auto; margin-top:10px; font-size:14pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#6DACC4; text-align:right;} .introbannerimagecleaner {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:640px; position:relative; float:left; background-image:url("postcodescleanerbanner1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .introcleaner { width:287px; height:171px; position:relative; background-image:url(intro1cleaner.png); margin-left:10px; float:left; display:block; z-index:1; margin-top:50px; } .introdescriptioncleaner {width:350px; margin-left:10px; position:relative; float:left; height:auto; margin-top:20px; font-size:14pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .cleanerbackgroundsection1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:650px; position:relative; float:left; background-image:url("postcodescleanerbanner2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} h1 { font-weight:800; font-size: 22pt; color:#6DACC4; font-family: 'Poppins', sans-serif; } h2 { font-weight:800; font-size: 22pt; color:#FFFFFF; font-family: 'Poppins', sans-serif; } h3 { font-weight:800; font-size: 22pt; color:#6DACC4; font-family: 'Poppins', sans-serif; } .homecleanerholder1 { width:1500px; height:650px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .homecleanerholder2 { width:1500px; height:690px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .cleanersinsuranceintro {width:700px; margin-left:10px; position:relative; float:left; height:auto; margin-top:0px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} .cleanertxt {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} .cleanertxt2 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .ukidirectlogo1 {width:100%; margin-left:0px; margin-top:10px; z-index:1; height:100px; position:relative; float:left; background-image:url("ukidiectlogo.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto;} .cleanerbackgroundsection2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:650px; position:relative; float:left; background-image:url("postcodescleanerbanner2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .cleanerbackgroundsection3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:690px; position:relative; float:left; background-image:url("postcodescleanerbanner3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .cleanersinsuranceintro2 {width:700px; margin-left:770px; position:relative; float:left; height:auto; margin-top:35px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} input[type=text], select { width: 100%; height:32px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 3px solid #E5D450; border-radius: 4px; box-sizing: border-box; background-color:#6DACC4; } .formname {width:100%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:0%; margin-right:0; margin-top:10px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#111111; color:#FFFFFF; font-weight:bold; text-align:left;} textarea { width: 100%; height: 100px; padding: 12px 20px; box-sizing: border-box; border: 3px solid #E5D450; border-radius: 4px; background-color:#6DACC4; font-size: 16px; resize: none; margin-top:10px; } .submitbuttonholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder {width:320px; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder2 {width:320px; margin-left:30px; margin-top:10px; ; height:auto; position:relative; float:left;} .comaxintro { width:700px; height:auto; position:relative; margin-left:770px; background-color:#ff0000; z-index:1; margin-top:5px; float:left; display:block; } .comaxbanner1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:590px; position:relative; float:left; background-image:url("comaxbanner1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .videotop1 { width:1000px; height:580px; position:relative; margin-left:50px; z-index:1; margin-top:30px; float:left; display:block; } .videotop2 { display:none; } .videotop3 { display:none; } .videotop4 { display:none; } .videotop5 { display:none; } .videotop6 { display:none; } .newpriceback2021holder { width:1500px; height:640px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .introdetailssection {width:400px; margin-left:10px; margin-top:0px; margin-bottom:0px; z-index:1; height:640px; position:relative; float:left; } .introbusiness { width:278px; height:190px; position:relative; background-image:url(intro1business.png); margin-left:10px; float:left; display:block; z-index:1; margin-top:45px; } }