* img
{
	border:0;
}
body
{
	margin : 0% 0% 0% 0%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	background: #FFFFFF url(background2.jpg) repeat-y left top;
	color: #000000;
	text-align: inherit;
}
/* the image popups should not have a background image */
.popupimage
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	background: #FFFFFF;
	color: #000000;
	text-align: center;
}
a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #609210;
	background:transparent;
}
a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #000A8F;
	background:transparent;
}
a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #B72B00;
	background:#CCCCCC;
}
a:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #FAE700;
	background:transparent;
}
#general
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	position:relative;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
	padding:1em 0 0 2em;
	/*needed display:table; for firefox and opera so that the div fits around the images, width=100% required for firefox and opera too*/
	min-height:27em; /*calculated from the height of the menu items*/
	min-width:95%;
	text-align: inherit;
}
/* for admin page same as general but with center align and no background image*/
#ageneral
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	position:relative;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
	padding:1em 0 0 2em;
	min-width:95%;
	min-height:100%;
	text-align: center;
}

.general
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	background: transparent ;
	color: #000000;
	text-align: inherit;
}
.tgeneral
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	background: transparent;
	color: #000000;
	text-align: inherit;
}
#mainarea 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	background: transparent;
	border-left: 0px; 
	border-top: 0px; 
	border-right: 0px; 
	border-bottom: 0px; 
	padding-right: 0px; 
	padding-left:10em;
	padding-bottom: 0px; 
	padding-top: 0px; 
	text-align: left;
	display:block;
}
.usertable
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	background: transparent ;
	color: #000000;
	text-align: inherit;
	border-color: #000000 #FFFFFF #FFFFFF #FFFFFF;
	border-collapse : collapse;
}
table.usertable
{
	border-color: #000000 #FFFFFF #FFFFFF #FFFFFF;
	border-collapse : collapse;
}	
.imagestable
{
	text-align:center;
}
table.imagestable
{
	text-align:center;
}
table
{
	border-color: #000000 #FFFFFF #FFFFFF #FFFFFF;
	border-collapse : collapse;
	text-align:left;
}
td
{
	border-color: #000000 #FFFFFF #FFFFFF #FFFFFF;
}
td.usertable
{
	border-color: #000000 #FFFFFF #FFFFFF #FFFFFF;
}
.gbold
{
	font-weight: bold;
}
.small
{
	font-size: x-small;
}
.gitalic

{
	font-style: italic;
}
form
{
	display : inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	background: transparent ;
	color: #000000;
	text-align: inherit;
}
#searchform
{
	float:left; 
	position: relative;
}
.search
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	background: transparent ;
	color: #000000;
	text-align: inherit;
	vertical-align : top;
}

.fulllisttable
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	background: transparent ;
	color: #000000;
	text-align: inherit;
	vertical-align : top;
}

.searchbox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	background: transparent ;
	color: #000000;
	text-align: inherit;
}
td.search
{
	padding: 4px 4px 4px 4px;
}
.navbar
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	font-style: normal;
	background: transparent;
	color: #000000;
	text-align: inherit;
}
#left
{
	position:relative;
	float:left;
}
#right
{
	position:relative;
	float:right;
}
#center
{
	position:absolute;
	margin:auto;
}
.center
{
	text-align:center;
}
#middle
{
	position:absolute;
	margin:auto;
}
#main_image
{
	position:absolute;
	text-align:center;
	top:0;
	right:0;
}

#filmstrip
{
	text-align:center;
	top:0;
	left:0;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #CCCCCC;
	scrollbar-dark-shadow-color: #CCCCCC;
	scrollbar-track-color:  #FFFFFF; /*background colour*/
	scrollbar-face-color:  #FFFFFF;
	scrollbar-shadow-color: #999999;
}
.filmstrip
{
	text-align:center;
}
.button
{
	font-family: "Comic Sans MS", Arial, sans-serif;
	background: #B72B00;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	text-align: inherit;
	border-color: #cc9900;
	border-width: 2px 2px 2px 2px ;
}
.topstrip 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	background: transparent ;
	color: #000000;
	text-align: inherit;
}
#topstrip
{
	min-height: 2em;
	position:relative;
	width:100%;
	height:4.8em;
}
#bottomstrip
{
	position:relative;
	margin:auto;
	width:100%;
	text-align:center;
}
.contacts 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	background: transparent ;
	color: #000000;
	text-align: inherit;
	position:relative;
	margin:auto;
}
ul
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	background: transparent ;
	color: #000000;
	text-align: inherit;
	
}
h1
{
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: x-large;
	font-weight: normal;
	font-style: normal;
	background: transparent ;
	color: #B72B00;
	text-align: center;
}
.heading1 
{  
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: x-large;
	font-weight: normal;
	font-style: normal;
	background: transparent ;
	color: #B72B00;
	text-align: left;
}
h2
{
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	font-style: italic;
	background: transparent ;
	color: #000000;
	text-align: inherit;
}
.heading2
{
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	font-style: italic;
	background: transparent ;
	color: #000000;
	text-align: left;
}
h3
{
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	background: transparent ;
	color: #000000;
	text-align: inherit;
}
.heading3
{
	font-family: "Comic Sans MS",Arial, Helvetica,sans-serif;
	font-size: medium;
	font-weight: bold;
	font-style: normal;
	background: transparent ;
	color: #000000;
	text-align: left;
}
#toppart
{
	height:187px; /* logo height or no words in name +1 em*/
	font-family: "Comic Sans MS",Arial,sans-serif;
	font-size: x-large;
}
#logo
{
	position: absolute;
	width:150px; /* logo width or no. letters in longest word in name em */
	left:0;
	top:0px; /* if the logo is higher than the banner then 0.5*difference in height, otherwise 0 */
	text-align:center;
}
.logo
{
	font-family:"Comic Sans MS",Arial,sans-serif;
	font-size:large;
	font-weight:bold;
	font-style:normal;
	color: #009933;
	border :0px;
}
a.alogo
{
	color: #FFFFFF;
	font-family: "Comic Sans MS",Arial,sans-serif;
	font-weight:bold;
	font-size:large;
	font-style:normal;
	text-decoration:none; 
	text-align:center;
	background:transparent;
}
a.alogo:visited
{
	color: #FFFFFF;
	font-family: "Comic Sans MS",Arial,sans-serif;
	font-weight: bold;
	font-size: large;
	font-style: normal;
	text-decoration:none; 
	text-align: center;
	background:transparent;
}
a.alogo:hover
{
	color: #cc9900;
	font-family: "Comic Sans MS",Arial,sans-serif;
	font-weight: bold;
	font-size: large;
	font-style: normal;
	text-align: center;
	background:transparent;
}
a.alogo:active
{
	color: #FFFFFF;
	font-family: "Comic Sans MS",Arial,sans-serif;
	font-weight: bold;
	font-size: large;
	font-style: normal;
	background:transparent;
	text-align:center;
}
#logoarea
{
	left: 150px; /*logo width or no of letters in longest word * .8 em*/
	height:187px; /*max of logo and banner height or number of words in name +2 em*/
	font-family: "Comic Sans MS",Arial,sans-serif;
	font-size: x-large;
	padding-top:0;
	padding-bottom:0;
	position:absolute;
	background:transparent;
	text-align: center;
}
#littlelink
{
	position: absolute;
	width:50px;
	right: 0;
	margin-top: 10px;
	margin-bottom: auto;
}
#logoarea img
{
	top:0px; /* if the logo is higher than the banner then 0.5*difference in height, otherwise 0 */
	position:relative;
}
#logoarea object
{
	top:0px; /* if the logo is higher than the banner then 0.5*difference in height, otherwise 0 */
	position:relative;
}
.logoarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: normal;
	font-style: normal;
	background: #B72B00 ;
	color:  #04005b;
	text-align: inherit;
}
#verticalnavigation
{
	position: absolute;
	left:0;
	text-align: left;
	height:100%;
	width:150px;
	min-height:500px;
}
.menu1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	font-style: normal;
	background: #B72B00;
	color: #FFFFFF;
	text-align: inherit;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
ul.menu1
{
margin: 0;
}

.menu1 li
{
	list-style-image: none;
	list-style-type: none;
	border-color: #cc9900;
	border-width: 1px 1px 1px 1px ;
	border-style: solid;
	margin: 0 0 0 0;
	padding:0;
}
a.amenu1
{
	font-family: "Comic Sans MS",Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	text-decoration:none;
	text-align:center;
	background: #B72B00 ;
	width:12em;
	height:1.4em;
	display: block;
}
a.amenu1:visited
{
	font-family: "Comic Sans MS",Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	text-decoration:none;
	text-align:center;
	background:#B72B00 ;
	width:12em;
	height:1.4em;
	display: block;
}

a.amenu1:hover
{
	font-family: "Comic Sans MS",Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #B72B00;
	text-decoration:none;
	text-align:center;
	background: #FFFFFF ;
	width:12em;
	height:1.4em;
	display: block;
}
a.amenu1:active
{
	font-family: "Comic Sans MS",Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	text-decoration:none;
	text-align:center;
	background: #FFFFFF ;
	width:12em;
	height:1.4em;
	display: block;
}
a.aproduct
{
	font-family: "Comic Sans MS",Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	text-decoration:none;
	text-align:center;
	background: #B72B00 ;
	width:12em;
	height:2.8em;
	display: block;
}
a.aproduct:visited
{
	font-family: "Comic Sans MS",Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	text-align:center;
	text-decoration:none;
	background:#B72B00 ;
	width:12em;
	height:2.8em;
	display: block;
}

a.aproduct:hover
{
	font-family: "Comic Sans MS",Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #B72B00;
	text-decoration:none;
	text-align:center;
	background: #FFFFFF ;
	width:12em;
	height:2.8em;
	display: block;
}
a.aproduct:active
{
	font-family: "Comic Sans MS",Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	text-decoration:none;
	text-align:center;
	background: #FFFFFF ;
	width:12em;
	height:2.8em;
	display: block;
}

/* used for dropdown menus - colours and size of menu2 */
.menu3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	background: #B72B00;
	color: #FFFFFF;
	text-align: inherit;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
ul.menu3
{
margin: 0;
}

.menu3 li
{
	list-style-image: none;
	list-style-type: none;
	border-color: #000000 #FFFFFF #FFFFFF #FFFFFF;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	margin: 0 0 0 0;
	padding:2px 0 2px 0;
}
a.amenu3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	text-decoration:none;
	background: #B72B00 ;
	width:12em;
	height:2.8em;
	display: block;
}
a.amenu3:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	text-decoration:none;
	background:#B72B00 ;
	width:12em;
	height:2.8em;
	display: block;
}

a.amenu3:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #009933;
	text-decoration:none;
	background: #FFFFFF ;
	width:12em;
	height:2.8em;
	display: block;
}
a.amenu3:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	text-decoration:none;
	background: #FFFFFF ;
	width:12em;
	height:2.8em;
	display: block;
}

.menu2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	background: #B72B00;
	color: #FFFFFF;
	border-color: #000000 #FFFFFF #FFFFFF #FFFFFF;
	border-width: 1px 1px 1px 1px ;
}	
a.amenu2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	text-align: inherit;
	vertical-align: middle;
	text-decoration:none;
	background: #B72B00 ;
	width:12em;
	height:2.8em;
}
a.amenu2:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	text-decoration:none;
	background: #B72B00 ;
	width:12em;
	height:2.8em;
}
a.amenu2:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #B72B00;
	text-decoration:none;
	background: #FFFFFF ;
	width:12em;
	height:2.8em;
}
a.amenu2:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	text-decoration:none;
	background: #FFFFFF ;
	width:12em;
	height:2.8em;
}
#horizontalnavigation
{
	position:absolute;
	right:0;
	top:0;
	text-align:right;
}
#mainmenu
{
	width:150px;
	position:absolute;
	left:0;
	top:250px;
}
ul#horizontalnavigation
{
margin: 0;
}

#horizontalnavigation li
{
display: inline;
list-style-type: none;
list-style-image: none;
}
.smallsitelink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	background: transparent;
	text-align: center;
}
a.asmallsitelink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	text-decoration:none;
	background:transparent;
}
a.asmallsitelink:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	font-style: normal;
	color: #B72B00;
	text-decoration:none;
	background:transparent;
}
a.asmallsitelink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	font-style: normal;
	color: #009933;
	text-decoration:none;
	background:#CCCCCC;
}
a.asmallsitelink:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	text-decoration:none;
	background:transparent;
}
.basket 
{
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	color: #B72B00;
	background: #FFFFFF;
	border-color: #cc9900;
}
.list{	font-weight: normal;	font-style: italic;	font-size: x-small;}