/** SUBPAGE ONLY **/

/* 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;
}

a {
	outline: none;
}

/* The outer website container */
#containerOuter {
	background-color: #ffffff;
	background-image: url(/images/menuBackground.gif);
	width: 962px;
	margin: 18px auto;
	border-bottom: 1px #fb2105 solid;
	border-right: 1px #fb2105 solid;
	background-position: top left;
	background-repeat: repeat-y;
	position: relative;
}

/* The left bar */
#containerLeft {
	width: 155px;
/*	min-height: 800px;*/
	float: left;
}

/* The middle area */
#containerMiddle {
	width: 807px;
	float: right;	
}

/* 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;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

/* The main section links */
#containerMiddle 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;
}
#containerMiddle 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;
}
#containerMiddle ul.sectionLinks li a,
#containerMiddle 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 main area */
#containerMain {
	clear: both;
	margin: 0;
	padding: 0;
	width: 807px; /* was 962 */
	position: relative;
}
#containerMain a {
	color: #092269;
	text-decoration: none;
}
#containerMain a:hover {
	text-decoration: underline;
}

/* The content area */
#containerContent {
/*	background-color: #ffffff;*/
	margin: 0 0 0 11px;
	padding: 6px;
/*	border-top: 1px white solid;*/
	text-align: justify;
}

/* Breadcrumb trail */
#breadcrumbTrail {
	width: 665px; /* 799 */
	height: 18px;
	line-height: 18px;
	font-size: 9pt;
	background-color: #fb2105;
	padding: 0 4px;
	color: #ffffff;
	font-weight: bold;
	overflow: hidden;
	float: left;
}
#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;
	float: right;
	height: 18px;
	width: 134px;
	background-color: #fb2105;
	color: #ffffff;
}
#accountControl li {
	float: left;
	padding-left: 1ex;
}

/* The left menu */
#containerMenu ul {
	margin: 0;
	padding: 0 1px;
	list-style-type: none;
}
#containerMenu ul li a {
	width: 153px;
/*	height: 29px;*/
	min-height: 29px;
	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: 10pt;
	line-height: 28px;
}
#containerMenu ul li.bigger a {
	font-size: 11pt;
}
#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;
}

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

/* The bottom divider */
div.bottomDivider {
	clear: both;
	height: 48px;	
}

/* Definition lists for index pages */
#containerMain dl {
	margin-left:4px;
	width: 780px;
}
#containerMain dl dt {
	margin-top: 1em;
	font-weight: bold;
	font-size: 10pt;
}
#containerMain dl dd {
	margin-left: 0;
}

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

#containerMain dl.contentsPage dd {
	padding-bottom: 6px;
}

/* Basket summary */
#containerMiddle ul.sectionLinks li div.basketSummary {
	padding-top: 0;	
	border: 1px #dd4f92 solid;
	width: 106px;
	height: 106px;
}
#containerMiddle ul.sectionLinks li div.basketSummary div {
	padding-bottom: 4px;	
}
#containerMiddle ul.sectionLinks li div.basketSummary strong {
	display: block;
	color: #dd4f92;	
	padding-top: 4px;
}
#containerMiddle 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;
}
#containerMiddle ul.sectionLinks li div.basketSummary a:hover {
	background-color: #dd4f92;
	color: #ffffff;	
}
/* Login/out page */
#loginDetails {
	width:300px;
}
#loginDetails table {
	width:100%;
}
#loginDetails table th {
	padding:4px;
}
#loginDetails table td {
	padding:4px;
}
#loginDetails table .textbox {
	width:100%;
}
#loginDetails .button {
	float:right;
	padding:1px;
}