/* CSS Document */
/**********************************************************************************************/
/* This document details the layout for the top template: fonts, menubar details, header etc. */
/* and all generic stuff.																	  */
/* plus anything to do with 'top-level' pages.												  */
/**********************************************************************************************/

p, h1, h2, h3, h4, h5, label, td, th, li, input, textarea {
	font-family: Georgia, "Times New Roman", serif;
	color: #254996;
}
h1 {
	font-size: 18px;
	text-align: center;
}
h2 {
	font-size: 16px;
	text-align: left;
}
h3 {
	font-size: 14px;
}
p, td, li {
	font-size: 12px;
}
label, input, textarea {
	font-size: 12px;
}

.holidayMessage {
	display: none;
	font-size:larger; 
	font-weight:bolder;
}
.specialOffer {
	color: #FF0000; 
	font-weight:bold;
}
.bannerHighlight {
	color:#FF0000; 
	font-size: medium; 
	font-weight: bold;
}

/* Button Behaviour */
#menuBar {
	float: left;
	width: 150px;
	margin-left: 20px;
}
#homeButton, #tiarasButton, #earringsButton, #necklacesButton, #hairpinsButton, #braceletButton, #feedbackButton, #faqButton, #contactButton, #cakeToppersButton, #expressDeliveryButton {
	height: 50px;
	background-repeat:no-repeat;
	display:block;
}

#homeButton {
	top:100px;
	background-image:  url(../Images/Buttons/home.gif);
}
#homeButton:hover {
	background-image:  url(../Images/Buttons/home_over.gif);
}
#tiarasButton {
	top:150px;
	background-image:  url(../Images/Buttons/tiaras.gif);
}
#tiarasButton:hover {
	background-image:  url(../Images/Buttons/tiaras_over.gif);
}
#earringsButton {
	top:200px;
	background-image:  url(../Images/Buttons/earrings.gif);
}
#earringsButton:hover {
	background-image:  url(../Images/Buttons/earrings_over.gif);
}
#necklacesButton {
	top:250px;
	height: 65px;
	background-image:  url(../Images/Buttons/necklaces.gif);
}
#necklacesButton:hover {
	background-image:  url(../Images/Buttons/necklaces_over.gif);
}
#hairpinsButton {
	top:315px;
	background-image:  url(../Images/Buttons/hairpins.gif);
}
#hairpinsButton:hover {
	background-image:  url(../Images/Buttons/hairpins_over.gif);
}
#cakeToppersButton {
	top:365px;
	background-image:  url(../Images/Buttons/cakeToppers.gif);
}
#cakeToppersButton:hover {
	background-image:  url(../Images/Buttons/cakeToppers_over.gif);
}
#braceletButton {
	top:415px;
	background-image: url(../Images/Buttons/bracelets.gif);
}
#braceletButton:hover {
	background-image:  url(../Images/Buttons/bracelets_over.gif);
}
#feedbackButton {
	top:465px;
	background-image:  url(../Images/Buttons/feedback.gif);
}
#feedbackButton:hover {
	background-image:  url(../Images/Buttons/feedback_over.gif);
}
#faqButton {
	top:515px;
	background-image:  url(../Images/Buttons/faq.gif);
}
#faqButton:hover {
	background-image:  url(../Images/Buttons/faq_over.gif);
}
#contactButton {
	top:565px;
	background-image:  url(../Images/Buttons/contact.gif);
}
#contactButton:hover {
	background-image:  url(../Images/Buttons/contact_over.gif);
}
#expressDeliveryButton {
	top:615px;
	height: 100px;
	background-image:  url(../Images/Buttons/expressDelivery.gif);
}
#expressDeliveryButton:hover {
	background-image:  url(../Images/Buttons/expressDelivery_over.gif);
}
a span {
	display:none;
}
/* End of buttons */

#header { 
	height: 100px;
	padding-left: 50%;
	margin-left: -349px;
	margin-bottom: 50px;
}
#logo, #logo td {
	text-align: center;
	clear:right;
}
#logo td {
	font-size:large;
	font-style: italic;
	color: #039;
}

body {
	background-color: #E0E0E0;
}

#bodyText {
	margin-left: 170px;
	padding-right: 20px;
}

.highlightColour {
	color: red;
}

#footer { /* for the policy statement */
	clear: both;
	padding-top: 1em;
	text-align: center;
	font-size: 10px;
	font-style: italic;
}

.floatRight { /* For images */
	float: right;
	margin-right: 30px;
}
.alignRight { /* For feedback - align images within cells */
	text-align: right;
}
.alignCentre {
	text-align: center;
}

#author {
	clear: both;
	font-size: x-small;
	font-style: italic;
}

/* For the home page */
#homeImage {
	border: thick solid #6A86A4;
}

/* for Feedback page */
.feedbackAuthor {
	text-align: right;
}
/* For the 'questions and answers' page */

#questions span {
	/*font-style: italic;*/
	font-weight: bold;
	font-size: large;
	line-height: 2em;
}

/* For the 'more information' button */
.moreInfo {
	border: none;
	text-decoration: none;
	margin-left: 10px;
}

/* Extra buttons ... */
#buttonContShopping, #buttonPay, #buttonSend, #Reset, #buttonUpdateBasket, #buttonCheque, #buttonCard, #addXpress {
	background-repeat:no-repeat;
	background-color: #E0E0E0;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 50px;
	width: 130px;
	border: medium outset #6A86A4;
}

/* ...for View Basket */
#buttonContShopping {
	background-image: url(../Images/Buttons/continueShopping.gif);
}
#buttonPay {
	background-image: url(../Images/Buttons/pay.gif);
}

#buttonUpdateBasket {
	background-image: url(../Images/Buttons/updateBasket.gif);
}

/* ...for contact form */
#buttonSend {
	background-image: url(../Images/Buttons/send.gif);
}
#Reset {
	background-image: url(../Images/Buttons/reset.gif);
}
#buttonCheque {
	background-image: url(../Images/Buttons/payByCheque.gif);
}
#buttonCard {
	background-image: url(../Images/Buttons/payByCard.gif);
}
#addXpress {
	background-image: url(../Images/Buttons/express.gif);
	margin-bottom: 2px;
}

#fabricWidth { /* To set the width of the cell */
	width: 80px;
}

/* ...for checking out */

/*... for shopping basket top of page */
#checkout {
	padding-left: 10px;
	padding-right: 30px;
	padding-top: 3px;
	float: right;
	width: 250px;
	background-color: #6A86A4;
	margin-bottom: 10px;
	margin-top: 10px;
}

.checkoutButtons {
	border: none;
}

/* for labels */
label span {
	font-style: italic;
}

/*  For the shopping basket page */
#basketTable {
	border: thin solid #6A86A4;
}

/* For Printer Stuff */
.printOnly {
	display: none;
}

/* For Disability accessability */
.dash {
	display: none;
	
}

/* Formatting the Price Tables on the Questions and Policies Page */

#bodyText #priceTable th {
	font-size: smaller;
	text-transform: capitalize;
	padding-right:1em;
	padding-left:1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #254996;
}
#bodyText #priceTable td {
	padding-right:1em;
	padding-left:1em;
}
#bodyText #priceTable {
	border: 1px solid #9FACC6;
	border-collapse:collapse;
}
.marginRight {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #254996;
	font-size: smaller;
}
#bodyText #priceTable caption {
	color: #254996;
	font-style: normal;
	font-weight: bolder;
}

.standards {
	border: none;
}

#offer {
	border: thin groove #FF0000;
	padding-left: 10px;
}
#offerText {
	font-size:larger; 
	color:#FF0000;
}