body {
	background: #A7A39C;
	left: 0px;
	top: 0px;
	font-family: arial, verdana, helvetica, sans-serif;	
}

p {
	font-size: 8pt;
	margin: 3px;
	font-family: arial;
	padding: 3px;
	color:black;
}

ul {
	margin: 0px;
	padding: 0px;
	padding-left: 25px;
}

li {
	list-style-type:circle;
	font-size:0.7em;
	margin: 0px;
	padding: 0px;
	color: #666666;
}

#tablebackground {
	background-image: url('images/greenmap.jpg');
	color:#CC3300;
	background-repeat:no-repeat;
}
/*table.content {
	font-size: 1em;
	margin: 10px;
	padding: 0px;
}*/

h2 {
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 0.2em;
	font-size: 1.1em;
	color: black;
}

h3 {
	margin: 0px;
	padding-left: 6px;
	padding-top: 8px;
	font-size: 12px;
	color: #006699;
	
}

.right {
	color: #000;
	text-align: left;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0.2em;
}

p.link {
	padding: 0px;
	margin: 0px;
	padding-right: 10px
}

a {
	text-decoration: none;
	font-weight: normal;
	color: #003366;
	font-size:0.9em;
	/*outline: none;
	padding-right: 0px;
	padding-left: 0px;*/
}
a:visited {
	color: #003366;
	}
a:active {
	color: #003366;
	}
a:hover {
	color: #003366;
	}
	
#bodylinks-list {
	color: #000;
	padding-bottom: 10px;
}
a:visited {
	color: #003366;
	}
a:active {
	color: #003366;
	}
a:hover {
	color: #003366;
	}

p.link {
	visibility: hidden;
}

p.link a {
	visibility: visible;
}

#all {
text-align: center;
}

#page {
text-align: left;
margin-left: 30px;
margin-right: 40px;
border:2px solid  #A7A39C;
width:900px;
/*background-image: url('images/SITE.jpg');*/
}

#top {
height: 97px;
margin-left:13px;
background-image: url('images/plain_banner1.jpg');
/*background-image: url('flash_banner.swf');*/

background-repeat: no-repeat;
}


#top h1 {
margin-bottom:-40px;
}




#top2 {
margin-left:7px;
}

#datebanner {
position: relative;
/*top: -16px;*/
margin-left:13px;
width:885px;
height:25px;
background-image: url('images/bar1.gif');

}


#subbuttons {
position: relative;
margin-left:15px;

}


#subbuttons a {
		font-size: 8pt;
		font-weight:bold;
		font-family: vernada;
		color: #666666;
	background-repeat: no-repeat;
	/*border:0px;
	margin:0px;*/
	height: 18px;
	width:160px;
	/*text-decoration: none;*/
	padding-left:7px;
	padding-top:2px;
	text-align:left;
}




#subbuttons a:hover {
color: #fff;
background-image: url('images/subhover2.gif');
background-repeat:no-repeat;
}
#subbuttons1 {
position: relative;
margin-left:15px;

}
#subbuttons1 a{
font-size: 8pt;
		font-weight:bold;
		font-family: vernada;
		color: #666666;
	background-repeat: no-repeat;
	/*border:0px;
	margin:0px;*/
	height: 18px;
	width:160px;
	/*text-decoration: none;*/
	padding-left:16px;
	padding-top:2px;
	text-align:left;
color: #fff;
background-image: url('images/activesub.gif');
background-repeat:no-repeat;
}

#subbuttons1 a:hover {
color: #fff;
background-image: url('images/subhover2.gif');
background-repeat:no-repeat;
}
#cartlink {
position: relative;
width:17px;
height:16px;
background-image: url('images/basket.gif');
}
#topmenubanner {
position: relative;
margin-left:10px;
/*top: -16px;*/
height: 20px;
width: 850px;
background-image: url('images/bar2.gif');
background-repeat:no-repeat;
}

#top1 {
position: relative;
top: 10px;
left: 13px;
right: 60px;
height: 103px;
width: 950px;
/*background-image: url('images/newbannerlong1.jpg');
background-repeat: no-repeat;*/
}

#whitespace
{
position:relative;
top: -5px;
margin-left:13px;	
background:white;	
width: 885px
}


#menu {
	margin-left:10px;
	/*background: #50A6C2;*/
	/*background-image: url('images/topbanner.jpg');*/
    height:360px;
	background-image: url('images/menu.gif');
	background-repeat: no-repeat;
    width:177px;

}


#menu1 {
	margin-left:10px;
	/*background: #50A6C2;*/
	/*background-image: url('images/topbanner.jpg');*/
	background-image: url('images/longmenu.gif');
	background-repeat: no-repeat;
    height:500px;
	width:167px;

}
#titlebar
{
position: relative;

width:700px;
background-image: url('images/titlebar.gif');
height:10px;
background-repeat: no-repeat;
}

#dotbox
{
position: relative;
width:649px;
background-image: url('images/dotbox.gif');	
background-repeat: no-repeat;
}


#topmenubuttons {
position: relative;

}

#topmenubuttons a {
font-size: 10pt;
  /* 	font-family: vernada;

	color: #666666;*/
	background-image: url('images/home.jpg');
	background-repeat: no-repeat;
	/*border:0px;
	margin:0px;*/
height: 28px;
	width:95px;

	/*text-decoration: none;*/
	padding-top:6px;
	text-align:center;
}

#topmenubuttons a:hover {
color: #fff;
background-image: url('images/hoverblue.gif');
}


#activetopbuttons {
position: relative;

}

#activetopbuttons a {
		font-size: 10pt;
  /* 	font-family: vernada;

	color: #666666;*/
	background-image: url('images/hovergrey.gif');
	background-repeat: no-repeat;
	/*border:0px;
	margin:0px;*/
    height: 28px;
	width:95px;

	/*text-decoration: none;*/
	padding-top:6px;
	text-align:center;
}

#activetopbuttons a:hover {
color: #fff;
background-image: url('images/hoverblue.gif');
}




#titlefont
{
	padding-top:-5px;
	font-size: 8pt;
	font-family: vardana;
    color:white;
	font-weight:bold;
}

#leftmenubuttons {
position: relative;

}

#leftmenubuttons a {
		font-size: 8pt;
		font-weight:bold;
		font-family: vernada;
		color: #666666;
	background-repeat: no-repeat;
	/*border:0px;
	margin:0px;*/
	height: 18px;
	width:160px;
	/*text-decoration: none;*/
	padding-left:7px;
	padding-top:2px;
	text-align:left;
}

#leftmenubuttons a:hover {
color: #fff;
background-image: url('images/lefthover.gif');
}

#leftactivebutton a:active 
{
background-image: url('images/leftclick.gif');
}

#bottombanner {
	position:relative;
height: 28px;
top: -7px;
margin-left:2px;
width:900px;
background-image: url('images/bottom2.gif');
background-repeat: no-repeat;
}

#activemenubuttons {
position: relative;

}
#activemenubuttons a {
	font-size: 8pt;
	font-weight:bold;
	font-family: vernada;
	background-image: url('images/leftclick.gif');
	/*border:0px;
	margin:0px;*/
	height: 18px;
	width:160px;
	/*text-decoration: none;*/
	padding-left:7px;
	text-align:left;
	color: #990000;
}

#activemenubuttons a:hover {
color: #fff;
background-image: url('images/lefthover.gif');
}

#readmore
{
position:relative;
}

#readmore a {
	font-size: 0.7em;
}





























#buttons {
position: relative;
top: 0px;
left: 0px;
padding-left: 208px;
}







#buttons a {
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	color: #003366;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: -11px;
	width: 104px;
	height: 28px;
	background-image: url('images/home.gif');
	background-repeat: no-repeat;
	text-decoration: none;
	text-align: center;
	padding-left: 0px;
	padding-right: 8px;
}

#buttons a:hover {
color: #fff;
font-weight: bold;
background-image: url('images/hoverblue.gif');
width: 104px;
}

#buttons b {
	display: none;
}

html>body #buttons a {
margin-right: 0px;
padding-left: 10px;
padding-right: 0px;
text-align: left;
}

html>body #buttons b {
	display: inline;
	visibility: hidden;
	background-repeat: no-repeat;
}

html>body #buttons {
padding-left: 300px;
}

#buttons p {
display: inline;
margin: 0px;
padding-left: 0px;
}

#body {
	position: relative;
	top: 0px;
	margin: 0px;
	border: 0px;
}

#content {
	position: relative;
	width: 700px;
	/*height: 400px;*/
	background-color: #50A6C2;
	margin: 0px;
	border: 0px;
}
.teambg
{
width: 400px;

}
.teambg td{
padding: 0px;
}
.grid td, .grid th {
text-align: left;
font-size: 0.75em;
padding: 0px;
border: 1px solid #000;
}

.grid2 td, .grid2 th {
text-align: left;
font-size: 0.75em;
padding: 5px;
border: 0px;
}

.grid3 td, .grid3 th,{
text-align: center;
font-size: 0.75em;
padding: 6px;
border: 1px solid #000;
border-color:#003366;
}
/*below colors around message and reply on message_content*/

div.border {
border: 5px solid #3785b6;
padding: 0px;
margin: 0px;
margin-left: 5px;
margin-right: 5px;
margin-top: 25px;
}
div.border2 {
border: 5px solid #fff;
padding: 0px;
margin: 0px;
margin-top: 25px;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 5px;
text-align: center;

}

/*reply button on message_content*/

input.send {
float: right;
margin-right: 5px;
}

/*title or subject for messages and handler using on input and td*/

.details {
width: 350px;
}

/*input box for new standing order qty*/

input.qty {
width: 30px;
}

/*status logos for standing orders eg: accepted = green dot, pending = blue, rej = red*/

span.accepted {
background-image: url('images/status_green.gif');
}
span.pending {
background-image: url('images/status_blue.gif');
}
span.rejected {
background-image: url('images/status_red.gif');
}
.accepted, .pending, .rejected {
background-repeat: no-repeat;
background-position: left center;
padding-left: 10px;
}

div#logoff {
padding-top: 40px;
background-image: none;
}
#logoff a {
color: #000;
background-color: red;
border: 2px solid #000;
background-image: none;
}
#logoff a:hover {
color: #fff;
background-color: blue;
border: 2px solid #000;
background-image: none;
}
.submit {
margin-left: 150px;
margin-top: 15px;
padding: 0px;
}
.submit2 {
margin-top: 10px;
padding: 0px;
float:right;
}
form {
padding: 0px;
margin: 0px;
}

/*background color of td to highlight message content*/

td.bgcolor {
background-color: #fff;
}

/*color of links to message content in list on message page*/

.mail a, .mail a:hover {
color: #000;
}

#footer {
	position: relative;
	width: 600px;
	height: 0px;
	margin: 0px;
	border: 0px;
	margin-top: -35px;
	padding: 0px;
}

#footbanner {
	position: relative;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 13px;
	padding-top: 30px;
	background-image: url('images/footy.jpg');
	background-repeat: no-repeat;
}

#footleft {
	position: relative;
	top: 0px;
	left: 0px;
	width: 150px;
	/*margin-top: -181px;*/
	background-color: black;
	/*background-image: url('images/smallphotos/4.jpg');*/
}

#footright {
	position: relative;
	top: 0px;
	left: 810px;
	width: 76px;
	height: 50px;
	background-image: url('images/small_logo2.jpg');
	background-repeat: no-repeat;
    margin-top: -50px;
}

#left {
	/*background: #50A6C2;*/
	/*background-image: url('images/topbanner.jpg');*/
	background-image: url('images/menu.gif');
	width: 180px;
	border-left: 10px solid #A7A39C;*/
}



#left a {
	left: 0px;
	display: block;
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	color: #000;
	padding: 0px;
	padding-top: 7px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 135px;
	height: 32px;
	background-image: url('images/leftbutton_up.jpg');
	background-repeat: no-repeat;
	text-decoration: none;
	text-align:center;
	margin-right: 10px;
}

html>body #left a {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#left p {
margin: 0px;
padding: 0px;
}

#left a:hover {
color: #fff;
font-weight: bold;
background-image: url('images/leftbutton_over.jpg');
left: 0px;
margin-left: 0px;
}
/*
#middle {
	border-left: 0px solid #50A6C2;
	border-right: 0px solid #50A6C2;
	border-bottom: 40px solid #50A6C2;
	background-image: url('images/background_long3.gif');
	background-position: top center;
	background-repeat: repeat y;
	padding: 0px;
	padding-bottom: 30px;
	padding-left:5px;
	padding-right: 0px;
	width: 630px;
	margin-left: 5px;
	margin-right: 0px;
}
*/
#verybottom {
position: relative;
top:0px;
left:0px;
text-align: center;
padding-top: 0px;
}

/*these two span are for the backgrounds odd/even of the catalogue title lists*/
span#odd {
	background-color: #fff;
	width: 450px;
	/*opacity: .5;
	filter: alpha(opacity=50);*/
}

span#even {
	background-color: none;
	width: 450px;
}

#details {
width: 400px;
}

#cat_details_left {
	margin-left: 10px;
	width: 200px;
	float: left;
	padding-right: 10px;
}

#cat_details_right {
	float:right;
}

#cat_details_right2 {
	float:right;
}

/*#middle img {
	top: 0px;
	left: 0px;
	width: 200px;
	height: 200px;
}*/



#middle p, td{
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: justify;
}

#middle h2 {
	padding: 0px;
	padding-left: 10px;
	padding-top: 10px;
}

#middle h3 {
	margin-bottom: 10px;
}

#middle a, #middle a:hover {
	color: #000;
}

.pagelinks {
	background-image: url('images/green_arrow2.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-left: 5px;
}

.pagelinks2 {
	float: right;
    background-image: url('images/green_arrow.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-left: 5px;
}	

.pagelinks-print {
   background-image: url(images/print.gif);	
   background-repeat: no-repeat;
   background-position: left top;
   padding-left: 20px;
   margin-left: 5px;
}

/*logos on links page*/
div.logos {
position: relative;
top: 0px;
left: 0px;
width: 452px;
height: 30px;
margin: 10px 0px 10px 10px;
}
.logos img {
width: 80px;
height: 25px;
}
.logos a {
}

html>body #middle {
	padding-bottom: 5px;
}

#right {
	height: 345px;
	background-color: #50A6C2;
	width: 50px;
	padding: 5px;
	padding-top: 0px;
	padding-left: 3px;
	border-bottom: 40px solid #50A6C2;
}

div.box {
width: 80px;
/*margin: 5px;
margin-right: 5px;
margin-bottom: 10px;
margin-top: 10px;
padding: 5px;*/
/*padding-top:-200px;*/
color: #003366;
background-image: url('images/box.gif');
background-repeat: no-repeat;
/*background-image: url(title.gif);
background-repeat: no-repeat;*/
}

.box a {
	font-size:0.8em;
}

.box a:hover {
color: #50A6C2;
text-decoration: none;
background-image: url('images/bullet_arrow3.gif');
}

/*shopping cart under left links*/

div.orderbox {
margin: 5px;
margin-right: 0px;
margin-left: 920px;
margin-bottom: 170px;
margin-top: 10px;
padding: 5px;
color: #003366;
padding-top: 10px;
padding-bottom: 10px;
background-image: url('images/box.gif');
/*background-image: url(title.gif);
background-repeat: no-repeat;*/
}

/*make text small in shopping cart*/

table.small {
    font-size: 0.6em;
}
.small td, .small tr, .small th {
    align='center';
}

#links A {
    position: absolute;
	left: 0px;
    background-image: url('images/menu_button_up.gif');
	background-repeat: no-repeat;
    width: 150px;
	padding: 5px;
	color: #FFFFFF;
	text-decoration: none;
	font: bold 0.9em sans-serif;
	padding-right: 10px;
    padding-left: 0px; 
    border-bottom-width: 1px; 
    padding-bottom: 10px;
	padding-top: 10px; 
}

#links A:hover {
	background-image: url('images/menu_button_over.gif');
    color: #003366;
}

#link1 {
	top: 10px;
}

#link2 {
	top: 40px;
}

#link3 {
	top: 70px;
}

#link4 {
	top: 100px;
}

#link5 {
	top: 130px;
}

#link6 {
	top: 160px;
}

div.article {
	position: relative;
	height: 140px;
}

p.article {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 393px;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

p.more {
	position: absolute;
	top: 90px;
	left: 0px;
	width: 393px;
	height: 17px;
	margin: 0px;
	padding: 0px;
}

h3.article {
	position: absolute;
	width: 393px;
	height: 20px;
}

img.article {
	position: absolute;
	top: 0px;
	left: 393px;
}