html {
 min-height: 100%;
 margin-bottom: 1px;
}

body {
	background-image: url(../Images/bg.gif);
	background-repeat: repeat-x;
	background-color: #E6F2F9;
	padding: 0px;
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

dl
{
font-size: 70%;
color: #02457E;
}

.text_box
{
font-family: verdana;
}

.middleColumn p a
{
text-decoration: none;
color: #02457E;
}

.midCollist
{
font-size: 70%;
color: #02457E;
}

.midCollist li a:link
{
text-decoration: none;
font-weight: 500;
color: #02457E;
}

.midCollist li a:visited
{
text-decoration: none;
font-weight: 500;
color: #02457E;
}

.midCollist li a:hover
{
text-decoration: underline;
font-weight: 500;
color: #02457E;
}

.midCollist li a:active
{
text-decoration: none;
font-weight: 500;
color: #02457E;
}

.list_image li
{
list-style-image: url('../Images/sitemap-arrow.gif');
}

#contactForm, #newsForm
{
float: left;
width: 100%;
}

#contactForm .form_item_container, #newsForm .form_item_container
{
float: left;
width: 100%;
padding: 0px 0px 5px 0px;
}

#contactForm .form_item_container label, #newsForm .form_item_container label
{
float: left;
width: 100px;
color: #02457E;
font-size: 11px;
text-align: right;
padding: 0px 10px 0px 0px;
height: 18px;
}

#contactForm .form_item_container .formText, #newsForm .form_item_container .formText
{
float: left;
width: 214px;
color: #02457E;
font-size: 11px;
padding: 1px 3px 1px 3px;
}

#contactForm .form_item_container .formTextbox, #newsForm .form_item_container .formTextbox
{
float: left;
width: 214px;
color: #02457E;
font-size: 11px;
padding: 1px 3px 1px 3px;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

#contactForm .form_item_container .formSelect, #newsForm .form_item_container .formSelect
{
float: left;
width: 225px;
color: #02457E;
font-size: 11px;
}

#contactForm .form_item_container .submitBtn, #newsForm .form_item_container .submitBtn
{
float: left;
margin: 0px 0px 0px 110px;
}


p.midCol
{
font-size: 70%;
color: #02457E;
}

img
{
border: 0px;
}

.product_list table
{
font-size: 70%;
width: 410px;
margin: 0px 0px 20px 0px;
}

h3
{
font-size: 70%;
margin: 0px;
color: #02457E;
}

tr.blue_row
{
background-color: #E7F4FD;
}

th.product
{
text-align: left;
width: 205px;
}

th.code
{
width: 55px;
}

th.economy
{
width: 25px;
}

th.hygiene
{
width: 25px;
}

th.comfort
{
width: 25px;
}

th.security
{
width: 25px;
}

th.safety
{
width: 25px;
}

th.blank_col
{
width: 25px;
}

.product_list td.product_cell
{
text-align: left;
width: 205px;
}

td.blank_col
{
width: 25px;
}

.product_list td
{
text-align: center;
padding: 5px;
}

.product_list td.product_cell a:link
{
font-weight: 500;
color: #000000;
text-decoratioon: none;
}

.product_list td.product_cell a:visited
{
font-weight: 500;
color: #000000;
text-decoratioon: none;
}

.product_list td.product_cell a:hover
{
font-weight: 500;
color: #000000;
text-decoratioon: underline;
}

.product_list td.product_cell a:active
{
font-weight: 500;
color: #000000;
text-decoratioon: none;
}

.container {
	width: 752px;
	border: 1px solid #abd3eb;
	background-color: #FFFFFF;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}
.navWrapper {
	float: left;
	width: 750px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.narrowColumn {
	float: left;
	width: 160px;
}
.mainContent {
	background-image: url(../Images/mainBG.gif);
	background-repeat: repeat-y;
	float: left;
	width: 750px;
}

.navigationBG {
	background-image: url(../Images/navbar-bg.gif);
	background-repeat: repeat-x;
	float: left;
	width: 750px;
	background-color: #454545;
	color: #FFFFFF;
}
.navigationContent {
	background-image: url(../Images/navbar-footer.gif);
	background-repeat: repeat-x;
	float: left;
	width: 730px;
	background-position: bottom;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-size: 70%;
}

.navigationContent a {
margin: 0px 6px 0px 6px;
}

.mainWrapper {
	padding: 0px;
	width: 772px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.header {
	width: 750px;
	float: left;
}
.spacerTenPxRight {
	float: left;
	margin-right: 10px;
}
a {
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	font-weight: bold;
}
.navigationContent a {
	color: #FFFFFF;
}
.contentPanel {
	background-color: #FFFFFF;
	float: left;
	width: 160px;
	padding-bottom: 10px;
}
.panelHeader {
	float: left;
	width: 142px;
	border: 2px solid #e8e8e9;
	padding: 7px;
	margin-bottom: 2px;
	background-color: #FFFFFF;
	font-size: 75%;
	font-weight: bold;
	color: #0079C2;
}
.middleColumn {
	float: left;
	width: 410px;
	margin-right: 10px;
	margin-left: 10px;
}

#menu h3 {background:  url("images_douglas/products_title2.gif") no-repeat top left; margin:0px 0 0 0; padding:0px;height: 27px;}

#menu {
	list-style: none;
	margin:0px;
	padding: 0px;
	width:160px;
	font-size: 70%;
	float: left;
	}
.newMenu {
	float: left;
	width: 160px;
	display: block;
}
.newMenu li a{
	background-color: #E8E8E9;
	list-style-type: none;
	width: 150px;
	font-size: 70%;
	color: #000000;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	display: block;
}

.newMenu li a:hover{
	background-color: #82B9DB;
	list-style-type: none;
	width: 150px;
	font-size: 70%;
	color: #FFFFFF;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	text-decoration: none;
	display: block;
	margin-bottom: 2px;
}
.newMenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width:160px;
	float: left;
}


#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	top:0px;
	width:100%;
	}
	
#menu li{border-bottom:1px solid white;}

#menu ul li {
	margin:0px;
	width:100%;
	}
	
#menu li ul {
	top: 2px;
	display: none;
	width:100%;
	}


#menu ul li a {
	display: block;
	font-weight:bold;
	text-decoration: none;
	color: #000;
	background: #E8E8E9; 
	padding: 6px 5px 6px 6px;
	}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */

*>html #menu ul li {height:auto; } 

#menu ul li a.active {color: #fff; background: #82B9DB; }
#menu ul li a.active:hover {color: #fff; background: #82B9DB; }

#menu ul li a:hover { color: #fff; background: #82B9DB;} /* Hover Styles */
		
#menu li ul li a { /* Sub Menu Styles */
	display: block; 
	font-weight:normal;
	margin:0px; 
	padding: 3px 5px 3px 5px; 
	background:#C3DCEC;
	} 

#menu li ul li a.active {color: #fff; background: #82B9DB;}
#menu li ul li a.active:hover {color: #fff; background: #82B9DB;}
	
#menu ul ul li {border-bottom:1px solid white;} 
#menu ul li ul {border-top:1px solid white;} 	
#menu li ul, #menu li ul { display: block; } 
.newMenu li {
	background-color: #82B9DB;
	list-style-type: none;
	width: 150px;
	font-size: 70%;
	color: #FFFFFF;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	text-decoration: none;
	display: block;
	margin-bottom: 2px;
}
.informationArea {
	background-color: #e8e8e9;
	float: left;
	width: 146px;
	padding: 7px;
	font-size: 70%;
	color: #02457e;
}
.informationArea p {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.florateBG {
	background-image: url(../Images/florateBG.gif);
	background-position: bottom;
	float: left;
	width: 160px;
/*	padding-bottom: 40px;*/
	background-color: #E8E8E9;
	background-repeat: no-repeat;
}

.insightBG {
	background-image: url(../Images/insightBG.gif);
	background-position: bottom;
	float: left;
	width: 160px;
/*	padding-bottom: 50px;*/
	background-color: #E8E8E9;
	background-repeat: no-repeat;
}



.clearInformationArea {
	float: left;
	width: 146px;
	padding: 7px;
	font-size: 70%;
	color: #02457e;
}
.introPanelH1 {
	background-image: url(../Images/welcome.gif);
	width: 177px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	height: 16px;
	font-size: 10%;
}

.introPanelH2 {
	background-image: url(../Images/welcometitle.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}
.introContent {
	float: left;
	width: 410px;
	margin-top: 14px;
}
.bottomBanners {
	float: left;
	width: 410px;
	margin-top: 10px;
	padding-top: 0px;
}

.left {
	float: left;
}

.introContent h3 {
	font-size: 70%;
	color: #02457E;
	width: 230px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}
.tenPxBottom {
	margin-bottom: 10px;
}
.tenPxTop {
	margin-top: 10px;
}
.footer {
	float: left;
	width: 750px;
	font-size: 70%;
	background-image: url(../Images/footerBG.gif);
	background-repeat: repeat-y;
}
.footerInfo {
	float: left;
	width: 670px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}
.footerLogos {
	float: left;
	width: 53px;
	padding-left: 7px;
}
.dividerGrey {
	color: #878787;
	padding-right: 5px;
	padding-left: 5px;
}
.footerInfo a {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
.footerInfo a:hover {
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}

.threePxRight {
	float: left;
	margin-right: 3px;
}



.footerWrapper {
	background-color: #FFFFFF;
	float: left;
	width: 750px;
	padding-top: 10px;
}


.introContent p {
	font-size: 70%;
	width: 230px;
	margin-top: 0px;
	float: left;
	margin-bottom: 10px;
}


h1 {
}


.clearInformationArea p {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.red {
	color: #e20025;
}

/* ------- homepage welcome panel height fix ------------ */
.introPanel {
	background-image: url(../Images/homeImage.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	width: 410px;
}

/* ------- Minimum height fix for left col ------------ */
/* for Mozilla/Safari/Opera */
*>.introPanel {
 padding-top: 288px;
 min-height: 1px;
}

*>.introPanel .introheight {
	margin-top: -288px;
}

/* for IE, with IE5/Mac backslash filter \*/
* html .introPanel {
 height: 288px;
}
/* end filter */
/* ------- End Minimum height fix for left col ------------ */
.pageIntro {
	float: left;
	width: 410px;
	font-size: 70%;
	color: #02457e;
}
.productItem {
	float: left;
	width: 410px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.productInfo a {
	font-weight: normal;
	color: #0079C2;
	text-decoration: none;
}

.productInfo a:hover {
	font-weight: normal;
	color: #0079C2;
	text-decoration: underline;
}

.productImage {
	float: left;
	width: 165px;
}
.productInfo {
	float: left;
	width: 245px;
}
.productInfo p {
	font-size: 70%;
	color: #02457E;
	margin-top: 0px;
	margin-bottom: 5px;
}




.divider {
	height: 1px;
	background-image: url(../Images/divider.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 1px;
	background-position: center;
}
.pageIntro a {
	font-weight: normal;
	color: #0079C2;
}

.pageIntro a:hover{
	font-weight: normal;
	color: #0079C2;
}

.divider hr {
  display: none;
}


.showerAndBathH1 {
	background-image: url(../Images/showerandbath-title.gif);
	width: 177px;
	text-indent: -5000px;
	padding: 0px;
	height: 16px;
	font-size: 10%;
	background-repeat: no-repeat;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.showerH1 {
	background-image: url(../Images/shower-title.gif);
	width: 177px;
	text-indent: -5000px;
	padding: 0px;
	height: 16px;
	font-size: 10%;
	background-repeat: no-repeat;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.basinH1 {
	background-image: url(../Images/basin-title.gif);
	width: 177px;
	text-indent: -5000px;
	padding: 0px;
	height: 16px;
	font-size: 10%;
	background-repeat: no-repeat;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.urinalH1 {
	background-image: url(../Images/urinal-title.gif);
	width: 177px;
	text-indent: -5000px;
	padding: 0px;
	height: 16px;
	font-size: 10%;
	background-repeat: no-repeat;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.wcH1 {
	background-image: url(../Images/WC-title.gif);
	width: 177px;
	text-indent: -5000px;
	padding: 0px;
	height: 16px;
	font-size: 10%;
	background-repeat: no-repeat;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.SysHydH1 {
	background-image: url(../Images/systemhydronics-title.gif);
	width: 177px;
	text-indent: -5000px;
	padding: 0px;
	height: 16px;
	font-size: 10%;
	background-repeat: no-repeat;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.ProdListH1 {
	background-image: url(../Images/fullproductlist-title.gif);
	width: 177px;
	text-indent: -5000px;
	padding: 0px;
	height: 24px;
	font-size: 10%;
	background-repeat: no-repeat;
	margin: 0px;
}

.Flo_rateH1 {
	background-image: url(../Images/florate-title.gif);
	width: 220px;
	text-indent: -5000px;
	padding: 0px;
	height: 24px;
	font-size: 10%;
	background-repeat: no-repeat;
	margin: 0px;
}

.douglas_pressH1 {
	background-image: url(../Images/douglaspress-title.gif);
	width: 201px;
	text-indent: -5000px;
	padding: 0px;
	height: 24px;
	font-size: 10%;
	background-repeat: no-repeat;
	margin: 0px;
}

.thermostaticH2 {
	background-image: url(../Images/thermostatic-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.timeflowMechH2 {
	background-image: url(../Images/timeflowMech-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.save_waterH2
{
	background-image: url(../Images/helping_you_save_water.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.insightH2
{
	background-image: url(../Images/insight-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.water_dangersH2
{
	background-image: url(../Images/dangers_of_water_dleivery.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.secflowPneumaticH2 {
	background-image: url(../Images/secureflow-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.PneumaticH2 {
	background-image: url(../Images/pneumatic-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.timeflowH2 {
	background-image: url(../Images/timeflow-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.antivandalH2 {
	background-image: url(../Images/antivandal-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.ShowerhighspecH2 {
	background-image: url(../Images/highspec-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.ThermgroupcontrolsH2 {
	background-image: url(../Images/thermocontrols-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.ManualPneumaticH2 {
	background-image: url(../Images/manualPneumatic-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.TimeflowElecH2 {
	background-image: url(../Images/timeflowElectric-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.SpoutsH2 {
	background-image: url(../Images/spouts-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.TMV3H2 {
	background-image: url(../Images/tmv3-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.TMV2H2 {
	background-image: url(../Images/tmv2-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.ServicesH2 {
	background-image: url(../Images/services-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.pressureValvesH2 {
	background-image: url(../Images/pressurevalves-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.productCatalogueH2 {
	background-image: url(../Images/catalogue-title.gif);
	background-repeat: no-repeat;
	height: 47px;
	width: 340px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.AboutsUsH2 {
	background-image: url(../Images/aboutus-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.TechnicalH2 {
	background-image: url(../Images/technical-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.ContactUsH2 {
	background-image: url(../Images/contactus-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.EmailEnquiryH2 {
	background-image: url(../Images/email-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.CaseStudiesH2 {
	background-image: url(../Images/casestudies-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.SiteMapH2 {
	background-image: url(../Images/sitemap-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.linksH2 {
	background-image: url(../Images/links-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.groupH2 {
	background-image: url(../Images/douglasgroup-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.legalH2 {
	background-image: url(../Images/legal-title.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 317px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	font-size: 10%;
}

.pageIntro p {

	margin-top: 9px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #000000;
}
.darkBlue {
	color: #02457E;
}

.toTop:link
{
font-size: 65%;
font-weight: 500;
color: #02457E;
text-decoration: none;
}

.toTop:visited
{
font-size: 65%;
font-weight: 500;
color: #02457E;
text-decoration: none;
}

.toTop:hover
{
font-size: 65%;
font-weight: 500;
color: #000000;
text-decoration: none;
}

.toTop:active
{
font-size: 65%;
font-weight: 500;
color: #02457E;
text-decoration: none;
}

.calculator
{
font-size: 70%;
}

.in1
{
text-align: center;
font-size: 90%;
}

}