@font-face {
font-family: 'Titillium';
    src: url('../fonts/titilliumtext22l002-webfont-webfont.eot');
    src: url('../fonts/titilliumtext22l002-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titilliumtext22l002-webfont-webfont.woff') format('woff'),
         url('../fonts/titilliumtext22l002-webfont-webfont.ttf') format('truetype'),
         url('../titilliumtext22l002-webfont-webfont.svg#titilliumtext22llight') format('svg');
}
img{
	border:none;
}
h1{
	background: url(../images/h1.png) no-repeat 0 50%;
}
h2{
	font-size:20px;
}
h2, h3 {
	background: url(../images/h2.png) no-repeat 0 50%;
	line-height: 22px;
}
body{
	
	color:#3f3f3f;
	font: 12px Titillium, Arial, Helvetica, sans-serif;
}

#header_wrapper{
	width:100%;
	position:fixed;
	top:0; left:0;
	z-index:500;
}
#header{
	background: url(../images/body-bkg.png) no-repeat 80% 0 #ffffff;
	height:100px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

#cookie-policy{ background-color:#555; text-align:center; }
#cookie-policy p{ margin:0 5%;padding: 10px 5%;position:relative;color:#fff;font-size:12px; }
#cookie-policy span{ position:absolute;right:4%;top:0;color:#000;cursor:pointer;font-weight:bold;font-size:16px; }


#logo{
	height:100%;
	padding-top:20px;
	position:relative;
}
#logo a span{
position: absolute;
bottom: 20px;
left: 94px;
color: #857a3d;
font-size: 25px;
}
#header_icon{
	background: url(../images/header-bkg.png) no-repeat 0 0;
	height:62px;
	margin-top:25px;
}
#call-us {
font-size: 26px;
color: #D64042;
margin-top: 25px;
position: relative;
margin-right: 40px;
}
.ie7 #call-us{
	float:right;
	font-size: 26px;
	color: #d64042;
	margin-top:25px;
	position:relative;
	margin-right:40px;
}
.ie7 #header_phone{
	float:right;
	text-align: right;
}
.ie7 #header_phone a{
	margin-right:10px;
	font:24px Impact, Impact5, Charcoal6, sans-serif;
	color:#000000;
	display:block;
	width:205px;
}

#header_phone a{
	font: 40px Impact, Impact5, Charcoal6, sans-serif;
	color:#000000;
	display:block;
	white-space:nowrap;
	padding-top: 20px;
}
.header-cta {
	background-color: #d24041;
	color: #fff;
	font-size: 16px;
	padding: 10px 20px;
	float: right;
	margin: 26px 0 0 20px;
}
.main_nav_wrapper{
	width:100%;
	background-color: #737373;
	height:35px;
	top: 100px; left:0;
	position: fixed;
	z-index: 1000;
}
.androidMobile{
	width:100%;
	background-color: #737373;
	height:35px;
	top: 100px; left:0;
	position: relative;
	z-index: 1000;

}
#main_nav{
	margin: 0 auto;	
}
#main_nav ul{
	font: 17px Titillium, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-transform: uppercase;
	list-style:none;
	height:35px;
	padding:0; margin:0;
}
#main_nav ul li{
	float:left;
	line-height:38px;
	height:35px;
}
#main_nav ul li:hover, #main_nav ul li.active{
	background: url(../images/main_nav_arrow.jpg) no-repeat 50% 100%;
}
#main_nav ul li a{
	display:block;
	float:left;
	padding:0 15px;	
}
#slider_row{
	margin:0 auto;
	height:252px;
	padding: 17px 0;
	position:absolute;
	left: 0; top:140px;
}

#slider{
	height:218px;
}
#quote_button{
	height:80px;
	width: 220px;
}
.ie7 #quote_button{
	height:80px;
	width: 220px;
	float:right;
	margin-right:10px;
}
#quote_button a{
	background: url("../images/get-a-free-quote-home.jpg") repeat scroll 0 0 transparent;
	width: 220px;
	height:74px;
	display: block;
}
#checkatrade_logo{
	height:59px;
}
.ie7 #checkatrade_logo{
	height:59px;
	float:right;
	margin-right:10px;
}
#checkatrade_logo a{
	background: url("../images/checkatrade.jpg") repeat scroll 0 0 transparent;
	width: 220px;
	height:54px;
	display: block;
}
#off_banner{
	font: 24px Titillium, Arial, Helvetica, sans-serif;
    margin-top: 5px;
}
.ie7 #off_banner{
    color: #FFFFFF;
    height: 74px;
    margin-top: 5px;
	margin-right:10px;
	float:right;
}
#off_banner span{
    font-size: 44px;
}

#service_menu{
	margin: 0 auto;
	position:absolute;
	left:0; top:150px;
}
#homePage #service_menu{
	margin: 0 auto;
	position:absolute;
	left:0; top:400px;
}
#service_menu div{
	height: 118px;
}

#service_menu div a{
	display: block;
	height:100%;
	position:relative;
}
#service_menu div a p{
	display: block;
	position:absolute;
	left:0; bottom:0;
	height: 36px; width:97px;
	border-bottom: 2px solid #d64042;
	color: #2f2f2f;
	text-align: center;
	font: 12px Titillium, Arial, Helvetica, sans-serif;
	background:#f0f0f0 url(../images/smenu-arrow.png) no-repeat right bottom;
	padding-top:5px;
}
.service_image{
	width:97px;
	float:left;
	margin-right:8px;
	
}
.ie7 .service_image{
	width:97px;
	float:left;
	margin-right:10px;
}
.last_service{
	margin-right:0;
	margin-left:1px;
}
.ie7 .last_service{
	margin-right:0;
	margin-left:0;
}
.first_service{
	margin-right:9px;
}
#service_menu div a:hover p, #service_menu div a.active p{
	background:#f0f0f0 url(../images/smenu-arrow-hover.png) no-repeat right bottom;
}

.content{
	padding-bottom:20px;
	line-height:18px;
	position: relative;
	padding-top: 270px;
}
.content p{
	margin: 10px 0;
}

.content a{
	color:#000000;
	text-decoration:underline;
}
.content a:hover{
	color:#000000;
	text-decoration:none;
}
.content ul{
	margin: 1em 0 1em 1em;
}
.content ul li a:hover{
	color:#D64042;
}
.line{
	background: url("../images/line.jpg") repeat-x scroll left top transparent;
	height:2px;
	margin-top:15px;
}
.ie7 .line{
	background: url("../images/line.jpg") repeat-x scroll left top transparent;
	height:2px;
	margin-top:15px;
	width:951px;
}
.field {
	background-color: #FCFCFC;
	border-bottom: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
	min-height: 160px;
	border-top: 2px;
	background: #FCFCFC url("../images/separator.jpg")repeat-x scroll left top;
}
#reviews{
	padding: 5px 10px 10px 15px;
	position:relative;
}
#reviews .scrollable .auth_icon{
	background: url("../images/auth-icon.png") no-repeat scroll left top transparent;
    min-height: 40px;
    padding-left: 50px;
    padding-top: 15px;
}
#reviews .scrollable_item a{
	background: url("../images/read-more-icon.jpg") no-repeat scroll right top transparent;
	min-height: 19px;
	position:absolute;
	bottom: 6px;right:0;
	display:block;
	padding-right:27px;
	color: #af9c5b;
}
#reviews .scrollable{
	height:160px;
}
#reviews  .scrollable_item{
	height:157px;
	position:relative;
	padding:0;
}
#map{
	padding:3px 0 0 0;
	height: 185px;
      margin-bottom: 16px !important;
}
.scrollable{
	height: 140px;
	overflow: hidden;
	position: relative;
}
 .scrollable .items{
	position: absolute;
}
.scrollable_item{
	height: 130px;
	line-height: 20px;
	margin: 10px 10px 0px 10px;
	text-align: left;
	padding-top:15px;
}
 .scrollable_item p{
	margin: 0;
	padding: 0;
	line-height:normal;
}
p.reviews_title{
	margin-bottom:10px;
}
.reviews_title a{
	text-decoration:underline;
	color: #a29364;
	
}
.navi a {
background: url(../images/nav.png) 0 0 no-repeat;
display: block;
float: left;
font-size: 1px;
width: 7px;
height: 7px;
margin: 0 0 3px 6px;
}
.navi a:hover, .navi a.active {
background-position: 0 -7px;
}
/** content inner page **/
#homePage{
	margin: 0 auto;
	padding-top:520px;
}
#content_colm{
	float:right;
	font-family: Arial, sans-serif;
}
#content_colm a{
	text-decoration:underline;
}
#banner_colm{
	float:left;
}
#breadcrumbs{
	color: #666666;
	padding-top:10px;
	font-size:12px;
}
#breadcrumbs a{
	color:#2f2f2f;
}
#quote_button_inner{
	background:url(../images/get-a-free-quote.png) no-repeat 0 0;
	width: 298px;height:100px;
	display:block;
	margin:10px 0;
	text-indent: -9999px;
}
.ie7 #off_banner_inner{
	background-color: #B8A483;
    height: 90px;
	width:293px;
    margin-top: 5px;
	text-align:center;
}
#off_banner_inner{
	background-color: #B8A483;
    height: 95px;
    margin-top: 5px;
    width: 298px;
	text-align:center;
}
#off_banner_inner a{
	 color: #FFFFFF;
    font-size: 30px;
    font-weight: bold;
    line-height: 3em;
    text-decoration: none;
}
#off_banner_inner a:hover{
	text-decoration:underline;
	
}

.auoffer {
	margin: 10px 0;
}


/** end of content inner**/
#booking-form{
	width:300px;
	margin:30px auto 0 auto;
}
#select{
position:relative;
margin: 10px 0;
}
select.select {
    height: 29px;
    line-height: 26px;
    width: 300px;
    z-index: 10;
	position:relative;
}
select.select{
background: url("../images/select-arrow.jpg") no-repeat scroll 95% 50% transparent;
-moz-transition: all 0.15s linear 0s;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
    height: 32px;
    margin: 0 0 12px;
    width: 300px;
    cursor: default;
    z-index: 1;
	padding: 6px 8px 6px 5px;
}
#code_field{
	width:300px;
	min-height:80px;
	background-color:#D3C05A;
	border-radius: 2px 2px 2px 2px;
	text-align:center;
	padding-bottom:10px;
}
#code_field input{
	width:80%;
	margin:10px auto ;
}
#captcha{
	text-align:center
}
#price_table{
   color:#000000;	
}
#price_table h2{
	color:#a18f72;
	font-size:13px;
}
#footer_text{
	margin: 20px auto 0;
}
#footer_text p{
	padding: 0 10px 0 20px;
	text-align:center;
	line-height:18px;
}
#footer_menu{
	margin: 20px auto 10px auto;
}
#footer_menu ul{
	list-style:none;
	height:20px;
	margin: 10px 0;
}
#footer_menu ul li{
	float:left;
	height:100%;
}
#footer_menu ul li span{
	padding: 0 13px;
}
#footer_menu ul li a{
	color:#3f3f3f;
}
#copyright{
	text-align:center;
	margin-bottom:15px;
}
#copyright p a{
	color:#3f3f3f;
}
#eco_fiendly_row{
	margin: 15px auto 0 auto;
}
#eco_fiendly_logos {
	background: url(../images/eco-logos.png) no-repeat 0 0;
	width: 722px; height:96px;
}

#cockie-policy{
	background-color:#f1f1f2;
	min-height:45px;
	text-align:center;
	text-transform: uppercase;
	color:#888888;
	margin:0 auto 10px auto;
	position:relative;
	padding:10px 0;
}
#cockie-policy span{
	position:absolute;
	right:10px; top:0;
	color:#000000;
	cursor:pointer;
}
#cockie-policy p{
	padding-right:10px;
	text-transform: none;
	font-size: 13px;
}
#cockie-policy a{
	color:#000000;
}
#registration_number{
	text-align:center;
}
#social_icons{
width: 56px;
position: absolute;
top: 0px;
right: -67px;
height: 23px;
z-index: 999;

}
.ie7  #social_icons{
width: 56px;
position: absolute;
top: 0px;
right: -60px;
height: 23px;
z-index: 999;
}
.social_icons{
	background: url(../images/social_icons.jpg) no-repeat 0 0;
	height:23px;
	display:block;
}
#facebook{
	width:22px;
	background-position: -34px 0;
}
#twitter{
	width:24px;
	background-position: 0 0;
	margin-right:10px;
	
}
.content .error{
	margin: 10px 0;
}
.error{
	color:red;
}
.img_left{
	margin:0 10px 10px 0;
}
.img_right{
	margin:0 0 10px 10px;
}
#submit-button{
	margin: 10px auto 0 auto;
	width:300px;
	height:40px;
	background-color:#f6f6f6;
	border:2px solid #D3C05A;
	cursor:pointer;
	webkit-border-radius: 4px;
    border-radius: 4px;
}
#submit-button:hover{
	background-color:#737373;
	color:#ffffff;
}
.bold{
	font-weight:bold;
}
.phone{
	white-space:nowrap;
	font-weight:bold;
	font-size:16px;
}
#content_colm th{
	text-align:left;
	padding-left:5px;
}
.image-fl{
	float:left;
	margin-right:10px;
}
.image-fr{
	float:right;
	margin-left:10px;
}
/*#hash_offer1{

}
#hash_offer2{
	padding-top:140px;
	margin-top:-140px;
} */
/* .hash_offer{
	padding-top:180px;
	margin-top:-180px;
}
.ie7 .hash_offer{
	padding-top:100px;
	margin-top:-100px;
} */

.hash_offer {
	position: absolute;
	top: -140px;
	left: 0;
}

.hash_offer_wrapper {
	position:relative;
	display: block;
}


