/*GLOBAL DEFINITIONS — TO USE ON NORMAL SITE PAGES*/
/*Defines basic properties for the whole document*/
body {
	margin: 0;
	padding: 0;
	background-color: white;
	color: black;
	font-family: arial, helvetica, sans-serif;
}
a:link {color: #5050AA;}
a:visited {color: purple;}
a:hover {color: blue;
}

/*Main header style*/
h1 {
	margin-top: 0.8em;
	font-family: georgia, serif;
	font-size: 1.7em;
}

/*Subheading style*/
h2 {
	margin-top: 0.4em;
	font-family: georgia, serif;
	font-size: 1.25em;
	margin-bottom: 0;
}

/*Subsubheading style*/
h3 {
	margin: 10px 0 0 0;
	font-family: georgia, serif;
	font-size: 1.1em;
	margin-bottom: 0px;
}

/*Another Subheading style*/
h4 {
	margin-top: 0;
	font-family: georgia, serif;
	font-size: 1.4em;
	font-weight: normal;
}

/*Subheading for landing page style*/
h5 {
	margin-top: 1.4em;
	margin-bottom: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
}

/*Main paragraph style*/
p {
	font-size: 0.85em;
}

/*All of the visible content of the page should go within this div*/
#pagecontents {
	position: relative;
	width: 800px;
}

/*Positions the logo at the top left of the page*/
#logo {
	position: absolute;
	top: 14px;
	left: 8px;
}

/*Defines the properties of the "view basket" on top of the blue header bar*/
#basket {
	position: absolute;
	top: 25px;
	left: 690px;
}
#basket p {
	font-family: georgia, serif;
	font-weight: bold;
	font-size: 1.05em;
	margin: 0;
	text-align: center;
}
#basket a:link, #basket a:visited { 
	color: #5050AA; 
	text-decoration: none;
}
#basket a:hover { 
	color: blue; 
	text-decoration: underline;
}
.total {
	color: yellow;
	font-size: 0.7em;
	position: absolute;
	top: 10px;
	left: 500px;
}

/*Defines the properties of the navigation bar*/
#nav {
	font-family: georgia, serif;
	margin: 2px 0px 10px 0px;
	float: left;
	width: 20%;
	color: black;
	background-color: #204088;
	font-size: 1em;
}
#nav ul {
	list-style-type: none;
	padding: 5px;
	margin: 0px;
}

/*Defines the properties of the newsletter link button.*/
.navnews li a:link, .navnews li a:visited {
	display: block;
	padding: 5px 7px 5px 7px;
	margin: 15px 5px 15px 5px;
	border-left: 3px solid #60CC80;
	border-top: 3px solid #60CC80;
	border-right: 3px solid #404040;
	border-bottom: 3px solid #404040;
	background-color: #CCFFCE;
	font-weight: bold;
	color: black;
	text-decoration: none;
}
.navnews li a:hover {
	border-left: 3px solid #404040;
	border-top: 3px solid #404040;
	border-right: 3px solid #60CC80;
	border-bottom: 3px solid #60CC80;
}

/*Defines the properties of the main link buttons.*/
.navmain li a:link, .navmain li a:visited {
	display: block;
	padding: 5px 7px 5px 7px;
	margin: 15px 5px 15px 5px;
	border-left: 3px solid #30AADD;
	border-top: 3px solid #30AADD;
	border-right: 3px solid #000020;
	border-bottom: 3px solid #000020;
	background-color: #AAD2FF;
	font-weight: bold;
	color: black;
	text-decoration: none;
}
.navmain li a:hover {
	border-left: 3px solid #000020;
	border-top: 3px solid #000020;
	border-right: 3px solid #30AADD;
	border-bottom: 3px solid #30AADD;
}

/*Defines the properties of the books link buttons.*/
.navbooks li a:link, .navbooks li a:visited {
	display: block;
	padding: 5px 7px 5px 7px;
	margin: 15px 5px 15px 5px;
	border-left: 3px solid #BBAA00;
	border-top: 3px solid #BBAA00;
	border-right: 3px solid #404000;
	border-bottom: 3px solid #404000;
	background-color: #FFFF90;
	font-weight: bold;
	color: black;
	text-decoration: none;
}
.navbooks li a:hover {
	border-left: 3px solid #404000;
	border-top: 3px solid #404000;
	border-right: 3px solid #BBAA00;
	border-bottom: 3px solid #BBAA00;
}

/*Positions the main text block*/
#content {
	float: right;
	width: 76%;
	margin: 0;
	margin-bottom: 20px;
}

/*Positions and formats a textbox under the nav bar for testimonials*/
.testimonial {
	clear: left;
	display: block;
	margin: 0 10px 20px 10px;
	padding: 0px;
	width: 140px;
	color: #404040;
	font-family: georgia, serif;
	border-top: 1px solid #5050AA;
	border-bottom: 1px solid #5050AA;
}
.testimonial a:link, .testimonial a:visited {
	font-size: 0.85em;
	font-weight: bold;
	color: #5050AA;
	text-decoration: none;
}
.testimonial a:hover {
	color: blue;
	text-decoration: underline;
}
.paypal {
	clear: left;
	width: 150px;
}

/*Defines the properties of the link footer.*/
#footer {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	border-top: 2px solid #204088;
	color: #204088;
	text-align: center;
	font-size: 0.7em;
}
#footer ul {
	margin: 5px;
}
#footer li a:link, #footer li a:visited {
	text-decoration: none;
	font-size: 1.1em;
}
#footer li a:hover {
	text-decoration: underline;
	font-size: 1.1em;
}


/*"THE BOOKS" PAGE DEFINITIONS*/
/*Defines the properties of the book list*/
.bookset {
	padding: 0 0 20px 0;
	margin: 0;
	background-color: white;
}

.booklist {
	list-style-type: none;
	font-size: 0.8em;
	margin: 0 0 0 25px;
	padding: 0;
}

.booklist li {
	position: relative;
	float: left;
	margin-right: 5px;
	width: 49%;
}
.booklist li p{
	margin: 2px 0 0 0;
}
.booklist li.short {height: 57px;}
.booklist li.mid {height: 75px;}
.booklist li.long {height: 92px;}
.booklist li a:link, .booklist li a:visited, .booklist li a:hover {
	font-weight: bold;
	font-size: 1.05em;
}
.booklist li img {
	position: absolute;
	top: 0px;
	left: 190px;
	width: 66px;
	height: 44px;
}


/*BOOK PAGE DEFINITIONS*/
/*Defines the properties of the contents page link button.*/
#rimgcontlink {
	position: relative;
	float: right;
	padding: 0px;
	margin: 0px;
	margin-left: 30px;
}
.contlink {
	position: relative;
	display: inline;
	width: 192px;
}

.contlink a:link, .contlink a:visited {
	padding: 5px 7px 5px 7px;
	margin: 15px 5px 15px 5px;
	text-align: center;
	border-left: 3px solid #30AADD;
	border-top: 3px solid #30AADD;
	border-right: 3px solid #000020;
	border-bottom: 3px solid #000020;
	background-color: #AACCFF;
	font-weight: bold;
	color: black;
	text-decoration: none;
}
.contlink a:hover {
	border-left: 3px solid #000020;
	border-top: 3px solid #000020;
	border-right: 3px solid #30AADD;
	border-bottom: 3px solid #30AADD;
}

/*Defines the buy online box*/
.addproduct {
	padding: 15px;
	padding-bottom: 1px;
	background-color: #DFE5FF
}
.addproduct h2 {
	color: #AA0000;
	margin: 0;
	font-size: 1.5em;
}
.addproduct p {
	font-size: 0.8em;
}

/*Defines the properties of the continue shopping link button.*/
.shoplink a:link, .shoplink a:visited {
	padding: 5px;
	width: 220px;
	text-align: center;
	border-left: 3px solid #BBAA00;
	border-top: 3px solid #BBAA00;
	border-right: 3px solid #404000;
	border-bottom: 3px solid #404000;
	background-color: #FFFF90;
	font-weight: bold;
	color: black;
	text-decoration: none;
}
.shoplink a:hover {
	border-left: 3px solid #404000;
	border-top: 3px solid #404000;
	border-right: 3px solid #BBAA00;
	border-bottom: 3px solid #BBAA00;
}

/*Defines the properties of the go to checkout link button.*/
.margin {
	padding-top: 10px;
}
.checkoutlink {
	position: relative;
}
.checkoutlink p {
	display: inline;
}

.checkoutlink a:link, .checkoutlink a:visited {
	text-align: center;
	padding: 5px 20px 5px 20px;
	border-left: 3px solid #30AADD;
	border-top: 3px solid #30AADD;
	border-right: 3px solid #000020;
	border-bottom: 3px solid #000020;
	background-color: #AACCFF;
	font-weight: bold;
	color: black;
	text-decoration: none;
}
.checkoutlink a:hover {
	border-left: 3px solid #000020;
	border-top: 3px solid #000020;
	border-right: 3px solid #30AADD;
	border-bottom: 3px solid #30AADD;
}



/*BOOK CONTENTS PAGES DEFINITIONS*/
/*Defines the basic properties of the contents page*/
#contentspage {
	width: 90%;
	margin-left: 50px;
	margin-top: 50px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	padding: 20px;
}
#contentspage h1 {
	color: purple;
}
#contentspage table {
	margin-top: 30px;
	margin-left: 8px;
	font-size: 0.8em;
}
#contentspage table td {
	padding-right: 20px;
}


/*ARTICLE PAGES DEFINITIONS*/
/*Defines the basic properties of the article page*/
#articlecontent {
	width: 76%;
	margin-left: 50px;
	margin-top: 50px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	padding: 20px;
	font-size: 0.95em;
}
#articlecontent h1 {
	color: purple;
}

.byline {
	text-align: right;
	font-size: 0.7em;
	font-weight: bold;
	color: black;
	margin-top: -15px;
	margin-bottom: 10px;
}

.disclaimer {
	border-top: 1px solid gray;
	margin-top: 20px;
	font-size: 0.9em;
}


/*CHECKOUT PAGE DEFINITIONS*/
/*Defines the properties of the <noscript> error message*/
.error {
	border: 2px solid red;
	padding: 20px;
	margin: 10px;
}
.error p {
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
}

/*Defines the properties of the form*/
fieldset {
	border: 1px solid #5050AA;
	margin-top: 10px;
	padding: 15px;
}	
legend  { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.85em; 
	font-weight: bold;
	color: #5050AA;
}
form p {
	clear: left;
	margin: 0;
	margin-top: 10px;
	padding: 0;
}
form p label {
	float: left;
	width: 100px;
	font-size: 0.8em;
	font-weight: normal;
	color: black;
}


/*GENERAL FORMATTING TOOLS*/
/*Defines an indented, 7px-spaced list with no bullets*/
.list ul {
	margin-left: 30px;
	font-size: 0.9em;
	list-style-type: none;
}
.list li {
	margin-bottom:7px;
}
.list li p{
	margin: 0px;
	font-size: 0.85em;
}

/*Defines an indented, 10px-spaced list with square bullets*/
.bulletlist ul {
	margin-left: 30px;
	font-size: 0.9em;
	list-style-type: square;
}
.bulletlist li {
	margin-bottom:10px;
}

/*Defines an indented, 5px-spaced list with square bullets*/
.bulletlist2 ul {
	margin-left: 30px;
	font-size: 0.9em;
	list-style-type: square;
}
.bulletlist2 ol {
	margin-left: 30px;
	font-size: 0.9em;
}
.bulletlist2 li {
	margin-bottom:5px;
}

/*Defines an indented, 5px-spaced list with round bullets*/
.bulletlist3 ul {
	margin-top: 5px;
	margin-left: 30px;
	font-size: 0.85em;
	list-style-type: disc;
}

.bulletlist3 OL {
	MARGIN-TOP: 5px; 
	FONT-SIZE: 0.85em; 
	MARGIN-LEFT: 30px;
}

.bulletlist3 li {
	margin-bottom:5px;
}


/*Aligns a list horizontally*/
ul.horizontal li {
	display: inline;
}

/*Positions an image to the right of a text block with wrapped text.*/	
.rightimg {
	float: right;
	margin-left: 30px;
}

/*Positions an object at the bottom of the left-hand floating box (navigation)*/
.clearleft {
	clear: left;
}

/*Positions an object at the bottom of the right-hand floating box (content)*/
.clearright {
	clear: right;
}

/*Defines a definitions list with 20px spacing*/
.def dl{
	margin-left: 30px;
	font-size: 0.9em;
}
.def dt {
	font-weight: bold;
	margin-top: 20px;
}
.def dd {
	font-weight: normal;
}

/*tiny white text*/
.whitetext {
	color: white;
	font-size: 0.6em;
}

/*indent*/
.indent {
	margin-left: 20px;
}


.nopcart {
	width: 100%;
	background-color: #000080;
}
p.cartlink a:link {color: #E90000;}
p.cartlink a:visited {color: purple;}
p.cartlink a:hover {color: #E90000;
}
.nopcart2 {
	width: 80%;
	margin-top: 12px;
	background-color: #000080;
}
.nopheader1 {
	background: #5050AA;
	font-family: georgia, serif; 
	font-size: 1em; 
	color: white;
	width: 46%;
	padding: 5px;
	padding-left: 10px;
	margin: 0;
}
.nopheader2 {
	background: #5050AA;
	font-family: georgia, serif;
	font-weight: bold; 
	font-size: 1em;  
	width: 18%;
	color: white;
	padding: 5px;
	padding-left: 10px;
	margin: 0;
}
.nopentry {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 0.8em;   
	color: white;
}
.nopentry1 {
	background: white;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 0.8em;   
	color: black;
	width: 46%;
	padding: 5px;
	padding-left: 10px;
	margin: 0;
}
.nopentry2 {
	background: white;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 0.9em;   
	color: black;
	width: 18%;
	padding: 5px;
	padding-left: 10px;
	margin: 0;
}
.nopentry2 p {
	font-size: 1em;
	margin-top: 5px;
	margin-bottom: 10px;
}
.nopbutton {
	background: white;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.8em; 
	color: black;
	padding: 5px;
	margin: 0;
}
.noptotal {
	background: white;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 0.9em; 
	color: #5050AA;
	padding: 5px;
	padding-left: 10px;
	margin: 0;
}

.newslink a:link, .newslink a:visited {
	padding: 5px;
	width: 150px;
	text-align: center;
	border-left: 3px solid #30AADD;
	border-top: 3px solid #30AADD;
	border-right: 3px solid #000020;
	border-bottom: 3px solid #000020;
	background-color: #AACCFF;
	font-weight: bold;
	color: black;
	text-decoration: none;
}
.newslink a:hover {
	border-left: 3px solid #000020;
	border-top: 3px solid #000020;
	border-right: 3px solid #30AADD;
	border-bottom: 3px solid #30AADD;
}


#newscontent {
	width: 86%;
	margin-left: 50px;
	margin-top: 50px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	padding: 20px;
	font-size: 0.95em;
}
#newscontent h1 {
	color: purple;
}

#sitemap {
	margin: 30px;
	font-size: 0.9em;
}
#sitemap ul li {
	padding: 10px;
	list-style-type: disc;
}
#sitemap ul ul li {
	padding: 4px;
	list-style-type: square;
}
#sitemap ul ul ul li {
	padding: 2px;
	list-style-type: circle;
}


.disclaimerb {
	font-size: 0.9em;
}
	 

/*Positions text to the right of a text block with wrapped text. TW*/	
.righttext {
	float: right;
	margin: 1em;
	padding: 6px;
	width: 190px;
	color: #404040;
	font-family: georgia, serif;
	border-top: 1px solid #5050AA;
	border-bottom: 1px solid #5050AA;
	border-left: 1px solid #5050AA;
	border-right: 1px solid #5050AA;
}
.righttext ul {
	margin-top: -10px;
	margin-left: 20px;
	margin-right: 10px;
	font-size: 0.8em;
}
.righttext li {
	margin: 0;
	margin-bottom: 2px;
}


.deemph {
	font-size: 0.9em;
}
.deemph form{
	margin-top: 2px;
	margin-bottom: 0;
}


input.btn {
	float: right;
	margin-top: 20px;
	padding-top: 5px;
	padding-bottom: 2px;
	width: 220px;
	font-size: 0.965em;
	text-align: center;
	border-left: 3px solid #60CC80;
	border-top: 3px solid #60CC80;
	border-right: 3px solid #404040;
	border-bottom: 3px solid #404040;
	background-color: #CCFFCE;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

input.btn2 {
	margin-top: 0px;
	width: 180px;
	font-size: 1em;
	text-align: center;
	border-left: 3px solid #AA0000;
	border-top: 3px solid #AA0000;
	border-right: 3px solid #400000;
	border-bottom: 3px solid #400000;
	background-color: #DDAAAA;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

input.btn3 {
	margin-top: 35px;
	padding: 3px;
	width: 180px;
	font-family: georgia, serif;
	font-size: 1.2em;
	text-align: center;
	border-left: 3px solid #AA0000;
	border-top: 3px solid #AA0000;
	border-right: 3px solid #400000;
	border-bottom: 3px solid #400000;
	background-color: #DDAAAA;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

input.btn4 {
	margin-top: 5px;
	width: 110px;
	font-size: 0.9em;
	text-align: center;
	border-left: 3px solid #60CC80;
	border-top: 3px solid #60CC80;
	border-right: 3px solid #404040;
	border-bottom: 3px solid #404040;
	background-color: #CCFFCE;
	color: black;
	text-decoration: none;
}

input.text {
	color: blue;
	border: 0;
	margin-left: -30px;
	background-color: white;
	text-decoration: underline;
}


.ordernow p a:link, .ordernow p a:visited {
	padding: 5px 0.5em 5px 0.5em;
	width: 200px;
	font-size: 1.33em;
	font-family: georgia, serif;
	border-left: 3px solid #AA0000;
	border-top: 3px solid #AA0000;
	border-right: 3px solid #400000;
	border-bottom: 3px solid #400000;
	background-color: #DDAAAA;
	font-weight: bold;
	color: black;
	text-decoration: none;
	text-align: center;
}
.ordernow p a:hover {
	border-left: 3px solid #400000;
	border-top: 3px solid #400000;
	border-right: 3px solid #AA0000;
	border-bottom: 3px solid #AA0000;
}

/*A black outline box for the landing pages.*/
.box {
	padding: 7px;
	margin: 20px 0px 20px 0px;
	border: 1px solid black;
}
.box p{
	margin: 0;
}

/*A paragraph indent for the landing pages.*/
.indent2 {
	margin-left: 40px;
}

#secretpagecontent {
	width: 93%;
	margin-left: 50px;
	margin-top: 50px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	padding: 20px;
	font-size: 0.95em;
}
#secretpagecontent h3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
	/*color: #204088;*/
}
	

.leftimg {
	float: left;
	margin-right: 5px;
}


/*Centred box for use with unheaded pages*/

#centrepagecontent {
	width: 700px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 4px solid black;
	border-bottom: 4px solid black;
	padding: 0px 50px 20px 50px;
	font-size: 1em;
	line-height: 1.5;
}
#centrepagecontent h1 {
	font-family: arial black, impact, sans-serif;
	font-style: normal;
	color: black;
	font-weight: normal;
	font-size: 2.5em;
	line-height: 1.2;
	text-align: center;
}
#centrepagecontent h6 {
	margin-top: 1.4em;
	margin-bottom: -10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: purple;
	font-size: 1.1em;
	text-align: center;
	font-style: italic;
}
#centrepagecontent form {
	display: inline;
}

.box2 {
	padding: 7px;
	margin: 10px 30px 20px 50px;
	background-color: #FBF9C5;
	border: 1px solid gray;
	font-size: 0.9em;
	font-style: italic;
}
.box2 p{
	margin: 0;
}

.box3 {
	margin: 10px 220px 0 0;
	padding: 4px;
	background-color: #FBF9C5;
	border: 1px solid gray;
	font-size: 0.8em;
	text-align: left;
}
.box3 h1{
	margin: 0 0 0 20px;
	font-size: 1em;
	font-family: arial, helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
}
.box3 img{
	height: 5px;
}