/*Body - main section of document margins and background*/
body{margin-left: 0px; margin-top: 0px; background-color: rgb(255,255,255);}
body.pastarticlesbody{margin-left: 0px; margin-top: 0px; background-color: rgb(0,50,150);}

/* To align the book excerpt on a007.html */
.excerpt{width: 470px; position: relative; left: 100px;}

/* Front page link styles used on the ledt of the page to access general information pages */
a.fplink{display: block; margin: 0px; padding: 5px; background-color: #3388dd; width: 180px; font-size: 12px; text-decoration: underline; font-weight: bold; font-family: arial; color: #ffffff;}
a.fplink:hover{background-image: url(menuback2.jpg);display: block; margin: 0px; padding: 5px; background-color: #1166cc; width: 180px; font-size: 12px; text-decoration: none; font-weight: bold; font-family: arial; color: #ffffff;}
a.jlink{font-size: 12pt; text-decoration: underline; font-weight: bold; font-family: arial; color: #ffffff;}

/* Front page link postioning for divs */
.fpmenuleft{z-index: 3; position: absolute; top: 105px; left: 0px; width: 300px; color: #ffffff; background-color: none; font-size: 12pt; font-family: courier; font-weight: bold; padding: 10px; margin: 0px; text-align: left;}
.fpmenulowerleft{z-index: 3; position: absolute; top: 190px; left: 0px; width: 300px; color: #ffffff; background-color: none; font-size: 12pt; font-family: courier; font-weight: bold; padding: 10px; margin: 0px; text-align: left;}
.fppagesummary{z-index: 3; position: absolute; top: 830px; left: 0px; width: 200px; color: #ffffff; background-color: #1122bb; font-size: 12pt; font-family: arial; font-weight: bold; padding: 10px; margin: 0px; text-align: left;}


/* Promotion on the right of the page holding the advert for the book */
.promotion{z-index: 6; position: absolute; top: 95px; left: 565px; width: 180px; color: #ffffff; background-color: none; font-size: 12pt; font-family: courier; font-weight: bold; padding: 10px; margin: 10px; text-align: center;}
/* The link for the promotion image and the hover to stop the text changing colour, and the image definition to remove the border for the link */
a.promolink{display: block; margin: 0px; padding: 0px; background-color: none; width: 180px; font-size: 12px; text-decoration: none; font-weight: bold; font-family: arial; color: #ffffff;}
a.promolink:hover{display: block; margin: 0px; padding: 0px; background-color: none; width: 180px; font-size: 12px; text-decoration: none; font-weight: bold; font-family: arial; color: #ffffff;}
.image{border: none;}

.rightfiller{z-index: 1; position: absolute; top: 0px; left: 760px; width: 180px; color: #ffffff; background-color: none; font-size: 12pt; font-family: courier; font-weight: bold; padding: 10px; margin: 10px; text-align: center;}



/* The link to go back to the front page from other pages */
.home{text-align:center; position: absolute; top: 60px; left: 330px; z-index: 7; color: #3388dd; padding: 10px;}
a.home{margin: 0px; padding: 10px; background-color: #3388dd; width: 100px; font-size: 10pt; text-decoration: none; font-weight: bold; font-family: arial; color: #ffffff;}
a.home:hover{margin: 0px; padding: 10px; background-color: #1166cc; width: 100px; font-size: 10pt; text-decoration: none; font-weight: bold; font-family: arial; color: #ffffff;}

/* The form on the contact page is written in a table format */
td.contactform{z-index: 7; color: #ffffff; font-size: 12pt; font-family: arial; background: rgb(0,0,0) ;padding: 5px; border: solid 3px rgb(70,140,210);}


a{color: #ffffff;}
a:hover{color: #00ffff;}



/* The div to hold the news text and pictures on the front page */
.fpnews{z-index: 3; position: absolute; top: 100px; left: 197px; width: 370px; color: #ffffff; background-color: none; font-size: 12pt; font-family: arial; font-weight: medium; padding: 10px; margin: 10px; text-align: left; }

.newsheadtable{width:100%; background-color: none; }
td.newsheadline{background-color: none; text-decoration: none; font-weight: bold; color: #ffffff; font-size: 12pt; font-family: arial narrow ;padding: 5px;}
td.newsheadlinecenter{background-color: none; text-decoration: none; font-weight: bold; color: #ffffff; font-size: 14pt; font-family: arial narrow; padding: 5px; text-align: center;}
a.newsheadline{background-color: none; text-decoration: none; font-size: 14pt; font-weight: bold; font-family: arial narrow; color: #ffffff;}
a.newsheadlineseason{background-color: none; text-decoration: none; font-size: 14pt; font-weight: bold; font-family: arial narrow; color: #ffff00;}

a.newsheadlinesmall{background-color: none; text-decoration: none; font-size: 12pt; font-weight: bold; font-family: arial narrow; color: #ffffff;}
td.newsheadlinecommercialbreak{background-color: none; text-decoration: none; font-weight: bold; color: #000000; font-size: 12pt; font-family: arial narrow ;padding: 5px; text-align: center;}
a.newsheadlinecommercialbreak{background-color: none; text-decoration: none; font-size: 14pt; font-weight: bold; font-family: arial narrow; color: #ff0000;}
td.ratingstable{text-align: center; background-color: none; text-decoration: none; font-weight: bold; color: #ffffff; font-size: 12pt; font-family: arial narrow ;padding: 5px;}
a.fpmessage{background-color: none; text-decoration: underline; font-size: 12pt; font-weight: bold; font-family: arial narrow; color: #ffffff;}

a.celeblink{background-color: none; text-decoration: none; font-size: 12pt; font-weight: bold; font-family: arial narrow; color: #ffffff;}


/* The divs to hold the background images for the menu(left), news(middle), promotion (right) */
.backleft{z-index: 3; position: absolute; top: 102px; left: 2px;}
.newsback{z-index: 3; position: absolute; top: 100px; left: 200px;}
.promoback{z-index: 4; position: absolute; top: 102px; left: 575px;}

/* The div to hold the background images on the content pages */
.contentback{z-index: 4; position: absolute; top: 102px; left: 0px;}


/* The pages from the menu on the left of the front page all have a similar layout for the text so use the same div to hold the text for each one to keep it simpler */
.menupagestext{position: absolute; top: 120px; left: 20px; z-index: 8; width: 500px; color: #ffffff; background-color: none; font-size: 14px; font-family: arial; font-weight: bold; padding: 10px; margin: 10px;}
a.menupageslink{background-color: none; font-size: 14px; text-decoration: underline; font-weight: bold; font-family: arial; color: #ffffff;}


/* positions the table itself rather than using a div on the contact form */
.contacttable{position: absolute; top: 250px; left: 30px; z-index: 8; color: #ffffff; background-color: rgb(0,0,0); font-size: 12pt; font-family: arial; font-weight: bold; padding: 10px; margin: 0px; width: 90%;}

/* The div which holds the list of links on the links pages */
.linkslist{position: absolute; top: 150px; left: 20px; z-index: 8; width: 500px; color: #ffffff; background-color: none; font-size: 14px; font-family: arial; font-weight: bold; padding: 10px; margin: 10px;}

/* The past articles page positioning div and links styles */
div.pastarticles{position: absolute; top: 140px; left: 30px; z-index: 8; width: 500px; font-size: 10pt; text-decoration: none; font-weight: bold; font-family: arial; color: #ffffff; font-size: 12pt;}
a.palink{background-color: none; font-size: 12pt; text-decoration: none; font-weight: bold; font-family: arial; color: #ffffff;}
a.palink:hover{background-color: none; font-size: 12pt; text-decoration: none; font-weight: bold; font-family: arial; color: #00ffff;}



/* the div holding and positioning the title image on all pages */
.title{z-index: 2; position: absolute; top: 0px; left: 2px;}


/* News pages */
.newspagesheadline{position: absolute; text-decoration: underline; top: 20px; left: 20px; z-index: 4; color: #ffffff; background-color: #1166cc; font-size: 16pt; font-family: arial; font-weight: bold; padding: 10px; margin: 10px;}
.newspagescontent{width: 730px; position: absolute; text-decoration: none; top: 60px; left: 10px; z-index: 4; color: #ffffff; background-color: #1144aa; font-size: 11pt; font-family: arial; font-weight: bold; padding: 10px; margin: 10px;}
a.newspageslink{background-color: none; font-size: 11pt; text-decoration: underline; font-weight: bold; font-family: arial; color: #ffffff;}


.newshome{z-index: 3; text-align:center; position: absolute; top: 10px; left: 330px; z-index: 4; color: #ffffff; padding: 10px;}
a.newshome{margin: 0px; padding: 10px; background-color: #3388dd; width: 100px; font-size: 10pt; text-decoration: none; font-weight: bold; font-family: arial; color: #ffffff;}
a.newshome:hover{margin: 0px; padding: 10px; background-color: #1166cc; width: 100px; font-size: 10pt; text-decoration: none; font-weight: bold; font-family: arial; color: #ffffff;}

/* Buy page */
/* The position of the writing on the buy pages */
div.buypagetext{position: absolute; top: 100px; left: 20px; z-index: 6; background-color: rgb(20,50,180); font-size: 12pt; font-family: arial; font-weight: bold; padding: 10px; margin: 10px; color: #ffffff; width: 600px;}
/* The links that direct the consumer to the details for ordering in their country */
a.chooselocation{display: block; background-color: none; font-size: 18px; text-decoration: none; font-weight: bold; font-family: arial; color: #ffffff;}
/* background image holder of the buy pages */
div.backgroundbuypage{z-index: 1; position: absolute; left: 5px; top: 100px;}
/* holding div to position the credit card order form */
div.creditcardform{z-index: 5; position: absolute; left: 30px; top: 320px;}
/* the table style for the credit card order form */
td.creditcardorderform{z-index: 5; width: 250px; font-size: 12pt; font-weight: bold; font-family: arial; background: rgb(20,70,180) ;padding: 7px; border: solid 2px rgb(10,50,210); color: #ffffff;}

/* Mailing List */
td.mailinglist {text-decoration: none; color: #ffffff; background: none; font-size: 12pt; font-family:arial; vertical-align: top; text-align:left; font-weight: bold;}
div.mailinglisttext{position: absolute; top: 120px; left: 20px; z-index: 8; width: 500px; color: #ffffff; background-color: none; font-size: 12pt; font-family: arial; font-weight: bold; padding: 10px; margin: 10px;}

/* Copyright Notice */
div.copyrightnotice{position: absolute; top: 3030px; left: 240px; z-index: 8; width: 300px; color: #ffffff; background-color: none; font-size: 12px; font-family: arial; font-weight: bold; padding: 10px; margin: 10px;}