body
{
/*  background: url(images/background.gif) top left repeat-x;*/
  background-color: #[Background Colour];
	
	
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#firststripe {
position: absolute;
left: 0;
top: 0;
height: 21px;
width: 100%;
background-color: #[Top Stripe Background Colour];   	
}

#secondstripe {
position: absolute;
left: 0;
top: 21px;
height: 4px;
width: 100%;
background-color: #fff;
}


#headerbackground {
position: absolute;
left: 0;
top: 24px;
width: 100%;
text-align: center;
background-color: #[Banner Background Colour];
}

#bannertext {
text-align: right;
width: 757px;
color: white;
background-color: #[Top Stripe Background Colour];
/*#[Top Stripe Background Color];*/
}




#menu ul li a:hover
{
  [Menu Hover Style]
  background-color: #[Menu Hover Colour];
}

#menu ul li ul li,
#menu ul .selected,
#menu ul .active
{
  [Menu Selected Style]
  color: #[Menu Selected Text Colour];
  background-color: #[Menu Selected Colour];
}

/* ie flows the bg onto the next parent li item... padding on the bottom prevents this... */
#menu ul .selected,
#menu ul .active
{
  padding-bottom: 1px;
}


#pagebody #menu
{
  background: url(images/white_ver_dash.gif) top right repeat-y;
}


#pagebody #content
{
  background: #[Content Background Colour] url(images/white_ver_dash.gif) top right repeat-y;
}


#pagebody
{
  background: url(images/white_ver_dash.gif) top left repeat-y;
  margin: 0px;
}

#menu ul li a
{
  background: url(images/white_hor_dash.gif) bottom left repeat-x;
  color:#[Menu Text Colour];
  text-decoration: none;
}

#breadcrumb
{
  border: 1px solid #213163;
}

#breadcrumb a
{
  background: url(images/linkarrow.gif) center right no-repeat;
  color:#2E1066;
  [Breadcrumb Style]
}

#breadcrumb a:hover
{
  [Breadcrumb Hover Style]
}


.editbox
{
	border: 1px solid #ff0000;
}

.editbox h3
{
	color: #000;
}

.editbox a
{
	border: 1px solid #000;
	color: #000;
	font-size: 9px;
}

.editbox a:hover
{
	background-color: #3F5FBC;
}



#content
{
  color: #[Content Text Colour];
}
#content h1
{
  color: #[Content Text Colour];
}

#pagebody tr
{
	/*background: url(images/white_hor_dash.gif) bottom left repeat-x;*/
}

#menu .selected a
{
[Menu Selected Style]
color:  #[Menu Selected Text Colour];
}

#menu .selected ul li a
{
  color: #[Menu Selected Text Colour];
}

/* hack so that the borders arent covered... */
#menu ul{padding: 1px;}
#menu ul li ul{padding: 0px;}

.pageimages
{
	background: url(images/white_ver_dash.gif) top right repeat-y;
	color: #2E1066;
}

.productsPHOTO,
.productsViewPHOTO
{
	background-color: #213163;
}

.productsPHOTO a,
.productsPHOTO b,
.productsPHOTO em,
.productsViewPHOTO a,
.productsViewPHOTO b,
.productsViewPHOTO em
{
	font-style:normal;
	color: #2E1066;
}

.productsPHOTO a:hover
{
	/*background-color: #666666;*/
}
.products .spacer
{
	 height: 2px;
}

.productcategories a
{
	font-weight: bold;
    text-decoration: underline;
    color: #2E1066;
}

.productcategories a:hover
{
    text-decoration: none;
}

.productcategories li
{
	background: url(images/plusnull.gif) 6px 3px no-repeat;
}
.productcategories .Parent
{
	background: url(images/plus.gif) 6px 3px no-repeat;
}

#contentdiv
{
	color: #[Content Text Colour];
	background-color: #[Content Background Colour];
}


#content a
{
  color: #[Content Text Colour];
  text-decoration: underline;
  font-weight: bold;
}

#content a:hover
{
  text-decoration: none;
  font-weight: bold;
}

.footer a
{
  color:#[Footer Link Colour];
}