body {background-color:#FFFFFF;background-position:center;
FONT-FAMILY:arial;font-weight:bold; }
H1 {font-family:arial;text-align: center; font-size:18pt; font-weight:bold;}
H2 {font-family:arial;text-align: center; font-size:14pt; font-weight:bold;}
H3 {font-family:arial;text-align: center; font-size:12pt; font-weight:bold;}
H4 {font-family:arial;text-align: center; font-size:10pt; font-weight:bold;}

/* THIS DIV IS Testing CONTAINER TO PUT THE WEBPAGE INTO AND CAN BE CENTRED INTO THE CLIENT SCREEN */
div.PAGE2 {width: 810px; margin:auto auto;border-style: solid;border-color:YELLOW;border-width:3px;
}



/*THIS DIV IS FILLS THE WHOLE CLIENT WINDOW */
div.WINDOW{ position: absolute; left: 2px; top:0px; width:100%; height:100%;MARGIN:0PX;
background-color:transparent;
border-style: solid;border-color:green;border-width:0px;}

/* THIS DIV IS FOR THE TOP OF PAGE  */
Div.top{position:ABSOLUTE;top:0px;height:15%;width:100%;
background-color:transperent;
border-style: solid;border-color: red;border-width:0px;}

/* THIS DIV IS FOR THE TOP LEFT CORNER OF PAGE AND DISPLAYS THE BANNER */
Div.TOPLEFT{position:ABSOLUTE;top:0px;LEFT:0PX;height:100%;width:20%;
background-color:transperent;
border-style: solid;border-color: MAGENTA;border-width:0px;}

/* THIS DIV IS FOR THE TOP CENTER OF PAGE  */
Div.TOPCENTER{position:ABSOLUTE;top:0px;LEFT:20%;height:100%;WIDTH:65%;
background-color:transperent;
background-position:top center; background-repeat:no-repeat;
border-style: solid;border-color: MAGENTA;border-width:0px;}

/* THIS DIV IS FOR THE TOP right CORNER OF PAGE AND DISPLAYS THE BANNER */
Div.TOPRIGHT{position:absolute;top:0px;right:0px; height:100%; width:15%;
background-color:transperent;
border-style: solid;border-color: #ffcc00;border-width:0px;}

/* ==================================================================== */


/* THIS DIV IS A CONTAINER TO PUT THE WEBPAGE INTO AND CAN BE CENTRED INTO THE CLIENT SCREEN */
div.PAGE {position:absolute; top:15%; LEFT:0px; height:85%; WIDTH:100%; 
border-style: solid; border-color:green; border-width:0px;
background-color:TRANSPERENT;}

/* THIS DIV IS FOR THE LHS OF PAGE */
Div.LHS{position:absolute;top:0PX;height:100%;width:20%;
background-color:transperent;
border-style: solid;border-color: BLUE;border-width:0px;}

/* THIS DIV IS FOR THE CENTER OF THE PAGE */
Div.CENTER{position:absolute;left:20%;top:0PX;height:100%;width:65%;
		background-color:transparent;
		border-style: solid;border-color: GREEN;border-width:0px;}

/* THIS DIV IS FOR THE CENTER OF THE PAGE to scroll */
Div.SCROLL1{position:absolute;left:0%;top:7%;height:85%;width:100%;
		background-color:transparent;
		border-style: solid;border-color: blue;border-width:0px;
		overflow-y:auto;
		scrollbar-shadow-color: #F0F0F0;
		scrollbar-highlight-color: #F0F0F0;
		scrollbar-face-color:#D8D8D8;
		scrollbar-3dlight-color: #D0D0D0;
		scrollbar-darkshadow-color: #909090;
		scrollbar-track-color: #F0F0F0;
		scrollbar-arrow-color: #000000;
}

/* THIS DIV IS FOR THE CENTER OF THE PAGE to scroll but with no tabs*/
Div.SCROLLnotab{position:relative;left:0%;top:0%;height:75%;width:100%;
		background-color:TRANSPARENT;
		border-style: solid;border-color: blue;border-width:0px;
		overflow-y:auto;
		scrollbar-shadow-color: #F0F0F0;
		scrollbar-highlight-color: #F0F0F0;
		scrollbar-face-color:#D8D8D8;
		scrollbar-3dlight-color: #D0D0D0;
		scrollbar-darkshadow-color: #909090;
		scrollbar-track-color: #F0F0F0;
		scrollbar-arrow-color: #000000;
}



/* THIS DIV IS FOR THE BOTTOM CENTER OF THE PAGE TO HOLD THE LINKS*/
Div.BOTTOMLINKS{position:relative;top:0%left5%; height:10%;width:100%;
font-family:arial;text-align:center;font-size:8pt;color:#3366CC;
background-color:transparent;
border-style: solid;border-color:#3366CC ;border-width:0px;}

a.bottomlink{font-family:arial;color:#3366cc;font-size:8pt}

/* THIS DIV IS FOR THE RHS OF PAGE */
Div.RHS{position:absolute; top:0PX;RIGHT:0PX;height:100%;width:15%;
background-color:transperent;
border-style: solid;border-color: BLUE;border-width:0px;}

/* THIS DIV IS FOR THE NAVIGATION BAR OF PAGE */
Div.NAVBAR{position:absolute; top:0PX;LEFT:0PX;height:7%;width:100%;
background-color:transparent;
border-style: solid;border-color: BLUE;border-width:0px}


/* THESE DIVS HOLD THE BLOG BUTTON */

/* THIS DIV POSITIONS THE BLOG BUTTON */
Div.BLOGBUTTON{position:absolute; top:15%;LEFT:10%;width:90%;height:23%;
background-color:#3366cc;
border-style: solid;border-color: #CC3333;border-width:0px;
}

/* THIS DIVS HOLDS THE WHITE SHAPE OF THE BLOG BUTTON */
Div.BLOGBUTTONA{position:absolute; top:0%;LEFT:0%;width:100%;height:100%;
background-color:TRANSPARENT;
border-style: solid;border-color: #CC3333;border-width:0px;
}

/* THIS DIVS SIZES THE IMAGE IN THE BLOG BUTTON */
Div.BLOGBUTTONB{position:absolute; top:20%;LEFT:10%;width:80%;height:60%;
background-color:TRANSPARENT;
border-style: solid;border-color: #CC3333;border-width:1px;
}



/* THESE DIVS ARE FOR THE FALSH BANNER AT TOP

Div.block{position:absolute; top:70%;LEFT:0PX;width:100%;height:25%;
background-color:#FFffff;
border-style: solid;border-color: #CC3333;border-width:0px}

Div.SCREEN1{position:absolute; top:5%;LEFT:5%;width:80%;height:80%;
background-color:TRANSPARENT;
border-style: solid;border-color:C8C8C8;border-width:5PX}






/* THIS DIV IS FOR THE NAVIGATION SINCE  HEIGHT IS 100% THEY MUST BE RENDERED INSIDE ANOTHER DIV */
/* DIV TAB(NO) IS TRANPARENT AND IS RENDERED SECOND AND WILL HOLD THE SHAPING IMAGE AND THE HREF */
/* DIV TAB(NO)A IS COLOURED AND IS RENDERED FIRST AND WILL HOLD THE TAB NAMES */
/* THE REST OF THE TABS ARE THE SAME */


Div.con0{position:absolute; top:0PX;LEFT:0PX;width:98%;
background-color:transparent;padding :0%;color:#cc0033;
border-style: solid;border-color: #CC0033;border-width:0px}



div.Tab1{position:absolute;left:0%;top:0%; width:19.5%; height: 100%;
background-color:TRANSPARENT;}

div.Tab1A{position:absolute;left:0%;top:0%; width:19.5%; height: 100%;
text-align:center; font-family:arial; font-weight:bold; font-size:12PT; line-height:250%;color:#FFFFFF;
background-color:#cc0033;
border-style: solid; border-color:BLUE; border-width:0px;}

Div.con1{position:absolute; top:0PX;LEFT:0PX;width:98%;
background-color:transparent;padding :0%;color:#cc0033;
border-style: solid;border-color: #CC0033;border-width:2%}


div.tab2{ position:absolute;left:19.5%;top:0%; width: 19.5%; height: 100%;
background-color:TRANSPARENT;}

div.tab2A{ position:absolute;left:19.5%;top:0%; width: 19.5%; height: 100%;
text-align:center;font-family:arial;font-weight:bold;font-size:12pt;color:#FFFFFF;line-height:250%;
background-color:#009900;
border-style: solid;border-color:yellow;border-width:0px;}

Div.con2{position:absolute; top:0PX;LEFT:0PX;width:98%;
background-color:transparent;color:#009900;
border-style: solid;border-color: #009900;border-width:2%}


div.tab3{ position:absolute;left:39.0%;top:0%; width: 19.5%; height: 100%;
background-color:TRANSPARENT;}

div.tab3A{ position:absolute;left:39.0%;top:0%; width: 19.5%; height: 100%;
text-align:center;font-family:arial;font-weight:bold;font-size:12pt;color:#FFFFFF;line-height:250%;
background-color:#6600FF;
border-style: solid;border-color:yellow;border-width:0px;}

Div.con3{position:absolute; top:0PX;LEFT:0PX;width:98%;
background-color:transparent;color:#6600FF;
border-style: solid;border-color: #6600ff;border-width:2%}


div.tab4{ position:absolute;left:58.5%;top:0%; width: 19.5%; height: 100%;
background-color:TRANSPARENT;}

div.tab4A{ position:absolute;left:58.5%;top:0%; width: 19.5%; height: 100%;
text-align:center;font-family:arial;font-weight:bold;font-size:12pt;color:#FFFFFF;line-height:250%;
background-color:#FFCC00;
border-style: solid;border-color:yellow;border-width:0px;}

Div.con4{position:absolute; top:0PX;LEFT:0PX;width:98%;
background-color:transparent;color:black;
border-style: solid;border-color: #FFCC00;border-width:2%}

div.tab5{ position:absolute;left:78.0%;top:0%; width: 19.5%; height: 100%;
background-color:TRANSPARENT;}

div.tab5A{ position:absolute;left:78.0%;top:0%; width: 19.5%; height: 100%;
text-align:center;font-family:arial;font-weight:bold;font-size:12pt;color:#FFFFFF;line-height:250%;
background-color:#3366CC;
border-style: solid;border-color:yellow;border-width:0px;}

Div.con5{position:absolute; top:0%;LEFT:0PX;width:98%;
background-color:transparent;
border-style: solid;border-color: #3366CC;border-width:2%}


/* THIS SET OF DIVS HOLD CENTRE CONTENT FOR TAB5 OF Printcopycentre PAGE */


div.one{position:relative; top:0%; LEFT:0%; width:100%; height:250px; background-color:#FFFFFF;}
div.two{position:relative; top:0%; LEFT:0%; width:100%; height:400px; background-color:transparent;}
div.three{position:relative; top:0%; LEFT:0%; width:100%; height:200px; background-color:transparent;}


table.tableizer-table {position:absolute; top:0%; left:50%;width:45%;border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; font-size: 14px;table-layout:fixed;word-wrap:breakword;float:left;background-color:transparent}
.tableizer-table td {padding: 4px; margin: 3px; border: 1px solid #ccc;}
.tableizer-table th {background-color: rgb(19,0,144); color: #FFF; font-weight: bold;font-size:18px}


/* BUTTONS ON THE LEFT HAND SIDE OF THE PAGE */

img.shape{ position:absolute;left:0%;top:0%; width: 100%; height:120%;
text-align:center;  font-family:arial;font-weight:bold;font-size:60%;color:#FFFFFF
background-color:transparent;
border-style: solid;border-color:yellow;border-width:0px;}



div.LEFTBUTTON1{ position:absolute;left:5%;top:10%; width: 90%; height: 7%;
background-colorTRANSPARENT;scaling:no;}

div.LEFTBUTTON1A{ position:absolute;left:5%;top:10%; width: 90%; height: 7%;
text-align:center; font-family:arial;font-weight:bold;font-size:10pt;color:#FFFFFF;line-height:300%;
background-color:#3366cc;
border-style: solid;border-color:yellow;border-width:0px;}

div.LEFTBUTTON2{ position:absolute;left:5%;top:17%; width: 90%; height: 7%;
background-colorTRANSPARENT;}

div.LEFTBUTTON2A{ position:absolute;left:5%;top:17%; width: 90%; height: 7%;
text-align:center;font-family:arial;font-weight:bold;font-size:10pt;color:#FFFFFF;line-height:300%;
background-color:#3366CC;
border-style: solid;border-color:yellow;border-width:0px;}


/* THIS DIV IS USED TO HOLD 2 LINES OF TEXT INSIDE A BUTTON */

DIV.TWOLINE{position:absolute;left:0%;top:25%; width: 100%; height: 70%;
text-align:center;font-family:arial;font-weight:bold;font-size:10pt;color:#FFFFFF;LINE-HEIGHT:95%;
background-color:#3366cc;
border-style: solid;border-color:yellow;border-width:0px;}

div.LEFTBUTTON3{ position:absolute;left:5%;top:24%; width: 90%; height: 7%;background-colorTRANSPARENT;}

div.LEFTBUTTON3A{ position:absolute;left:5%;top:24%; width: 90%; height: 7%;
text-align:center;font-family:arial;font-weight:bold;font-size:10pt;color:#FFFFFF;line-height:300%;
background-color:#3366CC;
border-style: solid;border-color:yellow;border-width:0px;}

div.LEFTBUTTON4{ position:absolute;left:5%;top:31%; width: 90%; height: 7%;background-colorTRANSPARENT;}

div.LEFTBUTTON4A{ position:absolute;left:5%;top:31%; width: 90%; height: 7%;
text-align:center;font-family:arial;font-weight:bold;font-size:10pt;color:#FFFFFF;line-height:300%;
background-color:#3366CC;
border-style: solid;border-color:yellow;border-width:0px;}

div.LEFTBUTTON5{ position:absolute;left:5%;top:38%; width: 90%; height: 7%;background-colorTRANSPARENT;}

div.LEFTBUTTON5A{ position:absolute;left:5%;top:38%; width: 90%; height: 7%;
text-align:center;font-family:arial;font-weight:bold;font-size:10pt;color:#FFFFFF;line-height:300%;
background-color:#3366CC;
border-style: solid;border-color:yellow;border-width:0px;}

table.menu{ position:absolute;left:5%;top:50%; width: 100%; height:10%;
text-align:center;font-family:arial;font-weight:bold;font-size:12pt;color:#FFFFFF;
background-color:#3366CC;
border-style: solid;border-color:yellow;border-width:0px;}










a.printintrotab:link{position:relative;font-weight:bold;color:black;width: 180px; height: 40px;
background-image:url(images/printintro.gif);background-repeat:no-repeat;text-decoration:none;
}
a.printintrotab:visited{position:relative;font-weight:bold;color:black;width: 180px; height: 40px;
background-image:url(images/printintro.gif);background-repeat:no-repeat;text-decoration:none;
}
a.printintrotab:hover{position:relative;font-weight:bold;color:black;width: 180px; height: 40px;
background-image:url(images/printintrolite.gif);background-repeat:no-repeat;text-decoration:none;
}

/* ========================================================================================= */


DIV.printspecs{position: absolute; left:155px; top:3px; width: 180px; height: 40px;
text-align:center;font-family:arial;font-weight:bold;font-size:12pt;color:black;
background-color:transparent}

a.printfilespectab:link{position:relative;font-weight:bold;color:black;width: 180px; height: 40px;
background-image:url(images/printfilespec.gif);background-repeat:no-repeat;text-decoration:none;
}
a.printfilespectab:visited{position:relative;font-weight:bold;color:black;width: 180px; height: 40px;
background-image:url(images/printfilespec.gif);background-repeat:no-repeat;text-decoration:none;
}
a.printfilespectab:hover{position:relative;font-weight:bold;color:black;width: 180px; height: 40px;
background-image:url(images/printfilespeclite.gif);background-repeat:no-repeat;text-decoration:none;
}

/* ========================================================================================= */

DIV.printterms{position: absolute; left:310px; top:3px; width: 180px; height: 40px;
text-align:center;font-family:arial;font-weight:bold;font-size:12pt;color:black;
background-color:transparent  }

a.printtermstab:link{position:relative;font-weight:bold;color:black;width: 180px; height: 40px;
background-image:url(images/printterms.gif);background-repeat:no-repeat;text-decoration:none;
}
a.printtermstab:visited{position:relative;font-weight:bold;color:black;width: 180px; height: 40px;
background-image:url(images/printterms.gif);background-repeat:no-repeat;text-decoration:none;
}
a.printtermstab:hover{position:relative;font-weight:bold;color:black;width: 180px; height: 40px;
background-image:url(images/printtermslite.gif);background-repeat:no-repeat;text-decoration:none;
}
/* ========================================================================================= */


DIV.printprices{position: absolute; left:465px; top:3px; width: 180px; height: 40px;
text-align:center;font-family:arial;font-weight:bold;font-size:12pt;color:black;
background-color:transparent  }

a.printpricestab:link{position:relative;font-weight:bold;color:black;width: 180px; height: 40px;
background-image:url(images/printprices.gif);background-repeat:no-repeat;text-decoration:none;
}
a.printpricestab:visited{position:relative;font-weight:bold;color:black;width: 180px; height: 40px;
background-image:url(images/printprices.gif);background-repeat:no-repeat;text-decoration:none;
}
a.printpricestab:hover{position:relative;font-weight:bold;color:black;width: 180px; height: 40px;
background-image:url(images/printpriceslite.gif);background-repeat:no-repeat;text-decoration:none;
}
/* ========================================================================================= */

DIV.printupload{position: absolute; left:620px; top:3px; width: 180px; height: 40px;
text-align:center;font-family:arial;font-weight:bold;font-size:12pt;color:black;
background-color:transparent  }

a.printuploadtab:link{position:relative;font-weight:bold;color:black;width: 180px; height: 40px;
background-image:url(images/printupload.gif);background-repeat:no-repeat;text-decoration:none;
}
a.printuploadtab:visited{position:relative;font-weight:bold;color:black;width: 180px; height: 40px;
background-image:url(images/printupload.gif);background-repeat:no-repeat;text-decoration:none;
}
a.printuploadtab:hover{position:relative;font-weight:bold;color:black;width: 180px; height: 40px;
background-image:url(images/printuploadlite.gif);background-repeat:no-repeat;text-decoration:none;
}
/* ========================================================================================= */


/* THIS DIV IS FOR THE MAIN BODY OF THE PAGE AND IT SCROLLS */
Div.SCROLL {position: absolute; left: 0px; top:167px; width: 800px; height: 434px;
		background-color:TRANSPARENT;overflow-y:auto;
		border-style: solid;border-color: GREEN;border-width:0px;
		scrollbar-shadow-color: rgb(14,107,71);
		scrollbar-highlight-color: black;
		scrollbar-face-color: rgb(18,134,89);
		scrollbar-3dlight-color: black;
		scrollbar-darkshadow-color: rgb(11,85,57);
		scrollbar-track-color: rgb(200,166,110);
		scrollbar-arrow-color: black;}; 



 
/* THIS THE OLD DIV IS A CONTAINER TO PUT THE WHOLE WEBPAGE INTO AND CAN BE CENTRED INTO THE CLIENT SCREEN */
div.container{width:800px;height:100%;background-color:transparent;
border-style: solid;border-color:yellow;border-width:0px;
align:center
}





/* THIS DIV - IS A HORIZONTAL SPACE TO PUT A HORIZONTAL NAVIGATION BAR INTO */
div.hnavigation{width:800px; height:32px;background-color:black; background-position:center; 
border-style: solid;border-color:yellow;border-width:0px;padding:6px;
}


/* DIV.BODY - SCROLLS BUT DOES NOT SHOW THE SCROLL BARS */
div.body{width:100%;height:98%;
background-color:transperent;overflow:scroll;position:relative;left:1%;
scrollbar-shadow-color: rgb(14,107,71);
scrollbar-highlight-color: black;
scrollbar-face-color: rgb(18,134,89);
scrollbar-3dlight-color: black;
scrollbar-darkshadow-color: rgb(11,85,57);
scrollbar-track-color: rgb(200,166,110);
scrollbar-arrow-color: black;}


/* THIS SET OF A HREF'S ARE FOR THE LINK "HOME" */
a.homenav:link{float:left;position:relative;font-weight:bold;color:black;
background-image:url(images/hbuttonhome.gif);background-repeat:no-repeat;text-decoration:none;
}
a.homenav:visited{float:left;position:relative;font-weight:bold;color:black;
background-image:url(images/hbuttonhome.gif);background-repeat:no-repeat;text-decoration:none;
}
a.homenav:hover{float:left;position:relative;font-weight:bold;color:black;
background-image:url(images/hbuttonhomelight.gif);background-repeat:no-repeat;text-decoration:none;
}



/* THIS SET OF LINKS ARE FOR THE LARGER BUTTONS EG CONTACT */

div.hbuttonlarge{width:100px;height:20px;background-color:transparent;
text-align:center;font-family:arial;font-weight:bold;font-size:9pt;color:black;
border-style: solid;border-color:black;border-width:0px}

a.largenav:link{float:left;position:relative;font-weight:bold;color:black;
background-image:url(images/hbuttonlarge.gif);background-repeat:no-repeat;text-decoration:none;
}
a.largenav:visited{float:left;position:relative;font-weight:bold;color:black;
background-image:url(images/hbuttonlarge.gif);background-repeat:no-repeat;text-decoration:none;
}
a.largenav:hover{float:left;position:relative;font-weight:bold;color:black;
background-image:url(images/hbuttonlargelight.gif);background-repeat:no-repeat;text-decoration:none;
}



/* THIS SET OF LINKS ARE FOR THE GENERAL PAGE LINKS 1 -16 */

div.hbutton{width:40px;height:20px;background-color:transparent;
text-align:center;font-family:arial;font-weight:bold;font-size:9pt;color:black;
border-style: solid;border-color:black;border-width:0px}

a.horznav:link{float:left;position:relative;font-weight:bold;color:black;
background-image:url(images/hbutton.gif);background-repeat:no-repeat;text-decoration:none;
}
a.horznav:visited{float:left;position:relative;font-weight:bold;color:black;
background-image:url(images/hbutton.gif);background-repeat:no-repeat;text-decoration:none;
}
a.horznav:hover{float:left;position:relative;font-weight:bold;color:black;
background-image:url(images/hbuttonlight.gif);background-repeat:no-repeat;text-decoration:none;
}