#middle h1 {text-align:center; margin-top:8px; font-weight:bold; color: #000000}
#middle h2 {font-weight:bold; font-size:16px}

.category_list li {line-height:1em}

h3 {
  width: 100%; 
  text-align: center; 
  border-bottom: 1px dotted #000; 
  line-height: 0.1em;
  margin: 10px 0 20px;
  margin-top:15px
} 

h3 span { 
  background:#fff; 
  padding:0 10px; 
  font-size:16px;
  font-weight:lighter;
}


/* Breadcrumbs */
#bread_nav {float:left; height:22px; width:100%; padding:6px 0 0 2px; margin:0; list-style-type:none}
#bread_nav li {float:left; padding:0; margin-right:5px; font-size:12px; color:#a09f9f}
#bread_nav li a {color:#a09f9f}


/* Call us banner */
#contact_phone {
	margin:0 0 10px 0;
	border:#b1b0b0 1px solid;
	float:left; width:calc(100% - 2px); height:40px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+47,cccccc+100 */
	background: #eeeeee; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #eeeeee 47%, #cccccc 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #eeeeee 47%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #eeeeee 47%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#contact_phone #s1 a {text-decoration:none; width:calc(10% - 10px); float:left; text-align:left; font-size:22px; line-height:40px; padding-left:10px; color:#6d6b6e; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; height:40px}
#contact_phone #s2 {width:calc(25% - 10px); float:left; text-align:left; font-size:16px; line-height:40px; padding-left:10px; color:#6d6b6e; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; height:40px}
#contact_phone #s3 a {width:30%; float:left; text-align:center; text-decoration:none; font-size:24px; font-weight:bold; line-height:40px; color:#6d6b6e; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; height:40px}
#contact_phone #s4 {width:calc(25% - 10px); float:left; text-align:right; font-size:16px; line-height:40px; padding-right:10px; color:#6d6b6e; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; height:40px}
#contact_phone #s5 a {text-decoration:none; width:calc(10% - 10px); float:right; text-align:right; font-size:22px; line-height:40px; padding-right:10px; color:#6d6b6e; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; height:40px}

/* Feefo styling */
#feefo-service-review-carousel-widgetId {height:188px}

html body div#container div#feefo-service-review-carousel-widgetId.feefo-review-carousel-widget-service feefowidget-container-carousel feefowidget-container-main div.feefowidget-standard.feefowidget-standard-background-white.feefowidget-carousel-container-single-review.feefowidget-background-white.feefowidget-border {
  border:#eeeeee 1px solid; 
  width:100%; 
  margin-bottom:6px
}
html body div#container div#feefo-service-review-carousel-widgetId.feefo-review-carousel-widget-service feefowidget-container-carousel feefowidget-container-main div.feefowidget-standard.feefowidget-standard-background-white.feefowidget-carousel-container-single-review.feefowidget-background-white.feefowidget-border div.feefowidget-desktop-wrapper feefowidget-carousel-body div.feefowidget-carousel-body.feefowidget-carousel-single-review div feefowidget-carousel-single-review-body div.feefowidget-carousel-single-review-body div.feefowidget-sliders div.feefowidget-slide.feefowidget-showing-slide feefowidget-carousel-single-slide-content div.feefowidget-carousel-single-slide-content div.feefowidget-stars-row {
  padding-top:10px
}
html body div#container div#middle div#feefo-service-review-carousel-widgetId.feefo-review-carousel-widget-service feefowidget-container-carousel feefowidget-container-main div.feefowidget-standard.feefowidget-standard-background-white.feefowidget-carousel-container-single-review.feefowidget-background-white.feefowidget-border div.feefowidget-desktop-wrapper feefowidget-carousel-body div.feefowidget-carousel-body.feefowidget-carousel-single-review div feefowidget-carousel-single-review-body div.feefowidget-carousel-single-review-body {
  width:700px
}
html body div#container div#middle div#feefo-service-review-carousel-widgetId.feefo-review-carousel-widget-service feefowidget-container-carousel feefowidget-container-main div.feefowidget-standard.feefowidget-standard-background-white.feefowidget-carousel-container-single-review.feefowidget-background-white.feefowidget-border div.feefowidget-desktop-wrapper feefowidget-carousel-body div.feefowidget-carousel-body.feefowidget-carousel-single-review div feefowidget-carousel-single-review-body div.feefowidget-carousel-single-review-body div.feefowidget-sliders div.feefowidget-slide.feefowidget-showing-slide feefowidget-carousel-single-slide-content div.feefowidget-carousel-single-slide-content div.feefowidget-review-content-outer div.feefowidget-content-row {
  width:650px
}

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

	html body div#container div#middle div#feefo-service-review-carousel-widgetId.feefo-review-carousel-widget-service feefowidget-container-carousel feefowidget-container-main div.feefowidget-standard.feefowidget-standard-background-white.feefowidget-carousel-container-single-review.feefowidget-background-white.feefowidget-border div.feefowidget-desktop-wrapper feefowidget-carousel-body div.feefowidget-carousel-body.feefowidget-carousel-single-review div feefowidget-carousel-single-review-body div.feefowidget-carousel-single-review-body {
		width:444px
	}
	html body div#container div#middle div#feefo-service-review-carousel-widgetId.feefo-review-carousel-widget-service feefowidget-container-carousel feefowidget-container-main div.feefowidget-standard.feefowidget-standard-background-white.feefowidget-carousel-container-single-review.feefowidget-background-white.feefowidget-border div.feefowidget-desktop-wrapper feefowidget-carousel-body div.feefowidget-carousel-body.feefowidget-carousel-single-review div feefowidget-carousel-single-review-body div.feefowidget-carousel-single-review-body div.feefowidget-sliders div.feefowidget-slide.feefowidget-showing-slide feefowidget-carousel-single-slide-content div.feefowidget-carousel-single-slide-content div.feefowidget-review-content-outer div.feefowidget-content-row {
		width:420px
	}
}

@media screen and (max-width:720px) { 
	#feefo-service-review-carousel-widgetId {height:316px}
}

@media screen and (max-width:695px) { 
	#feefo-service-review-carousel-widgetId {height:171.25px}
}

/* Category Boxes */
.flex_container {display:flex; flex-wrap:wrap; margin-top:10px}
.flex_container .flex_item {box-sizing:border-box; padding:10px; width:calc(33.3% - 7px); margin:0px 10px 10px 0; background-color:#f6f5f5}
.flex_container .lhs {width:calc(100% - 105px)}
.flex_container .lhs h2 {margin:5px 0 10px 10px; font-size:16px; font-weight:bolder}
.flex_container .lhs ul {list-style-type:none; margin:0; padding:0 0 0 10px !important}
.flex_container .lhs li {line-height:16px}
.flex_container .lhs li a {color:#000000; text-decoration:none; font-size:14px !important}
.flex_container .lhs li a:hover {color:#0088c1}
.flex_container .rhs {width:105px; align-self:flex-start}
.flex_container .flex_item:nth-child(3), .flex_container .flex_item:nth-child(6) {margin-right:0}
.flex_container .flex_image {width:40px; flex:flex-end}
div#container div#middle div.flex_container div.flex_item div.flex_container div.lhs ul li.spacer {margin-top:20px}

/* Smart Blocks */
#sb1, #sb2, #sb3 {width:100%; height:1px; margin-bottom:5px}

@media screen and (max-width:800px) { 
  .flex_container {flex-wrap:wrap}
  .flex_container .flex_item {width:calc(50% - 5px); box-sizing:border-box; margin-right:0}
  .flex_container .flex_item:nth-child(odd) {margin-right:10px}
  .flex_icons .full_width {font-size:10px}
}

@media screen and (max-width:530px) { 
  .flex_container {flex-wrap:wrap}
  .flex_container .flex_item {width:100%; margin-right:0px}
  .flex_container .flex_item:nth-child(1), .flex_container .flex_item:nth-child(3) {margin-right:0}
}


/* Family brand Boxes */
.flex_container_brands {display:flex; flex-wrap:wrap; margin-top:10px}
.flex_container_brands .flex_item_brands {box-sizing:border-box; padding:10px; width:calc(50.1% - 7px); margin:0px 10px 10px 0; background-color:#f6f5f5}
.flex_container_brands .lhs_brands {width:calc(100% - 150px)}
.flex_container_brands .lhs_brands h2 {margin:5px 0 10px 10px; font-size:16px; color:#000000; font-weight:bold}
.flex_container_brands .lhs_brands ul {list-style-type:none; margin:0; padding:0 0 0 10px !important}
.flex_container_brands .lhs_brands li {line-height:1.2em}
.flex_container_brands .lhs_brands li a {color:#000000; text-decoration:none; font-size:14px !important}
.flex_container_brands .lhs_brands li a:hover {color:#0088c1}
.flex_container_brands .rhs_brands {width:145px; height:auto; align-self:flex-start}
.flex_container_brands .flex_item_brands:nth-child(even) {margin-right:0}
.flex_container_brands .flex_image_brands {width:40px; flex:flex-end}

@media screen and (max-width:900px) { 
  .flex_container_brands .lhs_brands {width:100%}
  .flex_container_brands .rhs_brands {margin-top:10px}
}

 /* Manufacturer logo boxes */
.brands {float:left; padding:4px; margin:0; width:100%; list-style-type:none}
.brands img {width:75px; margin:0 8px 5px 0; border:none; float:left}

ul.brands {margin:5px 0 0 0}

.brands {margin:10px 0 10px 0}
.brands img {width:100px}

@media screen and (max-width:650px) {	
	.brands img {width:80px; height:auto}
}

.no_top_margin {margin-top:0}
.no_bottom_margin {margin-bottom:0}

@media screen and (max-width:850px) {	
	#contact_phone {height:35px; line-height:35px}
	#contact_phone #s1 a, #contact_phone #s5 a {font-size:12px; height:inherit; line-height:inherit; width:calc(10% - 10px)}
	#contact_phone #s2, #contact_phone #s4 {display:none}
	#contact_phone #s3 a {height:inherit; line-height:inherit; width:calc(80% - 20px); font-size:20px}
}

@media screen and (max-width:650px) {
	#middle {margin:0}
	#middle ul {padding:0}
	#middle h3 {font-size:14px}	
	#contact_phone {margin-bottom:10px}	
	#contact_phone #s1 a, #contact_phone #s5 a {width:calc(20% - 10px)}
	#contact_phone #s3 a {font-size:15px; width:60%; background-color:#02b8fa; text-shadow:none; color:#fff}
	#bread_nav li {font-size:75%}
}