/*** Puffin Bookclub CSS Version 1.4 - 01/04/2009 - George Nunn ***/

/***********Puffin Book Club Style Sheet************/
/***************Universal Styles********************/


/*REFERENCE
---------------------------------------------------

Dark red: #8f0404
Grey: #333333;

links: #E10000

Dark Border:  #8f0404
Medium Border: #7A5F18
Light Border: #b88625

Error Red: #CE1E1E;

Light Red: #FFDFE0

Green text #22B80F

Blue text: #187AD3

Yellow: #fab632
light Yellow: #FDED7B
lightest Yellow: #FFFFCC
Red: #D75521

Three plus: #207CD9
Seven plus: #8124A8
Nine plus: #1C870C
Free books: #A80400

/*TAGS
---------------------------------------------------*/

*{
	margin:0px;
	padding:0px;
	list-style: none;
	border: none;}

body {
	background-color:#ffe074;
	margin-left:4px;
	margin-right:4px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background-image: url(/siteimages/PUFFIN/background.jpg);
	background-repeat: repeat-x;
	background-position: top;
	color:#333333;}

a{
	text-decoration:none;
	color:#E10000;}

a:hover{
	text-decoration:underline;}

h1 a{
	background: url(/siteimages/PUFFIN/logo.jpg) no-repeat left top;
	height: 120px;
	width:269px;
	display:block;
	float:left;	}
	
h2{
	margin-top:8px;
	font-size:180%;
	color:#8f0404;
	background: url(/siteimages/PUFFIN/titleleft.gif) no-repeat left top;}	
h2 span{
	display:block;
	padding-top:4px;
	padding-left:8px;
	padding-bottom:16px;
	background: url(/siteimages/PUFFIN/titleright.gif) no-repeat right top;}
	
	
h3{
	color:#8f0404;
	padding-top:8px;
	padding-bottom:8px;
	font-size:100%;}
	
h4{
	color:#8f0404;
	padding-top:6px;
	font-size:100%;
	padding-bottom:4px;}
	
input{
	margin-top:-4px;
	border:solid 1px #8f0404;
	padding:1px;
	width:150px;}

#leftColumn input{
	margin-top:4px;}
	
select{
	border:solid 1px #8f0404;}
	
option{
	margin-right:4px;}
	
textarea{
	border:solid 1px #8f0404;}
	
option{
	padding-left:4px;}
	
button{
	cursor:pointer;}
	
ul span{
	display:none;}
	
p{
	line-height:150%;}

	

/*UNIVERSAL STYLES
---------------------------------------------------*/

.hide{
	display:none;}
	
.base{
	clear:both;}
	
.productImg{
	float:left;}

#wrapper .firstMenuItem{
	list-style-type:none;
	background:none;}
	
.dotmenu li{
	float:left;
	padding-left:12px;
	margin-right:12px;
	background: url(/siteimages/PUFFIN/1pxwhiteline.gif) no-repeat left center;}

.smallprint{
	font-size:80%;}
	
.content{  /*Margin top set to 0 in ie6orless.css*/
	padding:12px;
	padding-bottom:0px;
	margin-top:30px;
	min-height:400px;}
	
.extraMessage{
	padding-top:8px;}
	
.spacedMessage{
	clear:both;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;}
	
.bottomMessage{
	clear:both;
	text-align:center;
	margin-top:8px;
	padding-top:6px;
	border-top: 1px dashed #b88625;}
	
.bottomMessage.right{
	text-align:right;}
	
.bigMessage{
	font-weight:bold;
	clear:both;
	text-align:center;
	padding-top:24px;
	padding-bottom:24px;
	font-size:220%;}
	
.hidden{
	color:#999999;}
	
.espot{
	margin-bottom:12px;}	
.espot img{
	border:solid 1px #8f0404;}
	
.expand{
	float:left;}
	
#puffinBills{  /*Puffin image changes to white line px image fix for IE in ieonly.css*/
	background:#FDED7B url(/siteimages/PUFFIN/puffinBack.gif) no-repeat right top;
	color:#8f0404;}
.intro{
	padding-bottom:16px;}
	
.goBack.right{
	float:right;}
.goBack a{
	background: url(/siteimages/PUFFIN/buttons/pagearrowleft.gif) no-repeat left center;
	padding-left: 18px;
	font-weight:normal;}
		
.add a{
	background: url(/siteimages/PUFFIN/icons/small-add.gif) no-repeat 4px center;
	padding-left: 22px;}
.remove a{
	background: url(/siteimages/PUFFIN/icons/small-delete.gif) no-repeat 4px center;
	padding-left: 22px;}
.mail a{
	background: url(/siteimages/PUFFIN/icons/small-mail.gif) no-repeat 4px center;
	padding-left: 22px;}
.up a{
	background: url(/siteimages/PUFFIN/buttons/pagearrowup.gif) no-repeat 4px center;
	padding-left: 22px;}
.back a{
	background: url(/siteimages/PUFFIN/buttons/pagearrowleft.gif) no-repeat 4px center;
	padding-left: 22px;}	

	

	
.subscribed{
	color:#4A870D;}

.faded{
	color:#B2B2B2;}
	
.smallPrint{
	font-size:80%;}
	
.imgRight{
	float:right;
	margin-left:8px;
	margin-bottom:8px;}

.imgLeft{
	float:left;
	margin-right:8px;
	margin-bottom:8px;}


/*LAYOUT STYLES
---------------------------------------------------*/

#header a{
	color:#FFFFFF;}	

#wrapper {    
	margin-left:auto;
	margin-right:auto;
	background: #FFFFFF;
	width:968px;
	border:solid 1px #8f0404;
	/*max-width:968px;   REMOVED COS OF TIME CONSTRAINTS
	width:100%;
	min-width:768px;*/}

.fullBox{	 /*margins changed in ieonly.css*/
	border:#fab632 solid 1px;
	padding:8px;	
	margin-bottom:16px;
	margin-top:16px;}
.fullBox.filled{  /*Background image added to fix stupid IE bug in IEonly.css*/
	background:#FDED7B;}
.fullBox.right{  
	text-align:right;}
	
.fullBox.selected{  
	border:#22B80F solid 2px;}
.fullBox.selected h3{  
	color:#22B80F;}


.fullBox h3{
	margin-top:-24px;
	margin-bottom:8px;}	
.fullBox .boxHead{  /*padding fixed for IE in ieonly.css*/
	display:inline;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	background: #fab632 url(/siteimages/PUFFIN/legendleftshort.gif) no-repeat left top;}
.fullBox .boxHead span{
	background-color:#fab632;
	padding:5px 8px;
	background: url(/siteimages/PUFFIN/legendright.gif) no-repeat right top;}
	



#basketPageSchools #leftColumn .fullBox h3{
	margin-top:-14px;
	margin-bottom:4px;	}
#basketPageSchools #leftColumn .fullBox{
	margin-bottom:24px;	}
	
#basketPage #leftColumn .fullBox h3{
	margin-top:-14px;
	margin-bottom:4px;	}
#basketPage #leftColumn .fullBox{
	margin-bottom:24px;	}


	
#leftColumn .fullBox h3{
	margin-top:-0px;
	margin-bottom:4px;	}

	
.halfBox{	/*margins changed in ieonly.css*/
	border:#fab632 solid 1px;
	padding:8px;	
	margin-bottom:16px;
	clear:left;
	margin-top:16px;}
.halfBox.filled{  /*Background image added to fix stupid IE bug in IEonly.css*/
	background:#FDED7B;}
	
#leftHalf{
	width:460px;
	float:left;}


	
#rightHalf{
	width:460px;
	float:right;}
	
#leftWide{
	width:620px;
	float:left;}
	
#rightNarrow{
	width:300px;
	float:right;}
	
#centreHalf{
	width:460px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:8px;}
	
#leftColumn{
	clear:left;
	width:160px;
	float:left;}	
#leftColumn input{
	width:100px;
	margin-bottom:4px;}
#leftColumn h3{
	padding-top:0px;}
	
#rightColumn{
	width:160px;
	float:right;}

#pageContent{
	margin-left:16px;
	width:768px;
	float:left;}

#pageContent #leftHalf{
	width:360px;
	float:left;}
	
#pageContent #rightHalf{
	width:360px;
	float:right;}
	

/*HEADER & FOOTER
---------------------------------------------------*/
#header{
	padding-bottom:12px;
	background: url(/siteimages/PUFFIN/topOptionsBack.gif) repeat-x top;}	

#topOptions{
	background: url(/siteimages/PUFFIN/topOptionsBack.gif) repeat-x top;
	height:62px;}
#topOptions span{
	display:none;}

#puffinsBurrow {
	display:inline;
	margin-left:30px;
	float:left;
	padding-top:5px;}
#puffinsBurrow a{
	display:block;
	background: url(/siteimages/PUFFIN/puffinsburrow.gif) no-repeat;
	height: 50px;
	width: 189px;}

	

#topSearch{
	display:inline;
	width:170px;
	margin-left:30px;
	margin-top:10px;
	float:left;
	background:#fab632 url(/siteimages/PUFFIN/search.gif) no-repeat 6px;
	padding-left: 66px;}
#startSearch{
	background: url(/siteimages/PUFFIN/buttons/startsearch.gif) no-repeat right top;
	height: 30px;
	width: 33px;}
#topSearch input{
	width:120px;
	height:18px;
	margin-top:6px;
	margin-bottom:6px;
	margin-right:6px;}
	
#topBasket{
	text-align:center;
	margin-right:20px;
	margin-top:10px;
	width:150px;
	display:block;
	background-color:#fab632;
	color:#8f0404;
	float:right;}
#topBasket a{
	background: url(/siteimages/PUFFIN/buttons/viewfullbasket-minibasket.gif);
	display: block;
	height: 21px;
	width: 150px;	}
#topBasket p{
	margin:5px;	}
	

.topBar{
	float:left;
	display:block;
	padding-top:6px;
	padding-left:80px;
	padding-right:60px;
	height: 52px;
	width: 559px;
	background: #EF6834 url(/siteimages/PUFFIN/headerback-default.gif);}	
.topBar img{
	margin-right:20px;}	
		

.topBar.threeplus{  
	background: #F8C131 url(/siteimages/PUFFIN/headerback-threeplus.gif) ;}
.topBar.sevenplus{  
	background: #81C328 url(/siteimages/PUFFIN/headerback-sevenplus.gif) ;}
.topBar.nineplus{  
	background: #E97C1A url(/siteimages/PUFFIN/headerback-nineplus.gif) ;}
.topBar.picks{  
	background: #5A70DA url(/siteimages/PUFFIN/headerback-picks.gif) ;}
.topBar.seasonal{  
	background: #A330D3 url(/siteimages/PUFFIN/headerback-seasonal.gif) ;}
	
	
#topCatNav{
	height:6px;
	background-color:#000099;
	text-align:right;
	clear:both;
	width:100%;
	background: url(/siteimages/PUFFIN/header-shadow.gif) repeat-x top;	}
#topCatNav ul{
	float:right;	}
#topCatNav li{
	margin-right:4px;
	float:left;}
#topCatNav span{
	display:none;}
#topCatNav a{
	float:left;
	display:block;
	height:35px;}

#topCatNav .threeplus a{
	width:91px;
	background: url(/siteimages/PUFFIN/menu-one.gif) no-repeat;}
#topCatNav .threeplus.active a{
	width:91px;
	background: url(/siteimages/PUFFIN/menu-one-selected.gif) no-repeat;}
#topCatNav .sevenplus a{
	width:91px;
	background: url(/siteimages/PUFFIN/menu-two.gif) no-repeat;}
#topCatNav .sevenplus.active a{
	width:91px;
	background: url(/siteimages/PUFFIN/menu-two-selected.gif) no-repeat;}
#topCatNav .nineplus a{
	width:91px;
	background: url(/siteimages/PUFFIN/menu-three.gif) no-repeat;}
#topCatNav .nineplus.active a{
	width:91px;
	background: url(/siteimages/PUFFIN/menu-three-selected.gif) no-repeat;}
#topCatNav .puffinpicks a{
	width:127px;
	background: url(/siteimages/PUFFIN/menu-picks.gif) no-repeat;}	
#topCatNav .puffinpicks.active a{
	width:127px;
	background: url(/siteimages/PUFFIN/menu-picks-selected.gif) no-repeat;}
#topCatNav .seasonal a{
	width:127px;
	background: url(/siteimages/PUFFIN/menu-seasonal.gif) no-repeat;}	
#topCatNav .seasonal.active a{
	width:127px;
	background: url(/siteimages/PUFFIN/menu-seasonal-selected.gif) no-repeat;}



.show{display:block;}

#myPuffin a{
	margin-left:12px;
	margin-right:6px;
	display:block;
	background: url(/siteimages/PUFFIN/menu-mypuffin.gif);
	height: 35px;
	width: 126px;
	float: left;}


.topAccount{
	font-size:80%;
	width:250px;
	text-align:left;
	float:left;
	margin-top:10px;}
#topCatNav .topAccount a{	
	color:#E10000;
	float:none;
	display:inline;}
.topAccount p{
	line-height:110%;}
#topCatNav .topAccount.loggedin{	
	margin-top:6px;}

#myDropdown {  /*positioning adjusted for IE only in IEonly.css*/
	width:190px;
	padding:6px;
	background:#E00A0B;
	margin-top:-6px;
	margin-left:12px;
	position:absolute;
	border: 1px solid #7A5F18;}
#myDropdown li a{  
	margin-bottom:1px;
	padding:2px;
	display:block;
	text-decoration:none;}
#myDropdown #otherMenu {  
	margin-top:12px;}
#myDropdown li a:hover{  
	background:#FFCC00;
	color:#8f0404;}
#myDropdown strong{  
	padding-top:4px;
	padding-bottom:4px;
	display:block;
	border-top:dashed 1px #fab632;}

#myDropdown #accountMenu strong{  
	border-top:none;}


	
#footer{
	clear:both;
	background: url(/siteimages/PUFFIN/footerBack.jpg) repeat-x top;
	height: 86px;
	color:#FFFFFF;
	padding-top:42px;}
#footer a{
	color:#FFFFFF;	}
	
#footerNav ul{
	margin-left:4px;}
#footerNav li{
	font-weight:bold;
	margin-bottom:16px;}
	
#changeSite{
	text-align:right;
	width:13em;
	margin-top:-4px;
	float:right;
	margin-right:4px;
	margin-bottom:10px;}
#changeSite li{
	float:left;}
#changeSite span{
	float:left;
	margin-right:6px;
	padding-top:4px;}
	
#selectUK a{
	background: url(/siteimages/PUFFIN/flag_uk.gif) no-repeat;
	height: 23px;
	width: 34px;
	display:block;}
#selectIR a{
	background: url(/siteimages/PUFFIN/flag_ir.gif) no-repeat;
	height: 23px;
	width: 34px;
	display:block;}
	
#footerHelp{
	width:32em;
	height:38px;
	background-color:#fab632;
	padding:4px 8px;
	color:#8f0404;
	border-top: 1px solid #b88625;
	border-right: 1px solid #b88625;
	border-bottom: 1px solid #b88625;
	border-left: 1px none #b88625;
	clear:left;}
#footerHelp a{
	color:#8f0404;}
#footerHelp p{
	padding-bottom:4px;}
#footerHelp .firstMenuItem{
	margin-left:0px;}
#footerHelp li{	
	background: url(/siteimages/PUFFIN/1pxredline.gif) no-repeat left center;}
	
#footerContact{
	width:32em;
	height:38px;
	background-color:#fab632;
	padding:4px 8px;
	color:#8f0404;
	border-top: 1px solid #b88625;
	border-right: 1px none #b88625;
	border-bottom: 1px solid #b88625;
	border-left: 1px solid #b88625;
	
	float:right;}
#footerContact a{
	color:#8f0404;}
#footerContact p{
	float:left;}
#footerContact ul{
	padding-left:80px;}
#footerContact #form{
	font-weight:bold;
	padding-left:24px;
	padding-bottom:0px;
	background: url(/siteimages/PUFFIN/icons/mail_small.gif) no-repeat left center;}
#footerContact #phone{
	padding-left:24px;
	margin-top:4px;
	padding-top:4px;
	background: url(/siteimages/PUFFIN/icons/phone_small.gif) no-repeat left center;}

#bottomFooter{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:968px;
	padding:12px;}
	
#thwate{
	border:#8F0404 1px solid;
	margin-left:20px;
	float:left;}
#isis{
	border:#8F0404 1px solid;
	margin-right:20px;
	float:right;}
#bottomFooter p{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	}
	
	
/*CONTACT US
---------------------------------------------------*/

#contactPage .fullBox{
	margin-top:32px;}
#contactPage .fullBox p{
	margin-bottom:5px;
	padding-left:120px;}
	
#contactEmail{
	background: url(/siteimages/PUFFIN/icons/puffinMail.gif) no-repeat 8px 10px;}
#contactPhone{
	
	background: url(/siteimages/PUFFIN/icons/puffinPhone.gif) no-repeat 8px 12px;}
#contactPost{
	background: url(/siteimages/PUFFIN/icons/puffinLetter.gif) no-repeat 8px 10px}
	
#yourEnquiry dd{
	margin-left:90px;}
#yourEnquiry dt{
	width:100px;}	

#doesThisHelp div{
	border: 1px dashed #b88625;
	margin:6px;
	height:178px;
	overflow: scroll;}
#doesThisHelp p{
	margin:5px;}

	

	
	
/*HELP CONTENT STYLES
---------------------------------------------------*/	

#HelpPage{
	padding-bottom:32px;}

#helpMainMenu{
	padding-top:20px;
	padding-right:16px;
	float:right;
	font-weight:bold;}
#helpMainMenu li{
	color:#8f0404;
	display:inline;
	padding-right:12px;
	margin-left:8px;}

.helpMenu{
	border-top: 1px dashed #b88625;
	float:left;
	margin-top:10px;
	width:700px;
	margin-bottom:10px;}
.helpMenu h3{
	font-size:120%;
	padding-bottom:2px;
	margin-right:8px;	}
.helpMenu li{
	margin-top:4px;
	margin-right:4px;
	float:left;	}	
.helpMenu li a{
	display:block;
	padding:1px;
	width:220px;}
	
#HelpContentPage .helpMenu{
	border-top: none;}
	
#FAQ{
	margin:9px 0 0 9px;
	float:right;
	width:196px;
	background:#FDED7B;
	padding:8px;
	border:1px solid #b88625;}	
#FAQ h3{
	padding-top:0px;
	font-size:120%;
	border-bottom: 1px dashed #b88625;
	padding-bottom:4px;}
	
#FAQ li{
	margin-top: 12px;}

#helpContent{
	clear:left;}	
.helpContent{
	clear:left;}

#helpContent p{
	margin-bottom:5px;
	margin-top:5px;}	
.helpContent p{
	margin-bottom:5px;
	margin-top:5px;}

#helpContent h4{
	margin-top:32px;
	border-top: 1px dashed #b88625;}
.helpContent h4{
	margin-top:32px;
	border-top: 1px dashed #b88625;}

.helpContent ol li{
	list-style:disc;
	margin:0 0 5px 20px;
	line-height:150%;
}

.standardBase{
	padding-bottom:4px;
	padding-top:8px;
	border-bottom: 1px dashed #b88625;}
	
.standardBase .up{
	float:right;
	margin-top:-18px;}
	
	
/*HOMEPAGE STYLES
---------------------------------------------------*/	

#homePage{
	padding-bottom:16px;}
	
*#homePage p{
	line-height:130%;}

#mainEpotBlock{
	float:left;}

#homepageBlock{
	width:300px;
	float:right;}
	
.homepageBox{
	background-color:#FAB632;
	margin-bottom:22px;
	padding:8px;}	

#welcome h2{
	margin-bottom:6px;
	margin-top:0px;
	font-size:120%;
	background:none;}
	
#welcome{
	background:#FAB632 url(/siteimages/PUFFIN/puffin-hello.gif) no-repeat right 10px;}
	
#welcome p{
	padding-right:90px;
	padding-bottom:6px;}

#welcome h2{
	padding-right:90px;
	}
	
.espotLine{
	margin-bottom:22px;}
.espotLine img{
	margin-left:18px;}
.espotLine .firstOne	{
	margin-left:0px;}
	
#bottomEspot{
	margin-bottom:0px;}	

	
#homepageNewletters h3{
	font-size:120%;
	color:#FFFFFF;
	padding-top:0px;}
#homepageNewletters{
	margin-bottom:0px;
	color:#FFFFFF;
	background:#FAB632 url(/siteimages/PUFFIN/puffin-comp.gif) no-repeat right 10px;
	background-color:#DE3118;}
#homepageNewletters img{
	vertical-align:bottom;}
#homepageNewletters a{
	display:block;
	margin-top:8px;
	color:#FFFFFF;}
#homepageNewletters label{
	margin-right:10px;	}
.newsletterOptions{
	margin-bottom:8px;}

#requestBulletinForm .newsletterOptions{
	margin-left:190px;}
	
#homepageLowerBlock{
	clear:both;
	padding-top:22px;
	margin-top:-27px;}
	
.homepageColumn{
	margin-bottom:16px;
	padding-bottom:12px;
	width:300px;
	float:left;
	margin-left:22px;
	background-repeat: no-repeat;
	background-position: bottom;}
.homepageColumn h3 a{
	display:block;
	height: 74px;
	width: 300px;}
.homepageColumn h3 {
	margin-bottom:6px;
	padding-top:0px;}
.homepageColumn span{
	display:none;}
.homepageColumn.firstone{
	margin-left:0px;}
	
.homepageColumn .productBox{   /*Margins adusted in ie6orless.css*/
	background-color:#FFFFFF;
	border:none;
	margin-left:12px;
	margin-right:12px;
	margin-bottom:0px;
	padding-top:32px;
	width:auto;}
.homepageColumn .productBox .price{
	display:block;}
.homepageColumn .productBox .title{
	height:80px;}
.homepageColumn .productBox .findoutmore{
	margin-top:6px;}
	
.homepageBoxEspot{ /*Margins adusted in ie6orless.css*/
	margin-left:12px;
	margin-top:16px;
	float:left;}
	
#one{
	background-image: url(/siteimages/PUFFIN/homeboxback-one.gif);}
#one h3 a{
	background: url(/siteimages/PUFFIN/homeheader-one.gif);}
#one a{
	color:#187AD3;}
#one .productBox{
	background:#ffffff url(/siteimages/PUFFIN/featuredtitle-one.gif) no-repeat 8px 8px;}

#two{
	background-image: url(/siteimages/PUFFIN/homeboxback-two.gif);}
#two h3 a{
	background: url(/siteimages/PUFFIN/homeheader-two.gif);}
#two a{
	color:#8124A8;}	
#two .productBox{
	background:#ffffff url(/siteimages/PUFFIN/featuredtitle-two.gif) no-repeat 8px 8px;}

#three{
	background-image: url(/siteimages/PUFFIN/homeboxback-three.gif);}
#three h3 a{
	background: url(/siteimages/PUFFIN/homeheader-three.gif);}
#three a{
	color:#1C870C;}	
#three .productBox{
	background:#ffffff url(/siteimages/PUFFIN/featuredtitle-three.gif) no-repeat 8px 8px;}
	
	
	

/*NICE CONTENT STYLES
---------------------------------------------------*/

#sitemap dt{
	font-weight:bold;
	margin-top:12px;}
	
#sitemap dd{
	margin-top:4px;
	margin-bottom:4px;}
	
#sitemap h3{
	padding-top:22px;
	padding-bottom:0px;
	font-size:120%;
	}
	
#sitelinks{
	margin-top:22px;
	border-top: 1px dashed #b88625;
	clear:left;
	float:left;
	padding-bottom:22px;}

#sitemap dl{
	float:left;
	width:225px;}



#contentPage p{
	margin-bottom:5px;
	margin-top:5px;}
#contentPage h2{
	margin-bottom:16px;}
#contentPage h4{
	margin-top:12px;}
#contentPage li{
	margin:8px;
	display:block;
	list-style-type:disc;}	
#contentPage ul{
	margin-left:30px;
	padding:8px;}

#contentPage .form{
	margin-top:6px;
	border: 1px dashed #b88625;
	padding:4px;}

#contentPage .hatMenu li{
	margin:0px;
	list-style-type:none;
	margin-top:16px;}

.hatMenu li{
	line-height:150%;
	margin-top:16px;
	margin-bottom:16px;
	padding-left:90px;}

.hatMenu strong{
	font-size:120%;
	display:block;}
	
.hatblue{
	background: url(/siteimages/PUFFIN/hat-blue.jpg) no-repeat left top;}	
.hatgreen{
	background: url(/siteimages/PUFFIN/hat-green.jpg) no-repeat left top;}
.hatopal{
	background: url(/siteimages/PUFFIN/hat-opal.jpg) no-repeat left top;}
.hatyellow{
	background: url(/siteimages/PUFFIN/hat-yellow.jpg) no-repeat left top;}
.hatpurple{
	background: url(/siteimages/PUFFIN/hat-purple.jpg) no-repeat left top;}


.contentYellowBox{
	background-color:#FAB632;
	padding:12px;
	margin-bottom:16px;}
	
#whySpecial{
	padding:12px;}
#whySpecial ul{
	margin-bottom:16px;
	margin-top:-16px;
	margin-left:0px;}
#whySpecial h3{
	padding-bottom:0px;}
	
#aboutPuffinBills{
	background-color:#FDED7B;}
#aboutPuffinBills ul{
	margin:0;}
#aboutPuffinBills li{
	list-style:disc;
	padding:0 0 0 10px;
	line-height:150%;}
#HowItWorks{
	background-color:#DB552B;
	color:#FFFFFF;}
	
#HowItWorks strong{
	margin-top:12px;
	font-size:120%;
	display:block;}
	
	
@charset "utf-8";

/***********Puffin Book Club Style Sheet************/
/***************Account Styles********************/



/*GENERAL ACCOUNT STYLES
---------------------------------------------------*/

#puffinBills li{
	border:none;
	font-size:120%;}
#puffinBills a{
	
	}
#puffinBills .whatAreBills{
	margin-top:-30px;
	float:right;
	margin-left:46px;
	font-size:90%;}	
	
#puffinBillsConverted{
	margin-top:40px;}

	
#accountSideMenu li{
	font-weight:bold;
	padding-top:4px;}
	
.schoolInfo img{
	float:left;	
	margin-left:10px;}
.schoolInfo{
	text-align:left;
	float:left;
	margin-bottom:4px;	}
	
.schoolInfo ul{
	width:510px;	}
	
#schoolOfMonth .schoolInfo ul{
	width:410px;	}


#billingAddress .accountAddress{
	background: url(/siteimages/PUFFIN/icons/address_billing.gif) no-repeat 4px 8px;
	padding-left:100px;
	padding-top:6px;
	min-height:86px;}
	
#defaultDeliveryAddress .accountAddress{
	background: url(/siteimages/PUFFIN/icons/address_delivery.gif) no-repeat 4px 8px;
	padding-left:100px;
	padding-top:6px;
	min-height:86px;}
#DefaultDeliveryAddress .spacedMessage{
	margin-top:12px;
	border-top: 1px dashed #b88625}
	

	
#accountAddresses #postcodeLookup{
	border-top: 1px dashed #b88625;
	margin-top:0px;
	padding-top:16px;}

#schoolInfomation{
	margin-top:0px;
	margin-bottom:0px;}
	
#schoolPicture{
	padding-bottom:0px;}
#schoolPicture img{
	margin-top:8px;
	margin-bottom:4px;}	
#schoolPicture .schoolImg{
	margin-bottom:4px;
	margin-top:0px;
	float:left;
	margin-right:8px;}	
#schoolPicture p{
	padding-top:2px;}
#schoolPicture .extraMessage{
	padding-top:8px}
	
	
#accountOrders #pageContent .fullBox{	
		margin-bottom:32px;}
		
#accountOrders ul span{
	display:inline;}	
	
#ordersBasket{
	margin-top:16px;
	margin-left:0px;}
	
#accountOrders #puffinBills{
	margin-left:0px;
	float:left;
	width:358px;}
	
#accountOrders .productinfoCell{
	border-left:1px dashed;}	
	
.orderDetails{
	text-align:right;}
.orderDetails ul{
	float:left;}
.orderDetails li{
	display:inline;
	padding-right:24px;}
.orderDetails img{
	margin-top:-2px;}

.deliveryDetails{
	border-top: 1px dashed #b88625;
	border-bottom: 1px dashed #b88625;
	padding-bottom:8px;
	margin-top:8px;}
.deliveryDetails li{
	padding-bottom:4px;}
.deliveryDetails .bottomMessage{
	text-align:right;}	
	
.bookshelfOptions li{
	display:inline;
	padding-right:36px;}	

	
#alternativeAddresses{
	clear:both;}	
		
#bookshelfBasket{ /*bottom margin changed in ieonly.css*/
	margin-bottom:24px;
	margin-left:0px;}
	
#bookshelfBasket .productinfoCell{
	border-left:1px dashed;}


#accountYourSchools .fullBox li{
	display:inline;}
	
#wrapper #schoolOfMonth li{
	display:block;}
	

#schoolOfMonth{
	
	background: url(/siteimages/PUFFIN/puffin-nestegg.gif) no-repeat 25px right;
}
		
	
/*Account navigation*/	

#accountNavMenu li a{
	font-weight:bold;
	color:#FFFFFF;
	background:url(/siteimages/PUFFIN/icons/accountMenu_info.gif) 0px -39px;
	display:block;
	height: 27px;
	width: 120px;
	padding-top:12px;
	padding-left:40px;
	text-decoration:none;}

#accountNavMenu li a:hover{
	color:#8f0404;}	
#accountNavMenu li.selected a{
	color:#8f0404;}	

#accountNavMenu .accountNavMenuAccount a{
	background:url(/siteimages/PUFFIN/icons/accountMenu_info.gif) 0px -39px;}
#accountNavMenu .accountNavMenuAccount.selected a{
	background:url(/siteimages/PUFFIN/icons/accountMenu_info.gif);}
#accountNavMenu .accountNavMenuAccount a:hover{
	background:url(/siteimages/PUFFIN/icons/accountMenu_info.gif);}

#accountNavMenu .accountNavMenuSchools a{
	background:url(/siteimages/PUFFIN/icons/accountMenu_schools.gif) 0px -39px;}
#accountNavMenu .accountNavMenuSchools.selected a{
	background:url(/siteimages/PUFFIN/icons/accountMenu_schools.gif);}
#accountNavMenu .accountNavMenuSchools a:hover{
	background:url(/siteimages/PUFFIN/icons/accountMenu_schools.gif);}	
	
#accountNavMenu .accountNavMenuAddress a{
	background:url(/siteimages/PUFFIN/icons/accountMenu_address.gif) 0px -39px;}
#accountNavMenu .accountNavMenuAddress.selected a{
	background:url(/siteimages/PUFFIN/icons/accountMenu_address.gif);}
#accountNavMenu .accountNavMenuAddress a:hover{
	background:url(/siteimages/PUFFIN/icons/accountMenu_address.gif);}	
	
#accountNavMenu .accountNavMenuMailings a{
	background:url(/siteimages/PUFFIN/icons/accountMenu_mailings.gif) 0px -39px;}
#accountNavMenu .accountNavMenuMailings.selected a{
	background:url(/siteimages/PUFFIN/icons/accountMenu_mailings.gif);}
#accountNavMenu .accountNavMenuMailings a:hover{
	background:url(/siteimages/PUFFIN/icons/accountMenu_mailings.gif);}	
	
#accountNavMenu .accountNavMenuBookshelf a{
	background:url(/siteimages/PUFFIN/icons/accountMenu_bookshelf.gif) 0px -39px;}
#accountNavMenu .accountNavMenuBookshelf.selected a{
	background:url(/siteimages/PUFFIN/icons/accountMenu_bookshelf.gif);}
#accountNavMenu .accountNavMenuBookshelf a:hover{
	background:url(/siteimages/PUFFIN/icons/accountMenu_bookshelf.gif);}
	
#accountNavMenu .accountNavMenuOrders a{
	background:url(/siteimages/PUFFIN/icons/accountMenu_orders.gif) 0px -39px;}
#accountNavMenu .accountNavMenuOrders.selected a{
	background:url(/siteimages/PUFFIN/icons/accountMenu_orders.gif);}
#accountNavMenu .accountNavMenuOrders a:hover{
	background:url(/siteimages/PUFFIN/icons/accountMenu_orders.gif);}	
	
#accountNavMenu .accountNavMenuVouchers a{
	background:url(/siteimages/PUFFIN/icons/accountMenu_vouchers.gif) 0px -39px;}
#accountNavMenu .accountNavMenuVouchers.selected a{
	background:url(/siteimages/PUFFIN/icons/accountMenu_vouchers.gif);}
#accountNavMenu .accountNavMenuVouchers a:hover{
	background:url(/siteimages/PUFFIN/icons/accountMenu_vouchers.gif);}	
	
	
#accountHelp{
	padding-left:70px;
	border-color:#1C870C;
	background: url(/siteimages/PUFFIN/icons/firstaid.gif) no-repeat 4px center;}	
#accountHelp a{
	color: #1C870C;}
#accountHelp h3{
	padding-bottom:2px;}
	
#recommendedTitles li{
	text-align:center;
	margin-bottom:16px;
	margin-top:8px;}
	


	


	
@charset "utf-8";

/***********Puffin Book Club Style Sheet************/
/***************Basket & Checkout Styles********************/



/*Shopping basket STYLES
---------------------------------------------------*/

.basketProducts{
	background:#FFFFCC;
	padding:16px;
	margin-left:176px;
	border:1px solid #fab632;}
	
.basketProducts input{
	width:25px;
	border:1px solid;}
	
#schoolsQuickshop img{
	margin-top:6px;}	

#freegiftBasket{
	margin-top:32px;
	background:#FFDFE0;}

.basketProducts h3{
	margin-top:-30px;
	margin-bottom:8px;}	
.basketProducts .boxHead{  /*padding fixwd for IE in ieonly.css*/
	display:inline;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	background: #fab632 url(/siteimages/PUFFIN/legendleftshort.gif) no-repeat left top;}
.basketProducts .boxHead span{
	background-color:#fab632;
	padding:5px 8px;
	background: url(/siteimages/PUFFIN/legendright.gif) no-repeat right top;}
	
caption{ 
	text-align:left;
	font-weight:bold;
	padding-bottom:16px;
	font-size:120%;
	color:#8f0404;}
	
.basketProducts th{
	padding:6px;}
.basketProducts td{
	padding:6px;
	text-align:center;}
	
.basketProducts .product td{
	border-color:#8F0404;
	border-bottom:1px dashed;
	border-top:1px dashed;
	background:#FFFFFF;}
	
.basketProducts .product.offer td{
	border-top:2px solid;
	border-bottom:2px solid;
	border-color:#22B80F;}
.basketProducts .product.offer .subtotal{
	border-right:2px solid;}	
.basketProducts .product.offer .delete{
	border-left:2px solid;
	border-color:#22B80F;}	
	

#basketPage h4{
	padding-top:0px;
	padding-bottom:8px}
	
#basketPageSchools h4{
	padding-top:0px;
	padding-bottom:8px}



#onOffer{
	color:#22B80F;}
#onOffer s{
	display:block;}
	
.basketProducts .productInfo{
	margin-left:90px;}
	
.basketProducts .productinfoCell{
	text-align:left;
	width:480px;}	
	
.basketProducts .title{
	font-weight:bold;}	
	
.basketProducts .status{
	border-right:1px dashed;
	border-color:#22B80F;}	
	
.basketProducts li{
	padding-bottom:8px;}	
	
#wrapper .basketProducts .basketOffer{
	text-align:left;
	padding-top:0px;
	border-top:0px;
	border-left:1px dashed;
	border-right:1px dashed;}

.quantity {
	width:80px;}
	
.subtotal {
	border-right:1px dashed;
	width:80px;}
	
.delete {
	text-align:right;
	border-left:1px dashed;
	width:35px;}
	
#wrapper .basketProducts .options {
	background:none;
	border:none;
	width:120px;}
	
.spacer{
	height:20px;}
	
.productinfoHeader{
	text-align:left;}	
	
.productOptions a{
	margin-left:8px;
	color:#333333;
	display:block;
	padding:4px;
	background: #d2e8ff;
	width:120px;
	border: 1px solid #207CD9;}
	
.puffinBillsClaim{	
	width:110px;
	text-align:center;
	margin-left:8px;
	padding:6px;
	color:#8f0404;
	background:#fab632;
	border: 1px solid #8f0404;}
.puffinBillsClaim img{
	margin-left:8px;
	vertical-align:middle;	}
.puffinBillsClaim p{
	text-align:left;
	margin-bottom:8px;}
	

.checkoutAlert{
	border:#fab632 solid 1px;
	padding:12px 8px 12px 160px;
	margin-bottom:16px;}
.checkoutAlert h4{
	font-size:120%;}
	
#basketPage .checkoutAlert{
	margin-top:-16px;
	margin-bottom:32px;}
#basketPageSchools .checkoutAlert{
	margin-bottom:32px;}
	
#basketBookshelfAlert{
	background: url(/siteimages/PUFFIN/puffin-stack2.jpg) no-repeat left top;}
	
#freeShippingAlert{
	background: url(/siteimages/PUFFIN/puffin-parcel.jpg) no-repeat left top;}


/*other basket page STYLES
---------------------------------------------------*/

#basketOptions{ 
	margin-top:0px;}
	
#puffinBills{
	margin-left:176px;
	width:358px;}
#puffinBills p{
	padding-right:100px;
	padding-bottom:4px;}
#puffinBills strong{
	font-size:180%;}
#puffinBills ul span{
	width:120px;
	text-align:right;
	display:block;
	float:left;
	margin-right:12px;}
#puffinBills ul strong{
	font-size:100%;}
#puffinBills li{
	margin:6px;}
	
	
#basketTotals{
	margin-top:16px;
	border:#b88625 solid 1px;
	float:right;
	width:358px;}
#basketTotals td{
	padding:6px;
	border-bottom:#b88625 solid 1px;}
.basketTotal{
	text-align:right;
	width:80px;
	border-left:#b88625 solid 1px;}
	
#totalsOrder td{
	font-size:120%;
	font-weight:bold;
	background:#fab632;
	border-bottom:none;}
	

	
/*general STYLES
---------------------------------------------------*/

#basketProcessChart{  /*top padding changed in ieonly.css*/
	padding-top:20px;
	padding-right:16px;
	float:right;}

#basketProcessChart li{
	color:#8f0404;
	display:inline;
	padding-right:24px;
	margin-left:8px;
	background: url(/siteimages/PUFFIN/icons/arrow-right.gif) no-repeat right center;}

#basketProcessChart .firstMenuItem{
	padding-right:0px;}
	
.basketProceed{
	clear:both;
	margin-bottom:36px;
	padding-top:16px;
	text-align:right;}
	
.backButton{
	float:left;}


/*CHECKOUT STYLES
---------------------------------------------------*/

#checkoutAddress .form.half h4{
	border:none;}
#checkoutAddress #postcodeLookup{
	margin-top:0px;
	padding-top:12px;
	border-top:#B88625 dashed 1px;}
#checkoutAddress .checkbox{
	margin-top:-2px;}
	
#addressBook{
	width:440px;
	float:left;  /*float removed in ieonly.css*/
	margin-top:16px;
	border-top:#FAB632 solid 1px;
	padding-top:8px;
	clear:both;}
#addressBook h4{
	border-bottom:#B88625 dashed 1px;
	padding-bottom:12px;}

#shippingOptions{
	clear:both;
	padding-bottom:16px;}
	
#shippingSelection{
	width:450px;
	float:left;}	
#shippingSelection td{
	background:#FDED7B;
	padding:6px;}	
#shippingSelection .spacer td{
	background:#FFFFFF;}
#shippingSelection th{
	text-align:left;
	padding:6px;}	

#deliveryInstructions{
	margin-left:476px;}
#deliveryInstructions textarea{
	margin-bottom:2px;
	margin-top:12px;
	width:300px;
	height:60px;}
#deliveryInstructions strong{
	margin-bottom:6px;
	display:block}
		
#checkoutSchools #puffinBills{
	width:926px;
	margin-left:0px;}
#checkoutSchools #puffinBills p{
	display:inline;
	padding-right:6px;}
#checkoutSchools .fullBox li{
	display:inline;}
	
#checkoutFreeGift h3{
	margin-top:-8px;
	padding-bottom:0px;
	margin-bottom:0px;}
	
#checkoutFreeGift .shortDes{
	margin-top:8px;}
#checkoutFreeGift .select{
	margin-top:8px;}
	
#checkoutFreeGift .productInfo{
	margin-left:100px;}
	
#noThanks img{
	margin-left:8px;
	vertical-align:middle;}
	

#ifApplicable{
	padding-top:8px;
	border-bottom:#b88625 dashed 1px;
	border-top:#b88625 dashed 1px;}
	
#orderDetails ul{
	border-top:#b88625 dashed 1px;
	padding-top:6px;
	margin-top:6px;}	
#orderDetails li strong{
	margin-bottom:6px;}	
#orderDetails a{
	float:right;
	margin-top:-12px;}
	
#checkoutPayment .basketProducts{
	margin-left:0px;
	margin-top:16px;}
	
#checkoutPayment .basketProducts .productinfoCell{
	width:710px;
	border-left:#b88625 dashed 1px;}	
	
#checkoutPayment .basketProducts .product.offer .productinfoCell{
	border-left:2px solid;
	border-color:#22B80F;}	

#confirmOrder{
	padding-top:32px;
	padding-bottom:64px;
	text-align:center;}
#confirmOrder p{
	margin:16px;}
	
#NewParent input{
	margin-top:8px;
	margin-right:8px;
	float:left;}

#NewParent img{
	margin-top:6px;}
	
#checkoutPayment #PuffinBillsEntry #puffinBills{
	margin-left:0px;
	width:926px;}
	
#checkoutPayment #PuffinBillsEntry #puffinBills dt{
	width:300px;}
	
#checkoutPayment #puffinBills{
	margin-left:0px;
	}
	

	

	
	
@charset "utf-8";

/***********Puffin Book Club Style Sheet************/
/***************Form Styles********************/



/*TAGS
---------------------------------------------------*/

legend{ /*Extra bottom margin added for IE only in IEonly.css CHECK THIS?*/ 
	height:24px;
	font-weight:bold;
	background-color:#fab632;
	color:#8f0404;
	background: url(/siteimages/PUFFIN/legendleft.gif) no-repeat left top;}

legend span{
	display:block;
	padding:4px 8px 6px;
	background: url(/siteimages/PUFFIN/legendright.gif) no-repeat right top;}

h2{
	margin-top:8px;
	font-size:180%;
	color:#8f0404;
	background: url(/siteimages/PUFFIN/titleleft.gif) no-repeat left top;}	
h2 span{
	display:block;
	padding-top:4px;
	padding-left:8px;
	padding-bottom:16px;
	padding-right:8px;
	background: url(/siteimages/PUFFIN/titleright.gif) no-repeat right top;}



/*UNIVERSAL FORM STYLES
---------------------------------------------------*/

.form {
	clear:both;}
	
.form dt{
	float:left;
	width:180px;
	text-align:right;
	margin-right:12px;
	margin-top:0px;}
.form dd{
	padding-bottom:12px;
	margin-left:192px;}
.form dl{
	margin-top:12px;
	margin-bottom:0px;}

.form.centered dt{
	width:340px;}
.form.centered dd{
	margin-left:352px;}	
	
.form.half dt{
	width:130px;}
.form.half dd{
	margin-left:102px;}

	
#formCentre{
	margin-bottom:24px;}
	
.inputLong{
	width:180px;}
	
.checkbox{
	margin-top:4px;
	border:none;
	width:20px;}
	
.button{
	border:none;}
	
.bigEntry{
	width:300px;}
	
.undo{
	float:right;
	margin-top:-14px;}
	
.inputVShort{
	width:30px;}
#quickshopForm .inputVShort{
	width:45px;}
	
.nonEditField{
	margin-bottom:12px;}
	

/*BUTTON STYLES
---------------------------------------------------*/
.form.centered .formButton{
	margin-left:352px;}
	
.form.half .formButton{
	margin-left:140px;}

.formButton{
	margin-bottom:16px;
	margin-left:192px;}
	
.rightButton{
	margin-top:6px;}
	
.cancel{
	float:right;
	margin-top:8px;
	margin-right:220px;}

#centreHalf .cancel{
	margin-right:85px;}
	


/*FORM ERROR STYLES
---------------------------------------------------*/

.errorBox{
	font-weight:bold;
	border:2px solid #CE1E1E;
	padding:16px;
	margin-top:16px;
	padding-left:120px;
	background: #FFCCCC url(/siteimages/PUFFIN/puffin-error.jpg) no-repeat left 6px;
	color: #CE1E1E;}
	
.errorBox h3{
	font-size:150%;
	padding-top:0px;}
	
.errorMessage{
	color:#CE1E1E;	}
	
.errorChange input{
	border: 2px solid #CE1E1E;	}
	
label.errorChange{
	color:#CE1E1E;
	font-weight:bold;	}
	
dd.errorChange{
	padding-bottom:4px;}
dd.errorChange img{
	padding-left:0px;}
	
dd img{
	vertical-align:middle;
	margin-top:-4px;
	padding-left:4px;}

.showErrorImage{
	display: inline;}



/*SPECIFIC FORM STYLES
---------------------------------------------------*/
	
#login dl{
	margin-top:24px;}
	
#RegistrationPage #mailingPrefs{
	padding-right:6px;}	
#RegistrationPage #mailingPrefs p{
	clear:both;}	
#mailingPrefs #initialMail  dt{
	width:220px;
	margin-bottom:8px;} 
	
#mailingPrefs #initialMail  dl{
	padding-bottom:24px;}	
	
#mailingPrefs{
	background: url(/siteimages/PUFFIN/bulletin.gif) no-repeat 654px 30px;
	padding-right: 140px;}
#mailingPrefs dt{
	float:left;
	width:80px;
	text-align:right;
	margin:0px;
	margin-top:2px;}
#mailingPrefs dd{  /*bottom padding adjustec in ieonly.css*/
	width:10px;
	float:left;
	padding-bottom:12px;
	margin-left:2px;
	margin-right:22px;}
#mailingPrefs dd img{
	padding-top:6px;}
#mailingPrefs  p{
	padding-bottom:4px;}
	
#mailOptions dd{
	margin-right:32px;}
	
#selectPrefs {
	margin-top:16px;
	margin-bottom:16px;
	padding-right:6px;
	padding-bottom:4px;
	border: 1px dashed #b88625;
	text-align:right;}
#selectPrefs span{
	font-weight:bold;
	float:left;
	padding-top:14px;
	padding-left:12px;}
	
#mailOptions{
	text-align:right;
	padding-top:12px;
	padding-left:6px;
	margin-left:6px;
	margin-top:4px;
	border-top: 1px dashed #b88625;}	
#mailOptions p{
	clear:both;
	text-align:left;}	
#mailOptions dl{
	padding-bottom:32px;}

#confirmReg{
	clear:both;
	text-align:right;}
#confirmReg dl{
	margin-top:0px;
	float:left;}
#confirmReg dt{
	padding-top:3px;
	float:none;
	text-align:left;
	width:700px;}
#confirmReg dd{
	float:left;
	margin-left:10px;
	margin-right:4px;}
#confirmReg .rightButton{
	margin-top:0px;}
	
#postcodeLookup{
	font-weight:bold;
	border-bottom: 1px dashed #b88625;}
#postcodeSelect{
	width:90%;
	margin-left:auto;
	text-align:center;
	margin-right:auto;}
	
.longList li{
	width:100%;
	float:left;
	clear:both;
	padding-top:10px;
	padding-bottom:6px;
	margin-bottom:6px;
	border-bottom: 1px dashed #b88625;}
.editForm {
	margin-top:18px;}
.longList dt{
	margin-right:8px;
	float:left;
	text-align:right;
	width:180px;
	font-weight:bold;}
.longList dd {
	padding-bottom:8px;
	margin-left:190px;}
.longList dd .undo{
	float:right;
	margin-top:-14px;}
.longList dd a .sideButton {
	margin-left:4px;}
	
.longList input{
	margin-top:-4px;
	margin-bottom:4px;}
.longList select{
	margin-top:-4px;
	margin-bottom:4px;}
	
.longList span{
	display:block;
	width:450px;}
	
	
.rightOptions{
	margin-top:6px;
	text-align:right;
	float:right;
	width:240px;
	margin-right:100px;
	}
	
	
#accountYourSchools .rightOptions{
	margin-top:0px;
	margin-bottom:6px;  /*set to 0 in ieonly.css*/
	}

.rightOptions.left{
	text-align:left;}
.rightOptions li{
	border:none;
	display:inline;}
	

.addressInfo{
	width:450px;
	text-align:left;
	float:left;	}
.addressInfo li{
	display:inline;}	



.addressLine{
	width:100%;
	float:left;
	clear:both;
	padding-top:10px;
	padding-bottom:6px;
	border-bottom: 1px dashed #b88625;}
	


#quickshopProduct{
	padding-top:8px;
	padding-bottom:8px;
	border-bottom: 1px dashed #b88625;
	border-top: 1px dashed #b88625;
	height:100px;
	}
	
#quickshopProduct h3{
	padding:0px;	}
	
#quickshopProduct .author{
	padding-bottom:8px;}
	
#quickshopProduct .productInfo{
	margin-left:100px;}
	
#quickshopAdded{
	color:#999999;
	}
	
#quickshopAdded ul{
	padding-right:12px;
	height:272px; /*height chaned in ieonly.css*/
	overflow:scroll;}
	
#quickshopAdded li{
	margin-top:4px;
	margin-bottom:4px;
	padding:4px;
	border-bottom: 1px dashed #999999;}
	
#quickshopAdded ul span{
	margin-left:8px;
	display:block;
	float:right;}
	
#quickshopAdded strong{
	font-weight:normal;}
	
#quickshopAdded #listHead{
	font-weight:bold;
	border-bottom: 1px solid #999999;}
	
#quickshopAdded #listHead strong{
	font-weight:bold;}
	
	
#parent{
	background: url(/siteimages/PUFFIN/puffin-parent.jpg) no-repeat right 18px;
	padding-right:150px;	}
	
#school{
	background: url(/siteimages/PUFFIN/puffin-school.jpg) no-repeat right 18px;
	padding-right:130px;	}


@charset "utf-8";

/***********Puffin Book Club Style Sheet************/
/***************Product Styles********************/



/*GENERAL PRODUCT STYLES
---------------------------------------------------*/



.pagination{	
	float:left;}
.pagination li{
	display:inline;}
.pagination img{
	vertical-align:middle;}
.pagination select{
	vertical-align:middle;}
	
.stockStatus{
	font-weight:bold;	}
.stockStatus.inStock{
	color:#009900;}
	
	
	
/*CATEGORY STYLES
---------------------------------------------------*/

/*products*/
	
.productInfo{
	margin-left:140px;}
	
.price{
	font-size:150%;
	color:#8f0404;}
	

/*category name, info, display and refinement*/

#categoryContent{
	clear:left;
	width:760px;}	
	
#categoryHeader{
	text-align:right;}

#categoryResults{  /*title, results, pagination, sortby*/
	padding-top:13px;
	text-align:center;
	float:left;
	width:350px;
	border: 1px dashed #b88625;
	padding-bottom:13px;	}
	
#categoryResults p{  
	line-height:100%;	}
#categoryResults img{  
	vertical-align:middle;	}

#categoryRefine {  
	clear:left;
	margin-top:6px;}
	
.categorySort{  /*pagination, sortby*/
	clear:left;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom: 1px dashed #b88625;
	border-top: 1px dashed #b88625;
	margin-bottom:12px;
	text-align:right;}

.sortBy{
	float:right;}
	
#categoryDisplay{  /*display otions box*/
	margin-bottom:12px;
	margin-left:368px;
	width:222px;
	border:#b88625 dashed 1px;
	text-align:center;
	padding:4px;}
#categoryDisplay li{  
	margin-top:6px;
	display:inline;
	vertical-align:middle;}
#categoryDisplay ul{  
	padding-top:6px;
	vertical-align:middle;}
#categoryDisplay span{  
	padding-left:6px;
	padding-top:8px;
	float:left;}
	

/*Sub categories*/

#subCatBox{
	text-align:left;
	float:left;
	padding-left:160px;}
#subCatBox h2 a{
	height: 70px;
	width: 610px;
	display:block;}
#subCatBox h2{
	background:none;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;}

#subcats {
	padding:16px;}
#subcats li{
	float:left;}
#subcats a{
	text-decoration:none;
	margin-left:12px;
	font-weight:bold;
	width:170px;
	margin-bottom:6px;
	padding-top:2px;
	padding-bottom:10px;
	padding-left:10px;
	display:block;
	color:#FFFFFF;
	padding-left:10px;}
	
#subcatBreadcrumb{
	padding-bottom:16px;
	padding-top:2px;
	width:610px;}
#subcatBreadcrumb p{
	margin-left:48px;}
#subcatBreadcrumb a{
	margin-left:12px;
	margin-right:6px;}
#subcatBreadcrumb strong{
	margin-right:6px;}
	
	
#ThreePlusPage #subCatBox{
	background: url(/siteimages/PUFFIN/cat_img_one.jpg) no-repeat left top;}
#ThreePlusPage #subCatBox h2 a{
	background: url(/siteimages/PUFFIN/cat_header_one.gif) no-repeat;}	
#ThreePlusPage #subcats {
	background: url(/siteimages/PUFFIN/cat_back_one.gif) no-repeat bottom;}	
#ThreePlusPage #subcats a{
	background: url(/siteimages/PUFFIN/cat_button_one.gif) no-repeat;}	
#ThreePlusPage #subcats a:hover{
	background: url(/siteimages/PUFFIN/cat_buttonover_one.gif) no-repeat;
	color:#207CD9;}
#ThreePlusPage #subcats .selected a{
	background: url(/siteimages/PUFFIN/cat_buttonover_one.gif) no-repeat;
	color:#207CD9;}	
#ThreePlusPage #subcatBreadcrumb{
	background: url(/siteimages/PUFFIN/cat_foot_one.gif) no-repeat bottom;}
#subcatBreadcrumb a{
	color:#207CD9;}
	
#SevenPlusPage #subCatBox{
	background: url(/siteimages/PUFFIN/cat_img_two.jpg) no-repeat left top;}
#SevenPlusPage #subCatBox h2 a{	background: url(/siteimages/PUFFIN/cat_header_two.gif) no-repeat;}	
#SevenPlusPage #subcats {
	background: url(/siteimages/PUFFIN/cat_back_two.gif) no-repeat bottom;}	
#SevenPlusPage #subcats a{
	background: url(/siteimages/PUFFIN/cat_button_two.gif) no-repeat;}	
#SevenPlusPage #subcats a:hover{
	background: url(/siteimages/PUFFIN/cat_buttonover_two.gif) no-repeat;
	color:#8124A8;}
#SevenPlusPage #subcats .selected a{
	background: url(/siteimages/PUFFIN/cat_buttonover_two.gif) no-repeat;
	color:#8124A8;}	
#SevenPlusPage #subcatBreadcrumb{
	background: url(/siteimages/PUFFIN/cat_foot_two.gif) no-repeat bottom;}
#SevenPlusPage #subcatBreadcrumb a{
	color:#8124A8;}
	
#NinePlusPage #subCatBox{
	background: url(/siteimages/PUFFIN/cat_img_three.jpg) no-repeat left top;}
#NinePlusPage #subCatBox h2 a{
	background: url(/siteimages/PUFFIN/cat_header_three.gif) no-repeat;}	
#NinePlusPage #subcats {
	background: url(/siteimages/PUFFIN/cat_back_three.gif) no-repeat bottom;}	
#NinePlusPage #subcats a{
	background: url(/siteimages/PUFFIN/cat_button_three.gif) no-repeat;}	
#NinePlusPage #subcats a:hover{
	background: url(/siteimages/PUFFIN/cat_buttonover_three.gif) no-repeat;
	color:#1C870C;}
#NinePlusPage #subcats .selected a{
	background: url(/siteimages/PUFFIN/cat_buttonover_three.gif) no-repeat;
	color:#1C870C;}	
#NinePlusPage #subcatBreadcrumb{
	background: url(/siteimages/PUFFIN/cat_foot_three.gif) no-repeat bottom;}
#NinePlusPage #subcatBreadcrumb a{
	color:#1C870C;}
	
#PuffinPicksPage #subCatBox{
	background: url(/siteimages/PUFFIN/cat_img_picks.jpg) no-repeat left top;}
#PuffinPicksPage #subCatBox h2 a{
	background: url(/siteimages/PUFFIN/cat_header_picks.gif) no-repeat;}	
#PuffinPicksPage #subcats {
	background: url(/siteimages/PUFFIN/cat_back_picks.gif) no-repeat bottom;}	
#PuffinPicksPage #subcats a{
	background: url(/siteimages/PUFFIN/cat_button_picks.gif) no-repeat;}	
#PuffinPicksPage #subcats a:hover{
	background: url(/siteimages/PUFFIN/cat_buttonover_picks.gif) no-repeat;
	color:#c35f05;}
#PuffinPicksPage #subcats .selected a{
	background: url(/siteimages/PUFFIN/cat_buttonover_picks.gif) no-repeat;
	color:#c35f05;}	
#PuffinPicksPage #subcatBreadcrumb{
	background: url(/siteimages/PUFFIN/cat_foot_picks.gif) no-repeat bottom;}
#PuffinPicksPage #subcatBreadcrumb a{
	color:#c35f05;}
	
#seasonalPage #subCatBox{
	background: url(/siteimages/PUFFIN/cat_img_seasonal.jpg) no-repeat left top;}
#seasonalPage #subCatBox h2 a{
	background: url(/siteimages/PUFFIN/cat_header_seasonal.gif) no-repeat;}	
#seasonalPage #subcats {
	background: url(/siteimages/PUFFIN/cat_back_seasonal.gif) no-repeat bottom;}	
#seasonalPage #subcats a{
	background: url(/siteimages/PUFFIN/cat_button_seasonal.gif) no-repeat;}	
#seasonalPage #subcats a:hover{
	background: url(/siteimages/PUFFIN/cat_buttonover_seasonal.gif) no-repeat;
	color:#283ea8;}
#seasonalPage #subcats .selected a{
	background: url(/siteimages/PUFFIN/cat_buttonover_seasonal.gif) no-repeat;
	color:#283ea8;}	
#seasonalPage #subcatBreadcrumb{
	background: url(/siteimages/PUFFIN/cat_foot_seasonal.gif) no-repeat bottom;}
#seasonalPage #subcatBreadcrumb a{
	color:#283ea8;}
	




/*SEARCH PAGE STYLES*/

#searchPage #subCatBox{
	padding-left:0px;
	background: none}
	
#searchPage #categoryResults{  
	width:510px;	
	padding-bottom:8px;}
	
#searchPage #categoryDisplay{  
	margin-left:528px;
	padding-bottom:8px;}

#searchPage #subCatBox h2{
	background: url(/siteimages/PUFFIN/titleleft.gif) no-repeat left top;
	margin-top:16px;
	padding-top:0px;
	padding-bottom:0px;}


	
/*one column - default*/

.productBox{ /*min height fix for ie6 in IEonly.css*/
	float:left;
	padding:8px;
	border:#b88625 solid 1px;
	margin-bottom:12px;
	width:742px;}	
.productBox h3{
	padding:0px;
	font-size:120%;
	margin-right:40px;}
.productBox .productCode{
	padding-bottom:8px;}
.productBox .ageRange{
	margin-right:200px;
	float:right;
	padding-bottom:8px;}
.productBox .save{
	margin-left:4px;
	margin-right:4px;
	display:inline;}
.productBox .author{
	padding-bottom:8px;}
.productBox .shortDes{
	padding-bottom:16px;}
.productBox .price{
	display:inline;}
.productBox .rrp{
	display:inline;}
.productBox .addToBasket{
	float:right;
	margin-top:-28px;}
.productBox .moreInfo{
	margin-right:6px;
	float:right;
	margin-top:-28px;}	
.productBox .stockStatus{
	float:right;
	margin-top:-4px;
	text-align:center;
	width:128px;}	
.productBox .reviewScore{
	float:right;}
	
.productBox .base{
	height:1px;}
	
.lookInside a{
	display:block;
	background: url(/siteimages/PUFFIN/icons/lookinside-small.gif) no-repeat;
	height: 17px;
	width: 80px;
	margin-left:26px;
	padding-bottom:6px;}
	
.multiTitleSet{
	background:#FDED7B url(/siteimages/PUFFIN/multibook.gif) no-repeat 4px 2px;
	margin-top:8px;
	clear:both;
	padding:16px 10px 12px 210px;}	
.multiTitleSet ul{
	margin-top:6px;
	margin-bottom:6px;}	
.multiTitleSet p{
	line-height:110%;}	
	
.partOfOffer{
	background:#fab632 url(/siteimages/PUFFIN/specialoffer.gif) no-repeat 4px 2px;
	margin-top:8px;
	clear:both;
	padding:10px;
	padding-left:210px;
	color:#8f0404;}	
.partOfOffer a{
	display:block;
	color:#8f0404;}	
.partOfOffer p{
	line-height:120%;}	
	

#specialOffersPage .partOfOffer{
	margin-bottom:20px;}



/*multibook*/

#multiBook .productBox{ 
	text-align:center;
	width:170px;
	float:left;
	margin-right:2px;
	margin-left:2px;
	border:0px;
	height:170px;}	
#multiBook .productInfo{  /*space fix for ie in ieonly.css*/
	margin-left:0px;}
#multiBook .productImg{
	float:none;}	
#multiBook .productBox .author{
	display:none;}
#multiBook .shortDes{ 
	display:none;}	
#multiBook .productCode{ 
	display:none;}
#multiBook .productBox h3{
	display:none;}
#multiBook .productBox .addToBasket{
	display:none;}
#multiBook .productBox .moreInfo{
	display:none;}	
#multiBook .productBox .stockStatus{
	display:none;}	
#multiBook .partOfOffer{
	display:none;}	
#multiBook .multiTitleSet{
	display:none;}	
#multiBook .productBox .reviewScore{
	display:none;}	
#multiBook .lookInside{
	display:none;}	
#multiBook .productBox .ageRange{
	display:none;}	
#multiBook .productBox .save{
	display:none;}	
	
	
/*list view*/

#list .shortDes{ 
	display:none;}
#list .productImg{ 
	display:none;}
#list .productInfo{
	margin-left:0px;}
#list .productCode{ 
	display:none;}
#list .productBox .stockStatus{
	float:right;
	margin-top:-24px;}	
#list .productBox .reviewScore{
	display:none;}
#list .productBox .ageRange{
	display:none;}

/*faceted nav - NOT USED
	
#facetsBox{
	background:#FDED7B;
	border:#b88625 solid 1px;
	padding-bottom:12px;
	margin-bottom:12px;}
#facetsBox h3{
	border-bottom:#b88625 solid 1px;
	background:#fab632;
	padding:6px;}
#facetsBox h4{
	font-size:100%;
	padding-bottom:4px;}
#facetsBox p{
	text-align:right;}
	
.facetGroup{
	padding:8px;}
#categoryContent .facetGroup.selected{
	border-top:#b88625 solid 1px;
	border-bottom:#b88625 solid 1px;
	padding:6px;
	margin-bottom:6px;
	background:#FFFFCC;}	
.facetGroup .selected{
	border-bottom:#b88625 dashed 1px;
	padding-bottom:6px;
	margin-bottom:6px;}
	
#facets{
	border-bottom:#b88625 dashed 1px;
	margin-bottom:12px;
	float:left;
	width:600px;}

#facets li a{
	font-weight:bold;
	border:#b88625 solid 1px;	
	margin-right:12px;
	padding-top:20px;
	text-align:center;
	display:block;
	height:34px;
	width:100px;
	background:#FFFFCC;
	margin-bottom:12px;
	text-decoration:none;}
#facets li {
	float:left;}/*
	
	


	

/*mini basket*/	

#miniBasket{
	margin-top:16px;
	background-image: url(/siteimages/PUFFIN/minibasket-back.gif);
	background-repeat: repeat-y;
	margin-bottom:10px;}

#miniBasket h3 a{
	display:block;
	background: url(/siteimages/PUFFIN/minbasket-header.gif) no-repeat;
	height: 25px;
	width: 160px;}
#miniBasket h3{
	padding-top:0px;}
	
#viewFullBasket a{
	display:block;
	background: url(/siteimages/PUFFIN/minibasket-viewfull.gif) no-repeat;
	height: 44px;
	width: 160px;}	

#miniBasketTable{
	background:#FFFFFF;
	width:139px;
	margin-left:4px;
	border: 1px solid #b88625;
	font-size:80%;
	padding:4px;
	margin-bottom:4px;}
#miniBasketTable td{
	vertical-align:top;
	padding:2px;
	border-top: 1px dashed #b88625;}
#miniBasketTable th{
	text-align:left;
	padding:4px;}
	
#miniBasketTable .productinfoHeader	{
	width:100%;}
	
#miniBasketIntro{
	padding-left:6px;
	padding-right:4px;
	padding-bottom:4px;}
	
#miniBasketAdd{
	padding-top:10px;
	position:absolute;
	width:310px;
	margin-left:-312px;
	background:url(/siteimages/PUFFIN/basketAdd.gif) no-repeat;}
#miniBasketAdd p{
 	padding-left:6px;
	padding-right:28px;}
#miniBasketAdd strong{
 	padding-bottom:6px;
	display:block;}
	
.miniBasketAddOptions{
	padding-top:10px;
	height:36px;
	clear:both;
	background: url(/siteimages/PUFFIN/basketAddBase.gif) no-repeat bottom;}
.miniBasketAddOptions img{
	padding-left:12px;}
	
.total{
	margin-top:2px;
	padding-top:4px;
	border-top: 1px solid #b88625;
	text-align:right;}
	
#freeDelivery{
	background: url(/siteimages/PUFFIN/minbasket-freedelivery.gif) no-repeat;
	height: 46px;
	width: 160px;}

#freeDeliverySchools{
	background: url(/siteimages/PUFFIN/minbasket-freedelivery-schools.gif) no-repeat;
	height: 46px;
	width: 160px;}
	
	
#recentlyViewed{
	margin-top:0px;}
	
#recentlyViewed li{
	text-align:center;
	margin-bottom:16px;}
	
#recentlyViewed h3{
	padding-top:0px;
	padding-bottom:16px;}
	
#noResults p{
	margin-top:8px;
	margin-bottom:8px;}
#noResults{
	margin-top:32px;}
#noResults img{
	vertical-align:middle;}
	
	
/*PRODUCT PAGE
---------------------------------------------------*/	
	
#productDisplay{
	margin-top:16px;
	width:770px;
	float:left;}
#productDisplay .productInfo{	
	width:520px;}
#productDisplay .productImg{
	margin-bottom:16px;
	padding:6px;
	border: 1px solid #b88625;}
#productDisplay .productInfo{
	margin-left:250px;}
#productDisplay h2{
	background:none;
	padding-bottom:2px;}
#productDisplay .author{
	font-size:120%;
	font-weight:bold;}
#productDisplay .reviewScore{
	display:block;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom: 1px dashed #b88625;}
#productDisplay .reviewScore img{
	vertical-align:middle;}
#productDisplay .productCode{
	float:right;
	padding-top:80px;}
#productDisplay .price{
	padding-top:56px;
	font-size:180%;}
#productDisplay .rrp{
	font-weight:bold;
	display:inline;}
#productDisplay .save{
	display:inline;
	margin-right:8px;}


#bookOptions li{
	clear:right;
	float:right;}	
#bookOptions a{	
	text-align:left;
	display:block;
	padding-top:4px;
	padding-bottom:4px;
	margin-bottom:6px;
	width:140px;
	margin-left:26px;
	border: 1px solid #E10000;}	

#billsClaim a{
	background: #FAB632 url(/siteimages/PUFFIN/icons/small-tick-dyellow.gif) no-repeat 4px center;
	padding-left: 22px;
	border: 1px solid #E10000;
	color:#8f0404;}

#billsClaimOut{
	text-align:left;
	padding-top:4px;
	padding-bottom:4px;
	margin-bottom:6px;
	width:140px;
	margin-left:26px;
	background: #FAB632;
	padding-left: 22px;
	border: 1px solid #E10000;
	color:#8f0404;}

#inBookshelf a{
	color:#FFFFFF;
	font-weight:bold;
	background:#8F0404 url(/siteimages/PUFFIN/icons/small-tick-red.gif) no-repeat 4px center;}

#productDisplay .partOfOffer{
	border: 1px solid #b88625;
	margin-top:20px;
	margin-bottom:0px;
	width:550px;}	
	
#productDisplay .fullBox{ /*fix in ieonly.css  (+ h3)*/
	border:#fab632 solid 1px;
	padding:8px;	
	margin-top:32px;}

#productDisplay .lookInside.not{
	background:none;}
	
.zoom{
	padding:6px;
	text-align:center;}
.zoom a{
	padding:6px 6px 6px 20px;
	background: url(/siteimages/PUFFIN/icons/small-zoom.gif) no-repeat left center;}
	
#bookAddBlock{
	margin-top:6px;
	padding-top:6px;
	border-top: 1px dashed #b88625;
	text-align:right;
	margin-left:250px;}
#bookAddBlock p{
	text-align:left;}
	
#buyBlock{
	text-align:left;
	float:left;
	height: 55px;
	width: 330px;
	color:#FFFFFF;}
#buyBlock a{
	display:block;
	background: url(/siteimages/PUFFIN/buttons/addtobasket-buyBox.gif) no-repeat left top;
	height: 55px;
	width:144px;
	margin-left:156px;}
#buyBlock #buyBlockOut{
	display:block;
	background: url(/siteimages/PUFFIN/buttons/addtobasket-buyBox-OOS.gif) no-repeat left top;
	height: 55px;
	width:144px;
	margin-left:156px;}
#buyBlock #quantity{
	font-weight:bold;
	margin-right:-30px;
	padding-left:30px;
	padding-top:14px;
	float:left;
	display:block;
	background: url(/siteimages/PUFFIN/buyBoxLeft.gif) no-repeat left top;
	height: 55px;
	width:156px;}	
#buyBlock input{
	width:30px;}
	
#productDisplay #gotoBasket{
	font-weight:bold;
	text-align:center;
	border: 1px solid #071F8B;}
	
#productDisplay #gotoBookshelf{
	margin-top:20px;
	font-weight:bold;
	text-align:center;
	border: 1px solid #e10000;}

#bookFeatures{
	clear:left;
	padding-top:1px}
	
.didYouKnow{
	background:#FDED7B;
	font-style:italic;
	padding:8px;
	margin:12px;
	float:right;
	width:150px;
	border: 1px dashed #b88625;}
.didYouKnow strong{
	font-size:120%;
	display:block;
	padding-bottom:4px;}

/*.bookBox{	   DONT THINK THIS IS USED ANYMORE
	width:750px;
	border:#b88625 solid 1px;
	padding:8px;	
	margin-top:16px;}	
.bookBox h3{
	margin-top:-24px;
	margin-bottom:8px;}	
.bookBox .boxHead{  
	display:inline;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	background: #fab632 url(/siteimages/PUFFIN/legendleftshort.gif) no-repeat left top;}
.bookBox .boxHead span{
	background-color:#fab632;
	padding:5px 8px;
	background: url(/siteimages/PUFFIN/legendright.gif) no-repeat right top;}*/
	
#lookInsideBox .lookInsideImg .zoom{
	margin-bottom:32px;
	font-weight:bold;}
#lookInsideBox .lookInsideImg p{
	text-align:center;}
	
#productDisplay #lookInsideBox{
	margin-top:20px;
	border: 1px solid #E10000;}
	
#lookInsideBox img{
	margin-right:2px;}
	
#lookInsideBox .lookInsideNow{
	margin-top:-27px;
	float:right;
	margin-right:0px;}
	
#bookTitles{
	background: url(/siteimages/PUFFIN/puffin-stack.jpg) no-repeat right top;}
	
#description p{
	padding-bottom:5px;
	padding-top:5px;}

	
#bookDetails{
	margin-top:6px;
	border-top:#b88625 dashed 1px;
	padding-top:6px;}
#bookDetails li{
	display:inline;
	margin-right:24px;}	

#alsoRecommended ul{
	float:left;
	text-align:center;
	width:187px;
	padding-top:16px;
	padding-bottom:6px;}
#alsoRecommended .title{
	font-weight:bold;}
#alsoRecommended .price{
	padding-top:4px;}
	
	
#reviewAverage{
	font-weight:bold;
	border-bottom:#b88625 solid 1px;
	padding-bottom:6px;
	padding-top:6px;}	
#reviewAverage a{
	float:right;}	
#reviewFooter{
	font-weight:bold;
	border-top:#b88625 solid 1px;
	padding-bottom:6px;
	padding-top:12px;
	text-align:right;}	
	
#reviewsBox .review{
	margin-top:12px;
	margin-bottom:32px;}
#reviewsBox img{
	vertical-align:middle;}
#reviewsBox .reviewScore{
	margin-bottom:4px;}
#reviewsBox .reviewScore strong{
	padding-left:16px;
	font-size:120%;}	
#reviewsBox p{
	clear:both;}
#reviewsBox form p{
	clear:none;}
#reviewsBox .reviewText{
	border-bottom:#b88625 dashed 1px;
	padding-bottom:6px;
	margin-bottom:4px;}	
#reviewsBox .reviewText p{
	padding-bottom:3px;
	padding-top:3px;}
#reviewsBox .reviewAuthor{
	font-weight:bold;
	display:inline;}
#reviewsBox .reviewDate{
	display:inline;
	padding-left:16px;}
	
#featuredReviewsBox p{
	padding-bottom:12px;}
#featuredReviewsBox em{
	font-size:120%;}
#featuredReviewsBox img{
	float:right;}
	
.searchTerm{
	display:inline;
	padding:2px;
	background:#FFFF00;
	color:#000000;}
	
	
	
/*ENLARGE IMAGE
---------------------------------------------------*/	


#lookInside {    
	margin-left:auto;
	margin-right:auto;
	background: #FFFFFF;
	width:600px;
	padding:12px;
	border:solid 1px #8f0404;
	text-align:center;
	margin-top:16px;
	margin-bottom:16px;}
#lookInside h1{    
	text-align:left;}
#lookInside h2{ 
	text-align:left;
	font-size:140%;  }	
#lookInside h2 span{ 
	padding-top:8px;}	
	
	
#lookInsideZoom {    
	margin-left:auto;
	margin-right:auto;
	background: #FFFFFF;
	width:900px;
	padding:12px;
	border:solid 1px #8f0404;
	text-align:center;
	margin-top:16px;
	margin-bottom:16px;}
#lookInsideZoom h1{    
	text-align:left;}
#lookInsideZoom h2{ 
	text-align:left;  
	font-size:140%; }
#lookInsideZoom h2 span{ 
	padding-top:8px;}	
	
#lookInsideMenu{
	padding:6px;
	margin-bottom:24px;
	background:#fab632;
	min-height:16px;}
	
#lookInsideMenu a{
	color:#8f0404;
	font-weight:normal;}
	
#lookInsideMenu li{
	font-weight:bold;
	background: url(/siteimages/PUFFIN/1pxredline.gif) no-repeat left center;}
	
#lookInsideMenu strong{
	float:left;
	margin-right:8px;}
	
.lookInsideImg{
	clear:both;
	margin-top:8px;}
	
.lookInsideImg .zoom a{
	margin-left:16px;
	font-weight:normal;}
	
#textExtract{
	clear:both;
	padding-bottom:24px;}
	
#textExtract p{
	padding-top:5px;
	padding-bottom:5px;}

.close{
	padding-top:8px;
	margin-top:24px;
	border-top:solid 2px #fab632;}


/*COLOUR CHANGES
---------------------------------------------------*/

#wrapper .boxHead span{
	color:#8f0404;}
	

#wrapper .price strong{
	color:#8f0404;}
#wrapper .partOfOffer strong{
	color:#8f0404;}


#ThreePlusPage strong{
	color:#207CD9;}
#ThreePlusPage h2{
	color:#207CD9;}
#ThreePlusPage h3 a{
	color:#207CD9;}
#ThreePlusPage .author a{
	color:#207CD9;}
#ThreePlusPage #productDisplay .productImg{
	border: 1px solid #207CD9;}
	

#SevenPlusPage strong{
	color:#8124A8;}	
#SevenPlusPage h2{
	color:#8124A8;}
#SevenPlusPage h3 a{
	color:#8124A8;}
#SevenPlusPage .author a{
	color:#8124A8;}
#SevenPlusPage #productDisplay .productImg{
	border: 1px solid #8124A8;}
			

#NinePlusPage strong{
	color:#1C870C;}		
#NinePlusPage h2{
	color:#1C870C;}
#NinePlusPage h3 a{
	color:#1C870C;}
#NinePlusPage .author a{
	color:#1C870C;}
#NinePlusPage #productDisplay .productImg{
	border: 1px solid #1C870C;}

#PuffinPicksPage strong{
	color:#c35f05;}		
#PuffinPicksPage h2{
	color:#c35f05;}
#PuffinPicksPage h3 a{
	color:#c35f05;}
#PuffinPicksPage .author a{
	color:#c35f05;}
#PuffinPicksPage #productDisplay .productImg{
	border: 1px solid #c35f05;}


#seasonalPage strong{
	color:#283ea8;}		
#seasonalPage h2{
	color:#283ea8;}
#seasonalPage h3 a{
	color:#283ea8;}
#seasonalPage .author a{
	color:#283ea8;}
#seasonalPage #productDisplay .productImg{
	border: 1px solid #283ea8;}
	
	
/*

#SevenPlusPage strong{
	color:#1C870C;}
	

#NinePlusPage strong{
	color:#c35f05;}
	
#PuffinPicksPage strong{
	color:#283ea8;}	
*/
