/* CSS Document */
/*
Burgundy - #B80029;
Dark Blue - #284180;
Light Blue - #C3C4DD;
*/
/* -----------------  html tags  ------------------------------ */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#C3C4DD;
	color:#000000;
	margin:10px 0px 10px 0px;
	padding:0px;
	text-align:center; /* Needed by IE otherwise content displays on the left */
	height:100%;
}
form, table, fieldset, div, p, span, h1, h2, h3, h4, h5, h6 {
	padding:0px; margin:0px; border:0px;
}
* {
	font-size:12px;	
}
h1, h2, h3, h4, h5, h6 {
	color:#284180;
	margin:0px 0px 10px 0px;
	line-height:normal;
}
h1 {
	font-size:140%;
}
h2 {
	font-size:130%;
}
h3 {
	font-size:120%;
}
h4 {
	font-size:110%;
}
p {
	color:#000000;
	margin:0px 0px 10px 0px;
	line-height:150%;
}
a:link {
	color:#284180;
	text-decoration:none;
}
a:visited {
	color:#284180;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}
img {
	border:none;
}
li {
	line-height:20px;
	padding: 3px 5px 3px 25px;
	display:block;
	text-align:left;
	list-style-type: none;
	background:url('PB.gif') no-repeat;
	background-position:0px 8px;
	color: #284180;
}
hr {
	height:3px;
	background-color:#284180;
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
}

/* --------------------------Layout -------------------*/
#printheader {
	display:none;
}
#contentcontainer {
	margin:0px auto;
	width: 984px;
}
#headercontainer {
	height:170px;
	background:url('header_984_x_170.gif');
}
#errorheadercontainer {
	height:170px;
	background:url('error_header_984_x_170.gif');
}
#headercontainerinner {
	margin-left:440px;
	margin-right:37px;
	height:150px;
	position:relative;
}
.headerleftimage {
	position:absolute;
	left:0px;
	top:10px;
	height:130px;
	width:80px;
	border:1px solid black;
}
.headerrightimage {
	position:absolute;
	right:0px;
	top:10px;
	height:130px;
	width:80px;
	border:1px solid black;
}
.homecurrentpromotionimage {
	width:280px;
	height:396px;
	border:1px solid black;
}
#maincontenttop {
	background:url('top_slice_984_x_10.gif') no-repeat;
	height:10px;
	font-size:1%; /*This is needed to make container div collapse in IE 5 & 5.5 */
	line-height:1%;
}
#maincontentbody {
	background:url('main_slice_984_x_1.gif') repeat-y;
	width:984px;
}
#maincontentheader, #maincontent2columnheader, #maincontent3columnheader {
	margin-bottom:10px;
	padding: 10px;
	border:1px solid #000000;
	background-color:#284180;
	color:#FFFFFF;
	font-weight:bold;
	font-size:17px;
	text-align:center;
}
#maincontent, #sitemap {
	padding: 10px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	text-align:left;
	margin-bottom:10px;
}
#maincontentinner {
	 width:719px; /* needs to be 719px or IE knocks the whole inner content down to the bottom of the page */
}
#maincontent2column {
	margin-left:208px;
	margin-right:37px;
	text-align:center;
}
#maincontent3column {
	margin-left:35px;
	margin-right:35px;
	text-align:center;
}
#maincontentbottom {
	background:url('bottom_shadow_984_x_20.gif') no-repeat;
	height:20px;
	font-size:1%; /*This is needed to make container div collapse in IE 5 & 5.5 */
	line-height:1%;	
}
/* (IE 5, 5.5 & 6 don't interpret the css box model correctly so we apply width to outer div and margin and padding to inner) */
#maincontentleftcolumn { 
	float:left;
	width: 202px;
}
#maincontentleftcolumninner { 
	padding-left:37px;
}
#maincontentcentercolumn {
	margin-left:208px;
	margin-right:242px;
	text-align:center;
}
/* (IE 5, 5.5 & 6 don't interpret the css box model correctly so we apply width to outer div and margin and padding to inner) */
#maincontentrightcolumn {
	float:right;
	width:235px;
}
#maincontentrightcolumninner {
	padding-right:37px;
}
#footer {
	clear: both;
	text-align:center;
}
#sitemap {
	text-align:center;
}
#sitemap a {
	display:block;
	margin-bottom:10px;
}
#sitemap .categories {
	font-size: 120%;
	color:#000000;
	font-weight:bold;
}
.optionalcontentbox, #contactdetails{
	padding: 10px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	line-height:18px;
	margin-bottom:10px;
	text-align:left;
}
#newsmarqueecontainer {
	padding: 10px 10px 10px 10px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	line-height:18px;
	margin-bottom:10px;
	text-align:left;
}
#newsmarquee {
	position: relative;
	width: 180px; /*marquee width */
	height: 450px; /*marquee height */
	overflow: hidden;
	padding-top: 10px;
}
#newsmarquee ul {
	padding: 0px;
	margin:0px;
}
#newsmarquee li {
	padding: 3px 5px 3px 25px;
	list-style-type: none;
	background:url('PB.gif') no-repeat;
	/* horizontal vertical */
	background-position:0px 8px;
	color: #284180;
}
#readingagency {
	margin-right:2px;
}
#databasetable {
	margin-top:10px;
}
#collections th, #processingavailable th, #databasetable th, #news th {
	text-align:left;
	font-weight:bold;
	background-color:#000000;
	color:#FFFFFF;
	height:20px;
	padding:5px;
}
#collections td, #processingavailable td, #databasetable td, #news td {
	text-align:left;
	border:1px solid #000000;
	background-color: #ffffff;
	padding:5px;
}
#collectionswarning {
	background-color: #FFFFFF;
	color:#000000;
	padding:10px;
	font-size:100%;
	text-align:left;
	border:1px solid #284180;
	margin-bottom:10px;
}
#collectionswarning li {
	padding: 3px 5px 3px 25px;
	display:block;
	text-align:left;
	list-style-type: none;
	background:url('PB.gif') no-repeat;
	/* horizontal vertical */
	background-position:0px 8px;
}
#shoppingtimeline {
	padding:10px;
	text-align:center;
	border:1px solid black;
	background-color:#FFFFFF;
	margin-bottom:10px;
}
#search_form {
	border:1px solid black;
	padding:10px;
	margin-bottom:10px;
	background-color:#B80029;
	text-align:center;
}
label#search_label {
	color:#FFFFFF;
	vertical-align:bottom;
}
input#search_text {
	width:60%;
}
#basketsummary {
	width:141px;
	height: 210px;
	background: #FFFFFF url(../images/Shopping_Basket_156_150px.gif) no-repeat 0px 84px; /* left top */
}
#searchcategory {
	width:138px;
	font-size: 10px;
}
#frmSearch .form-row {
	text-align:right;
	padding-left:0px;
	padding-right:0px;
}
/*-------------  Navigation  ---------------------*/
#message, .message {
	color:#B80029;
	border: 3px solid #B80029; 
	padding: 10px;
	margin: 10px auto 10px auto;
	text-align:center;
	line-height:30px;
	background-color:#FFFFFF;
}
#message .title, #message p {
	color:#B80029;
}
.basketmessage, .basketemptymessage {
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	margin: 10px auto 10px auto;
	text-align:center;
	line-height:30px;
	background-color:#B80029;
}
.basketemptymessage {
	background-color:#000000;
}
#notes {
	margin: 0 auto;
	text-align:left;
	border: 3px solid #284180;
	padding: 10px;
	margin-top:10px;
	margin-bottom:10px;
}
#noteslink {
	margin: 0 auto;
	text-align:left;
	border-top: 3px solid #284180;
	padding: 10px 0px 10px 0px;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:bold;
}
/* ----------------------------  Classes ------------------------- */

.title, caption {
	margin:0px 0px 15px 0px;
	font-weight:bold;
	font-size:130%;
}
.subtitle {
	margin:0px 0px 15px 0px;
	font-weight:bold;
	font-size:110%;
}
.smalltext {
	font-size:10px;
	text-align:center;
	font-style:italic;
	line-height:15px;
}
.boldtext, .priceselected {
	color:#284180;
	font-weight:bold;
}
.redtext {
	color:#B80029;
	font-weight:bold;
}
.activeshoppingpage {
	font-size: 130%;
	color:#284180;
	font-weight:bold;
}
.greentext {
	color: #00CC00;
	font-weight:bold;
}
.collectiontitle, .newstitle {
font-weight:bold;
font-size:16px;
margin-bottom:5px;
color:#284180; 
}
.category {
font-weight:bold;
font-size:12px;
margin-bottom:5px;
}
.description{
margin-top:10px;
}
.links {
	padding:0px;
}
#collections .highlightcollection {
background-color: #B80029;
}
#collections .highlighttitle {
color: #B80029;
font-weight:bold;
font-style:italic;
}
.salutation {
font-weight:bold;
font-size:14px;
color:#284180;
}
.bottomnavlinks { /* Used to push main content down if any column grows in height */
	clear:both;
	border:none;
	margin:0px 35px 0px 35px;
	padding:10px 0px 10px 0px;
	text-align:center;
}
.nomarginborder {
	margin:0px;
	border:1px solid #000000;
}
.nomargin {
	margin:0px;
}
.border {
	border:1px solid #000000;
}
.center {
	text-align:center;
}
.themedbookcollections {
	padding-top:30px;
}

#maincontentheader .welcomemessage {
	font-size:80%;
}
#maincontentheader .welcomemessagenames {
	font-size:110%;
}
/* --------------------------- Sortable tables -----------------------    */
table.sortable {
	margin:0 auto;
	border:1px solid #000000;
}
table.sortable a.sortheader {
	background-color:#000000;
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-align:left;
}
table.sortable span.sortarrow {
	color: White;
	text-decoration: none;
}
table.sortable th {
	text-align:left;
	font-weight:bold;
	background-color:#000000;
	color:#FFFFFF;
	padding:5px;
}
table.sortable td {
	text-align:left;
	border:1px solid #000000;
	background-color: #ffffff;
	padding:5px;
}
table.confirmtable th {
	background-color:#000000;
	color:#FFFFFF;
	font-weight: bold;
}
table.confirmtable table, table.confirmtable td {
	border:1px solid #000000;
}
tfoot.footer td {
	font-weight:bold;
	background-color:#284180; 
	color:#FFFFFF;
	padding:5px;
	border-left: none;
	border-right: none;
	font-size:120%;
}
/* ---------------------------Form Styles --------------------    */
.submit {
background-color:#284180;
color:#FFFFFF;
padding:2px;
border:1px solid #000000;
margin:0px;
line-height:normal;
}
legend {
font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
color:#284180;
}
select, input {
padding:0px;
margin:0px 5px 0px 0px;
vertical-align: bottom;
border:1px solid black;
line-height:normal;
}
input {
padding:2px;
}
.validation-advice {
margin: 5px 0px;
padding: 5px;
background-color: #284180;
color : #FFF;
font-weight: bold;
border:1px solid #000000;
}
fieldset {
padding: 10px;
margin-bottom: 10px;
border: 1px solid #284180;
}
label { 
display: block;  /* block float the labels to left column, set a width */
float: left; 
width: 130px; 
text-align: left;
font-weight:bold;
}
label.inline {
display: inline;  /* block float the labels to left column, set a width */
float: none; 
width: 130px; 
text-align: left;
font-weight:bold;
}
.form-row {
padding:5px 0px 5px 0px;
text-align:left;
clear:both;
}
#buttons {
margin: 0px auto;
text-align:right;
padding:5px 0px 5px 0px;
}
.buttons-left {
margin: 0px auto;
text-align:left;
padding:10px 0px 10px 0px;
}
.buttons-right {
margin: 0px auto;
text-align:right;
padding:10px 0px 10px 0px;
}
.formtext { /* used to display text beside form fields */
font-style:bold;
}
.clear {
clear:both;
height:1px;
font-size:1%;
line-height:1%;
overflow:hidden;
width:100%;
}
/* --------------------------- End Form Validation -----------------------    */

/* --------------------------- TinyMCE Styles -----------------------    */
/*
This style must be uploaded to 'Live' site to see them in the Test site as TinyMCE JS Init file references the live site css file!! 
.mceContentBody - used to style mceeditor main body
.mceEditorIframe - used to style surrounding frame
.mceEditor - used to style toolbar and components
*/ 

body.mceContentBody {
   background-color: #FFFFFF;
   text-align:left;
}

/* --------------------------- Enf TinyMCE Styles -----------------------    */

/* ---------------- "Freezing" the Page On Form Submission --------------    */

#freezescreendiv, #fullscreen {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: expression('absolute'); /* Expressions forces IE to position and scroll div with scrolling window */
height: expression(document.documentElement.scrollHeight+'px');
width: expression(document.documentElement.scrollWidth+'px');
z-index: 1000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* first! ie 8 */
filter:alpha(opacity=90); /* ie 7*/
-moz-opacity:0.90; /* mozilla */
opacity:0.90;	/* for all other browsers */
text-align:center;
background-color:#666;
display:none;
}

#freezescreenmsg {
background-color:#FFFFFF;
font-size: 20px;
width: 66%;
margin: 200px auto 0px auto;
border: 3px solid #B80029;
padding: 20px;
color: #B80029;
text-align:center;
}
#fullscreenmsgcontainer {
background: #FFFFFF url(../images/Shopping_Basket_156_150px.gif) no-repeat 0px 0px; /* left top */
width:964px;
margin: 200px auto 0px auto;
}
#fullscreenmsg {
font-size: 20px;
font-weight:bold;
border: 3px solid #B80029;
padding: 20px 20px 20px 180px;
color: #284180;
text-align:center;
}
#fullscreenmsg h3, #fullscreenmsg h4 {
	margin-top:0px;
	margin-bottom:10px;
	padding:0px;
}
#fullscreenmsg h3 {
	font-size:18px;
	color:#B80029;
	line-height:normal;
}
#fullscreenmsg h4 {
	font-size:15px;
	line-height:1.5;
}
*//* ----------------  End Of "Freezing" the Page On Form Submission  ----------------- */