@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #969092;
}
a
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#000000;

}
a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#F90909;

}

/*========================================================================================== LAYOUT */

#main_wrap {
	position: relative;
	width: 1002px;
	border: 0px;
	height:auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color:#FFFFFF;
}


/*========================================================================================== HEADER */
#header_top {
	float: left;
	width: 1002px;
	height: 50px;
	margin: 0px;
	border: none;
	background-color: #8f9299;
	padding: 0px;
	overflow:hidden;
	
}
#header_top #left  {
	float: left;
	width: 500px;
	height: 50px;
	margin: 0px;
	border: none;
	background-color: #8f9299;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	padding-top:15px;
	padding-left:10px;
	
	
}
#headerright-top  {
	float: left;
	width: 480px;
	height: 50px;
	background-color: #8f9299;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;

	
	
}




#header {
	float: left;
	width: 1002px;
	height: 110px;
	margin: 0px;
	border: none;
	background-color: #FFF;
	padding: 0px;
	
}

#header #left {
	float: left;
	width: 940px;
	height:110px;
	padding-top:0px;
	padding-left:0px;
	
	
}

#header #logo {
	float: left;
	width: 80px;
	height:86px;
	padding-top:10px;
	padding-left:10px;
	
}


/***plumbing and heating services in Derby - tel**/
#header #middletext {
	float: left;
	width: 780px;
	padding-top:25px;
	padding-left:70px;
	color:#1b479d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align:center;
}

/**call 7 days a week**/
#header #middletext span {
	color:#ff0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:center;
	
}

#header #right {
	float: left;
	width: 260px;
	padding-top:0px;
	padding-left:0px;
	
	
}
#header #chat_btn{
	float: left;
	width: 246px;
	padding-top:2px;
	padding-left:0px;
	height:60px;
	
	
}
#header #ph_img{
	float: left;
	width: 34px;
	height:49px;
	padding-top:0px;
	padding-left:0px;
	
}

#header #right_text1{
	float: left;
	width: 210px;
	padding-top:0px;
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#1b499f;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	
}

#header #right_text2{
	float: left;
	width: 210px;
	padding-top:32px;
	padding-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#f8a449;
	font-size:28px;
	font-weight:bold;


	
}


#header #banner{
	float: left;
	width: 1002px;
	height:184px;
	
}

#searchbar
{
width:1002px;
height:102px;
background-image:url(images/search-bar.jpg);
background-repeat:no-repeat;
float:left;
}
#searchbar #searchbartext
{
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
color:#FFFFFF;
width:500px;
padding-left:130px;
padding-top:45px;
font-weight:bold;
float:left;
}

#searchbar #searchbox
{
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
color:#000;
width:240px;
padding-left:0px;
padding-top:45px;
float:left;
}
#searchbar #gobtn
{
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
color:#000;
width:60px;
padding-left:0px;
padding-top:40px;
float:left;
}

#packagebg
{
width:1002px;
height:319px;
float:left;
background-image:url(images/pack-bg.jpg);
background-repeat:no-repeat;

}

.pack-1
{
width:226px;
height:278px;
background-image:url(images/pack-1.jpg);
background-repeat:no-repeat;

}

.pack-2
{
width:226px;
height:278px;
background-image:url(images/pack-4.jpg);
background-repeat:no-repeat;

}
.pack-3
{
width:226px;
height:278px;
background-image:url(images/pack-2.jpg);
background-repeat:no-repeat;

}


.pack-4
{
width:226px;
height:278px;
background-image:url(images/pack-3.jpg);
background-repeat:no-repeat;

}

.orange-line
{
width:1002px;
background-image:url(images/orange-lin.jpg);
background-repeat:no-repeat;
height:11px;
float:left;

}






.packheading
{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
padding-top:5px;

}

.buynow
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding-left:110px;
color:#FFFFFF;
padding-top:27px;
font-weight:bold;
}


html>/**/body .buynow{padding-top:33px;}

.buynow2
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding-left:110px;
color:#FFFFFF;
padding-top:-3px;
font-weight:bold;
}

html>/**/body .buynow2{padding-top:4px;}

#middle
{
width:1002px;
background-color:#FFFFFF;
float:left;
padding-top:10px;


}

#middle_left
{
width:755px;

background-color:#fff;
float:left;
padding-right:10px;

}


#middle_left_text
{
width:755px;
height:auto;
background-image:url(images/middle-bg1.jpg);
background-repeat:no-repeat;
margin-left:5px;
background-color:#fff;
float:left;


}


#middle_right
{
width:224px;
background-color:#fff;
float:left;




}

.middle-heading1
{
background-image:url(images/middle-heading1.jpg);
background-repeat:no-repeat;
width:390px;
height:30px;
margin-left:10px;
margin-top:18px;
}

.middle-heading2
{
background-image:url(images/middle-heading2.jpg);
background-repeat:no-repeat;
width:390px;
height:30px;
margin-left:10px;
margin-top:18px;
}
.middle_headingtext
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
padding-left:10px;
padding-top:5px;
color:#FFFFFF;
}

.middle_textleft
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding-left:15px;
padding-top:0px;
width:650px;
}

.right1
{
width:224px;
height:251px;
padding-left:13px;

}
.right2
{
width:224px;
height:348px;
padding-left:10px;


}

.right3
{
width:267px;
height:148px;

margin-top:5px;
margin-left:14px;

}

.footer
{
background-image:url(images/footer-top.jpg);
background-repeat:no-repeat;
width:1002px;
height:56px;
margin-top:15px;
background-color:#FFFFFF;
float:left;
}
.footer_bottom
{
background-image:url(images/footer-bottom.jpg);
background-repeat:no-repeat;
width:1002px;
height:104px;
float:left;
}

.footer_main
{

}

.footertext1
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#0d0d0d;
padding-left:20px;
padding-top:30px;
float:left;
}

.footertext2
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0d0d0d;
margin-left:70px;

padding-top:30px;
float:left;
}

.middle_textimage
{
float:right; padding-right:20px; padding-bottom:15px; padding-top:15px;
}


html>/**/body .middle_textimage{padding-bottom:45px;}


.main-menu
{
width:1002px;
float:left;

background-image:url(images/menu-bg.jpg);
background-repeat:no-repeat;
height:50px;



}


.middle-menu
{
background-image:url(images/middle-menu.jpg);
background-repeat:repeat-x;
height:25px;
width:50px;
}

.middle-menu_uk
{
background-image:url(images/middle-menu.jpg);
background-repeat:repeat-x;
height:25px;
width:100px;
}

.middle-menu_off
{
background-image:url(images/middle-menu.jpg);
background-repeat:repeat-x;
height:25px;
width:140px;
}
.middle-menu_acc
{
background-image:url(images/middle-menu.jpg);
background-repeat:repeat-x;
height:25px;
width:150px;
}

.middle-menu_tc
{
background-image:url(images/middle-menu.jpg);
background-repeat:repeat-x;
height:25px;
width:160px;
}

.middle-menu_cc
{
background-image:url(images/middle-menu.jpg);
background-repeat:repeat-x;
height:25px;
width:90px;
}

.right-menu
{
background-image:url(images/right-menu.jpg);
background-repeat:no-repeat;
width:13px;
height:25px;
}

.left-menu
{
background-image:url(images/left-menu.jpg);
background-repeat:no-repeat;
width:13px;
height:25px;
}


.menu_texthome
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
padding-left:10px;
font-weight:bold;
}
.white_space
{
width:2px;
background-color:#FFFFFF;

}

.toptext
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
padding-top:10px;
}

.forget
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;

}

.menustyletext
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}
a..menustyletext:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:none;
}

.buybtn
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#f8f400;
text-decoration:none;
font-weight:bold;
}

a.buybtn:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#fff;
text-decoration:none;
font-weight:bold;
}

.footerlink
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#000;

}
a.footerlink:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#f87201;

}

.blankspace
{
width:300px;
height:20px;

}

.tumimage1
{
width:100px;
height:80px;
float:left;
padding-left:10px;


}

.tumimagetext
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:20px;
float:left;
padding-top:25px;
width:500px;

}

.tumline
{
width:640px;
height:6px;
padding-top:10px;
padding-bottom:20px;
margin-left:0px;
float:left;
padding-left:10px;


}


.input-holder{
	color: #333333;
	text-decoration: none;
	border: 1px solid #999999;
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px

	
}
.textarea-holder{
color: #333333;
	text-decoration: none;
	border: 1px solid #999999;
	width: 150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}
.textarea-holder textarea{
	border: 0;
	background: none;
	width: 244px;
	padding: 6px 10px;
	height: 154px;
	border:2px;
}



.submit {
	BORDER-RIGHT: #999999 3px double; PADDING-RIGHT: 0.25em; BORDER-TOP: #cccccc 3px double; PADDING-LEFT: 0.25em; FONT-WEIGHT: bold; FONT-SIZE: 0.9em; PADDING-BOTTOM: 0.25em; BORDER-LEFT: #cccccc 3px double; COLOR: #333333; PADDING-TOP: 0.25em; BORDER-BOTTOM: #999999 3px double; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}

.contact-text
{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#3366CC;
font-weight:bold;
padding-left:110px;
padding-top:40px;

}

.blank-contactus
{
height:150px;
width:600px;

}


html>/**/body .blank-contactus{height:180px;}








#main_transition{
	position:relative;
	width:1002px;
	height:184px;
	}
	
#transition-container{
	width:1002px;
	height:184px;
	
	overflow:hidden;
	position:absolute;
	
	
	}
	
#top #transition-container a img{
	border:none;
	}




.menubutton3
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
padding-left:10px;
margin-top:14px;


}

.menubutton-middle
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
text-decoration:none;
}
a.menubutton-middle:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#f9d905;
text-decoration:none;
}


.h2headgin
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#097eda;
padding-left:15px;
padding-bottom:0px;
padding-top:20px;

}

.text
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:15px;
color:#000000;
width:700px;
margin-top:0px;

}

.text ul li {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

/*** We Cover . . . . . Mansfield | Nottingham | Derby | Burton-on-Trent | Loughborough | Leicester***/
.cover
{
font-size:16px;
color:#ffffff;
background-repeat:no-repeat;
width:900px;
height:45px;
margin-top:0px;
padding-left:50px;
background-color:#ffffff;
float:left;
}



.cover_text
{
font-size:16px;
color:#ffffff;
background-repeat:no-repeat;
width:900px;
height:35px;
margin-top:0px;
padding-left:50px;
background-color:#ffffff;
float:left;
}


/***Mansfield | Nottingham | Derby | Burton-on-Trent | Loughborough | Leicester***/

.cover_text p
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
color:#ffffff;
font-weight:bold;
}


.cover_text a
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
color:#ffffff;

}
.cover_text a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
color:#ffffff;

}