
<style type="text/css">
d {font-family: times;}
h1 {font-family: verdana; font-size: .9em; font-weight: bold; text-align: left; color:#ffffff;}

h2 {font-family: Verdana; font-weight: bold; font-size: .9em; text-align: left;  color:#062f02;}


h3 {font-family: sans-serif; font-size: 0.9em; text-align: left;   color:"#F57619"}
h4 {font-family: sans-serif; font-size: 1.1em; text-align: left; text-decoration: underline; color: #236971}  
h5 {font-family: sans-serif; font-size: 10pt; text-align: left;  color:"#25259C"}  
h6 {font-family: SunSans-Regular, Arial, Helvetica, Geneva;
font-size: 1.2em; color:"silver"; text-align: left;}


table { font: 1em helvetica, arial, sans-serif;}

td.one { border: 1px solid #ffffff; text-align: left; padding-left: 1px; padding-right:1px; }

td.two { color: #ffffff; border: 0px solid #062f02; padding-bottom: 0px; width:120px;}

td.showlist{ border: 0px solid #ffffff;padding: 0px; background-color:#096600; }

td.boxed { font-family: Verdana; color: #096600 ; border: 1px solid #ffffff; padding-left: 12px; padding-right: 12px;  }

td.greenbg { font-family: Verdana; color: #ffffff; border: 1px solid #ffffff; background-color:#096600; padding-right: 1px; text-align: left;  }

td.tel {background-color: #77B3B4; color: #ffffff;}
A:hover {font-family: Verdana; font-size: 1em; verdana; color: #ffffff; text-decoration: none;}

A:link {font-family: verdana; font-size: 1em;  text-align: left; color: #b1d2ae; text-decoration: none;}

A:visited {font-family:verdana; font-size: 1em; text-align: left; color: #b1d2ae; text-decoration: none;}

a.menu { font-size: .9em; 
color:#062f02;
font-family: Verdana;
text-decoration: none;
display: table-cell;
color: white;
margin-bottom: 0px;
padding: 2px;
width: 120px;
background-image: url("topfront/button.jpg");
text-align: left;
border: 0px solid #ffffff;}


a.menu:link {
font-size: 1em; 
color: #062f02;
font-size: 1em;
font-family: Verdana;
background-image: url("topfront/button.jpg");
width: 120px;
}


a.menu:hover{
font-size: .9em; 
text-align: left;
font-family: Verdana;
color: #fff;
background-color:#d0f0cd;
width: 120px;
text-shadow: none;}


a.menu:visited{
font-size: 1em; 
font-family: Verdana;
color: #ffffff;

background-image: url("topfront/button.jpg");
width: 120px;}


body {
margin-left: 0px;
margin-right: 0px;}

table {font: 0.9em, sans-serif;}



div {
display: block;
position: absolute;
width: 300px;
height: 125px;
border: 10px single black;
color: #25259C;
text-align:left;
margin-right: 400px;
font-family: SunSans-Regular, Arial, Helvetica, Geneva;

}


div.one {font-size:.8em;
line-height: 1.1em;
text-align: left;
color: #ffffff;
font-family: verdana;
background-color: #096600;
z-index:3;
left:52px;
top: 190px;
width: 700px;
height: 600px;
padding: 5px;}

div.indextext {font-size:.8em;
line-height: 1.1em;
text-align: left;
color: #ffffff;
font-family: verdana;
background-color: #096600;
z-index:3;
left:52px;
top: 190px;
width: 890px;
height: 600px;
padding: 5px;}




div.maintext{font-size:.8em;
line-height: 1.1em;
text-align: left;
color: #ffffff;
font-family: verdana;
background-color: #096600;
z-index:3;
left:52px;
top: 190px;
width: 500px;
height: 700px;
padding: 5px;}


div.midcol{font-size:.8em;
line-height: 1.1em;
text-align: left;
color: #ffffff;
font-family: verdana;
background-color: #096600;
border: 0px dashed #ffffff;
z-index:3;
left:52px;
top: 300px;
width: 896px;
height: 400px;
padding: 0px;}

div.rightcolad{font-size:.8em;
line-height: 1.1em;
text-align: left;
color: #ffffff;
font-family: verdana;
background-color: #096600;
border: 0px dashed #ffffff;
z-index:3;
left:630px;
top: 290px;
width: 300px;
height: 450px;
padding: 0px;}


div.brochtitle {font-size:10pt;
line-height: 12pt;
text-align: left;
color: #236971;
font-family: verdana;
z-index:3;
left:170px;
top: 250px;
width: 300px;
height: 20px;
padding: 8px;}

div.links {font-size: .9em;
line-height: .9em;
font-family: verdana;
text-align: left;
z-index:3;
left:52px;
color: #375A1A;
font-family: verdana;
top: 650px;
padding: 8px;
height: 100px;
width: 180px;}

div.three {font-size: .9em;
line-height: .9em;
text-align: left;
z-index:3;
left:0px;
top: 330px;
font-family: verdana;
width:250px;
border: 0px solid #C13001;
color: #40411F;
padding: 0px;}


div.four {font-size:10pt;
line-height: 12pt;
text-align: left;
z-index:3;
font-family: verdana;
left:52px;
top: 5px;
width:896px;
height: 25px;
padding: 0px;
background-color: #4b9344;


}

div.five {font-size:10pt;
line-height: 12pt;
text-align: left;
font-family: verdana;
z-index:3;
left:0px;
padding: 8px;
top: 595px;
color:#236971;
background-image: url(http://www.kitchensbedroomsfacelifts-diy.co.uk/picture_library/cssback1.gif);
}

div.six {font-size:10pt;
line-height: 12pt;
text-align: left;
z-index:3;
font-family: verdana;
left:0px;
padding: 8px;
top: 500px;
width: 400px;
color: #1F5A5F;
padding: 8px;
}

div.top1 {font-size:10pt;
line-height: 12pt;
text-align: left;
z-index:3;
left:52px;
top: 30px;
font-family: verdana;
background-color: #096600;
color: #6464BE;
width: 896px;
height: 150px;
padding: 0px;}

div.greenback {font-size:10pt;
line-height: 12pt;
text-align: left;
z-index:1;
left:50px;
top: 0px;
font-family: verdana;
background-color: #096600;
border-right: 2px dashed #096600;
border-left: 2px dashed #096600;
color: #6464BE;
width: 900px;
height: 900px;
padding: 0px;}


div.topright {font-size:10pt;
line-height: 12pt;
text-align: left;
z-index:3;
left:700px;
top: 50px;
background-color:#77B3B4;
font-family: verdana;
color: #6464BE;
padding: 10px;
width: 300px;
height: 190px;}





div.brochurenav {font-size:10pt;
line-height: 12pt;
text-align: left;
z-index:3;
left:30px;
color: #236971;
padding: 8px;
top: 300px;
width: 600px;

}

div.login2 {font-size: .9em;
position: absolute;
line-height: 12pt;
text-align: left;
color: #000000;
z-index:3;
left:100px;
top: 230px;
width: 550px;
height: 800px;
margin-right: 100px;
padding: 3px;
border-color: #000000;
border-width: 1px;
border-style: solid;
background-color: #77B3B4;}

fieldset {
font: 0.9em;
font-style: verdana;
color:  #77B3B4;
height: 660px;
width: 400px;
}


legend {
color: #40411F;
font-family: verdana; 
font-weight: bold;
font-size: 1.1em;
padding: 3px;
width: 200px;
background-color: #C9C9A9;
}

label {
font-size: .9em;
font-family: verdana;
line-height: normal;
text-align: right;
color: #40411F;
display: block;
margin-right: 10px;
position: relative;
width: 100px;
float: left;
padding: 1px;
}



label.fieldLabel {
display: inline;
float: none;
}

input.formInputField {
border: solid 1px #666;
background-color: white;
color: #333;
margin-right: 5px;
margin-bottom: 5px;
height: 20px;
cursor: text;
}




select.formSelect {

border: solid 1px #f66;
background-color: #fee;
color: #333;
cursor: crosshair;
margin-right: 5px;
margin-bottom: 5px;
padding: 2px;
}

select.formSelect:hover {
background-color: #ccffff;
color: #000;
cursor: text;
}

input.formInputButton {
background-color: #fffff;
color: "black";
font-size: 1.em;
font-weight: bolder;
text-align: center;
width: 60px;
margin-right: 15px;
margin-left: 460px;
margin-top: -20px;
margin-bottom: 70px;}

input.formInputButton:hover {
background-image: url(but1.gif);
height: 200px;
vertical-align: bottom;
}


select.formSelect  {
	border: solid 1px #fee;
	background-color: #fee;
	color: #333;
	cursor: crosshair;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 2px;
	}

select.formSelect:hover  {
	background-color: #ccffff;
	color: #000;
		}

</style>
</head>

