/** HOMEPAGE ONLY **/

a {
	outline: none;
}
/* The header section */

/* The main section links */
#containerHeader ul.sectionLinks {
	width: 807px;
	height: 127px;
	border-top: 1px #fb2105 solid;
	background-color: #ffff95;
	background-image: url(/images/buttonIconBackground.jpg);
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#containerHeader ul.sectionLinks li {
	display: inline;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	
	/* These next 3 lines needed to get IE6 to behave */
	width: 125px;
	height: 127px;
	overflow: hidden;
}
#containerHeader ul.sectionLinks li a,
#containerHeader ul.sectionLinks li div.basketSummary {
	display: block;
	width: 108px;
	height: 108px;
	background-color: white;
	margin-left: 17px;
	margin-top: 20px;
	text-decoration: none;
	font-family: "Maiandra GD", "Trebuchet MS", Arial, Helvetica;
	font-size: 12pt;
	text-align: center;
	padding-top: 88px;
	line-height: 16px;
	background-repeat: no-repeat;
	background-position: top center;
}

/* The welcome image */
#containerHeader img.welcome {
	border-top:6px #fb2105 solid;
	border-bottom: 6px #ed9a5b solid;
	width: 807px;
	height: 113px;
	float: left;
	
}

/* News area */
#containerContent div.news {
/*	clear: both;*/
	float: left;
/*	width: 444px; */
	width: 287px;
	height: 207px;
	background-image: url(/images/offersBackground.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 8px;
	margin-right: 10px;
	overflow: hidden;
}
#containerContent div.news a, #containerContent div.news a:visited {
	color: #000000;	
}

/* Adverts area - alternate to adverts */
/* Offers area */
#containerContent div.adverts {
	float: right;
	padding: 8px 8px 0 8px;
	height: 207px;
	width: 287px;	
	background-image: url("/images/offersBackground.gif");
	background-repeat: no-repeat;
	background-position: top left;
	text-align: center;
	overflow: hidden;
}
#containerContent div.adverts div {
	margin: auto 0;	
}
#containerContent div.adverts img {
	vertical-align: top;
	margin: 0 7px;
	border: 1px black solid;
}


/* Offers area  - alternate to offers*/
#containerContent div.offers {
	float: right;
	padding: 8px;
	height: 207px;
	width: 287px;	
	background-image: url("/images/offersBackground.gif");
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 8px;
}
div.offers table {
	float: left;
}
div.offers table a {
	color: #000000;
	text-decoration: none;	
}
div.offers table a:hover {
	text-decoration: underline
}
div.offers table td.image {
	vertical-align: top;
	text-align: left;	
	width: 92px;
	height: 106px;
	overflow: hidden;
}
div.offers table td.image img {
	border: 0;
}
div.offers table td.details {
	vertical-align: top;
	text-align: left;
}
div.offers table td.details h3 {
	font-size: 10pt;
	margin-bottom: 0;
	margin-top: 0;
}
div.offers table td.price {
	font-weight: bold;
}
div.offers table td.buy {
	text-align: right;
}
div.offers table td.buy a {
	text-decoration: underline;
	background-image: url(/images/buy.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 22px;
	height: 18px;
}
div.offers table td.buy a:hover {
	background-position: bottom left;	
}

/* Fading images */
#homepageImageContainer {
	position: relative;
}
#homepageImages {
	width: 460px;
	height:	223px;
/*	float: left;*/
	position: absolute;
	top: 0;
	left: 0;
}
#homepageImages img {
	width: 460px;
	height: 223px;
}
#homepageImagesBackground {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("/images/backgrounds/imageBox.png");
	background-repeat: no-repeat;
	background-position: top left;
	width: 460px;
	height: 223px;
	z-index: 99999;
}

/** THE MAIN STYLESHEET FOR BDBE **/

/* Set the background in which the outer container floats, and fonts etc. */
body {
	background-color: #f9f3bd;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 10pt;
}

/* The outer website container */
#containerOuter {
	background-color: #ffffff;
	width: 962px;
	margin: 18px auto;
	border-bottom: 1px #fb2105 solid;
	border-right: 1px #fb2105 solid;
}

/* The logo */
h1.logo {
	background-image: url(/images/bdbeLogo.png);
	width: 152px;
	height: 250px;
	border: 0;
	border-right: 3px #f82507 solid;
	border-bottom: 3px #f82507 solid;
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

/* The main area and menu container */
#containerMiddle {
	float: left;
	width: 807px;
	position: relative;
}
#containerMenu {
	width: 155px;
	float: left;
	overflow: hidden;
}
* html #containerMenu {
	min-height: 508px;
}
*+html #containerMenu {
	min-height: 508px;	
}
/* innermost enclosing content container */
#containerContent {
	float: right;
	width: 780px;
	padding: 22px 8px 8px 19px;
	margin: 0;
	text-align: justify;
}

/* The left menu */
#containerMain {
	width: 962px;
	position: relative;
	background: url(/images/menuBackground.gif);
	background-position: top left;
	background-repeat: repeat-y;
	padding: 0;
}

#containerMenu ul {
	margin: 0;
	padding: 0 1px;
	list-style-type: none;
}
#containerMenu ul li a {
	width: 153px;
	/*height: 29px; The simply resources link takes up two lines*/
	display: block;
	background-color: #ffffff;
	border-bottom: 1px #e32600 solid;
	text-align: center;
	text-decoration: none;
	font-family: "Maiandra GD", "Trebuchet MS", Arial, Helvetica;
	font-size: 11pt;
	line-height: 28px;
}
#containerMenu ul li.topLevel a {
	text-transform: uppercase;
	font-size: 12pt;
}
#containerMenu ul li.lastItem {
	margin-bottom: 68px; /* Allow space for (c) message */
}
div.clearMenu {
	clear: both;
}

/* The breadcrumb trail */
#breadcrumbTrail {
	position: absolute;
	top: 0;
	left: 155px;
	width: 665px;
	height: 18px;
	line-height: 18px;
	font-size: 9pt;
	background-color: #fb2105;
	padding: 0 4px;
	color: #ffffff;
	font-weight: bold;
}
#breadcrumbTrail a, #accountControl a {
	text-decoration: none;
	color: #ffffff;	
	font-weight: normal;
}
#breadcrumbTrail a:hover, #accountControl a:hover {
	text-decoration: underline;	
}

/* Account control */
#accountControl {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 828px;
	top: 0;
	height: 18px;
	width: 134px;
	background-color: #fb2105;
	color: #ffffff;
}
#accountControl li {
	float: left;
	padding-left: 1ex;
}


/* Bottom left container */
#containerBottomLeft {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 155px;
	text-align: center;
	color: #092269;
	font-size: 8pt;
}
#containerBottomLeft a {
	color: #092269;
	text-decoration: none;
}
#containerBottomLeft a:hover {
	text-decoration: underline;
}

/* General styles */
#containerContent h2 {
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 0;
}
#containerContent p {
	margin-top: 0;
}

/* Preview Images in contents pages */
img.preview {
	border: 1px black solid;
	float: right;
	margin: 0 0 4px 6px;
}

/* Basket summary */
#containerHeader ul.sectionLinks li div.basketSummary {
	padding-top: 0;	
	border: 1px #dd4f92 solid;
	width: 106px;
	height: 106px;
}
#containerHeader ul.sectionLinks li div.basketSummary div {
	padding-bottom: 4px;	
}
#containerHeader ul.sectionLinks li div.basketSummary strong {
	display: block;
	color: #dd4f92;	
	padding-top: 4px;
}
#containerHeader ul.sectionLinks li div.basketSummary a {
	color: #dd4f92;	
	margin: 0;
	padding: 0;
	background-image: url("/images/icons/basket.gif");
	background-repeat: no-repeat;
	background-position: 0 center;
	text-indent: 19px;
	text-align: left;
	margin-left: 1px;
	margin-top: 8px;
	height: 16px;
	line-height: 16px;
	display: block;
	width: 105px;
}
#containerHeader ul.sectionLinks li div.basketSummary a:hover {
	background-color: #dd4f92;
	color: #ffffff;	
}