/*colorstyles*/

.dgreen { color: #2D3B36; }
.mgreen { color: #5B766D; }
.jade { color: #88B2A3; }
.lgreen { color: #B5ECD9; }
.lgrey { color: #CFCFCF; }
.dgrey { color: #5B5B5B; 
font-weight:bold;
}
.mgrey{ color: #8E8E8E; }
.bgdgreen{ background-color: #2D3B36; }
.bgmgreen{ background-color: #5B766D; }
.bgjade{ background-color: #88B2A3; }
.bglgreen{ background-color: #B5ECD9; }
.bglgrey{ background-color: #CFCFCF; }
.bgdgrey{ background-color: #5B5B5B; }
.bgmgrey{ background-color: #8E8E8E; }

.wht {color: #FFFFFF; 
font-weight:bold;
}
.poppy {color:#FF0000;}
.spinblue {
color:#0099FF;
font-weight:bold;
}

/* general layout style */
.centering {
	text-align:center;
}
td {
	vertical-align:top;
}
/*image styles */
.golnk {
	border:0px;
	margin-top:5px;
}
.clientsite {
	border:solid 1px #000000;
	margin:5px;padding:0px;
}
/*general packing and padding*/
.padt8b0l0r0 {
	padding-top:8px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
.padt5b0l0r0 {
	padding-top:5px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
.padt3b0l0r0 {
	padding-top:5px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}




/*main layout */
body {
	border:solid 0px #ff0000;
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:5px;
	background-color:#CFCFCF;
	text-align:center;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}

/* style main body to best fit for 1024 x 768 pixel screen*/
/* veritical items add up to mainbody length  */

#mainbody {
/* width of main body is determined by script routine*/
	border:solid 0px #000000;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	height:579px;
	background-color:#DEF7EE;
	width:770px;
}
#logobar
{
/* height determining styles*/
	border-top:solid 0px #000000;
	border-bottom:solid 0px #000000;
	margin-top:0px;
	margin-bottom:0px;
	height:80px;

	border-left:solid 0px #000000;
	border-right:solid 0px #000000;
	margin-left:0px;
	margin-right:0px;
	padding-left:8px;
	padding-right:8px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#88B2A3;
}
#logobartable {
	width:100%;
}
#logobartable td.l {
	text-align:left;
}
#logobartable td.r {
	text-align:right;
}
#logoimage {
	margin-top:33px;
}
#topnavbar
{
/* height determining styles*/
	border-top:solid 0px #000000;
	border-bottom:solid 0px #000000;
	height:30px;
	margin-top:0px;
	margin-bottom:0px;

	border-left:solid 0px #000000;
	border-right:solid 0px #000000;
	margin-left:0px;
	margin-right:0px;
	padding-left:10px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#2D3B36;
	}
#content
{
/* height determining styles*/
	border-top:solid 0px #000000;
	border-bottom:solid 0px #000000;
	height:397px;
	margin-top:0px;
	margin-bottom:0px;

	border-left:solid 0px #000000;
	border-right:solid 0px #000000;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#DEF7EE;
}
/* set up areas for content section-index page */
#leftnavbar
{
	float:left;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	height:387px;
	margin-top:5px;
	margin-bottom:0px;

	width:160px;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#5B5B5B;
	background-image:url(../images/jpgs/bgleft2.jpg);background-repeat:no-repeat;
}

.indexpaneltable {
	 width:140px;
	 text-align:left;
	 margin-top:120px;
	 margin-left:auto;margin-right:auto;
}
.contenttable {
	 width:700px;
	 text-align:left;
	 margin-top:20px;
	 margin-left:auto;margin-right:auto;
}
#centercontentl
{
	float:left;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	height:387px;
	margin-top:5px;
	margin-bottom:0px;
	width:160px;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	margin-left:5px;
	margin-right:5px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#8E8E8E;
 	background-image:url(../images/jpgs/bgcentrl2.jpg);background-repeat:no-repeat;
}
#centercontentr
{
	float:left;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	height:387px;
	margin-top:5px;
	margin-bottom:0px;
	width:160px;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	margin-left:1px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#CFCFCF;
	background-image:url(../images/jpgs/bgcentrr.jpg);background-repeat:no-repeat;
}

#rightcontent
{
	float:right;
	border-top:solid 0px #000000;
	border-bottom:solid 0px #000000;
	height:387px;
	margin-top:5px;
	margin-bottom:0px;

	width:260px;
	border-left:solid 0px #000000;
	border-right:solid 0px #000000;
	margin-left:auto;
	margin-right:5px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#DEF7EE;
}
.indexrightpaneltable {
	text-align:center;width:100%;
}
/*setup panel for content pages*/
#contentpanel
{
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	height:387px;
	margin-top:5px;
	margin-bottom:0px;

	width:100%;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#CFCFCF;
	background-image:url(../images/jpgs/bgcontent.jpg);background-repeat:no-repeat;
}




#linksbar
{
/* height determining styles*/
	border-top:solid 0px #000000;
	border-bottom:solid 0px #000000;
	height:20px;
	margin-top:0px;
	margin-bottom:0px;

	border-left:solid 0px #000000;
	border-right:solid 0px #000000;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#88B2A3;
}
#footerbar
{
/* height determining styles*/
	height:30px;
	border-top:solid 1px #000000;
	border-bottom:solid 0px #000000;
	margin-top:0px;
	margin-bottom:0px;

	border-left:solid 0px #000000;
	border-right:solid 0px #000000;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#2D3B36;
}
#footertable {
	margin-right:auto;margin-left:auto;
	text-align:center;
	width:100%;
}
#footerbar img {
	margin-top:3px;
}
#copyrightbar
{
/* height determining styles*/
	border-top:solid 1px #000000;
	border-bottom:solid 0px #000000;
	height:20px;
	margin-top:0px;
	margin-bottom:0px;

	border-left:solid 0px #000000;
	border-right:solid 0px #000000;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#88B2A3;
	}

/* fonts and other html element styling*/

body, td, th, font, p,  i, li, ol, ul, a, h1, h2, h3, h4, h5, h6, div, span 
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#2B3B36;
	}

/*heading elements*/


h1 {
	font-weight: bold;
	font-size: 20pt;
	padding : 2px;
	margin:2px;
	}
h2 {
	font-weight: bold;
	font-size: 16pt;
	padding :2px;
	margin:2px;
	}
h3 {
	font-weight: bold;
	font-size: 14pt;
	padding :2px;
	margin:2px;
	}
h4	{
	font-weight: bold;
	font-size: 12pt;
	padding : 2px;
	margin:2px;
	}
h5	{
	font-weight: bold;
	font-size: 10pt;
	padding :2px;
	margin:2px;
	}
h6	{
	font-weight: bold;
	font-size: 8pt;
	padding : 2px;
	margin:2px;
	}

/* basic text classes */
.small {
	font-size: 7pt;
	margin : 0px;
	padding-top: 1px;
	padding-right: 4px;
	padding-left : 4px;
	padding-bottom : 1px;
}
.smallmgrey {
	color:#8E8E8E;
	font-size: 7pt;
	margin : 0px;
	padding-top: 1px;
	padding-right: 4px;
	padding-left : 4px;
	padding-bottom : 1px;
}

.smalllinks {
	color:silver;
	font-size: 7pt;
	margin : 0px;
	padding-top: 1px;
	padding-right: 4px;
	padding-left : 4px;
	padding-bottom : 1px;
}
.medium {	
	font-size: 8pt;
	margin : 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-left : 5px;
	padding-bottom : 5px;
}
.mediumlinks {
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
	font-size: 8pt;
	margin : 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-left : 5px;
	padding-bottom : 0px;
	}	
.large {
	font-size: 10pt;
	margin : 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-left : 5px;
	padding-bottom : 5px;
	}	
.emphasise {
	font-weight:bold;
	font-size: 8pt;
	margin : 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-left : 5px;
	padding-bottom : 5px;
	}
.italic {
	font-weight:bold;
	font-style:italic;
	font-size: 10pt;
	margin : .2em;
	padding : .2em;
	}

/* table styles*/

/*table1 */
/*stylesheet for links*/


/*set link colours*/
a:link.typea {color: #2D3B36; text-decoration: none;}
a:link.typeb {color: purple; text-decoration: none;}
a:link.normal {color: green; text-decoration: underline;}
a:link.navlink {color: #5B5B5B; text-decoration: none;}
a:link.mednavlink {color: #CFCFCF; text-decoration: none;}

/*active link colours*/
a:active.typea {color: #2D3B36; text-decoration: none;}
a:active.typeb {color: navy; text-decoration: none;}
a:active.normal {color: aqua; text-decoration: none;}
a:active.navlink {color: #5B5B5B; text-decoration: none;}
a:active.mednavlink {color: #CFCFCF; text-decoration: none;}

/*visited link colours*/
a:visited.typea {color:#2D3B36; text-decoration: none;}
a:visited.typeb {color: yellow; text-decoration: none;}
a:visited.normal {color: fuchsia; text-decoration: none;}
a:visited.navlink {color: #5B5B5B; text-decoration: none;}
a:visited.mednavlink {color: #CFCFCF; text-decoration: none;}

/*mouse hover colours*/
a:hover.typea {color: #FFFFFF; text-decoration: none;}
a:hover.typeb {color: gray; text-decoration: none;}
a:hover.normal {color: red; text-decoration: none;}
a:hover.navlink {color: #CFCFCF; text-decoration: none;}
a:hover.mednavlink {color: #5B766D; text-decoration: none;}

/* table styles*/
table.desprices{
	border:solid 1px #000000;
	width:100%;
	margin-bottom:5px;
}
td.type {
	width:90px;
	text-align:left;
	background-color:#5B766D;
	}
td.desc {
	 text-align:left;
	 background-color:#CFCFCF;
	}
td.pounds {
	width:50px;
	text-align:center;
	background-color:#88B2A3;
}
td.poundsh {
	width:30px;
	text-align:center;
	background-color:#88B2A3;
}
td.poundsh3 {
	width:90px;
	text-align:center;
	background-color:#88B2A3;
}