@charset "utf-8";
a:hover {text-decoration: none; color: #00F;}
a:link {color: #00F;text-decoration: none;}
a:visited {text-decoration: none;color: #00F;}
a:active {text-decoration: none;}

body {font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;color: #000;text-align: center;height: 100%;width: 100%;padding: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;margin-top: 0px;background-image:url(images/backgroud-checatrade.webp);background-repeat: repeat;background-attachment: fixed;background-position:-0px -7px;}

#containertop {width: 100%;
	background-repeat:repeat;
	background-position: center top;
	height: 100%;

	max height: 5000px;
	background-attachment: fixed;
	
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	
}

#guttertop {
	background-image: url(images/gutter-run.webp);
	background-repeat: repeat-x;
	width: 100%;
	z-index: 50;
	position: fixed;
	top: 0px;
	-moz-box-shadow:    0px 0px 5px 3px #333;
	-webkit-box-shadow: 0px 0px 5px 3px #333;
	box-shadow:         0px 0px 5px 3px #333;
	height: 43px;
	}

#header {
	width: 90%;
	max-width:1500px;
	background-image: url(images/out-gutter.png);
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-repeat: no-repeat;
	z-index: 100;
	height: 60px;
}

#header a:link {
	color:#FFF;
	text-decoration: none;
}
 #header a:visited {
	text-decoration: none;
	color: #FFF;
}
 #headera:hover {
	text-decoration: none;
	color: #FFF;
}
 #header a:active {
	text-decoration: none;
}


.menu {
	left:180px
	height: 25px;
	color: #FFF;
	float: left;
	margin-right: 0px;
	width: 125px;
	text-align: center;
	padding-top: 3px;
	font-size: 16px;
	margin-left: 40px;
}
.menu2 {
	
	float: left;
	height: 25px;
	width: 125px;
	color: #FFF;
	text-align: center;
	padding-top: 3px;
	font-size: 16px;
	
}



#gumpf {
	
	
	width: 90%;
	max-width:1500px;
	background-image: url(images/downpipe.png);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	background-attachment: scroll;
	z-index: 27;
	background-position: 0px -10px;
	position: relative;
	top: 43px;
	margin-top: 0px;
	overflow: hidden;
	padding-bottom: 80px;
	min-height: 1800px;
	padding-left: 0px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	height: 100%;
	
	
}

.mapstyle {
	padding: 5px;
	margin-top: 30px;
	margin-left: 80px;
	border: 3px solid #000;
	background-color: #FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}



#quote-bottom { background-color:#FFF}

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
textarea:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */

.quote1 {
	font-size: 22px;
	text-align: center;
	background-color: rgb(54, 54, 54);
	background-color: rgba(54, 54, 54, .8);
	overflow: hidden;
	color: #FFF;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	text-shadow: -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
	margin: 0px;

}

.quotetitle {
	color:#FFF;

}

	
	
#dropform {
	background-color: #FFF;
	padding-top: 20px;
	padding-bottom: 0px;
	min-height: 0px;
	height: 37px;
}

#coverage {
	position: absolute;
	left: 75px;
	top: 670px;
	width: 230px;
	}


.boxstyle {
	

	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border: 2px solid #000;
}



.postcode {
	color: #900;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#maintop {
	width: 600px;
	background-color: #FFF;
	float: right;
	font-size: 14px;
	text-align: justify;
	margin-right: 40px;
	overflow: hidden;
	padding-top: 0px;
	padding-bottom: 10px;
}

#locationtop {
	width: 600px;
	float: right;
	font-size: 14px;
	margin-top: 20px;
	text-align: justify;
	margin-right: 40px;
	padding-top: 0px;
	overflow: hidden;
	position: relative;
	
}


#locationtop h1 {
	text-align: center;
	font-size: 24px;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	color: #000;
	background-color: rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 10px 3px #333;
	-webkit-box-shadow: inset 0px 0px 10px 3px #333;
	box-shadow: inset  0px 0px 10px 3px #333;
	text-shadow: 
	-1px -1px 0 #FFF,  
    1px -1px 0 #FFF,
    -1px 1px 0 #FFF,
     1px 1px 0 #FFF,
	-2px -2px 2px #146DEF,
	2px -2px 2px #146DEF,
	-2px 2px 2px #146DEF,
	2px 2px 2px #146DEF;
	 
}

#review {
	margin-right: 40px;
	margin-top: 20px;
	width: 600px;
	float: right;
	font-size: 14px;
	text-align: justify;
	padding-top: 0px;
	overflow: hidden;
	
}

#review h1 {
	text-align: center;
	font-size: 24px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #FFF;
	background-color: rgb(54, 54, 54);
	background-color: rgba(54, 54, 54, .8);
	border-bottom: 1px solid black;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
	
}

#elf { }

#mainbottom {
	margin-left:85px;
	width:100%

	float: left;
	font-size: 14px;
	margin-top: 20px;
	text-align: justify;
	
	padding-top: 0px;
	overflow: hidden;
	position: relative;
	clear: left;
		 box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#mainbottom a:link {
	color: #000;
	text-decoration: underline ;
}
#mainbottom a:visited {
	text-decoration: none;
	color: #000;
}
#mainbottom a:hover {
	text-decoration: none;
	color: #000;
}


#mainbottom h1 {
	text-align: center;
	font-size: 30px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #FFF;
	background-color: rgb(54, 54, 54);
	background-color: rgba(54, 54, 54, .8);
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
	
}

#mainbottom h2 {
	text-align: center;
	font-size: 24px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #FFF;
	background-color: rgb(54, 54, 54);
	background-color: rgba(54, 54, 54, .8);
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}


#mainbottom h3 {
font-size: 17px;
	margin: 0px;
	color: #000;
	padding: 0px;
	text-decoration:underline;
	text-decoration-color:#AC0000;

}

#mainbottom2 {
	width: 870px;
	float: left;
	font-size: 14px;
	margin-top: 40px;
	text-align: justify;
	margin-right: 40px;
	overflow: hidden;
	padding-top: 0px;
	padding-bottom: 0px;
		margin-left: 85px;
}


#mainbottom2 h2 {
	text-align: center;
	font-size: 22px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #FFF;
    background-color: rgba(54, 54, 54, .8);
}


#services {
	background-color: #FFF;
	width: 200px;
	width: 600px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	padding-bottom: 3px;
	float: right;
	margin-right: 40px;
	margin-top: 40px;
	overflow: hidden;
}
#services h1 {
	background-color: #333;
	padding: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

#services h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
}
.postal {
	color: #F00;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid #666;
	width: 210px;
}
#quotearea {
	float: right;
	height: 500px;
	width: 600px;
	background-color: #FFF;
	margin-top: 20px;
	margin-right: 50px;
}

.small{
	color:#000;
	font-size:11px;
	font-weight:400;
	text-align:right;
	width:120px
}
.quoteform {
	text-align: right;
	font-size: 16px;
	color: #000;
	padding: 0px;
	padding-right: 250px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: px;
}

.quoteformbox {
	margin-left: 10px;
	text-align: left;
	width: 200px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px;
	border: 1px solid #333;
	 box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.quoteaddress {
	color: #999999;
}

.maincontent {
	font-family: "Poppins", Sans-serif;
	font-weight: 600;
	font-size: 16px;
	text-align: justify;
	padding-right: 10px;
	padding-left: 10px;
	color: #575757;
	padding-top: 15px;
	background-color: #FFF;
	padding-bottom: 15px;
	overflow: hidden;
}




#maincontent {
	font-family: "Poppins", Sans-serif;
	font-weight: 600;
	font-size: 16px;
	text-align: justify;
	padding-right: 10px;
	padding-left: 10px;
	color: #575757
;
	padding-top: 10px;
	background-color: #FFF;
	padding-bottom: 10px;
	overflow: hidden;
}
#maincontent h2 {
	font-size: 16px;
	margin: 0px;
	color: #000;
	padding: 0px;
	text-align: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-color: #FFF;
	text-shadow: none;
}



.maincontent a:link {
	color: #000;	
}

.maincontent a:hover {
	color: #00F;	
}

.maincontent a:visited {
	color: #000;	
}
#yourquote {
	width: 700px;
	background-image: url(images/paper.webp);
	background-repeat: repeat;
	margin-left: 150px;
	border: 1px solid #000;
	font-size: 14px;
	text-align: left;
	position: relative;
	top: 50px;
	height: auto;
	overflow: visible;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
.quotedetails {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	height: 150px;
}
.toaddress {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: left;
}
#quotebox {
	height: 300px;
	width: 695px;
	border: 2px solid #333;
	float: left;
}


.collum {
	float: left;
	width: 190px;
}
#coverage {
	list-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	height: 100px;
	background-color: #FFF;
	font-size: 20px;
	width: 225px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 3px;
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
}

.content {
	overflow: auto;
	width: 226px;
	padding-bottom: 5px;
	height: 65px;
	margin-right: 1px;
}

.contentcoll {
	float: left;
	font-size: 12px;
	width: 68px;
	color: #000;
	letter-spacing: -1px;
}

.contentcoll a:link {
	color: #000;
	text-decoration: none;
}
.contentcoll a:visited {
	text-decoration: none;
	color: #000;
}
.contentcoll a:hover {
	text-decoration: none;
	color: #00F;
}

.photostyle {
	border: 1px solid #666;
	padding: 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: right;
	margin-left: 15px;
	margin-bottom:15px;
	clear:both;
	box-sizing:border-box;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	

	
}

.para {clear:both; padding-bottom:0px; padding-top:0px; margin-top:10px  }

.photostylepara {
	margin-bottom:0px;
	padding-top:0px;
	border: 1px solid #666;
	padding: 2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: left;
	margin-right: 30px;
		width:400px;
		box-sizing:border-box;
		 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
}
.photostylepara-r {
		margin-bottom:0px;
	padding-top:0px;
	border: 1px solid #666;
	padding: 2px;
	border-radius:5px;
	-moz-border-radius:5px;

	-webkit-border-radius:5px;
	float: right;
	margin-left: 10px;
		width:400px;
		box-sizing:border-box;
		 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
		
}
.photostylepara-BA-LAND {
		margin-bottom:0px;
	padding-top:0px;
	border: 1px solid #666;
	padding: 2px;
	border-radius:5px;
	-moz-border-radius:5px;

	-webkit-border-radius:5px;
	float: right;
	margin-left: 10px;
		width:500px;
		max-width:90%
		box-sizing:border-box;
		 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
		
}

.photostyleparaportrait-r {
		margin-bottom:0px;
	padding-top:0px;
	border: 1px solid #666;
	padding: 2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: right;
	margin-left: 10px;
		width:280px;
		box-sizing:border-box;
		 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	margin-bottom:10px
		
}

.photostyleparaportrait {
	margin-bottom:0px;
	padding-top:0px;
	border: 1px solid #666;
	padding: 2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: left;
	margin-right: 10px;
		width:280px;
		box-sizing:border-box;
		 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
		margin-bottom:10px
	
}



.photostyleparacounty {
	margin-bottom:0px;
	padding-top:0px;
	border: 1px solid #666;
	padding: 2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: left;
	margin-right: 10px;
		width:600px;
		box-sizing:border-box;
		 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
}
.photostyleparacounty-r {
	margin-bottom:0px;
	padding-top:0px;
	border: 1px solid #666;
	padding: 2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: right;
	margin-left: 10px;
		width:600px;
		box-sizing:border-box;
		 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
}
.photostylecounty {
	margin-bottom:0px;
	padding-top:0px;
	border: 1px solid #666;
	padding: 2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: left;
	margin-right: 10px;
		width:500px;
		box-sizing:border-box;
		 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
}



.photostyleleft {
	padding-top:0px;
	border: 1px solid #666;
	padding: 2px;
	margin-bottom:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: left;
	margin-right:25px;
	box-sizing:border-box;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
}

.photostyleleft2 {
	padding-top:0px;
	border: 1px solid #666;
	padding: 2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: left;
	margin-right: 5px;
	margin-bottom:10px;
	width:350px;
	box-sizing:border-box;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	
}

.photostyletopphoto {
	
	border-bottom: solid  #000 2px;
	width:100%;
	height:auto;
	
	
}

.photostylemain {
	

	border: 2px solid #666;
	padding: 0px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:99.6%;
	max-width:800px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
	
	
	
}


.topphoto{
	margin-bottom:-10px;
	position:relative;
	width:100%;
	height:auto;
	display: block
	
}



#button {display:none}

.topphoto .button {
	font-size:26px;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
	padding-right:15px;
	transform:translate(-50%, -50%);
	ms-transform:translate(-50%, -50%);
	text-align:center;
	display:inline-block;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: absolute;
	top: 90%;
	left: 50%;
	border-radius: 10px;
	border:none;
	background-color: #FF8000;
	border:solid #FF0;
	  
}

#TS {
	
	z-index:2;
	position: absolute;
	width: 230px;
	top: 145px;
	left: 85px;
	background-color: #FFFFFF;
	padding-top: 15px;
}

#TS h6 {
	font-size: 14px;
	padding: 0px;


	font-weight:; 	
	margin-top: 0px;
	color: #0000FF;
	margin-bottom: 0px;
}

#TSmobile {
	display:none;
	z-index:1;
	position: absolute;
	width: 230px;
	background-color: #FFFFFF;
	padding-top: 0px;
	top: 610px;
	left: 85px;
}

#TSmobile img {
	width:200px;
	height:auto;
	
}
#checkwrapper {

	position: relative;
	top: 20px;
	float: left;
	left: 85px;
	margin-right: 40px;

}

#check {
	z-index:2;
	background-color: #FFF;
	width: 220px;
	height: 435px;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 2px solid #000;
	background-color: #FFF;
	text-align: left;
	padding: 5px;
}

#checkmobile {
	z-index:1;
	background-color: #FFF;
	width: 220px;
    position: absolute;
	top: 0px;
	left: 0px;
	border: 2px solid #000;
	background-color: #FFF;
	text-align: left;
	padding: 5px;
	-moz-box-shadow: inset 0px 0px 10px 3px #09F, 0px 0px 10px 3px #CCC;
	-webkit-box-shadow: inset 0px 0px 10px 3px #09F, 0px 0px 10px 3px #CCC;
	box-shadow: inset  0px 0px 10px 3px #09F, 0px 0px 10px 3px #CCC;
}



#checkmobile img {
	width: 200px;
	margin-top: 5px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#check img {
	width: 220px;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#checkquote {
	background-color: #FFF;
	height: 150px;
	width: 220px;
	float: left;
	border: 2px solid #000;
	background-color: #FFF;
	font-size: 12px;
	color: #333;
	text-align: left;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-weight: bold;
	margin-left: 30px;
}

#checkquote img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#map {
	background-color: #FFF;
	height: 150px;
	width: 230px;
	position: absolute;
	top: 440px;
	float: left;
	left: 85px;
	border: 2px solid #000;
	background-color: #FFF;
	font-size: 20px;
	color: #333;
	text-align: center;

}

#map img {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid #666;
	margin-top: 5px;
}

#houseproud {
	text-shadow: -1px -1px 0 #FFF,  
    1px -1px 0 #FFF,
    -1px 1px 0 #FFF,
     1px 1px 0 #FFF;
	-moz-box-shadow: inset   0px 0px 10px 8px #FFF, 0px 0px 10px 3px #CCC;
	-webkit-box-shadow: inset 0px 0px 10px 8px #FFF, 0px 0px 10px 3px #CCC;
	box-shadow: inset  0px 0px 10px 8px #FFF, 0px 0px 10px 3px #CCC;
	width: 210px;
	position: absolute;
	top: 790px;
	float: left;
	left: 85px;
	background-color: #A4C8EA;
	text-align: left;
	padding-left: 10px;
	padding-top: 10px;
	font-weight: bold;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	padding-right: 10px;
	padding-bottom: 15px;
	letter-spacing: 0px;
	
}

#houseproudservices {
	clear: both;
	font-size: 16px;
	text-align: center;
	
}

#houseproud img {
	float: left;
	padding-right: 12px;
	padding-bottom: 5px;
}



#fb {
	background-color: rgb(35, 76, 166);
	background-color: rgba(35, 76, 166, .6);
	height: 105px;
	width: 220px;
	position: absolute;
	top: 300px;
	float: left;
	left: 85px;
	border: 2px solid #000;
	font-size: 20px;
	color: #333;
	padding-top: 10px;
	padding-left: 10px;

}

#fb img {
	border: 1px solid #000;
	float: left;
}

#footer {
	font-weight:bolder;
	width: 100%;
	height: 40px;
	float: left;
	margin-top: 20px;
margin-left:auto;
margin-right:auto;
	font-size: 20px;
	color: #FFF;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
		
}
#footer a:link {
	color:#FFF;
	text-decoration: none;
}
 #footer a:visited {
	text-decoration: none;
	color: #FFF;
}
 #headera:footer {
	text-decoration: none;
	color: #FFF;
}
 #footer a:active {
	text-decoration: none;
}

.footerstuff {

}

.question {
	font-weight: bold;
	font-size: 16px;
	margin: 0px;
	color: #000;
	padding: 0px;
	background-color: #FFF;
}

 .install {
	min-height:90px;
	margin-bottom: 10px;
 }
.bullets {
	color: #333;
	font-weight: bold;
}

.bullets h3 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
#offer1 {
	float: left;
	height: 100px;
	width: 240px;
	border: 1px solid #666;
	margin-right: 25px;
	margin-left: 0px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	margin-top: 30px;
	font-size: 14px;
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	-moz-box-shadow:    inset 0 0 15px #666;
	-webkit-box-shadow: inset 0 0 15px #666;
	box-shadow:         inset 0 0 15px #666;
}

#offer2 {
	float: left;
	height: 100px;
	width: 240px;
	border: 1px solid #666;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	margin-top: 30px;
	font-size: 14px;
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	-moz-box-shadow:    inset 0 0 15px #666;
	-webkit-box-shadow: inset 0 0 15px #666;
	box-shadow:         inset 0 0 15px #666;
-
}

#maincontact {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	text-align: justify;
	padding-right: 10px;
	padding-left: 35px;
	color: #000;
	background-color: #FFF;
	padding-bottom: 40px;
	overflow: hidden;
	line-height: 15px;
	
}

.offertext {
	font-size: 16px;
	color: #00F;
}

#towncontact {
	padding-left:50px;
	padding-right:50px;
	font-size: 14px;
	text-align: center;
	background-color: #FFF;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: normal;
}

.number {
	color: #F00;
	text-shadow: 1px 1px 3px #000;
	font-size: 24px;
	text-shadow:
	1px 1px 3px #000,
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}

#mapheader {
	width: 300px;
	height: 40px;
	margin-left: 400px;
	margin-top: 20px;
	font: bold 30px Arial, Helvetica, sans-serif;
	background-color: #FFF;
 
	 
	
}

.quote-accept {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-align: center;
}

.reviews {
	color: #FF0000;
	font-weight: normal;
	font-size: 18px;
	text-align: left;
	
}

.checkstylered {
	color:#F00;
    text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;  }

.checkstyleblue {
	color: #44ABEE;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
	   }


.London-video{ width:55%; border: solid 3px #000; float:right; margin-left:20px;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */}

.Sutton-video{ width:55%; border: solid 3px #000; float:left; margin-right:20px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */}
	.Sutton-video-r{ width:55%; border: solid 3px #000; float:right; margin-left:20px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */}

.video1{ width:350px; height:233px; float:left; margin-right:20px;
}

.video2{ width:99.5%; margin-left:auto; margin-right:auto; border: solid 3px #000;
}

#video1{ clear:none; margin-top:0px
}

#video2{ clear:none; margin-top:-10px
}

#blog {
	background-color:#FFF;
	overflow:inherit;
	


}

#blog h1 {text-align: left;
	font-size: 18px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #000;
	background-color: #FFF;
	text-shadow:
   none;
   
   }
   
   #elfsight{
	float:right;
	margin-right:10px;
	display:none;
	 font-size:16px;
	   font-weight:bolder;
	   position:relative;
	   text-align:center;
	
}
   
   #elfedit {
	   height:20px;
	   overflow:hidden;
	   display:flex;
	   align-items: flex-end;
	 
	   
   }
   #elf-mobile {
	   padding-top:10px;
	     padding-bottom:10px;
	   float:left;
	   width:80%;
	   max-width:300px;
	   margin-top:7px;
	   background-color: #FFF;
	   
	   font-size:20px;
	   line-height:30px;
	   
	   font-weight:bolder;
	
	   text-align:center;
	   box-sizing:border-box;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	    }
		
		#elf-mobile img { width:60px}
		
   .stars{
	   font-size:125%;
	   color: #FF0;
	   
   }
   
   .list{
	   list-style-image: url( images/icons8-tick-16.svg);
   margin-bottom:10px; text-align:left;
	   }
	 .list li{ margin-left:20px}  
	    .list img{ margin-right:80px:}
   
   .list li{ margin-bottom:15px;
}

   #list{
	   list-style-image: url( images/icons8-tick-16.svg);
   margin-bottom:10px; text-align:left;
	   }
	   
	    #list img{ margin-right:80px:}
   
   #list li{ margin-bottom:15px;
}

.TS2{ margin-top:20px; margin-right:25px;
	
}

.TS3{ display:none;
	
}
   
 
#toplist { margin-bottom:20px;}
#toplist img { margin-bottom:40px}
.toplist { margin-bottom:20px;}
.toplist img { margin-bottom:40px}

.break { background-color: rgba(54, 54, 54, .8);}
#banner {
	height: auto;
	
	width:80%;
	max-width:300px;
	background-color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0px 0px 5px 0px #333;
	-webkit-box-shadow: 0px 0px 5px 0px #333;
	box-shadow: 0px 0px 5px 0px #333;
	text-align: left;
	color: #3E3E3E;
	font-weight: bold;
	font-size: 24px;
	border: 2px solid #000;
	background-image: url(images/bulletpoint.webp), url(images/bulletpoint.webp), url(images/bulletpoint.webp), url(images/bulletpoint.webp);
	background-repeat: no-repeat;
	background-position: 3% 5%, 97% 5%, 3% 95%, 97% 95%;
	line-height: 32px;
	padding: 8px;
	z-index: 100;
	margin-top: 20px;
	float: left;
	margin-left:auto;
	margin-right:auto;
	clear: both;
	box-sizing:border-box;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;


}

#bannertop {
	text-align:center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font:Arial black;
	font-size: 1.5vw;
	
}
.bannertext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-weight: bold;
}
#bannerbottom {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	color: #900;
	font-size: 1.1vw;
	text-align: center;
	margin-top: 5px;
	padding-top: 3px;
	
	letter-spacing: -1pt;
	padding-left: 0px;
	padding-right: 0px;
	font:Arial black;
}
  #quote {
	width:100%;
	color: #000;
	font-weight: bold;
	font-size: 16px;

	float: left;
	margin-top: 10px;
	overflow: hidden;
	margin-right: 10px;
	clear: right;
	box-sizing:border-box;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}

#left-column {width:30%; float:left; margin-left:5% }
#gallery-top{width:58%; float:right; margin-top:auto; margin-left:auto;  overflow:hidden; 	 box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;}
#TT {float:none;  margin-top:20px;display: flex; justify-content: center; }
#TT img {width:300px; margin-top:20px}
#menurow{ position: fixed; left:327px; }
#topcontainer { position:relative; display:flex;padding-left:85px; box-sizing: content-box;}
#bannercontainer{width: 100%; display: flex; justify-content: center;}

#PARALIST1 {color:#000; }
#PARALIST2 {color:#000;}
#PARALIST1 li {list-style-position:inside; margin-left:-15px; margin-right:10px}
#PARALIST2 li {list-style-position:inside; margin-left:-15px; margin-right:10px}


#form {
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;}
	
	#whattsapp img {width:135px; margin-top:5px; margin-left:5px}
	#whattsapp{ display:flex; align-items:center; justify-content: center;}
	
	#FAQ h4 {font-weight:bolder}
	.maincontent strong{
 font-weight: bolder; color:#000
}
.h1small {font-size:14px; text-decoration: underline; t
    text-decoration-color: black; line-height:-10px}
.maincontent li {padding-right:30px}	


    @media only screen and (max-width: 1600px) {
		#elf-mobile {font-size:18px; line-height:25px}
		#elf-mobile img {width:40px}
		#left-column {}
	   #gallery-top{}
	   	  #bannertop {font-size:1.75vw; font-weight:bolder}
	  #bannerbottom {font-size:1.25vw}
	#banner{ line-height: 30px;}}
	 @media only screen and (max-width: 1500px) {
	   #gallery-top{}}
	   
  @media only screen and (max-width: 1432px) {
	  #gallery-top{ width:60%}

	   #menurow{left:205px}
	 #quote{margin-top:7px }
#TT { margin-top:10px}
	  
  }
   @media only screen and (max-width: 1350px) {
	   #left-column { margin-left:0px}
	  #gallery-top{ width:68%}}
 @media only screen and (max-width: 1300px) {
	  #gallery-top{ width:68%}}
  
   @media only screen and (max-width: 1225px) {
	   #banner { line-height:25px}
	  #bannertop { font-weight:bolder}
	  #bannerbottom {font-size:1.5vw}
	  }

@media only screen and (max-width: 1150px) {
	#elf-mobile{ font-size:16px; line-height:20px}
	#gumpf{width:98%}
	#header{width:98%}
	 #menurow{left:80px}
	#banner { line-height:26px}
	 .quote1 {font-size: 18px;}
	 #quote {font-size: 14px;}
	 #gallery-top{ width:66%}
}
@media only screen and (max-width: 1070px) {
	#banner { line-height:22px}
	#gallery-top{ width:66%}
	
}

@media only screen and (max-width: 1000px) {
	
	#elf-mobile { font-size:14px; line-height:18px}	
	#elf-mobile img { width: 30px}

#footer  {margin-left:15%; margin-right:auto; display:block}
#gumpf	{width:100%;  min-width:100%;  margin-left: 0px; background-image:none; overflow:visible}
#guttertop {width:100%;  min-width:100%; background-position: left 5px center; margin-left:0px; margin-right:0px; }
#header	{width:100%; background-image:none;  min-width:100%; margin-left:0px; margin-right:0px;}
.menu {margin-left:0px;}
#mainbottom {width: 95%; float: none;  padding-top: 0px; margin-left: auto; margin-right: auto; left:0px; margin-top:7px;}
#banner{line-height:24px }
#quote{margin-left:0px;margin-top:8px }

#bannercontainer{margin-left:0px;}
#menurow{left:123px }
#left-column { width:27%}
#gallery-top{ width:67%;}
#topcontainer {margin-left:auto; margin-right:auto; width:95%; padding-left:0px}
}

@media only screen and (max-width: 950px) {	
#menurow{left:0px }
#gallery-top{ width:70%}
#banner{ margin-top:10px }
#bannertop {font-size:
}

@media only screen and (max-width: 880px) {	

#header	{width:100%; background-image:none;  min-width:100%; margin-left:0px; margin-right:0px;}
#quote { font-size:12px }
.quote1 {font-size:14px;}
#banner { line-height:20px}

}
@media only screen and (max-width: 830px) {
	#gallery-top{ width:72%}}
	
@media only screen and (max-width: 810px) {
	#TT img {height: 138px}

	#quote{margin-top:8px}
	.TS2 {margin-top:8px; margin-right:0px}
	#banner {line-height:18px}
	#video1 {float:none; margin-left:auto; margin-right:auto; display:block; margin-bottom:20px}
.video1 {float:none; margin-left:auto; margin-right:auto; display:block; width:90%; height:auto}
	.toplist { margin-left:auto}
		#toplist { margin-left:auto}
	#elfsight{
	float:right;
margin-right:12%;
	margin-top:30px;
	display:none;
	 font-size:18px;
	   font-weight:bolder;
	   position:relative;
	   text-align:center;
	   margin-bottom:20px;
}

.boxstyle {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 2px solid #000;
}	
	
#review {display:none}	
body {background-attachment:fixed; width:100%;}

#containertop {width:100%;  min-width:100%; margin-left:0px; margin-right:0px;}

#header	{width:100%; background-image:none;  min-width:100%; margin-left:0px; margin-right:0px;}

#form {overflow: visible; height:100%}
#gumpf	{width:100%;  min-width:100%;  margin-left: 0px; background-image:none}
#checkwrapper {float: none; margin-left: auto; margin-right: auto; left: 0px; margin-bottom:40px; display:none}
#TS {display:none}
#TSmobile {  display:none; width:95%; height:auto; margin-left: auto; margin-right: auto; margin-top:7px; position:relative; left: 0px; top:0px}
#TSmobile img { width:100%; margin-left: auto; margin-right: auto}
#check {display:none}
#checkmobile { width:78%; height:auto; margin-left: auto; margin-right: auto; position:relative}
#checkmobile img { width:70%; margin-left:15%}



#quotetitle {display:none}

.postal {width:80px}
#mainbottom {width: 98%; float: none; margin-right: 40px; padding-top: 0px; margin-left: auto; margin-right: auto; left:0px; margin-top:7px;}
#mainbottom h2 {font-size:22px}
#maincontent {font-size:18px;}
#maincontent h2 {font-size:20px; text-align:center;}
#mainbottom h1 {font-size:30px;}
#mainbottom h3 {font-size:18px; text-align:center; margin-bottom:0px}
#rotator {display:none;}
#houseproud  { position:inherit; float:none; top:0px; left:0px; margin-left: auto; margin-right: auto; margin-top:20px; }
#fb { position:inherit; float:none; top:0px; left:0px; margin-left: auto; margin-right: auto; margin-top:20px; }
#map {display:none;}
.maincontent {font-size:18px; text-align:justify;}
.maincontent h2 {font-size:28px;}
.mainbottom h3 {font-size:28px;}
.number {font-size:20px;}
#towncontact  {font-size:20px;}
#footer { width:230px; float:none; margin-left: auto; margin-right: auto;}
.footerstuff {width:230px;}
.quoteform {text-align: left; font-size: 16px; color: #000; padding-right: 50px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: px;
}
.quoteformbox {margin-left:20px; width:100%;}
#form {}
#offer1 {float: none; width: 200px; margin-left: auto; margin-right: auto;  }
#offer2 {float: none; width: 200px; margin-left: auto; margin-right: auto; }
#maincontact { padding-left: 10px;}	
#review {width: 90%; left:7px; position:relative; float: none; padding-top: 0px; margin-left: auto; margin-right: auto; font-size:20px;}
.reviewstyle1 { font-size:20px;}
.reviewstyle2 { font-size:20px;}
#locationtop {display:none;}
#mainbottom2 {width: 95%; float: none; margin-left: auto; margin-right: auto;}
.maincontent img { max-width:100%; height:100%; margin-right:auto; margin-left:auto; margin-bottom:10px}

::-webkit-input-placeholder { font-size:16px }
::-moz-placeholder {  font-size:16px ; } /* firefox 19+ */
:-ms-input-placeholder {  font-size:16px ; } /* ie */
input:-moz-placeholder {  font-size:16px ; }
.photostyleparacounty {
	margin-bottom:20px;
	padding-top:0px;
	border: 1px solid #666;
	padding: 2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: none;
	margin-left:auto; margin-right:auto;display:block;
		
		clear:right;
}

.photostyleparacounty-r {
	margin-bottom:20px;
	padding-top:0px;
	border: 1px solid #666;
	padding: 2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: none;
	margin-left:auto; margin-right:auto;display:block;
	clear:left;
}

}



@media only screen and (max-width: 753px) {
	.quote1{ font-size:16px}
	#whattsapp img {width:155px; margin-top:5px; margin-left:5px}
	#whattsapp{}
		.London-video{ width:100%; border:  float:none; margin-left:auto; margin-left:auto; margin-bottom:20px}
		.Sutton-video{ width:100%; border:  float:none; margin-left:auto; margin-left:auto; margin-bottom:20px}
		.Sutton-video-r{ width:100%; border:  float:none; margin-left:auto; margin-left:auto; margin-bottom:20px}
	#bannercontainer{ display:block}
	#left-column {width:98%; margin-right:auto; margin-left:auto; float:none }
	#topcontainer { display:block; width:100%}
	#gallery-top{clear:left; width:98%; float:none; margin-left:auto; margin-right:auto}
	.quote1 {}
#quote {  margin-right:10%; margin-bottom:10px; width:33%; height:110px;  margin-top:8px; float:right}
	body {background-attachment: scroll;}

	#guttertop { }
	#form { }
	#elf-mobile{ width:33%; height:110px; margin-top:8px;  margin-left:10%; font-size:14px; padding-top:15px}
	#elf-mobile img { width:40px}

#banner { line-height: 16px; float: none; width:35%; height:auto; margin-left:auto; margin-right:auto; line-height:26px; margin-top:10px}
#bannertop {  font-size:3vw}
#bannerbottom {font-size:2vw }

#header {display:none}

}

@media only screen and (max-width: 650px) {
	#TT img {width:300px; margin-top:20px}
	#quote {   width:35%; }
	#elf-mobile{ width:35%; }
	#bannertop {  font-size:3.5vw}
#bannerbottom {font-size:2.5vw }
	
	.photostyleleft {margin-left:auto; margin-right:auto; margin-bottom:20px; display:block; float:none}
	
	.photostylepara {
	margin-bottom:20px;
	padding-top:0px;
	border: 1px solid #666;
	padding: 2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: none;
	margin-left:auto; margin-right:auto;display:block;
	clear:right;
}

.photostylepara-r {
		margin-bottom:20px;
	padding-top:0px;
	border: 1px solid #666;
	padding: 2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: none;
	margin-left:auto; margin-right:auto;display:block;
	clear:left;
}

	.photostyleparaportrait {
	margin-bottom:20px;
	padding-top:0px;
	border: 1px solid #666;
	padding: 2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: none;
	margin-left:auto; margin-right:auto;display:block;
	clear:right;
}

.photostyleparaportrait-r {
		margin-bottom:20px;
	padding-top:0px;
	border: 1px solid #666;
	padding: 2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: none;
	margin-left:auto; margin-right:auto;display:block;
	clear:left;
}

.photostylecounty {
	margin-bottom:20px;
	padding-top:0px;
	border: 1px solid #666;
	padding: 2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: none;
	margin-left:auto; margin-right:auto;display:block;
		
		clear:right;
}


.photostyleleft2 {float:none; margin-left:auto; margin-right:auto; display:block}
.photostyle {float:none; margin-left:auto; margin-right:auto; display:block}

#banner{ }
	
}	
@media only screen and (max-width: 610px) {
	.quote1{font-size:14px}}


@media only screen and (max-width: 580px) {
	#quote{ width:90%; margin-right:auto; margin-left:auto; float:none; height:auto}
	#elf-mobile{ width:200px; height:auto; margin-top:5px;  margin-left:auto; margin-right:auto; font-size:16px; padding-top:15px; float:none; padding-top:7px; line-height:14px;  padding-bottom:5px}
	#elf-mobile img { width:30px}
	

	.quote1 {font-size:18px;}
	#form{font-size:16px;}
		#TT{clear:left; margin-left: auto; margin-right: auto; float:none}
	#bannertop { font-size:20px }
#bannerbottom {font-size:16px }
	#banner{width:200px; margin-left: auto; margin-right: auto;  height:auto;  margin-top:0px; margin-bottom:5px; float:none; line-height:22px } 
	
		#guttertop {background-position: left 15px center; background-size: 115px 30px; height:30px}
#header{background-position: -15px 0px;}
#gumpf { background-position: -15px 0px; top:37px}
.menu {margin-left:25px; width:95px;}
.menu2 {margin-left:0px; width:115px}
.TS3{ margin-left:20%; float:right; width:61%; float:left; margin-bottom:5px; margin-top:3px}


	
#video1 {float:none; margin-left:auto; margin-right:auto; display:block; margin-bottom:20px}
.video1 {float:none; margin-left:auto; margin-right:auto; display:block; width:90%; height:auto}
#elfsight{margin-right:8%;}
}

@media only screen and (max-width: 480px) {
		
#quote {margin-top:5px}
#guttertop {background-position: left 15px center;}
#header{background-position: -15px 0px;}
#gumpf { background-position: -15px 0px;}
.menu {margin-left:25px; width:95px;}
.menu2 {margin-left:0px; width:115px}

#mainbottom h1 {font-size:28px;
clear:both; margin-bottom:0px}
#bannertop { }
#bannerbottom {}
.photostyleleft2  { width:99%}
#banner { }
#elf-mobile { }

}
@media only screen and (max-width: 450px) {
	

	
}

@media only screen and (max-width: 440px) {
	#banner{}
	#elf-mobile{  padding-bottom:5px}
	#elf-mobile img { width:30px}


}

@media only screen and (max-width: 420px) {
	.postcode {
}
	

	
#bannertop{  padding-bottom:0px; padding-top:0px }
	

#mainbottom h2 {font-size:20px}
#mainbottom h1 {font-size:26px;}
#elfsight{
	margin-right:4%;
	line-height:21px
	
}

@media only screen and (max-width: 400px) {
	#form{font-size:14px;}
.quote1 {font-size:16px;}	
#banner{}
#bannertop {}
	#elf-mobile{ padding-bottom:5px}
	#elf-mobile img { width:30px}
	
	
#header{ background-image:none}
#gumpf {background-image:none; padding-left:0px}
	
}

@media only screen and (max-width: 380px) {

	
#bannertop {}
#bannerbottom {}


#elfsight{
	margin-right:2%;
	line-height:19px;
	font-size:18px;
	font-weight:bold;}
	}

@media only screen and (max-width: 350px) {
	

#header{ background-image:none}
#gumpf {background-image:none; padding-left:0px}
.menu { margin-left: 5px; width:90px; font-size:16px}
.menu2 {margin-left:20px; width:80px; font-size:16px; margin-right:0px}
#elfsight{
	margin-right:4%;
	line-height:19px
	
}

#gumpf {padding-left:0px}
}
	
@media only screen and (max-width: 350px) {
	
	
}
@media only screen and (max-width: 340px) {
	

#elfsight{
	margin-right:1%;
	line-height:19px;
	font-size:17px;
	
}