/* 15.05.2007 SY 
	screen.css contains all the layout info for structural level elements which act as the 
	frame work for all the pages.  more specific classes can be found on other sheets such as
	home.css
	*/

/* Standard site bits */
*, html, body {
	margin:0px;
	padding:0px;
	text-align:left;
	border:none;
	/*border: solid #ff0000 1px;*/
}
html{
	font-size:1.1em;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#444444;
	/*background-color:#9690AA;*/
	background-color:#c7c2d4;
}
INPUT, SELECT, TH, TD {font-size:1.2em} /* for the sake of good ol' ie */
ul {
	list-style:none;
}
.clearFix{
	clear:both;
}

/*Layout*/
#container  {
	margin:auto;
	width:764px;
}

#header{
	background-color:#725E7A;
	color:#ffffff;
	width:764px;
	height:91px;
	margin-top:2px;
}
	#header #siteLink 
	{
		float:left;
		display:block;
		width:430px;
		height:80px;
	}
	#header #basketMini, #header #quickSearch{
		clear:right;
		width:330px;
		float:right;
	}
	#header #basketMini {
		height:45px;
		background-image: url(../graphics/basket_mini.gif);
		background-repeat: no-repeat;
		background-position: left top;
		font-size:1.1em;
		line-height:3.7em;
	}
		#header #basketMini a 
		{
			text-decoration:none;
			color:#ffffff;
		}
		
		#header #basketMini em {
			margin-left:12px;
			margin-right:4px;
			font-weight:bold;
			text-decoration:underline;
			font-size:1em;
		}
		
		#header #basketMini .spnBasketQuantityLabel
		{
			margin-left:4px;
		}
	#header #quickSearch{
		height:46px;
		background-image: url(../graphics/quick_search.gif);
		background-repeat: no-repeat;
		background-position: left top;
		line-height:2.2em;
	}
		#header #quickSearchLeft
		{
			float:left;
			padding-top:4px;
		}
		#header #quickSearchRight
		{
			float:right;
			height:46px;
			padding-right:11px;
			width:26px;
		}
			#header #quickSearchRight .quickSearchInputImage
			{
				border:0px;
				height:41px;
				margin:0px;
				width:26px;
			}
		#header #quickSearchForm
		{
			display:inline;
		}
		#header #quickSearch em 
		{
			margin-left:12px;
			font-weight:bold;
			font-size:1.1em;
		}
		#header #quickSearch input 
		{
			border:solid 1px #9790AA;
			color:#333333;
			font-size:1.1em;
			height:16px;
			margin-left:4px;
			/*margin-top:8px;*/
			width:180px;
		}
		#header #quickSearch strong {
			line-height:normal;
			display:block;
			font-size:9px;
			padding:0px;
			margin:-4px 0px 0px 160px;
		}
		* html body #header #quickSearch strong { /* for ie 6... how i hate you */
			line-height:9px;
			margin-top:0px;
		}
		#header #quickSearch strong a {
			color:#ffffff;
			text-decoration:none;
		}
	#header{
		background-image: url(../graphics/header.jpg);
		background-repeat: no-repeat;
		background-position: left top;		
	}
	#header h1, #header h2 {
		display:none;
	}

#leftNav {
	width:188px;
	float:left;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.3em;
}
	#leftNav a{
		display:block;
		color:#ffffff;	
		text-decoration:none;
		height:100%;
		/*padding-left:10px;
		line-height:1.5em;*/
	}
	#leftNav #bookCatMenu, 
	#leftNav #siteSectionMenus , 
	#leftNav #mailingListSignup {
		clear:left;
		float:left;
	}
	#leftNav #bookCatMenu, 
	#leftNav #siteSectionMenus { 
		margin-bottom:5px;
	}
	#leftNav #bookCatMenu{
		background-color:#573558;
	}
		#leftNav #bookCatMenu li, 
		#leftNav #siteSectionMenus li, 
		#leftNav #mailingListSignup li {
			float:left;
			clear:left;
		}
		#leftNav #bookCatMenu li, #leftNav #bookCatMenu li a,
		#leftNav #siteSectionMenus li, #leftNav #siteSectionMenus li a,
		#leftNav #mailingListSignup li, #leftNav #mailingListSignup li a  {
			height:21px;
			width:188px;
			background-repeat: no-repeat;
			background-position: left top;
		}
		* html #leftNav #bookCatMenu li, * html #leftNav #bookCatMenu li a,
		* html #leftNav #siteSectionMenus li, * html #leftNav #siteSectionMenus li a,
		* html #leftNav #mailingListSignup li, * html #leftNav #mailingListSignup li a  {
			width:178px; /*ie 6 only*/
		}
		#leftNav #bookCatMenu li a strong, 
		#leftNav #siteSectionMenus li strong, 
		#leftNav #mailingListSignup li strong{
			display:none;
		}

		/* left nav buttons */
		#leftNav #bookCatMenu #btnBoardBooks {
			height:23px;
			background-image: url(../graphics/nav/leftnav_boardbooks_f2.gif);
		}
		#leftNav #bookCatMenu  #btnBoardBooks a {
			height:23px;
			background-image: url(../graphics/nav/leftnav_boardbooks.gif);
		}
			#leftNav #bookCatMenu  #btnBoardBooks a:hover {
				background-image: none;
			}	
		#leftNav #bookCatMenu #btnNoveltyBooks {
			height:22px;
			background-image: url(../graphics/nav/leftnav_noveltybooks_f2.gif);
		}
		#leftNav #bookCatMenu  #btnNoveltyBooks a {
			height:22px;
			background-image: url(../graphics/nav/leftnav_noveltybooks.gif);
		}
			#leftNav #bookCatMenu  #btnNoveltyBooks a:hover {
				background-image: none;
			}	
		#leftNav #bookCatMenu #btnPictureBooks {
			background-image: url(../graphics/nav/leftnav_picturebooks_f2.gif);
		}
		#leftNav #bookCatMenu  #btnPictureBooks a {
			background-image: url(../graphics/nav/leftnav_picturebooks.gif);
		}
			#leftNav #bookCatMenu  #btnPictureBooks a:hover {
				background-image: none;
			}	
		#leftNav #bookCatMenu #btnBooksFor57Years {
			background-image: url(../graphics/nav/leftnav_books57_f2.gif);
		}
		#leftNav #bookCatMenu  #btnBooksFor57Years a {
			background-image: url(../graphics/nav/leftnav_books57.gif);
		}
			#leftNav #bookCatMenu  #btnBooksFor57Years a:hover {
				background-image: none;
			}	
		#leftNav #bookCatMenu #btnBooksFor79Years {
			background-image: url(../graphics/nav/leftnav_books79_f2.gif);
		}
		#leftNav #bookCatMenu  #btnBooksFor79Years a {
			background-image: url(../graphics/nav/leftnav_books79.gif);
		}
			#leftNav #bookCatMenu  #btnBooksFor79Years a:hover {
				background-image: none;
			}	
		#leftNav #bookCatMenu #btnBooksFor912Years {
			background-image: url(../graphics/nav/leftnav_books912_f2.gif);
		}
		#leftNav #bookCatMenu  #btnBooksFor912Years a {
			background-image: url(../graphics/nav/leftnav_books912.gif);
		}
			#leftNav #bookCatMenu  #btnBooksFor912Years a:hover {
				background-image: none;
			}	
		#leftNav #bookCatMenu #btnBooksForTeenagers {
			background-image: url(../graphics/nav/leftnav_booksteen_f2.gif);
		}
		#leftNav #bookCatMenu  #btnBooksForTeenagers a {
			background-image: url(../graphics/nav/leftnav_booksteen.gif);
		}
			#leftNav #bookCatMenu  #btnBooksForTeenagers a:hover {
				background-image: none;
			}	
		#leftNav #bookCatMenu #btnAudioBooks {
			background-image: url(../graphics/nav/leftnav_audio_f2.gif);
		}
		#leftNav #bookCatMenu  #btnAudioBooks a {
			background-image: url(../graphics/nav/leftnav_audio.gif);
		}
			#leftNav #bookCatMenu  #btnAudioBooks a:hover {
				background-image: none;
			}	
		#leftNav #bookCatMenu #btnHodderHomeLearning {
			background-image: url(../graphics/nav/leftnav_homelearning_f2.gif);
		}
		#leftNav #bookCatMenu  #btnHodderHomeLearning a {
			background-image: url(../graphics/nav/leftnav_homelearning.gif);
		}
			#leftNav #bookCatMenu  #btnHodderHomeLearning a:hover {
				background-image: none;
			}	
		#leftNav #bookCatMenu #btnPoetryBooks {
			background-image: url(../graphics/nav/leftnav_poetry_f2.gif);
		}
		#leftNav #bookCatMenu  #btnPoetryBooks a {
			background-image: url(../graphics/nav/leftnav_poetry.gif);
		}
			#leftNav #bookCatMenu  #btnPoetryBooks a:hover {
				background-image: none;
			}	
		#leftNav #bookCatMenu #btnNonFiction {
			height:22px;
			background-image: url(../graphics/nav/leftnav_nonfiction_f2.gif);
		}
		#leftNav #bookCatMenu  #btnNonFiction a {
			height:22px;
			background-image: url(../graphics/nav/leftnav_nonfiction.gif);
		}
			#leftNav #bookCatMenu  #btnNonFiction a:hover {
				background-image: none;
			}	
			

	#leftNav #siteSectionMenus{
		background-color:#75A4D0;
	}
		#leftNav #siteSectionMenus #btnAuthorsIllustratorsAZ {
			height:25px;
			background-image: url(../graphics/nav/leftnav_authorsaz_f2.gif);
		}
		#leftNav #siteSectionMenus  #btnAuthorsIllustratorsAZ a {
			height:25px;
			background-image: url(../graphics/nav/leftnav_authorsaz.gif);
		}
			#leftNav #siteSectionMenus  #btnAuthorsIllustratorsAZ a:hover {
				background-image: none;
			}	
		#leftNav #siteSectionMenus #btnFavouriteCharactersSeries {
			background-image: url(../graphics/nav/leftnav_favchars_f2.gif);
		}
		#leftNav #siteSectionMenus  #btnFavouriteCharactersSeries a {
			background-image: url(../graphics/nav/leftnav_favchars.gif);
		}
			#leftNav #siteSectionMenus  #btnFavouriteCharactersSeries a:hover {
				background-image: none;
			}	
		#leftNav #siteSectionMenus #btnBestsellers {
			background-image: url(../graphics/nav/leftnav_bestsellers_f2.gif);
		}
		#leftNav #siteSectionMenus  #btnBestsellers a {
			background-image: url(../graphics/nav/leftnav_bestsellers.gif);
		}
			#leftNav #siteSectionMenus  #btnBestsellers a:hover {
				background-image: none;
			}	
		#leftNav #siteSectionMenus #btnSpecialOffers {
			background-image: url(../graphics/nav/leftnav_specoffers_f2.gif);
		}
		#leftNav #siteSectionMenus  #btnSpecialOffers a {
			background-image: url(../graphics/nav/leftnav_specoffers.gif);
		}
			#leftNav #siteSectionMenus  #btnSpecialOffers a:hover {
				background-image: none;
			}	
		#leftNav #siteSectionMenus #btnSneakPreviews {
			height:22px;
			background-image: url(../graphics/nav/leftnav_sneakprevs_f2.gif);
		}
		#leftNav #siteSectionMenus  #btnSneakPreviews a {
			height:22px;
			background-image: url(../graphics/nav/leftnav_sneakprevs.gif);
		}
			#leftNav #siteSectionMenus  #btnSneakPreviews a:hover {
				background-image: none;
			}
	
	#leftNav #mailingListSignup{
		background-color:#F6A228;
		margin-bottom:4px;
	}
		#leftNav #mailingListSignup li{
			height:24px;			
		}
		#leftNav #mailingListSignup #btnKeepMeUpdated {
			height:24px;
			background-image: url(../graphics/nav/leftnav_keepupdated_f2.gif);
		}
		#leftNav #mailingListSignup  #btnKeepMeUpdated a {
			height:24px;
			background-image: url(../graphics/nav/leftnav_keepupdated.gif);
		}
			#leftNav #mailingListSignup  #btnKeepMeUpdated a:hover {
				background-image: none;
			}	
#content {
	width:571px;
	float:right;
}

/*

topNav

*/
	#topNav {
		color:#ffffff;
		width:571px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:1.3em;
	}
		#topNav li, #topNav li a {
			background-repeat: no-repeat;
			background-position: left top;
		}
		#topNav li{
			float:left;
			background-color:#573558;
			height:24px;	
		}
			#topNav li a {
				display:block;
				color:#ffffff;
				height:100%;
				text-decoration:none;
				text-align:center;
				line-height:1.7em;
			}
			#topNav li strong {
				display:none;
			}	
			#topNav #btnHome {
				width:58px;
				background-image: url(../graphics/nav/topnav_home_f2.gif);
			}
			#topNav #btnHome a {
				width:58px;
				background-image: url(../graphics/nav/topnav_home.gif);
			}
				#topNav #btnHome a:hover {
					background-image: none;
				}
			
			#topNav #btnAboutUs {
				width:79px;
				background-image: url(../graphics/nav/topnav_aboutus_f2.gif);
			}
			#topNav #btnAboutUs a {
				width:79px;
				background-image: url(../graphics/nav/topnav_aboutus.gif);
			}
				#topNav #btnAboutUs a:hover {
					background-image: none;
				}
			#topNav #btnCompetitions {
				width:105px;
				background-image: url(../graphics/nav/topnav_competitions_f2.gif);
			}
			#topNav #btnCompetitions a {
				width:105px;
				background-image: url(../graphics/nav/topnav_competitions.gif);
			}
				#topNav #btnCompetitions a:hover {
					background-image: none;
				}
			#topNav #btnFunArea {
				width:76px;
				background-image: url(../graphics/nav/topnav_funarea_f2.gif);
			}
			#topNav #btnFunArea a {
				width:76px;
				background-image: url(../graphics/nav/topnav_funarea.gif);
			}
				#topNav #btnFunArea a:hover {
					background-image: none;
				}
			#topNav #btnNewsEvents {
				width:110px;
				background-image: url(../graphics/nav/topnav_news_f2.gif);
			}
			#topNav #btnNewsEvents a {
				width:110px;
				background-image: url(../graphics/nav/topnav_news.gif);
			}
				#topNav #btnNewsEvents a:hover {
					background-image: none;
				}
			#topNav #btnFaqs {
				width:53px;
				background-image: url(../graphics/nav/topnav_faqs_f2.gif);
			}
			#topNav #btnFaqs a {
				width:53px;
				background-image: url(../graphics/nav/topnav_faqs.gif);
			}
				#topNav #btnFaqs a:hover {
					background-image: none;
				}
			#topNav #btnContactUs {
				width:90px;
				background-image: url(../graphics/nav/topnav_contact_f2.gif);
			}
			#topNav #btnContactUs a {
				width:90px;
				background-image: url(../graphics/nav/topnav_contact.gif);
			}
				#topNav #btnContactUs a:hover {
					background-image: none;
				}			

/*

/topNav

*/			
	#BreadCrumbs1_breadCrumbs, #breadCrumbs {
		clear:both;
		font-size:1.1em;
		line-height:2em;
		color:#ffffff;
	}
		#BreadCrumbs1_breadCrumbs li, #breadCrumbs li{
			display:inline;
		}
	.pagination,
	.paginationBottom {
		vertical-align:middle;
		margin-top:5px;
		margin-bottom:5px; /* the next item will already have a top margin of 3, but the margins collapse into each other so this bottom margin of 5 will override it */
		height:22px;
		width:571px; /*428px; /*440px;*/
		clear:left;
	}
	.pagination 
	{
		background-image:url(../graphics/pagination_background.gif);
		background-position:top;
		background-repeat:no-repeat;
	}
		.pagination p, 
		.pagination ul, 
		.pagination li,
		.paginationBottom p, 
		.paginationBottom ul, 
		.paginationBottom li{
			display:inline;
		}
		.pagination em,
		.paginationBottom em {
			float:right;
		}
		.pagination .next,
		.paginationBottom .next {
			float:right;
		}
		.pagination .back,
		.paginationBottom .back {
			float:left;
		}
		.pagination .text,
		.paginationBottom .text {
			color:#ffffff;
			font-size:1.1em;
			padding:3px 10px;
		}
		.pagination a,
		.paginationBottom a
		{
			color:#ffffff;
		}

#hcFooter {
	height:60px;
	/*font-weight:bold;*/
	background-image: url(../graphics/hcfooter_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color:#ffffff;
}
	#hcFooter p {
		float:left;
		/*margin-left:2px;
		padding-top:15px;
		padding-right:5px;*/
	}
	#hcFooter img,
	#hcFooter a {
		position:relative;
		padding-top:4px;
		padding-right:2px;
	}
	#hcFooter div {
		float:right;
		padding-top:8px;
		padding-right:4px;
	}
		#hcFooter div a 
		{
			color:#ffffff;
		}
	
	#LeftNav_Series1_FeaturedItems1_featuredItems li {
		clear:left;
		float:left;
	}
	#LeftNav_Series1_FeaturedItems1_featuredItems li a {
		padding:0px !important;
	}
	#LeftNav_Series1_FeaturedItems1_featuredItems .lastOne 
	{
		padding-bottom:5px !important;
	}
/*RMS Added 2008-10-13 as per css change request
Aim is to apply a lilac border to all book and author images */
.lilacBorderedImage
{
	border:solid 1px #9792A9;
}
.firstFooterLogo
{
	padding-left:4px;
}

.centeredForm	{padding-left:1em;}