/*******************************************************************************
	Core Beocentral Style Sheet

	Copyright (C) Nick Jarman 1999-2009. All rights reserved.
*******************************************************************************/
html {
	margin:								0;
	border:								0;
	font-size:						70%;
	line-height:					175%;
	font-family:					"verdana", sans-serif;
	background-color:			#fff;
	color:								#222;
	}



/* Headings */
h1 {
	margin:								0 0 0.25em 5.71em;
  border-bottom:				1px solid #000;
	padding:							0.35em 0 0.06em 0;
	width:								22.04em;
  font-size:						245%;
  line-height:					140%;
  }
h2 {
	margin:								0 0 0 8.14em;
	font-size:						172%;
	width:								31.4em;
	}
h3 {
	clear:								both;
	float: 								left;
	width:								12em;
	padding:							0 2em 2em 0;
	font-weight:					bold;
	text-transform: 			uppercase;
	text-decoration:			none;
	text-align:						right;
	}
h2, h4, h5, h6 {
	padding:							1em 0 0.3em 0;
	}
h1 a, h2 a, h4 a, h5 a, h6 a {
	font-weight:					normal;
	}



/* Paragraphs, emphasis, etc */
p {
	padding:							0 0 1.2em 0;
	}
strong {
	font-weight:					bold;
	}
em {
	font-style:						italic;
	}
.copyright {
	display:							none;
	}



/* Links */
a {
	color:								#000;
	font-weight:					bold;
	text-decoration:			none;
	}
a:hover {
	color:								#b00;
	text-decoration:			underline;
	}



/* Structure - banner and header */
#banner {
	padding:							10px 0;
	text-align:						center;
	background-color:			#600;
	color:								#fff;
	}
#banner h2 {
	padding:							1em 0 0.5em 0;
	margin:								0;
	width:								100%;
	font-family:					"gill sans", sans-serif;
	font-size:						100%;
	line-height: 					normal;
	text-decoration:			none;
	text-transform:				uppercase;
	}



/* Structure - navigation */
#navigation {
	clear:								both;
	background-color:			#600;
	font-weight:					bold;
	padding:							0;
	margin-top:						-2px; /* Stops the single pixel line from appearing on Mobile Safari */
	}
#navigation ul {
	margin:								0 0 0 14em;
	padding:							0;
	}
#navigation li {
	float:								left;
	margin:								0;
	border-right:					1px solid #600;
	padding:							0;
	width:								10.8em;
	line-height:					normal;
	text-align:						center;
	color:								#444;
	}
#navigation li a {
	display:							block;
	padding:							0.6em 0;
	text-decoration:			none;
	color:								#111;
	background:						#fff url("../images/graphics/tabu.gif") repeat-x bottom left;
	}
#navigation li a.current {
	background:						#e3e3e3;
	}
#navigation a:hover {
	text-decoration:			underline;
	color:								#b00;
	background:						#fff5a9 url("../images/graphics/tabus.gif") repeat-x bottom;
	}



/* Structure - breadcrumbs */
#breadcrumbs {
	clear: 								both;
	margin:								0;
	padding:							0;
  line-height: 					normal;
	background-color:			#e3e3e3;
	color:								#666;
	list-style:						none;
	}
#breadcrumbs ul {
	float:								left;
	margin:								0 0 0 14em;
	width:								54em;
	padding:							0.8em 0;
	text-align:						center;
	}
#breadcrumbs li {
	margin:								0 0.5em 0 0;
	padding:							0;
	display:							inline;
	}
#breadcrumbs a {
	text-decoration:			none;
	color:								#666;
	font-weight:					normal;
	}
#breadcrumbs a:hover {
	text-decoration:			underline;
	}



/* Structure - content and containers */
#content {
	height:								100%; /* necessary to get IE6/7 to clear floats correctly. */
	background:						#fff url("../images/graphics/shadow.png") repeat-x top;	}
.container {
	margin:								0 auto;
	padding:							0 0 0 2em;
	width:								84em;
	}
.sectioncontent {
	float:								left;
	width:								54em;
	padding:							0 0 2em 0;
	}



/* Structure - footer */
#footer {
	padding:							0.5em 0;
	clear:								both;
	color:								#888;
	background-color:			#000;
	}
#footer p {
	padding:							0 0 0 16.47em;
	width:								63.53em;
	font-size:						85%;
	line-height:					200%;
	text-align:						center;
	}



/* Further info */
#furtherinfo {
	clear: 								both;
	padding:							1em 0 2em 0;
	background-color:			#e3e3e3;
	color:								#333;
	}
#furtherinfo .sectioncontent, #furtherinfo .sectionheading {
	color:								#555;
	}
#furtherinfo h2 {
	margin:								0 0 1em 0;
	border-bottom:				1px solid #999;
	padding-bottom:				0.3em;
	font-size:						130%;
	}
.furtherinfopanelleft {
	float:								left;
	width:								12em;
	}
.furtherinfopanelleft h2, .furtherinfopanelright h2 {
	width:								9.23em;
	}
.furtherinfopanelcentre {
	float:								left;
	padding:							0 0 1em 2em;
	width:								26em;
	}
.furtherinfopanelcentre h2 {
	width:								20em;
	}
.furtherinfopanelright {
	float:								left;
	padding:							0 0 1em 2em;
	width:								12em;
	}
#furtherinfoend {
	clear: 								both;
	}
#furtherinfo a, #furtherinfo a:visited {
	color:								inherit;
	font-weight:					normal;
	}
.updatelist li {
	padding:							0 0 1em 0;
	line-height:					140%;
	}
.updatelist .date {
	display:							block;
	color:								#666;
	}
#sitestats {
	margin:								1em 0 0 14em;
	border-top:						1px solid #999;
	padding:							1.5em 0 0 0;
	width:								54em;
	line-height:					normal;
	color:								#666;
	text-align:						center;
	}



/* Productgroup styles */
.productgroup img {
/*	margin-left:					14em;*/
	}
.productgroup h2 {
	clear:								both;
/*	margin:								1em 0 0.5em 8.13953em;*/
	margin:								1em 0 0.5em 0;
	line-height:					130%;
	}
.productgroup h2 a {
	display:							block;
	border-bottom:				1px solid #ddd;
	padding:							0 0 0.2em 0;
	text-decoration:			none;
	}
.productgroup .productsummary {
	padding-left:					0;
	}



/* Mini search form */
#minisearch {
	float:								left;
	width:								12.2em;
	margin:								0.4em 0 0 2em;
	padding:							0;
	background-color:			transparent;
	}
#minisearch input {
	width:								11.6em;
	background-color:			#eee;
	border:								1px solid #aaa;
	padding:							0.3em 0.2em;
	}
#minisearch input.active {
	color:								#000;
	}
#minisearch input.inactive {
	color:								#999;
	}



/* Hack to ensure divs that only contain floating elements are sized to completely contain them. */
.floatclear {
	clear: both;
	}