/* CSS Document */
html,body{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; background-image:url(../images/del.jpg); PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #c9d9e4;}
body{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(../images/del.jpg); PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #c9d9e4;FONT: 76% arial,sans-serif; TEXT-ALIGN: center;}
p{MARGIN: 12px 10px 10px}
a{ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #981793; PADDING-TOP: 0px}
DIV#header {
      PADDING-LEFT: 10px; FONT-SIZE: 12px; background-image:url(../images/new_topheader.jpg);MARGIN: 0px; COLOR: #ffe522; 

      /* LINE-HEIGHT: 0px; */

      HEIGHT: 100px; BACKGROUND-COLOR: #ffffff}
p.toptext {
      PADDING-LEFT: 5px; 
	  FONT-SIZE: 12px; 
	  COLOR: #ffffff; 
	  PADDING-TOP: 70px;
	  font-weight:bold;
	  margin: 0;
}
H2.subtext{
font-size:12px;
color:#015FA5;
}
/*.toptext {
      PADDING-LEFT: 5px; FONT-SIZE: 12px; COLOR: #ffffff; PADDING-TOP: 70px
}*/
DIV#container {
      TEXT-ALIGN: left
}
div#content p{line-height:1.4}
div#navigation{background:#024B82;
}
div#extra{background:#356F9B;}
div#footer{background: #024B82;color: #FFF;font-size:10px; text-align:center}
div#footer p{margin:0;padding:5px 300px}
div#container{width:970px;margin:0 auto;
background-color:#024B82;
}
div#content{float:right;width:770px; background:#FFFFFF;}
div#navigation{float:left;width:200px}
div#extra{float:left;clear:left;width:200px}
div#footer{clear:both;width:100%
}
div#addresswrap{
background-color:#ffffff;
height: 20px;
text-align:center;
}
.address{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
padding-left: 18px;
color:#000000;
font-size:12px;
padding-top: 5px;
}
div#bluetop{
background-color:#024B82;
height:15px;
}
/*nav*/
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#navcontainer li { margin: 0 0 0px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #333;
width: 170px;
background-color: #356F9B;
background-image:url(../images/button.gif)
}

#navcontainer a:link, #navlist a:visited
{
color: #E9D80C;
text-decoration: none;
font-weight:bold;
}

#navcontainer a:hover
{
border: 1px solid #333;
background-color: #000F60;
background-image: url(../images/buttonroll.gif);
color: #FFE71C;
}
#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #000F60;
background-image: url(../images/buttonroll.gif);
color: #FFFFFF;
font-size: 12px;
}
#homestrip{
height: 35px;
margin-left: 5px;
color:#DE1E35;
background-image:url(../images/redstrip.gif);
}
.homestriptext{
color:#FFE522;
font:Arial, Helvetica, sans-serif;
font-size: 11px;
}
#homeimage{
width: 692px;
border-width:0px;
background-color:#FFFFFF;

}
.welcome {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      font-weight: bold;
      color: #FFE522;
      padding-left: 5px;
}
h1#welcometext{
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      font-weight: bold;
      color: #FFE522;
      padding-left: 5px;
      padding-top: 8px;
	  margin:0;
}
#homeimage{
width: 750px;
padding-left: 10px;
}
#homestrip2{
height: 10px;
margin-left: 10px;
color:#DE1E35;
background-image:url(../images/redstrip.gif);
clear:both;
}
.email {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      text-decoration: none;
      color: #000000;
      display:inline;
}
.email a:link {
      font-family: Arial, Helvetica, sans-serif;
      text-decoration: none;
      color: #000000;
}
.email a:visited {
      font-family: Arial, Helvetica, sans-serif;
      text-decoration: none;
      color: #000000;
}
.email a:hover {
      font-family: Arial, Helvetica, sans-serif;
      text-decoration: none;
      color: #000000;
}
.email a:active {
      font-family: Arial, Helvetica, sans-serif;
      text-decoration: none;
      color: #000000;
}
/*home boxes*/
div#3homeboxes{
width: 550px;
background-color:#FFFFFF;
}
div#homebox1{
width: 256px;
height: 187px;
background-color:#FFFFFF;
float:left;
background-image:url(../images/topgreybox.gif);
}
div#homebox2{
background-color:#FFFFFF;
width: 256px;
height: 187px;
background-color:#FFFFFF;
float:left;
background-image:url(../images/topgreybox.gif);
}
div#homebox3{
background-color:#FFFFFF;
float:left;
}.yellow {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #E80032;
      text-decoration: none;
}
/*homeimage/text*/
div#homepicimage{
width: 669px;
padding-left: 35px;
background-color:#FFFFFF;
}
div#homepicimagetxt{
width: 365px;
float:left;
background-color:#66FF66;
background-image:url(../images/home_red.gif);
color:#FF0000;
padding-left: 0px;
}
.hometxt1{
color:#FF0000;
font-size: 12px;
padding-left: 15px;
}
.footerlinks{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
		color: #FFFFFF;
	text-decoration: none;
	}
.footerlinks a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.footerlinks a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.footerlinks a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.footerlinks a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
/*operation new*/
#opwrapright{
width: 721px;
padding-left: 5px;
}
#optextright{
width: 378px;
float:left;
border-top: 1px solid #015FA5;
padding-top: 5px;
height: 180px;
}
#lightright{
position:absolute;
width: 140px;
height: 234px;
left: 722px;
top: 284px;
}
#opimageright{
width: 270px;
float:left;
padding-left: 68px;
}
/*operation*/
#opwrap{
width: 721px;
padding-left: 5px;
}
#opimage{
width: 338px;
float:left;
}
#opimage2{
width: 338px;
float:left;
padding-bottom: 10px;
}
#opimage3{
width: 338px;
float:right;
}
#optext{
width: 378px;
float:left;
border-top: 1px solid #015FA5;
padding-top: 5px;
height: 180px;
}
#optext2{
width: 578px;
float:left;
border-top: 1px solid #015FA5;
padding-top: 5px;
height: 180px;
}
/*colours*/
#opwrapcol{
width: 735px;
padding-left: 5px;
}
#opimagecol{
width: 545px;
float:left;
}
#optextcol{
width: 180px;
float:left;
border-top: 1px solid #015FA5;
padding-top: 5px;
height: 180px;
}
/*design*/
#opwrapdes{
width: 721px;
padding-left: 5px;
}
#opimagedes{
width: 338px;
float:left;
text-align:justify;
}
#optextdes{
width: 378px;
float:left;
border-top: 0px solid #015FA5;
padding-top: 0px;

}
#opbmwdes{
width: 338px;
}
#opdoordes{
width: 365px;
padding-left: 13px;
}
#dimensions{
width: 365px;
}
.bluetext{
color:#015FA5;
font-weight:bold;
}
#spacerbox{
height: 295px;
}
/*colours*/
#doorcolours{
width: 735px;
height: 290px;
padding-left: 5px;
}
#greendoor{
width: 322px;
float:left;
}
#whitedoor{
width: 210px;
float:left;
padding-left: 10px;
}
/*pdflinks*/
#pdf{
width: 250px;
padding-left: 25px;
padding-top: 10px;
background-image:url(../images/pdf.gif);
background-repeat:no-repeat;
}
.pdflinks{
font:Arial, Helvetica, sans-serif;
font-size:12px;
}
.pdflinks a:link {
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}
.pdflinks a:link {
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}
.moreinfo{
font:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#DE1E35;
}.moreinfo a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #DE1E35;
	text-decoration: none;
}
.moreinfo a:visited {
	color: #DE1E35;
	text-decoration: none;
}
.moreinfo a:hover {
	color: #DE1E35;
	text-decoration: none;
}
#light{
position:absolute;
width: 140px;
height: 234px;
left: 722px;
top: 284px;
}
#bottomrail{
position:absolute;
width: 126px;
height: 234px;
left: 722px;
top: 295px;
}
.linkcolour {
	color: #FFFFFF;
}
.linkcolour a:link {
	color: #FFFFFF;
}
.linkcolour a:active {
	color: #FFFFFF;
}
#homestrapline{
position:absolute;
width: 360px;
left: 540px;
top: 500px;
font:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000066;
font-size:18px;
}
#homepics{
width: 654px;
}
#homepic1{
width: 654px;
border-width:0px;
margin: 0px;
}
#homepic2{
width: 170px;
float:left;
color:#3366FF;
border-width:0px;
margin: 0px;
}
#homepic3{
width: 440px;
float:left;
border-width:0px;
margin: 0px;
}
.homestraptext{
font:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000066;
font-size:18px;
text-align:left;
padding-left: 20px;
}
h3{
color:#000066;
font-size:18px;
padding-left: 10px;
padding-top: 14px;
}

h2.home{
color:#000;
font-size:18px;
font-weight:bold;
line-height:22px;
}

#homemain1{
width: 245px;
float:left;
}
#homemain2{
width: 447px;
float:left;
}
.text{
font:Arial, Helvetica, sans-serif;
top: 300px;
left: 200px;
}
/*homeimages*/
#mainbox{
width: 692px;
background-color:#FFFFFF;
}
#mainbox1{
width: 195px;
float:left;
}
#mainbox2{
width: 447px;
float:left;
}

#badge{
position:relative;
background:url(../images/badge.jpg) no-repeat;
width:136px;
height:145px;
margin:auto;
}