@font-face {  font-family: "sp-universal";   src: url(fonts/sp-universal-condensed.ttf);}
@font-face {
	font-family: 'MyriadPro-BoldCond';
	src: url('./fonts/MyriadPro-BoldCond.eot?') format('eot'), 
	     url('./fonts/MyriadPro-BoldCond.otf')  format('opentype'),
	     url('./fonts/MyriadPro-BoldCond.woff') format('woff'), 
	     url('./fonts/MyriadPro-BoldCond.ttf')  format('truetype'),
	     url('./fonts/MyriadPro-BoldCond.svg#MyriadPro-BoldCond') format('svg');
}
@font-face {
	font-family: 'MyriadPro-LightCond';
	src: url('./fonts/MyriadPro-LightCond.eot?') format('eot'), 
	     url('./fonts/MyriadPro-LightCond.otf')  format('opentype'),
	     url('./fonts/MyriadPro-LightCond.woff') format('woff'), 
	     url('./fonts/MyriadPro-LightCond.ttf')  format('truetype'),
	     url('./fonts/MyriadPro-LightCond.svg#MyriadPro-LightCond') format('svg');
}

body{margin:auto; font-family: Arial; text-align: justify;color:#004d82;}
h1,h2, h3{color: #003b64;font-size: 24px;}
h4{font-size: 16px;color: #003b64;}
p{color:#004d82;font-size: 13px;lineheight:20px;}
ul li{ font-size: 13px; color: #5a5a5a; margin-bottom: 10px;}
a{color: #ff5f00;}
img{border: none;}
strong{color: #226593;}
	
.phone-header, .footer-menu, .nav {display:none;} 
.front-banner {float: right;padding-left: 10px;padding-bottom: 10px;margin-top:-50px;}

.top{background-image: url('images/top-bg.jpg');background-repeat: repeat-x;height:200px; position:absolute; top:0;margin-left: auto; margin-right: auto;left: 0;right: 0;}
.top-wrapper{margin:auto; width: 1160px;background-image: url('images/top.png');background-repeat: no-repeat;height:180px;position:relative;}
.top-phone-number {
position: absolute;
right: 113px;
top: 58px;
color: #00265D;
font-family: 'MyriadPro-BoldCond';
font-size: 26px;
text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF;}

.top-phone-number2 {
position: absolute;
right: 103px;
top: 98px;
color: #00265D;
font-family: 'MyriadPro-BoldCond';
font-size: 15px;
letter-spacing: 0.5px;
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);}

.top-phone-numberm { color: #00265D;
margin-top: 5px;
text-align: right;
display: block;
font-size: 20px;
font-family: 'MyriadPro-BoldCond';}

.mid{background-image: url('images/mid-bg.jpg');background-repeat: repeat; min-height:600px; margin-top: 154px;}
.mid-wrapper{ margin-left: auto; margin-right: auto;left: 0;right: 0;width: 1000px;min-height:540px; top: 200px;background: #fcfcfc;-moz-border-radius: 5px;border-radius: 5px;box-shadow:inset 0 0px 5px #fff;}
.footer-wrapper{ margin-left: auto; margin-right: auto;left: 0;right: 0;width: 1000px;}
.mid-green{background-image: url('images/mid-green-bg.jpg');background-repeat: repeat-x;padding-top: 6px;}

.logo{margin-top: 22px;position: absolute;margin-left: 82px; width: 188px; display: block; height: 142px;}

.menu-column{width:240px;margin:10px;background: white;}
.content-column{padding:0px 20px 0px 10px;width: 710px;font-size: 13px; position:relative;}

#off50 {    background-image: url("images/50off.png");    background-repeat: no-repeat;    height: 413px;    width: 200px;}
#banner-text {    font-size: 20px;    font-weight: bold;    padding-left: 10px;    padding-top: 200px;}
#banner50 {    color: #EB3D00;    font-size: 24px;}
.nobullets li{list-style: none;}
.pricewidth{width:280px;}

/* FOOTER */
.footer{ color: white;height: 50px;margin-top: 20px;margin-bottom: 15px; background-color: rgba(0,0,0,0.3);padding-top:30px;padding-bottom:30px;}
.footer-first{ width: 400px;text-align: center;}
.f-call-us{background: url(images/f-call-us.png) no-repeat;width: 289px; height: 77px;}
.down-phone-number {
right: 0;
font-family: 'MyriadPro-BoldCond';
font-size: 31px;
display: block;
text-align: right;
margin-top: 26px;}


.down-phone-number2 {
right: 0;
font-family: 'MyriadPro-LightCond';
font-size: 15px;
letter-spacing: 1px;
display: block;
text-align: right;}
.slider-phone-number {
position: absolute;
font-family: 'MyriadPro-BoldCond';
left: 20px;
bottom: -57px;
color: #fff;
font-size: 30px;}
.footer-third{ width: 300px;background-image: url('images/f-house.png');background-repeat: no-repeat;height:95px;}
.our-great-services{padding-left:20px;}
.button{padding-left: 20px;padding-top: 15px;display: inline-block;}
.button:hover{opacity:0.7;filter:alpha(opacity=70); /* For IE8 and earlier */}
.copyright{width: 160px;font-size: 12px; margin-top:22px;float:right;color: #555;}

/* TOP MENU */
.menu{height: 40px; margin-top: 130px; margin-left: 230px;  position: absolute;  width: 860px;}
.menu a{	text-decoration: none;	color: #003483; font-family: "sp-universal";letter-spacing:4px;}
.menu ul li{display: inline;	font-size: 16px;padding-left:7px;padding-right:7px;}
.menu ul a{padding:6px;	font-size: 16px;}
.menu li a:hover{color: #ff5f00;}

/* SERVICE MENU */
.group-blue{color:white;background: #2a8bc5;padding:4px;}
.group{color:white;background: #8dbd33;padding:4px;}
.left-menu ul{list-style:none;margin:0;	padding:0;}
.left-menu li a{text-decoration:none;font-size: 14px;padding: 10px;font-style: Arial;color: #004d82;}
.left-menu li {margin-bottom:8px;}
.left-menu li a:hover{color: #ff5f00;}
#livechat{margin-top:10px;}
#googleplus{padding: 10px;}

/* REVIEW */
#review{color: #6a6f72;text-align:center;font-size: 20px;font-family: "Myriad Pro";font-weight: bold;}
#review-text{	padding-left: 20px;	padding-right: 20px; color: #6a6f72;font-size: 12px;}

/* SLIDER */
#hp-content{	float:right;	height:100%;	margin-top: 280px;}
#slider{width:720px;height:259;position: relative;}
#container ul{list-style-type: none!important;}
/*.desc{width:435px;	height: 300px;	color: white;}
.desc h3{	padding-left:20px;	font-size:20px;	width: 100px;	font-style: italic;}
.desc p{	padding-left:20px;	width: 400px;	margin-top:-20px;}
#description{	background-image: url('images/desc-bg.jpg');	background-repeat:repeat-x;	width:435px;	height:198px;	margin-top: -50px;	margin-left:1px;	z-index: -1;}*/
#book-now{	width:190px;	height:150px;	margin-left:500px;	float:left;	position: absolute;	}

.contact-button{background: url(images/blue-button.png) no-repeat; cursor:pointer;  border: none;width: 223px; height: 41px;margin:5px;}
.contact-button:hover{background: url(images/green-button.png) no-repeat; }
.input{background: #2a8bc5;color: white; padding-left: 10px;border: none;height: 24px;width: 200px;margin: 5px;}
.textarea{background: #2a8bc5;color: white; padding-left: 10px;border: none;height: 180px;width: 200px;margin: 5px;}
.geo-links{float: left; width: 330px; font-size: 12px;}
.contact-text{width:400px;}
.padding-top{padding-top: 10px;}
.image-left{float: left;padding-right: 20px;}
.image-right{float: right;padding-left: 20px;}
.phone{color: #ff5f00;white-space: nowrap;font-weight: bold;}
.price{font-weight: bold; font-size:18px;}
.toplink { padding-right:10px}



.left{float: left;}
.right{float: right;}
.clear{clear: both;}

#home-images-container {
width:710px;
margin-left:45px;
margin-top:680px;
}

#home-images {
	width:300px;
	float:left; 
	margin-left:5px;
	margin-bottom: 0px;
	margin-top: 20px;
}

.contactinfotext{padding-top: 12px;padding-right: 10px;}
.contactinfo img{float: left;margin: 5px;margin-left: 30px;}
.contact-1{float : left; width:450px;}
.contact-2{float : right; padding-right:20px;}

.new {
position: absolute;
border: none;
}
.nese {color: #F00;
font-weight: bold;}
.offer {margin-left: 10px!important;} .c_offer{color:#FF5F00;}
/*REGIONS*/

.service_text{ font-size: 20px!important; color:#003B64!important; margin-left: 400px!important; font-weight: bold;}

.find_text{ font-size: 20px!important; color:#0799B0!important; width: 200px;margin-left:500px!important;position: absolute;margin-top: -60px!important;}

.find_form {	float: left!important;margin-top: -40px;width: 300px;margin-left: 400px!important;position: absolute;}

.find_form input{	width: 60px;height: 28px;font-size: 20px;float: left!important;margin-left:20px;}

.SearchButton{  background:url('img/region_button.png');  background-repeat: no-repeat;  cursor:pointer;  width: 145px!important;  height: 34px!important;  border: none;  color: #1F2C4C!important;  float: left;}

.SearchButton:hover{  background:url('img/region_button_hover_green.png');  background-repeat: no-repeat;  color: white!important;}

.region_postcodes{ position: absolute; right: 0; bottom: 0;} /*420px; left 800px*/

.region_postcodes_page{ position: absolute; bottom: -20px!important; left: 10px;}

.region_postcodes li, .region_postcodes_page li{ float: left;}

#regions { position: relative; margin: 0px 0px 0px 0px!important; padding: 0!important; min-height:400px; float: right; font-size: 13px!important;}

#regions li{ list-style: none; padding: 0; color: #1F2C4C; font-weight: bold;}

#regions ul { display: none; width: 700px;} /*50*/

#regions ul li a { font-weight: normal; display:block; width: 170px; margin-left: 5px; padding-left: 20px; background-image: url('img/item.png'); background-repeat: no-repeat;}

.region_links{ margin-left: 5px; padding-top: 6px;  display:block;  width: 145px; height: 34px; text-align: center; text-decoration: none; background-image: url('img/region_button.png'); background-repeat: no-repeat;}

.region_links:hover{ width: 145px; height: 34px; background-image: url('img/region_button_hover_green.png'); background-repeat: no-repeat; color: white; text-decoration: none;}

.terms_sub ol { counter-reset: item; margin-left: -30px; }
.terms_sub li { display: block }
.terms_sub li:before { content: counters(item, ".") ". "; counter-increment: item }

/*responsive menu style */
.toggleMenu {display: none; background: #8DBD33; background-image: url('images/dropMenu.png'); background-repeat: no-repeat; background-position: 98% 50%; padding: 10px 0px; color: #fff; text-decoration:none;text-align: center;width: 50%; float: left;}
.mobile-prices {display: none; background: #8DBD33; padding: 10px 0px; color: #fff; text-decoration: none; text-align: center; width: 49%; float: right;}
.nav {
    list-style: none;
     *zoom: 1;
     background:#8DBD33; margin-left: -40px; margin-top: 0;
}
.nav ul li{margin-bottom:0;}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
    padding: 10px 15px;
    color:#fff;
	text-decoration: none;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    border-top: 1px solid #104336;
}
.nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}

.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    
    background: #2A8BC5; /*#1d7a62;*/
    position: relative;
    z-index:100;
    border-top: 1px solid #175e4c;
}
.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #1d7a62;
}

/*notification bar*/
#notification-bar {
	display:none;
	width:100%; /*1000px;*/
	height:36px;
	line-height: 35px;
	background-color:#FF7010;
	
	position: fixed;
	left:0; right:0;margin: 0 auto;
  bottom: 0px;
  color: #fff;
  font-size: 23px;
  font-weight: bold;
  border-top: 1px solid #FF7010;
  text-shadow: 1px 1px 1px #000;
  -moz-border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
}
#notification-bar .inner-notif {position: relative;  left: 50%;  margin-left: -506px;}
#notification-bar a {text-decoration:none; color:#fff; } 
#notification-bar span {padding:4px 35px;}
#notification-bar span img {vertical-align: middle; padding: 0 7px 0 0;margin-top: -4px;}
a#notif-trigger.trigger-active {
  background: url("img/notification-up.png") right no-repeat #FF7010;
}
a#notif-trigger {
  position: fixed;
  z-index: 2;
  bottom: 0px;
  left: 50%;
  margin-left: 448px;
  width: 35px;
  height: 35px;
  background: url("img/notification-down.png") right no-repeat #FF7010;
  display: block;
  -moz-border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
}

.footer-links{
	color: #C5F1FA;
}

/*HIDE OFFERS
.woffer1 {display:none;}
.show{display: block;}*/
/*responsive menu style*/
#slides > img {max-width:100%; height:auto;}

@media screen and (max-width: 1190px) {
	.top-wrapper {width: auto;background-position: center top;}
	.top-phone-number {right: 8%;}.top-phone-number2 {right: 8%;}
	.menu {width: auto;margin-left: 200px;}
}
@media screen and (max-width: 1125px) {
	.top-phone-number, .top-phone-number2 {right: 7%;}
}
@media screen and (max-width: 1080px) {
	.top-phone-number, .top-phone-number2 {right: 5%;}
}
@media screen and (max-width: 1035px) {
	.top-phone-number, .top-phone-number2 {right: 3%;}
	.menu {margin-left: 160px;}
}

@media screen and (max-width: 1020px) {
	.footer-first {width: auto;}
	.f-call-us {margin-left: 10%;float: left!important;}
	/*#book-now {display:none;}*/
	.mid-wrapper {width: 100%;}
	.content-column {padding: 0px 2% 0px 1%;width: 70%;}
	.menu {margin-left: 120px;}
	.menu-column {width: 25%;margin: 1%;}
	#slider {width: auto;}
	/*#slides {left: 8%;}*/
	.contact-1 {width: 60%;}
}

@media screen and (max-width: 990px) {
	.mobile-prices {display: block;}
	#book-now, .top, .contact-2 {display:none;} .contact-1 {width: 100%;} .contactinfo img {margin-left: 5px;}
	.phone-header {display:block; height: 80px;background-image: url("images/phone-bg.png");background-repeat: repeat-x;}
	.phone-top {width: 296px;margin: auto;}
	.phone-logo {background-image: url("images/phone-header.png");background-repeat: no-repeat;width: 311px;height: 79px; margin-left: -17px;}
	.phone-home {width: 80px;height: 80px;margin-left: 10px;float: left;}
	.phone-top-phone {width: 190px;height: 30px;margin-left: 120px;margin-top: -30px;float: left;}
	.mid {margin-top: 8px;}
	.mid-green {background-image: none; padding-top: 0px;}
	
	.active {
        display: block;
    }
	.nav {clear: both;}
    .nav > li {
        float: none;
    }
    .nav > li > .parent { background-position: 95% 50%; }
	.nav > li > a {display: block;	}.nav li li a {display:block;}
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {display: block; width: 100%; padding-left:0;}
	.nav > li.hover > ul , .nav li li.hover ul {position: static;}
	
	.footer-menu {display:block;}
	.footer-menu select {border: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: none;
	background: url('images/mobile-arrow.jpg') no-repeat right #ddd;
	background-position: 95% center;
	width: 100%;	height: 44px; text-indent: 0.01px; text-overflow: ""; padding-left: 2%;
	color: #FF5F00; font-weight: bold; font-size: 1em; margin-top: -15px;}
	
	.menu-column {display: none;}
	.content-column {width: 97%;}
	.contact-text {width: 70%;} .pricewidth {width: 30%;}
	
	#notification-bar, a#notif-trigger  {display:none;}
}

@media screen and (max-width: 945px) {
	.footer-third {display:none;}
	.footer-wrapper{width:100%;} .footer-first{width:50%;} .f-call-us {width:50%; margin:0;}
	.down-phone-number2, .down-phone-number {text-align:left;}
}
@media screen and (max-width: 830px) {
	.contact-text {width: 65%;} .pricewidth {width: 35%;}
}
@media screen and (max-width: 748px) {
	#container {width: auto;}
	#example {width: auto;position: absolute;}
	#slides {width: 100%;/*74%;*/ left:0; position: relative; float: left; }
	#book-now { width: 26%; height: 150px; margin-left: 0; position: relative;}
	#book-now img {max-width: 100%; height: auto;}
	
	#bannerImage {max-width: 100%;}
}
@media screen and (max-width: 710px) {
	.contact-text {width: 60%;} .pricewidth {width: 40%;}
}
@media screen and (max-width: 705px) {
	.woffer1 {text-align: center;} .woffer1 img {max-width:100%;height:auto; margin-left: 0!important;} .none{display:none;}
}

@media screen and (max-width: 693px) {
	.slider-phone-number { font-size: 23px; bottom: -19px;}
}

@media screen and (max-width: 670px) {
	/*#container {width: auto;} #slides {left: 2%;}*/
	#hp-content { margin-top: 200px;}
}
@media screen and (max-width: 620px) {
	.contact-text {width: 100%;}
}
@media screen and (max-width: 600px) {
	.footer-first {padding-bottom: 6px; width: 100%;float: none;margin: auto;} .f-call-us {width: 100%; background-position: center;}
	.footer {padding-top:0;height: 105px;}
	#regions, .service_text {display:none;}
	.down-phone-number2, .down-phone-number {text-align:center;}
}

@media screen and (max-width: 575px) {
	#example {width: 100%;} /*#slides {left: 0;width: 100%;}*/ .slides_container {width: auto;} .prev, .next {display:none!important;}
	.slides_control a img { max-width: 100%; height: auto; width: auto\9; /* ie8 */}
	.slider-phone-number {    font-size: 19px; bottom: -10px;} #hp-content { margin-top: 176px;}
}

@media screen and (max-width: 565px) {
	#hp-content {  /*margin-top: 250px; /* <- temp | default margin-top: 155px;*/} .slides_container a {height: auto;}
	.slides_control a img { width: 310px; height: auto; }
	.slides_container {background-position: 50% 25%!important;}
}

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

	.image-right, .image-left {float: none;text-align: center;padding-left: 0px; padding-top:5px;}
	.image-right img, .image-left img{ max-width:100%; height:auto;}
	.pricewidth {width: 60%;}
	.slider-phone-number { font-size: 17px; bottom: 16px; left: 15px;} #hp-content { margin-top: 145px;}
}
@media screen and (max-width: 445px) {
	#slides {left: 0%;} .geo-links {width:100%;}
}

@media screen and (max-width: 420px) {
	.slider-phone-number { font-size: 15px; bottom: 27px; left: 12px;} #hp-content { margin-top: 123px;}
}

@media screen and (max-width: 400px) {
	#off50 {	background-image: url("images/50offresp.png"); height: 325px; width: 199px;	}
	#banner-text br, h1 br {display:none;}
	.front-banner {float: none;padding-left: 0;padding-bottom: 0;margin-top:0;width: 200px;margin: auto;}
}

@media screen and (max-width: 365px) {
	.slider-phone-number {
		font-size: 13px;
		bottom: 53px;
		left: 8px;
	}
}

.responsive{
	max-width: 100%; height: auto; display: block;
}

.offer-carpet {display:none;}
.offer-oven {display:none;}
.offer-oneoff {display:none;}