* {
	border: none;
	margin: 0;
	padding: 0;
	font-family: Georgia, Times, serif;
}

/* ---------- FORM ELEMENTS ------------------------------------------------ */

.FormBlock {
    float:left;
    width:100%;
    padding:3px 0px;
}

.FormBlock label {
    float:left;
    width:110px;
}

.FormBlock .validationError p {
	color: #dd0000;
}

legend {
	font-size: 1.3em;
	color: #00aeef;
}

fieldset {
	margin: 10px 0;
	padding:10px;
	border: 1px solid #aaa;	
}

.LoggedInNote {
	background-color:#00AEEF;
	position:absolute;
	right:8px;
	top:4px;
	padding:6px 4px;
	margin:0px;
	border-right:#104E8B 1px solid;
	border-bottom:#104E8B 1px solid;
}

.LoggedInNote p {
	margin: 0;
	padding: 0;
	color: #fff;
}

.LoggedInNote a {
	color: #fff;
}

.LoggedInNote a:hover {
	text-decoration: none;
}


/* ---------- GLOBAL ------------------------------------------------------- */

body {
	font-size: 62.5%;
	background: #fff url(../images/gradientbg.png) top left repeat-x;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.invisible {
	display: none;
}


.textInput {
	padding: 2px;
	border: 1px solid #aaa;
	font-size: 1.2em;
}
.textInput:focus {
	background: #EBF7FE;
}
label, .textInput {
	display: block;
	float: left;
	margin-bottom: 0.5em;
}

/* Maybe make this more specific, ie is this just mostly just for the contact page? */
label {
	color: #666666;
	/*width: 100px;*/
	margin-right: 20px;
	font-size: 1.3em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	/*text-align: right;*/
}

a {
	outline: none;
}

h2 {
	margin-bottom: 20px;
}

#pageContainer {
	width: 780px;
	margin: 0 auto;
	background: transparent url(../images/bookbg.jpg) top left no-repeat;
}

#header {
	position: relative;
	height: 130px;
	border-bottom: 1px solid #00AEEF;
}

#header h1 {
	position: absolute;
	top: 80px;
	left: 310px;
	width: 387px;
	height: 30px;
	background: transparent url(../images/upmheading.png) top left no-repeat;
}

h1 span {
	display: none;
}

#footer {
	clear: both;
	padding: 18px 0;
	border-top: 1px solid #00AEEF;
}

#footer #address a {
	color: #00aeef;
}

#fanaticLink {
	float: left;
	width: 280px;
	color: #666666;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}

#fanaticLink a {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

#fanaticLink a:hover {
	color: #444444;
}

#address {
	float: right;
	width: 490px;
	color: #666666;
	font-style: italic;
	font-size: 1.2em;
	text-align: right;
}

p {
	margin-bottom: 1em;
	color: #666666;
	font-size: 1.3em;
	line-height: 1.4em;
}

select {
	padding: 2px;
	font-size: 1.1em;
	border: 1px solid #dadada;
}

select, option {
	font-family: Arial, Helvetica, sans-serif;
}

.buttonLink {
	cursor: pointer;
	padding: 9px 16px 9px 16px;
	text-decoration: none;
	text-align: center;
	font-size: 1.15em;
	color: #666666;
	border-top: 1px solid #fff;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #cacaca;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	margin:10x;
}

.buttonLink span {
	font-family: Arial, Helvetica, sans-serif;
}

.buttonLink:hover {
	color: #888;
}

.buttonLink:active {
	color: #444;
	border-top: 1px solid #DDDCDA;
	border-bottom: 1px solid #EFEEEC;
}

.pdfLink {
	float: right;
	font-style: italic;
	font-weight: bold;
}

.pdfLink span {
	color: #00aeef;
}

.pdfDownload {
	width: 109px;
	height: 29px;
	margin-right: -22px;
	float: right;
	font-size: 1px;
	line-height: 30px;
	cursor: pointer;	
	text-indent: -9999px;
	background: transparent url(../images/button-pdf.png) top left no-repeat;
}

.backButton {
	padding-left: 1.5em;
	padding-right: 0.8em;
	background: transparent url(../images/leftarrow.png) 8px 50% no-repeat;
}

.bold {
	font-weight: bold;
}

/* ----- Content Boxes ----- */

.sectionContainer {
	color: #666666;
	border: 1px solid #ddd;
}

.noCorner {
	padding: 22px 45px;
}

.cornerSection {
	padding: 22px 45px;
	background: transparent url(../images/pagecorner.png) top right no-repeat;	
}

.pinkSection {
	background: transparent url(../images/pinkgradient.png) bottom left repeat-x;
}

.blueSection {
	background: transparent url(../images/bluegradient.png) bottom left repeat-x;
}

/* ---------- MENU COLUMN -------------------------------------------------- */

#menuColumn {
	float: left;
	width: 200px;
}

#menuColumn ul {
	list-style-type: none;
}

#menuColumn .horizontalRule {
	width: 100px;
	height: 1px;
	margin: 20px 0;
	border-top: 1px solid #afafaf;
}

#mainMenu {
	margin-top: 20px;
}

#mainMenu li a {
	color: #00AEEF;
	font-size: 1.6em;
	line-height: 1.7em;
	text-decoration: none;
}

#mainMenu li a:hover, .selected a {
	color: #87D6F4 !important;
}

#mainMenu li ul {
	padding: 0.5em 0 0.5em 1.5em;
}

#mainMenu li ul li {
	margin-bottom: 0.7em;
}

#mainMenu li ul li a {
	font-size: 1.1em;
	line-height: 1.0em;
	color: #666666 !important;
}

#mainMenu li ul li a:hover, #mainMenu li ul .selected a {
	color: #00AEEF !important;
}

#menuColumn h3 {
	height: 37px;
	text-indent: -9999px;
	background: transparent url(../images/bloglatest.png) top left no-repeat;
}

#latestBlogTopics li {
	display: block;
	padding: 0.7em 0;
	line-height: 1.4em;
	color: #666666;
	font-size: 1.2em;
}

#latestBlogTopics li a {
	color: #666666;
	font-family: Georgia, Times, serif;
}

#contentColumn {
	float: right;
	width: 520px;
	padding: 20px 0 3em 0;
}

#contentColumn h2 {
	color: #00AEEF;
	font-size: 2.0em;
	font-style: italic;
	font-weight:normal;
}

/* ---------- HOME PAGE ---------------------------------------------------- */

.bookReview img {
	float: left;
}

.reviewInfo {
	float: right;
	width: 260px;
}

.reviewInfo h3 {
	color: #BDB8AC;
	font-size: 1.4em;
	font-weight: normal;
	font-style: italic;
}

.reviewInfo h4 {
	font-size: 2.0em;
	font-weight: normal;
	font-style: italic;
}

#home .reviewInfo h4 {
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #B0E4F5;
}

#enquiriesForm {
	width: 100%;
	padding: 22px 30px;
	margin: 2em 0;
	background: transparent url(../images/formbg.png) top left no-repeat;
}

#enquiriesForm h3 {
	color: #666666;
	font-size: 1.6em;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 16px;
}

.headingIndent {
	display: block;
	width: 215px;
	text-align: right;
}

#enquiriesForm select {
	width: 165px;
	margin-left: 70px;
	background: #fff;
}

.gradientButton {
	display: block;
	cursor: pointer;
	width: 161px;
	height: 34px;
	line-height: 34px;
	text-decoration: none;
	text-align: center;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: center;
	background: transparent url(../images/gradientbutton.png) 0px 0px no-repeat;
}

.gradientButton .bold {
	font-family: Arial, Helvetica, sans-serif;
}

.gradientButton:hover {
	background-position: 0px -34px;
}

.buttonContainer {
	float: right;
	width: 250px;
}

/* ---------- NEWS & REVIEWS ----------------------------------------------- */

.subSection {
	padding: 22px 45px;
	border-top: 1px solid #DCDBD9;
	background: transparent url(../images/pagedecoration.png) 15px 0px no-repeat;
}

#newsAndReviews .sectionContainer h3 {
	margin-bottom: 0.8em;
	font-size: 2.0em;
	font-weight: normal;
	font-style: italic;
}

#newsAndReviews .sectionContainer h3 a {
	text-decoration: none;
}

#newsAndReviews .sectionContainer h3 a:hover {
	text-decoration: underline;
}

#newsAndReviews .sectionContainer img {
	float: left;
}

.bookBlurb {
	float: right;
	width: 304px;
}

/* ---------- REVIEW ------------------------------------------------------ */

.review .sectionContainer img {
	float: left;
}

#bookInfo {
	float: right;
	width: 255px;
	color: #666666;
	font-size: 1.1em;
}

#bookInfo h3 {
	margin-bottom: 0.8em;
	color: #666666;
	font-size: 1.9em;
	font-weight: normal;
	font-style: italic;
}

#bookInfo .buttonLink {
	display: block;
	margin-top: 1em;
	width: 9em;

}

/* ---------- CATALOGUE ARCHIVE -------------------------------------------- */

.edition {
	clear: left;
	float: left;
	width: 160px;
	margin: 8px 0 0 125px;
}

.addBrochure {
	display: inline-block; 
	margin-bottom: 15px;
}

/* ---------- PUBLISHERS --------------------------------------------------- */

.PublisherImg {
	display: block;
	float: left;
	margin: 2.2em;
}

.publisherBrochures {
	width: 100%;
}

.publisherBrochures td {
	color: #666666;
	font-size: 1.3em;
	line-height: 1.4em;
}

/* ---------- PUBLISHER INFORMATION ---------------------------------------- */

.publisherInfo .sectionContainer {
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 1.5em;
}

.sectionContainer a {
	color: #666666;
}

.sectionContainer a:hover {
	text-decoration: none;
}

.sectionContainer .publisher {
	font-weight: bold;
}


.sectionContainer .publisher a {
	color: #00aeef;
	font-style: italic;
}

.leftColumn {
	float: left;
	width: 200px;
}

.rightColumn {
	float: right;
	width: 200px;
}

.publisherInfo h3 {
	margin-bottom: 1em;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}

.publisherInfo h4 {
	float: left;
	width: 40px;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
}

.publisherNote {
	margin: 3em 0 1em 0;
	font-size: 0.9em;
	font-style: italic;
}

.cornerSection .publisherNote {
	margin: 1.6em 0 1.6em 0;
}

/* ---------- BLOG LISTING ------------------------------------------------- */

#blog .searchBox {
	display: block;
	float: left;
	margin-left: 15px;
}

#blog table {
	width: 100%;
	font-size: 1.4em;
	line-height: 1.9em;
}

#blog th {
	color: #00AEEF;
	text-align: left;
	border-bottom: 1px solid #E0E0E0;
}

#blog td {
	padding-right: 10px;
	border-bottom: 1px solid #E0E0E0;
}

#blog td, #blog td a {
	color: #666666;
	text-decoration: none;
}

#blog tr:hover {
	color: #00AEEF !important;
}

#blog td a:hover {
	color: #00AEEF;
}

.responsesColumn {
	text-align: center;
}

.pager {
	float: right;
	padding-top: 1.5em;
	color: #666666;
}

.pager a {
	padding: 0 0.2em 0 0.2em;
	color: #666666;
	text-decoration: none;
}

.pager a:hover {
	text-decoration: underline;
}

.previousLink {
	display: inline-block;
	width: 5em;
	text-align: right;
	background: transparent url(../images/leftarrow.png) center left no-repeat;
}

.nextLink {
	display: inline-block;
	width: 3em;
	text-align: left;	
	background: transparent url(../images/rightarrow.png) center right no-repeat;
}

/* ---------- BLOG HOME ---------------------------------------------------- */

.seeAllTopics {
	display: block;
	float: left;
	width: 110px;
	margin-top: 2.5em;
}

.generalGuidelines {
    margin:25px 0 0 0 ;
    float:left;
}
.generalGuidelines h4 {
	margin-top: 2em;
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: underline;
	color: #666666;
}

.generalGuidelines a {
	color: #666666;
	font-size: 1.2em;
}

.generalGuidelines a:hover {
	text-decoration: none;	
}

/* ---------- BLOG POST ---------------------------------------------------- */

#blogPost #contentColumn {
	padding-top: 30px;
}

#blogPost h2 {
	margin-top: 1.5em;
	color: #666666;
	font-style: normal;
	font-size: 2.4em;
}

#blogPost .ResponseExt {
    display:none;
}

.comment {
	margin: 3em 0 3em 0;
	padding-left: 120px;
	background: transparent url(../images/commentbg.png) 35px 0 no-repeat;
}

.expandButton {
	display: block;
	float: right;
	width: 19px;
	height: 16px;
	text-indent: -9999px;
	background: transparent url(../images/button-expand.png) top left no-repeat;
}
.contractButton {
	display: block;
	float: right;
	width: 19px;
	height: 16px;
	text-indent: -9999px;
	background: transparent url(../images/button-contract.png) top left no-repeat;
}

.posterDetails {
	color: #666666;
	font-size: 1.4em;
}

.posterDetails .date {
	font-size: 0.8em !important;
}

#blogPost label {
	text-align: left;
}

#blogPost label a {
	color: #666666;
}

#blogPost label a:hover {
	text-decoration: none;
}

#blogPost .textInput {
	width: 400px;
}

#blogPost texarea {
	margin-bottom: 30px;
}

#submitSection {
	padding-top: 10px;
}

.postButton {
	margin-left: 6px;
	padding-left: 1.5em;
	padding-right: 0.8em;
	background: transparent url(../images/plus.png) 8px 50% no-repeat;
}

/* ---------- SEARCH RESULTS ----------------------------------------------- */

#searchResults #contentColumn h2 {
	color: #666666 !important;
	font-size: 2.0em;
	font-weight: normal;
	font-style: normal;
}

.searchResult {
	margin-bottom: 1.5em;
	padding-left: 40px;
	color: #666666;
	font-size: 1.2em;
}

.searchResult h3 {
	margin-bottom: 0.65em;
	font-size: 1.6em;
	font-weight: bold;
}

.searchBox {
	width: 230px;
	margin-top: 2.5em;
	padding: 8px 12px 12px 12px;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #cacaca;
	background: transparent url(../images/searchboxbg.png) bottom left repeat-x;
}

.searchBox label {
	float: none;
	width: 200px;
	color: #00AEEF;
	font-size: 1.4em;
	text-align: left;
}

.searchBox .textInput {
	display: inline;
	width: 193px;
	background: #fff;
}

.goButton {
	padding-left: 5px;
	color: #666666;
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;
	background: transparent;
}

/* ---------- GUIDELINES --------------------------------------------------- */

.guidelinesList {
	padding: 15px;
	color: #666666;
	font-size: 1.2em;
}

.guidelinesList li {
	margin-bottom: 1.4em;
}

/* ---------- LINKS -------------------------------------------------------- */

#links h3 {
	margin-top: 2em;
	color: #00AEEF;
	font-size: 1.4em;
	font-weight: normal;
	font-style: italic;
}

#links p {
	margin-bottom: 0.5em;
}

#links a {
	color: #666666;
	font-size: 1.4em;
}

#links a:hover {
	text-decoration: none;
}

/* ---------- CONTACT ------------------------------------------------------ */

#contact .sectionContainer {
	line-height: 1.6em;
}

/* Are these types of labels used on other pages? */
#contact label {
	color: #666666;
	width: 90px;
	margin-right: 20px;
	font-size: 1.3em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}

#contact .textInput {
	width: 300px;
}

#contact textarea {
	height: 90px;
}

#contact img {
	float: right;
	margin: 0 0 15px 15px;
    width: 13px;
}

#contactDetails h3 {
	font-size: 1.0em;
}

#contactDetails .left {
	width: 205px;
}

#contactDetails .right {
	width: 205px;
	text-align: right;

}

#contactDetails .right h3 {
	display: inline;

}

#contactDetails {
	margin-top: 60px;
	font-size: 1.2em;
}

/* Addition By Jon */
.button {
	cursor: pointer;
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin: 0 0.5em 0.5em 0;
	text-decoration: none;
	text-align: center;
	font-size: 1.2em;
	color: #666666;
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

.Confirmation {
	background-color:#BEE554;
}

.Thread {
    margin-bottom:20px;
}

#newsletterSignup {
	margin-bottom: 10px;
	overflow: auto;
}

#newsletterSignup h2 {
	margin-top: 1em;
}

#newsletterSignup input {
	float: left;
	margin-left: 115px;
}

#newsletterSignup label {
	width: 285px;
	margin: 0 0 0 5px;
	text-align: left;
}