/*general style*/

*{
	margin:0;
	padding:0;
}

i{
	display:none;
}

body,html{
	padding:0px;
	margin:0px; 
	background-color: #fff;
	background-image: url(../img/bk.gif);
	background-repeat: repeat-x;
	background-position: left top;
	position:relative;
}

p, td, label{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
}

img{
	border:0;
	margin: 0px;
	padding: 0px;
}

a{
	text-decoration:underline;
	color:#245028;
}

a:hover{
	text-decoration:underline;
	color:#000;
}

h1{
	padding-left: 10px;
	padding-top: 15px;
}

h2{
	padding-left: 10px;
	padding-top: 15px;
	color: #1f2623;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

h4{
	padding-top: 15px;
}

h6{
	padding-left: 15px;
	margin-top: 10px;
	margin-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #1f2623;
	background-color: #f6f6f4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-bottom: solid #d6d6d6 1px; 
}
.clear{
	clear:both;
}
/*end general style*/

/*layout*/

#container{
	width: 980px;
	text-align:left;
	height: 100%;

	\/*IE 5.x hack*/; 
	margin-right: auto;
	margin-left:auto;
	position: relative;

}
/*header*/
#header{
	width:100%;
	height:134px;
	text-align: left;
	position:relative;
}

#logo{
	height: 62px;
	width: 227px;
	padding-top: 30px;
}

#telnumber{
	width:auto;
	height:auto;
	position:absolute;
	right: 145px;
	top: 45px;
	text-align:left;
}

#right_hd{
	padding-top: 8px;
	width:110px;
	height:93px;
	position:absolute;
	right: 10px;
	top: 0px;
	text-align:left;
}

#menu{
	width:669px;
	height:41px;
	position:absolute;
	top: 134px;
	z-index: 99;
	left: 245px;
}

#menu ul{
	list-style-type:none;

}

#menu li{
	float:left;

}	

#menu a{

	display:block;
	height:41px;

}

#menu a.m01{
	width:99px;
	background-image: url(../img/middleton_b1.gif);
	background-repeat: no-repeat;
	background-position: left top;

}

#menu a.m02{
	width:79px;
	background-image: url(../img/oldham_b1.gif);
	background-repeat: no-repeat;
	background-position: left top;

}

#menu a.m03{
	width:91px;
	background-image: url(../img/rochdale_b1.gif);
	background-repeat: no-repeat;
	background-position: left top;

}
#menu a.m04{
	width:101px;
	background-image: url(../img/contactus_b1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu a.m05{
	width:94px;
	background-image: url(../img/ringback_b1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu a.m06{
	width:68px;
	background-image: url(../img/about_b1.gif);
	background-repeat: no-repeat;
	background-position: left top;

}

#menu a.m07{
	width:137px;
	background-image: url(../img/plumbing-centre_b1.gif);
	background-repeat: no-repeat;
	background-position: left top;

}
#menu a:hover{
	background-position:left bottom;

}
/*main*/
#left{
	width: 178px;
	float: left;
	padding-left: 11px;
}
#submenu{
	width: 178px;
	background-color:#1d4421;
}
#submenu ul{
	padding-top: 12px;
	background-color: #1f2623;
	list-style-type:none;
	border-bottom:2px solid #336a39;
}
#submenu a{
	padding-top:8px;
	display:block;
	height: 22px;
	letter-spacing:-0.2px;
	color:#edeeed;
	text-decoration:none;
	padding-left: 18px;
	border-top:1px solid #494f4c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#submenu a:hover, #submenu a.active{
	color:#fff200;
	background-color: #28572d;
	border-top:1px solid #336a39;
}
div.subheight_01{
	height: 975px;
	background-color:#1d4421;
}
div.subheight_02{
	height: 800px;
	background-color:#1d4421;
}
div.subheight_03{
	height: 700px;
	background-color:#1d4421;
}
div.subheight_04{
	height: 740px;
	background-color:#1d4421;
}
div.subheight_05{
	height: 1030px;
	background-color:#1d4421;
}
div.subheight_06{
	height: 1275px;
	background-color:#1d4421;
}
div.suppliersLeft{
	height: 1400px;
	background-color:#1d4421;
}
#content{
	width: 781px;
	padding-bottom: 15px;
	float: left;
	background-color:#FFFFFF;
	background-image:url(../img/main_bk.gif);
	background-position:left top;
	background-repeat:repeat-x;
}
#content p{
	padding-left: 10px;
	padding-top: 15px;
	clear:both;
}

.leftcon{
	width: 455px;
	float: left;
	padding: 0px 15px 0px 0px;
}

.rightcon{
	padding: 0px 0px 0px 15px;
	width: 295px;
	float: left;
	border-left: solid 1px #f5f5f5;
}

#lnewsHolder{
	width: 280px; height: inherit; margin: 15px 0px 0px 0px;
}

#lnewsHolder ul{
	width: 100%; list-style: none;
}

#lnewsHolder li{
	width: 100%; margin: 5px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; line-height: 13px; border-bottom: 1px dotted #d6d6d6;
}

#links {
	height: 69px;
	width: 553px;
	padding-top: 15px;
	padding-left: 12px;
	clear:both;
}

#links ul{
	list-style-type:none;

}
#links li{
	float:left;

}	

#links a{
	display:block;
	width: 189px;
	height: 59px;
	padding-left: 67px;
	padding-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;

}

#links a.l01{
	background-image: url(../img/contactb1_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 30px;
}

#links a.l02{
	background-image: url(../img/ringbackB1_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#links a:hover{
	color:#FFFFFF;
	text-decoration:underline;

}
div.supplies ul{
	padding-left:12px;
	margin-top: 20px;
	list-style: none;
}
div.supplies li{
	padding-right: 13px;
	height: 165px;
	float: left;
	width: 172px;
	padding-bottom: 10px;
	list-style: none;
}
div.supplieslist {
	display: block;
	background-image:url(../img/supplies_bk.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	height: 36px;
	width: 172px;
	color:#edeeed;
	padding-top:10px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: bold;
}
div.supplieslist a {
	color:#fff;
	text-decoration:none;
}
div.supplieslist a:hover a:active {
	background-color: #2d5f33;
	color:#fff;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
}

div.pro_left {
	float: left;
	width: 240px;
	text-decoration: none;
	margin-left: 25px;
	margin-top:5px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1e5023;
	text-decoration: none;
	padding-top: 10px;
}

div.pro_right {
	float: left;
	width: 278px;
	padding-left: 20px;
	margin-top:10px;
}

div.pro_padd {
	font-size: 12px;
}
div.extraLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}
div.extraLeft a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: underline;
}
ul.pro_list li{
	padding-top: 10px;
	color: #1f2623;
	list-style: none;
}
div.transport ul{
	padding-left: 10px;
	padding-top: 10px;
	margin-left: 0px;
	list-style: none;
	text-align: left;
}
div.transport li{
	padding-right: 10px;
	height: auto;
	float: left;
	width: 246px;
	padding-top: 15px;
	list-style: none;
}

div.transspec {
	display: block;
	text-align: left;
	padding-top: 10px;
	height: auto;
	width: 246px;
	color:#000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
div.brands ul{
	padding-top: 20px;
	margin-left: 18px;
	list-style: none;
	width: 95%;
	height: auto;
}
div.brands li{
	margin-right: 15px;
	margin-bottom: 15px;
	width: auto;
	height: 40px;
	float: left;
	list-style: none;
}
ul.downloads {
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-top: 10px;
}
ul.downloads li{
	list-style: none;
	padding-top: 5px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0a0a0a;
}
a.pdf {
	display: block;
	background-image: url(../img/pdf_ico.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 35px;
	text-decoration: none;
	color: #0a0a0a;
}
a.pdf:hover {
	text-decoration: underline;
}

div.sitemap ul{
	padding-left: 12px;
	margin-top: 15px;
	margin-left: 15px;
	text-align: left;
}
div.sitemap li{
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0a0a0a;
}
/*footer*/

#footer_container{
	width:100%;
	height:auto;
	text-align: left;
	background-color:#1f2623;
	background-image: url(../img/footer_bk3.gif);
	background-repeat: repeat-x;
	background-position: left top;
	z-index: 200;
	clear: both;
}
#footer{
	width:980px;
	height: 80px;
	padding-top: 58px;
	text-align: left;
	background-image: url(../img/footer_bk2.gif);
	background-repeat:no-repeat;
	background-position: right top;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
}
#footer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding-bottom: 8px;
}
#footer a{
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer ul{
	padding-top: 18px;
	list-style: none;
}
#footer li{
	margin: 0 15px 0 0;
	list-style: none;
	float: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
}

#logos {
	position: absolute;
	right: 20px;
	top: 40px;
}

div.address{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding-top: 15px;
	width: 100%;
	height:150px;
	clear: both;

}
div.address ul{
	list-style:none;
	padding-left:30px;
}
div.address li{
	float:left;
	margin-right: 23px;
	padding-right:23px;
	border-right:1px solid #98b39b;
	
}
/*Contact*/
div.formElm {
	clear: both;
	padding-top: 5px;
	padding-left: 25px;
	
}
* html div.formElm {
padding-top: 2px;
}
div.formElm label, div.emptyLabel {
	display: block;
	float: left;
	width/**/: 110px !important; /*for moz browser*/
	width: 100px; /* for IE */
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 3px;
	color: #000;
	
}
div.tickElm label, div.emptyLabel {
	display: block;
	float: left;
	width/**/: 250px !important; /*for moz browser*/
	width: 250px; /* for IE */
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 3px;
	color: #000;
}
div.formElm input.textf {
	display: block;
	float: left;
	width: 135px;
	font-size: 12px;
	color: #000;

}
 input.submit_button {
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	cursor: pointer;
	color: #000;
	text-align: center;
	padding-left: 4px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-top: 5px;
	font-size: 12px;
	border: 0px solid #fff;
	width: 88px;
	height: 35px;
	float: left;
	margin-right: 8px;
	background-image: url(../img/submit_b1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
}
div.submitButtons {
	padding-top: 10px;
	padding-bottom: 20px;
	clear: both;
}

div.contactForm {
	padding-top: 35px;
}
textarea.textF {
	float: left;
}
div.contactForm input.textF, div.contactForm textarea.textF{
	width: 260px;
}
div.contactForm textarea.textF{
	height: 60px;
}
div.contactFormSubmit {
	padding-left: 150px;
	padding-top: 5px;
	padding-bottom: 20px;
}

#newHolder{
	width: 760px; height: inherit; margin: 15px 10px 0px;
}

#newHolder ul{
	width: 100%; list-style: none;
}

#newHolder li{
	width: 100%; margin: 5px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; line-height: 13px; border-bottom: 1px dotted #d6d6d6;
}

.ntitle{
	color: #1f2623;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color: #f6f6f4;
	line-height: 21px;
	padding: 0px 0px 0px 5px;
	font-weight: bold;
}

.article{
	padding: 8px 5px;
}