/* CSS Document */
.textArea {
/*	width:573px;*/
	background-color:#ffffff;
	color:#131313;
	margin-bottom:5px;

}
	.textArea a,
	.textArea a.visited,
	.textArea a:hover
	{
		color:#573558;
	}
	.textArea h3 {
		color:#6E5C76;
		font-size:1.8em;
		padding-left:10px;
		font-weight:normal;		
		width:560px;
	}
	.textArea h4 {
		color:#6E5C76;
		font-size:1.4em;
		padding-left:.8em;
		padding-bottom:5px;
		font-weight:normal;
		margin-bottom:5px;
	}
		.textArea .underline {
			border-bottom:1px #333333 solid;
			padding-bottom:5px;
			margin-bottom:5px;
		}
	.copySpace, 
	.textArea p
	{
		font-size:1.2em;	
		padding-left:1em;
		margin-bottom:1.1em;
		width:90%;
	}
	.textArea .authorBiogFirstSentence
	{
		font-size:1.1em;
		padding-left:0px;
	}
	.textArea .authorBiogCopy
	{
		width:416px;
	}
	.textArea .searchResultsText
	{
		margin-top:0.5em;
	}
	.textArea .bookDetails
	{
		color:#666666;
		font-size:1em;
		padding-left:13px;
	}
	.textArea .priceParagraph
	{
		color:#333333;
		margin-bottom:0px;
	}
	.textArea .reviewIntro
	{
		margin-top:8px;
	}
	.textArea .writeReviewLabel
	{
		margin-bottom:8px;
	}
	.textArea ul{
		list-style:disc;
		padding-left:3em;
	}
	.textArea .leftImage,
	.keyAuthor .leftImage {
		width:90px;
		float:left;
		margin:0px 4px;
		text-align:center;
	}
	.textArea .rightImage,
	.keyAuthor .rightImage {
		float:right;
		margin:6px 14px 6px 12px;
	}
	.textArea .imageBorder,
	.keyAuthor .imageBorder {
		border: solid 1px #9792A9;
	}
	.textArea .rightText,
	.keyAuthor .rightText {
		float:right;
		width:400px;
	}
		.textArea .rightText,
		.keyAuthor .rightText {
			float:right;
			width:465px;
			padding-right:5px;
		}

.pinkBox {
	background-color:#eee6fd;
	background-image: url(../graphics/pinkbox_background.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
	.pinkBox .top {
		height:9px;
		display:block;
		background-image: url(../graphics/pinkbox_top.gif);
		background-repeat: no-repeat;
		background-position: left top;		
	}
	.pinkBox .withTitleSpace {
		height:22px;
		background-image: url(../graphics/pinkbox_top_titlespace.gif);
		background-position: left top;		
	}
	.pinkBox .bottom {
		height:9px;
		display:block;
		background-image: url(../graphics/pinkbox_bottom.gif);
		background-repeat: no-repeat;
		background-position:left bottom;	
	}
	.pinkBox .withButtonSpace {
		height:22px; /* has expanded height to allow for over flow style buttons */	
		background-image: url(../graphics/pinkbox_bottom_buttonspace.gif);
		background-position:left bottom;
	}

.whiteBox {
	background-color:#ffffff;
	background-image: url(../graphics/whitebox_background.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
	.whiteBox .top {
		height:9px;
		display:block;
		background-image: url(../graphics/whitebox_top.gif);
		background-repeat: no-repeat;
		background-position: left top;		
	}
	.whiteBox .withTitleSpace {
		height:22px;
		background-image: url(../graphics/whitebox_top_titlespace.gif);
		background-position: left top;		
	}
	.whiteBox .bottom {
		height:9px;
		display:block;
		background-image: url(../graphics/whitebox_bottom.gif);
		background-repeat: no-repeat;
		background-position: left bottom;		
	}
	.whiteBox .withButtonSpace {
		height:22px; /* has expanded height to allow for over flow style buttons */	
		background-image: url(../graphics/whitebox_bottom_buttonspace.gif);
		background-position:left bottom;
	}
	.whiteBox .bottom img {
		float:right;
		margin-right:8px;
	}



/*** NEW ***/
/* this is like the whiteBox class, but the box goes from left to right, with 
the straight edge being on the top left, as opposed to top right in the normal
white box */
.whiteBoxLTR {
	background-color:#ffffff;
	background-image: url(../graphics/whitebox_background.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
	.whiteBoxLTR .top {
		height:9px;
		display:block;
		background-image: url(../graphics/whiteboxLTR_top.gif);
		background-repeat: no-repeat;
		background-position: left top;		
	}
	.whiteBoxLTR .withTitleSpace {
		height:22px;
		background-image: url(../graphics/whiteboxLTR_top_titlespace.gif);
		background-position: left top;		
	}
	.whiteBoxLTR .bottom {
		height:9px;
		display:block;
		background-image: url(../graphics/whiteboxLTR_bottom.gif);
		background-repeat: no-repeat;
		background-position: left bottom;		
	}
	.whiteBoxLTR .withButtonSpace {
		height:22px; /* has expanded height to allow for over flow style buttons */	
		background-image: url(../graphics/whiteboxLTR_bottom_buttonspace.gif);
		background-position:left bottom;
	}
	.whiteBoxLTR .bottom img {
		float:right;
		margin-right:20px;
	}
	
	
	
	
.pinkBoxRTL {
	background-color:#eee6fd;
	background-image: url(../graphics/pinkbox_background.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
	.pinkBoxRTL .top {
		height:9px;
		display:block;
		background-image: url(../graphics/pinkboxRTL_top.gif);
		background-repeat: no-repeat;
		background-position: left top;		
	}
	.pinkBoxRTL .bottom {
		height:9px;
		display:block;
		background-image: url(../graphics/pinkboxRTL_bottom.gif);
		background-repeat: no-repeat;
		background-position:left bottom;
	}
	.pinkBoxRTL .withButtonSpace {
		height:22px; /* has expanded height to allow for over flow style buttons */	
		background-image: url(../graphics/pinkboxRTL_bottom_buttonspace.gif);
		background-position:left bottom;
	}
/*** END ***/

.pinkBox .bottom, 
.whiteBox .bottom,  
.whiteBoxLTR .bottom,
.pinkBoxRTL .bottom{
	clear:both;
}

.pinkBox .azBottomSpacer
{
	clear:both;
	height:8px;
}

/* for the book details page */
/* moved to book_detail.css
.bookImage {
	width:150px;
	float:left;
	text-align:right;
}*/
.bookImage img 
{
	margin-bottom:5px;
}
.bookImageText {
	width:410px;
	float:left;
}
.priceParagraph label {
	position:relative;	
}
.websiteButton {
	margin-left:390px;
}

/* RMS 21-11-2007 to fix the "visit their website" button */
.websiteButtonMoreAbout 
{
    margin-left:359px;
}
.websiteButtonVisitSite
{
    margin-left:390px;
}
/* End of RMS */

#booksByAuthor {
	list-style:none;
	padding:0px 0px 0px 2px;
	margin:0px;
}
	#booksByAuthor li {
		float:left;
		width:130px;
		/*height:150px; 15em;*/
		text-align:center;
		margin:5px 5px 0px 5px;
		font-size:10px;
	}
	#booksByAuthor li p
	{
		padding-left:0px;
		text-align:center;
		width:100%;
	}

/*** NEW Questions stuff for key authors page ***/
.questionsAnswers {
	font-size:1.2em;
}
	.questionsAnswers li {
		margin-left:5em;
	}
	.questionsAnswers li p {
		margin-left:0px;
	}
	.questionsAnswers p {
		margin:0 0 1em 1em;
	}
	
/* Author AZ listing stuff */
#authorListAZ 
{
	list-style:none;
	padding-left:13px;
}
#authorListAZ li 
{
	clear:left;
	width:540px;
	border-top-style:solid;
	border-top-color:#9591A8;
	border-top-width:1px;
	padding:5px 0px 5px 0px;
}
#authorListAZ .authorSearchResultsLeftColumn
{
	float:left;
	width:65px;
}
#authorListAZ .authorSearchResultsRightColumn
{
	float:right;
	width:475px;
}
#authorListAZ li img
{
	float:left;
	margin:0px 5px 5px 0px;
	width:60px;
}
#authorListAZ li strong
{
	font-size:1.2em;
}

#reviewContent ul 
{
	list-style:none;
	padding-left:20px;
}
#reviewContent ul li
{
	display:block;
	border-bottom:solid 1px #000000;
	width:530px;
	margin-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	/*margin-left:;*/
}

#funlist 
{
	list-style:none;
}
	#funlist li 
	{
		float:left;
		text-align:center;
	}
	#funlist a 
	{
		text-decoration:none;
	}
