/*----------------------------------------------------------------------------*/
/*	BODY																	  */
/*----------------------------------------------------------------------------*/
/*	This defines the defaults for the entire page.							  */
/*----------------------------------------------------------------------------*/
BODY 
{
	scrollbar-3d-light-color: #000000;
	/* this controls the arrow colour*/
	   scrollbar-arrow-color:#CCCCCC;
	scrollbar-base-color:#CCCCCC;
	scrollbar-dark-shadow-color:#000000;
	/* this controls the main colour of the scroll bar*/
	   scrollbar-face-color:#CCCCCC;
	/* this controls the highlight colour of the scroll bar, if it is the same as above then it is a solid colour */
	   scrollbar-highlight-color:#CCCCCC;
	scrollbar-shadow-color:#000000;
	background: #CCCCCC ;
}

/*----------------------------------------------------------------------------*/
/*	Outertable																  */
/*----------------------------------------------------------------------------*/
/*	This defines the outermost table of each section.						  */
/*																			  */
/*	Changing the background colour of this table changes the colour of the	  */
/*	solid bar across the top of the section.								  */
/*----------------------------------------------------------------------------*/
.outertable
{
	 background-color:#FFFFFF;
	 color : #FFFFFF
}



/*----------------------------------------------------------------------------*/
/*	Innertable																  */
/*----------------------------------------------------------------------------*/
/*	This defines the inner table of each section.							  */
/*																			  */
/*	Changing the border colour of this table changes the colour of the border */
/*	around the section.														  */
/*---------------------------This defines the colour of the nav-------------------------------------------------*/
.innertable
{
	 background-color:#e9e9e9;
	 Border:0px solid #999999;	
	 font-family: Arial, Sans; 
	 font-size: 12px; 
	 line-height: normal
	 font-weight: normal          
}



/*----------------------------------------------------------------------------*/
/*	Menu																	  */
/*----------------------------------------------------------------------------*/
/*	This defines the drop down menu style and also the Search box.			  */
/*----------------------------------------------------------------------------*/
.menu 
{  
	font-family: Arial, Sans; 
	font-size: 12px; 
	line-height: 16px; 
	font-weight: normal
}



/*----------------------------------------------------------------------------*/
/*	BodyText																  */
/*----------------------------------------------------------------------------*/
/*	This defines the default font used throughout the shop.					  */
/*----------------------------------------------------------------------------*/
.BodyText 
 /* This is the main text for everypage in the shop*/
{  
	font-family: Arial, Sans; 
	font-size: 12px; 
	line-height: normal;
	font-weight: normal ;
	color : #000000;
}


.ContentTable
{
	background-color:#CCCCCC;
/*	Border:1px solid #999999;*/
}



.stocklistcell
{
	 background-color:#e9e9e9;	/* change this colour with a similiar  lighter # colour*/
	 Border:1px solid #999999;     /* change it here with the same #...see below*/
	 font-family: Arial, Sans; 
	 font-size: 12px; 
	 line-height: 15px; 
	 font-weight: normal;    
}



.itemcell
{
	 background-color:#FFFFFF;
	 Border:1px solid #999999;     /* and here with the same #...*/
	 font-family: Arial, Sans; 
	 font-size: 12px; 
	 line-height: 15px; 
	 font-weight: normal          
}


.textbox
{  
 /* Use this with text entry boxes to keep the text black*/
font-family: Arial, Sans; 
font-size: 12px; 
font-style: normal; 
color: #000000
}


.menuonwhite 
{ 
 /* Use this for the submit and reset buttons*/
font-family: Arial, Sans; 
font-size: 12px; 
line-height: 16px; 
font-weight: normal ; 
color: #000000
}



.heading {  font-family: Arial, Sans; font-size: 12px; line-height: 16px; font-weight: normal; color: #000000}
.topbanner {  font-family: Arial, Sans; font-size: 12px; line-height: 18px; font-weight: bolder}

.headingonblue { font-family: Arial, Sans; font-size: 12px; line-height: 16px; font-weight: normal; color: #000000}

.dottedline {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.underline {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;

}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background: #CCCCCC;
}