/*******************
File:    basic.css
Version: 3.2
Author:  David Holes
Date:    25/01/2011
*******************/

/***********Puffin Book Club Style Sheet************/
/***************Universal Styles********************/


/*REFERENCE
---------------------------------------------------

Dark red: #8f0404
Grey: #333333;

links: #E10000

Dark Border:  #8f0404
Medium Border: #7A5F18
Light Border: #497CC0

Error Red: #CE1E1E;

Light Red: #FFDFE0

Green text #22B80F

Blue text: #187AD3

Yellow: #497CC0
light Yellow: #FDED7B
lightest Yellow: #FFFFCC
Red: #D75521

Three plus: #207CD9
Seven plus: #8124A8
Nine plus: #1C870C
Free books: #A80400




/*TAGS
---------------------------------------------------*/

h1, #leftHalf span,.halfBox span, #rightHalf span, #header, #topBasket a, .topBar, .topBar img, .topBar.threeplus, .findoutmore, .topBar.fiveplus,.topBar.sevenplus,.topBar.nineplus, .topBar.elevenplus, .topBar.classroomchoice, .topBar.grownups, .findoutmore, #kids_only_sign, #about_puffin_families, #about_puffin_schools, .puffin_for_families, .puffin_for_schools, .puffin_for_background , .puffin_for_title, .about_puffin_main_span,  .about_puffin_families_span, .about_puffin_schools_span , #topCatNav .threeplus a:hover, #topCatNav .threeplus .active, #topCatNav .fiveplus a:hover, #topCatNav .fiveplus .active, #topCatNav .sevenplus a:hover, #topCatNav .sevenplus .active, #topCatNav .nineplus a:hover, #topCatNav .nineplus .active, #topCatNav .elevenplus a:hover, #topCatNav .elevenplus .active, #topCatNav .grownups a:hover; #topCatNav .grownups .active; #topCatNav .classroomchoice a:hover, #topCatNav .classroomchoice .active, #leftHalf legend span; #rightHalf legend span  { behavior: url(/wcsstore/PUFFIN/css/iepngfix.htc); }	

*{
	margin:0px;
	padding:0px;
	list-style: none;
	border: none;
}



body {
	margin-left:4px;
	margin-right:4px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #eaeaea url(/siteimages/PUFFIN/background.gif) center top repeat-x ;
	color:#333333;
	z-index:0;
}

a{
	text-decoration:none;
	color:#E10000;}

a:hover{
	text-decoration:underline;}

h1 { position:absolute;
	left:0px;
	background: url(/siteimages/PUFFIN/header_logo-trans.png) no-repeat;
	height: 77px;
	width:1000px;
	display:block;
	z-index:100;
		
}
h1 a{
	position:absolute;
	left:0px;
	top:0px;
	height: 71px;
	width:195px;
	display:list-item;
	z-index:2000;
}
	
h2{
	margin-top:8px;
	font-size:200%;
	color:#ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
		
h2 span
{
	color:ffffff;
	display:block;
	padding-top:8px;
	padding-left:12px;
	padding-bottom:10px;
	padding-right:8px;
	font-weight:bolder;
	border:solid 3px #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background:#4663af url(/siteimages/PUFFIN/H2_gradient_blue.gif) top repeat-x;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	box-shadow: 0px 0em 3px rgba(0,0,0,.4);
	margin-bottom:12px;
	
	 }
	
	
h3{
	color:#4563af;
	padding-top:8px;
	padding-bottom:8px;
	font-size:100%;}
	
h4{
	color:#4563af;
	padding-top:10px;
	font-size:100%;
	padding-bottom:4px;}
	
input{
border: 1px solid #e2e2e2;
	padding:2px 3px 1px 5px;
	width:150px;
	/*padding:2px 3px 1px 5px;*/
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
   -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.4);
   -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.4);
   box-shadow: inset 0 1px 2px rgba(0,0,0,.35);
	background: #ffffff;}

#leftColumn input{
	margin-top:4px;}
	
select{
	/*border:solid 1px #4563AF;*/
	border: 1px solid #e2e2e2;
	padding:2px 3px 1px 5px;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
   -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.4);
   -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.4);
   box-shadow: inset 0 1px 2px rgba(0,0,0,.35);
	background: #ffffff;}
	
option{
	margin-right:4px;}
	
textarea{
border: 1px solid #e2e2e2;
	padding:2px 3px 1px 5px;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
   -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,.4);
   -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,.4);
   box-shadow: inset 0px 1px 2px rgba(0,0,0,.35);
	background: #ffffff;
}
	
option{
	padding-left:4px;}
	
button{
	cursor:pointer;}
	
ul span{
	display:none;}
	
p{
	line-height:150%;}
	
.bullet li{
	padding-left:30px;
	margin-top:10px;
	margin-bottom:10px;
	background: url(/siteimages/PUFFIN/dot.gif) no-repeat 10px 4px;
}

	

/*UNIVERSAL STYLES
---------------------------------------------------*/
.save
{
color:#E80000;
}

.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%;
	color:#000000;
	margin-top:40px;
	padding-bottom:6px;}
	
.content{  /*Margin top set to 0 in ie6orless.css*/
	padding:12px 14px 170px 14px;
	margin:30px 0 60px 0;
	min-height:400px;
	position:relative;
	display:inline-block;
	width:946px;
	/*text-align:justify;*/
}
	
.extraMessage{
	padding-top:8px;}
	
.spacedMessage{
	clear:both;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;}
	
.bottomMessage{
position:relative;
	clear:both;
	text-align:center;
	margin-top:12px;
	padding-top:6px;
	width:100%;
	border-top: 1px dashed #666666;
		margin-bottom:20px;}
		
#AddSchoolButton.bottomMessage
{
padding-top:18px;
margin-top:10px;
}
	
.bottomMessage.right{
	text-align:right;
	margin-top:8px;
}
	
.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:#d7e8ff url(/siteimages/PUFFIN/puffinBack.gif) no-repeat right top;
	color:#4563af;
		}
.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
{
	background-color:#5f91dc;
	z-index:2;
	height:210px;
}	
	
#header a{
	color:#FFFFFF;}	

#wrapper {    
	margin-left:auto;
	margin-right:auto;
	background: #FFFFFF;
	width:968px;
	-webkit-box-shadow: 0px -1px 8px rgba(0,0,0,.6);
	-moz-box-shadow: 0px -1px 8px rgba(0,0,0,.6);
	box-shadow: 0px 0em 0.3em rgba(0,0,0,.6);
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#bcd1ef, offX=1, offY=1, positive=true);
	
 	-moz-border-radius-bottomleft: 5px;
 	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
 	-webkit-border-bottom-right-radius: 5px;


	/*max-width:968px;   REMOVED COS OF TIME CONSTRAINTS
	width:100%;
	min-width:768px;*/
	z-index:1;
	}

.fullBox{	 /*margins changed in ieonly.css*/
position:relative;
	padding:8px 8px;	
	margin-bottom:20px;
	margin-top:35px;
	border:solid 3px #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	box-shadow: 0px 0px 3px rgba(0,0,0,.4);
	background:#ebebeb;
}
.fullBox.filled{  /*Background image added to fix stupid IE bug in IEonly.css*/
	background:#d7e8ff;
	border:0;}
	
.fullBox.right{  
	text-align:right;}
	
.fullBox.selected{  
	border:#22B80F solid 2px;}
	
.fullBox.selected h3{  
	color:#22B80F;}
	
#recommendedTitles.fullBox
{
border:none;
margin-left:2px;
margin-right:2px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
	background:none;
}


div.fullBox{	/*Remove padding on non-fieldset fullBox */
padding-top:0;
}

div.fullBox h3{
 margin-top:-20px;
}

.fullBox h3
{
	margin-top:-24px;
	margin-bottom:8px;
 height:14px;}
 	
.fullBox .boxHead
{  /*padding fixed for IE in ieonly.css*/
	font-weight:bold;
 height:24px;
 width:100%;
 display:block;
 float:left;
 margin-bottom:20px;
 }
 
.fullBox .boxHead span{
	/*background-color:#497CC0;
	padding:5px 8px;
 display:block;
	background: url(/siteimages/PUFFIN/legendright.gif) no-repeat right top;*/
	position:relative;
	width:100%;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:6px;
	display:block;
	border-left:3px solid #ffffff;
	border-top:3px solid #ffffff;
	border-right:3px solid #ffffff;
	-moz-border-radius-topleft: 8px;
 	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
 	-webkit-border-top-right-radius: 8px;

	background:#000000 url(/siteimages/PUFFIN/H2_gradient2-trans.png) top repeat-x;
	margin-left:-11px;
	margin-right:-20px;
	margin-bottom:30px;
	margin-top:-14px;
	color:#FFFFFF;
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	box-shadow: -0px -1px 2px rgba(0,0,0,.3);
}
	



#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*/
	position:relative;
	padding:8px;	
	margin-bottom:16px;
	margin-top:10px;
	top:12px;
	border:solid 3px #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	box-shadow: 0px 0px 3px rgba(0,0,0,.4);
	background:#ebebeb;
	}
	
	
.halfBox.filled{  /*Background image added to fix stupid IE bug in IEonly.css*/

	}
.halfBox p
	{ 
	padding-top:20px; 
	}
	
#leftHalf{
position:relative;
	width:460px;
	float:left;
	}
	
#leftHalf span
{	-moz-border-radius-topleft: 8px;
 	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
 	-webkit-border-top-right-radius: 8px;
	border-left:3px solid #ffffff;
	border-top:3px solid #ffffff;
	border-right:3px solid #ffffff;
	background:#4663af url(/siteimages/PUFFIN/H2_gradient_blue.gif) 0 -10px repeat-x;
	width:438px;
	/*margin-left:-11px;
	margin-right:-20px;*/
	color:#FFFFFF;
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	box-shadow: -0px -1px 2px rgba(0,0,0,.3);
}


	
#rightHalf
{
position:relative;
	width:460px;
	float:right;
}
#rightHalf span
{
	-moz-border-radius-topleft: 8px;
 	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
 	-webkit-border-top-right-radius: 8px;
	border-left:3px solid #ffffff;
	border-top:3px solid #ffffff;
	border-right:3px solid #ffffff;
	background:#000000 url(/siteimages/PUFFIN/H2_gradient_black.gif) 0 -12px repeat-x;
	width:438px;
	/*margin-left:-11px;
	margin-right:-20px;*/
	color:#FFFFFF;
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	box-shadow: -0px -1px 2px rgba(0,0,0,.3);

}




#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;
	position:relative;
	padding:0px;	
	margin-bottom:16px;
	margin-top:8px;
	/*border:solid 3px #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	box-shadow: 0px 0px 3px rgba(0,0,0,.4);
	background:#ebebeb;*/}	
#leftColumn input{
	width:100px;
	margin-bottom:4px;}
#leftColumn h3{
	padding-top:0px;}
/*	
#accountNavMenu
{
	position:relative;
	padding-left:0px;	
	margin-bottom:16px;
	margin-top:8px;
	border:solid 3px #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	box-shadow: 0px 0px 3px rgba(0,0,0,.4);
	background:#ebebeb;
}
*/
#rightColumn{
	width:220px;
	float:right;}

#pageContent{
	margin-left:20px;
	width:748px;
	float:left;}

#pageContent #leftHalf{
	width:360px;
	float:left;}
	
#pageContent #rightHalf{
	width:360px;
	float:right;}
	

/*HEADER & FOOTER
---------------------------------------------------*/
#header{
	background:url(/siteimages/PUFFIN/header_back-trans.png) no-repeat;
	width:1000px;
	height:199px;
	top:0px;
	margin-left:-16px;
	position:relative;
	margin-bottom:-30px;
	z-index:10;
	}	

#topOptions{
	position:absolute;
	left:704px;
	width:264px;
	top:64px;
	height:58px;
	z-index:600;
}
#topOptions span{
	display:none;}

#puffinsBurrow {
	position:absolute;
	right:174px;
	top:-44px;
	background: url(/siteimages/PUFFIN/header_puffin_burrow.gif) no-repeat;
	width: 198px;
	height:35px;
	z-index:90;}
	
#topCatNav #puffinsBurrow a{
position:absolute;
top:5px;
height:28px;
width:198px;
}

	

#topSearch{
	position:absolute;
	right:2px;
	top:12px;
	width:260px;
	z-index:610;
	text-align:right;
	}
	
#startSearch{
position:absolute;
right:0px;
top:2px;
	background:#1f4197 url(/siteimages/PUFFIN/header_button_search.gif) no-repeat;
	height: 28px;
	width: 50px;
	z-index:620;
	}
	
#topSearch input{
position:relative;
	width:160px;
	height:19px;
	padding:2px 3px 1px 5px;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
   -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.4);
   -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.4);
   box-shadow: inset 0 2px 4px rgba(0,0,0,.24);
	border: 2px solid #ff9595;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#fffffff));
	background: -moz-linear-gradient(top,  #cccccc,  #fffffff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#fffffff');
	top:4px;
	float:left;
	margin-left:24px;
	z-index:630;

}
	
#topBasket{
	position:absolute;
	right:4px;
	top:-58px;
	text-align:center;
	width:203px;
	display:block;
	color:#FFFFFF;
	background-color: #95bff8;
	border:solid 2px #ffffff;
	-webkit-border-radius: .6em;
	-moz-border-radius: .6em;
	border-radius: .6em;
	-webkit-box-shadow: 0px -1px 8px rgba(0,0,0,.6);
	-moz-box-shadow: 0px -1px 8px rgba(0,0,0,.6);
	box-shadow: 0px 0em 1px rgba(0,0,0,.6);

	z-index:220;

}
#topBasket a{
	position:absolute;
	bottom:-16px;
	height: 29px;
	width: 115px;
	left:47px;
	background: url(/siteimages/PUFFIN/header_button_viewbasket-trans.png) no-repeat;
}
#topBasket p{
	margin:5px;
	margin-bottom:18px;	}
	

.topBar{
position:absolute;
	top:113px;
	height: 86px;
	width: 1000px;
	background:url(/siteimages/PUFFIN/header_marketing_banner-trans.png) no-repeat;
	z-index:300;
	}	
	
.topBar img
{
	position:absolute;
	right:240px;
	top:30px;
	z-index:1000;
	}	
	
#whatisPuffin a{
position:absolute;
	left:239px;
	top:35px;
	background: url(/siteimages/PUFFIN/header_button_whatispuffin.gif) no-repeat;
	height: 32px;
	width: 236px;
	z-index:400;
}

#whatisPuffin span{
	display:none;}
		

.topBar.threeplus{
	background: url(/siteimages/PUFFIN/header_marketing_banner-trans.png) no-repeat;}
.topBar.fiveplus{  
	background: url(/siteimages/PUFFIN/header_marketing_banner-trans.png) no-repeat; }
.topBar.sevenplus{  
	background: url(/siteimages/PUFFIN/header_marketing_banner-trans.png) no-repeat;}
.topBar.nineplus{   
	background:url(/siteimages/PUFFIN/header_marketing_banner-trans.png) no-repeat;}
.topBar.elevenplus{  
	background: url(/siteimages/PUFFIN/header_marketing_banner-trans.png) no-repeat;}
.topBar.classroomchoice{   
	background: url(/siteimages/PUFFIN/header_marketing_banner-trans.png) no-repeat;}
.topBar.grownups{    
	background:url(/siteimages/PUFFIN/header_marketing_banner-trans.png) no-repeat;}


	
	
#topCatNav{
	position:absolute;
	top:79px;
	height:30px;
	left:14px;
	text-align:left;
	width:920px;
	z-index:500;
	text-align:left;
	}
	
	
#topCatNav ul
{
position:absolute;
top:0;
left:2px;
text-align:left;
font-weight:bold;
font-size:110%;
margin:0;

}
		
#topCatNav li
{
	float:left;
	padding:0px 0px 0px 0px;
	border-right:1px solid #bf0606;
	height:30px;
	}
	
#topCatNav li#puffinpost
{
 display:none;
}
#topCatNav span
{
	display:none;
}
#topCatNav a
{
	display:block;
	height:auto;
	width:auto;
	


}
#topCatNav a:hover
{
	text-decoration:none;
	padding-bottom:0px;
	margin-bottom:0px;
}

#topCatNav .threeplus span
{ 
	display:block;
	width:auto;
}
#topCatNav .threeplus a
{ 
	
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	padding-top:4px;
	padding-bottom:11px;
	padding-left:16px;
	padding-right:16px;
}
	
#topCatNav .threeplus a:hover
{	
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	background:url(/siteimages/PUFFIN/header_topcatnav_highlight.gif) repeat-x bottom;
	text-shadow: 1px 1px 2px #7f4b4b;
	border-bottom:solid 4px #00ccff;
}

#topCatNav .threeplus.active /*#category_54105*/
{
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	background: url(/siteimages/PUFFIN/header_topcatnav_highlight.gif) repeat-x bottom;
	text-shadow: 1px 1px 2px #7f4b4b;
	border-bottom:solid 4px #00ccff;
	padding-bottom:2px;

}


	
#topCatNav .fiveplus span
{ 
	display:block;
	width:auto;
}
#topCatNav .fiveplus a
{
	padding-top:4px;
	padding-bottom:11px;
	padding-left:16px;
	padding-right:16px;
}

#topCatNav .fiveplus a:hover
{
	background: #ef4136 url(/siteimages/PUFFIN/header_topcatnav_highlight.gif) repeat-x bottom;
	text-shadow: 1px 1px 2px #7f4b4b;
	border-bottom:solid 4px #ff3300;
	}

#topCatNav .fiveplus.active /*#category_67662*/
{
	background: url(/siteimages/PUFFIN/header_topcatnav_highlight.gif) repeat-x bottom;
	text-shadow: 1px 1px 2px #7f4b4b;
	padding-bottom:2px;
	border-bottom:solid 4px #ff3300;
}
	
	#topCatNav .sevenplus span
{ 
	display:block;
	width:auto;
}
#topCatNav .sevenplus a
{ 
	padding-top:4px;
	padding-bottom:11px;
	padding-left:16px;
	padding-right:16px;
}
#topCatNav .sevenplus a:hover
{
	background: url(/siteimages/PUFFIN/header_topcatnav_highlight.gif) repeat-x bottom;
	text-shadow: 1px 1px 2px #7f4b4b;
	border-bottom:solid 4px #cccc33;
}

#topCatNav .sevenplus.active /*#category_54106*/
{
	background: url(/siteimages/PUFFIN/header_topcatnav_highlight.gif) repeat-x bottom;
	text-shadow: 1px 1px 2px #7f4b4b;
	padding-bottom:2px;
	border-bottom:solid 4px #cccc33;
}
	
#topCatNav .nineplus span
{ 
	display:block;
	width:auto;
}
#topCatNav .nineplus a
{ 
	padding-top:4px;
	padding-bottom:11px;
	padding-left:16px;
	padding-right:16px;
}
#topCatNav .nineplus a:hover
{
	background: url(/siteimages/PUFFIN/header_topcatnav_highlight.gif) repeat-x bottom;
	text-shadow: 1px 1px 2px #7f4b4b;
	border-bottom:solid 4px #92278f;
}

#topCatNav .nineplus.active /*#category_54107*/
{
	background: url(/siteimages/PUFFIN/header_topcatnav_highlight.gif) repeat-x bottom;
	text-shadow: 1px 1px 2px #7f4b4b;
	padding-bottom:2px;
	border-bottom:solid 4px #92278f;
}
	
#topCatNav .elevenplus span
{ 
	display:block;
	width:auto;
}
#topCatNav .elevenplus a
{
	padding-top:4px;
	padding-bottom:11px;
	padding-left:16px;
	padding-right:16px;
}
#topCatNav .elevenplus a:hover
{
	background: url(/siteimages/PUFFIN/header_topcatnav_highlight.gif) repeat-x bottom;
	text-shadow: 1px 1px 2px #7f4b4b;
	border-bottom:solid 4px #38b89c;
}

#topCatNav .elevenplus.active /*#category_67663*/
{  
	background: url(/siteimages/PUFFIN/header_topcatnav_highlight.gif) repeat-x bottom;
	text-shadow: 1px 1px 2px #7f4b4b;
	padding-bottom:2px;
	border-bottom:solid 4px #38b89c;
	
}

#topCatNav .grownups span
{ 
	display:block;
	width:auto;
}
#topCatNav .grownups a
{
	padding-top:4px;
	padding-bottom:11px;
	padding-left:16px;
	padding-right:16px;
}
#topCatNav .grownups a:hover
{
	background: url(/siteimages/PUFFIN/header_topcatnav_highlight.gif) repeat-x bottom;
	text-shadow: 1px 1px 2px #7f4b4b;
	border-bottom:solid 4px #23e2d7;
}

#topCatNav .grownups.active /*#category_67663*/
{  
	background: url(/siteimages/PUFFIN/header_topcatnav_highlight.gif) repeat-x bottom;
	text-shadow: 1px 1px 2px #7f4b4b;
	padding-bottom:2px;
	border-bottom:solid 4px #23e2d7;
	
}
	
#topCatNav .classroomchoice span
{ 
	display:block;
	width:auto;
}
#topCatNav .classroomchoice a
{
	padding-top:4px;
	padding-bottom:11px;
	padding-left:16px;
	padding-right:16px;
}
#topCatNav .classroomchoice a:hover
{
	background: url(/siteimages/PUFFIN/header_topcatnav_highlight.gif) repeat-x bottom;
	text-shadow: 1px 1px 2px #7f4b4b;
	border-bottom:solid 4px #662d91;
}
	
#topCatNav .classroomchoice.active /*#category_54103*/
{
	background: url(/siteimages/PUFFIN/header_topcatnav_highlight.gif) repeat-x bottom;
	text-shadow: 1px 1px 2px #7f4b4b;
	padding-bottom:2px;
	border-bottom:solid 4px #662d91;
}



.show{display:block;}

#myPuffin a{
position:absolute;
	left:370px;
	top:-73px;
	background: url(/siteimages/PUFFIN/header_button_account.gif) no-repeat;
	height: 28px;
	width: 115px;
	
	}
	
#myPuffin .guest{
position:absolute;
	left:370px;
	top:-73px;
	background: url(/siteimages/PUFFIN/header_button_account.gif) no-repeat;
	height: 28px;
	width: 115px;
	
}


.topAccount{
	position:absolute;
	top:-15px;
	font-size:80%;
	width:103px;
}
#topCatNav .topAccount a{	
	/*color:#E10000;*/
	color:#ffffff;
	height:23px;
	font-weight:bold;}
.topAccount p{
	line-height:110%;}
#topCatNav .topAccount.loggedin{
position:absolute;
left:500px;
top:-80px;
font-weight:bold;
color:#ffffff;

}

/** Hide Welcome message **/	
.topAccount p{
 display:none;
 font-size:12px;
}
.topAccount p#logout{
 display:block;
	margin:15px 0 0 5px;
	width:70px;
	height:20px;
	font-size:12px;
}
.topAccount p#logout a{
 font-size:12px;
	font-weight:bold;
}
.topAccount p#login{
 display:block;
 position:absolute;
 top:-58px;
 left:490px;
 width:115px;
 height:29px;
 font-size:12px;
}

#myDropdown {  /*positioning adjusted for IE only in IEonly.css*/
	padding:6px 0px 6px 0px;
	background:#E00A0B;
	top:32px;
	left:388px;
	position:absolute;
	z-index:10000;
	color:#FFFFFF;
	border:solid 2px #ffffff;
	-webkit-border-radius: .6em;
	-moz-border-radius: .6em;
	border-radius: .6em;
	-webkit-box-shadow: 0px -1px 8px rgba(0,0,0,.6);
	-moz-box-shadow: 0px -1px 8px rgba(0,0,0,.6);
	box-shadow: 2px 2px 3px rgba(153,153,153,.6);
	font-weight:bold;}
#myDropdown li a{  
	margin-bottom:1px;
	padding:6px 24px 6px 25px;
	display:block;
	text-decoration:none;
	background:url(/siteimages/PUFFIN/icons/bullet_arrow_white.gif) 16px 9px no-repeat;}
#myDropdown #otherMenu {  
	margin-top:12px;}
#myDropdown li a:hover{  
	color:#ffffff;
	background:#fcaf17 url(/siteimages/PUFFIN/icons/bullet_arrow_white.gif) 16px 9px no-repeat;}
#myDropdown strong{  
	padding-top:4px;
	padding-bottom:4px;
	display:block;
	border-top:dashed 1px #666666;}

#myDropdown #accountMenu strong{  
	border-top:none;}


	
#footer{
	width:964px;
	clear:both;
	position:relative;
	display:block;
	height: 130px;
	color:#FFFFFF;
	border-top:32px solid #ffffff;
	margin-top:20px;
	border-left:solid 2px #ffffff;
	border-right:solid 2px #ffffff;
	border-bottom:solid 2px #ffffff;
	background-color:#e3e8f3;
	 -moz-border-radius-bottomleft: 5px;
 	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
 	-webkit-border-bottom-right-radius: 5px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-40px;
	z-index:10;
	
	}
#footer a{
	color:#FFFFFF;	}
	
#footerNav ul{
	position:relative;
	background-color:#4663af;
	display:inline-table;
	border-bottom:1px solid #ffffff;
	width:100%;
	padding-top:12px;
	padding-bottom:0px;
	marging-left:20px;
	vertical-align:middle;
	font-size:0.9em;
	font-weight:200;
	color:#FFFFFF;
	z-index:600;
	}
	
#footerNav li{
	font-weight:bold;
	margin-bottom:16px;}
	
#changeSite{
	position:relative;
	color:#ffffff;
	text-align:right;
	width:13em;
	margin-top:-35px;
	float:right;
	margin-right:26px;
	margin-bottom:10px;
	z-index:1000;
	}
#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{
	margin-left:12px;
	margin-top:18px;
	width:32em;
	height:38px;
	padding:4px 8px;
	color:#1F4197;
	clear:left;
	display:none;}
#footerHelp a{
	color:#1F4197;}
#footerHelp p{
	padding-bottom:4px;}
#footerHelp .firstMenuItem{
	margin-left:0px;}
#footerHelp li{	
	background: url(/siteimages/PUFFIN/1pxredline.gif) no-repeat left center;}
	
#footerContact{
	margin-right:-20px;
	margin-top:18px;
	color:#1F4197;
	width:32em;
	height:38px;
	padding:4px 8px;	
	float:right;}
#footerContact a{
	color:#1F4197;}
#footerContact p{
	float:left;
	margin-top:-2px;}
#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 {
	bottom:5px;
	display:block;
	float:left;
	height:100px;
	margin-left:131px;
	margin-right:auto;
	margin-top:-98px;
	padding:12px;
	position:relative;
	text-align:left;
	width:532px;
	z-index:300;}
	
#thwate{
	border:#8F0404 1px solid;
	margin-left:4px;
	float:left;
	margin-top:4px;}
#isis{
	border:#none;
	margin-right:20px;
	float:right;}
#bottomFooter p{
	width:280px;
	margin-left:80px;
	padding-left:20px;
	font-size:0.9em;
	}
	
	
/*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{
float:left;
text-align:left;
	width:100%;
	padding-bottom:10px;
	}	

#doesThisHelp div{
	border: 1px dashed #666666;
	margin:6px;
	height:178px;
	overflow: scroll;}
#doesThisHelp p{
	margin:5px;}

	

	
	
/*HELP CONTENT STYLES
---------------------------------------------------*/	

#HelpPage{
	padding-bottom:32px;}

#HelpPage a, #HelpContentPage a{
 color:#4563AF;
}
 
#helpMainMenu{
	margin-top:26px;
	padding-right:16px;
	float:right;
	font-weight:bold;
	color:#FFFFFF;
	}

#helpMainMenu a{
	color:#FFFFFF;
	}

#helpMainMenu li{
	color:#FFFFFF;
	display:inline;
	padding-right:12px;
	margin-left:8px;}

.helpMenu{
position:relative;
display:block;
	border-top: 1px dashed #666666;
	float:left;
	margin-top:10px;
	width:700px;
	margin-bottom:10px;}
.helpMenu h3{
	position:relative;
	display:block;
	width:100%;
	font-size:120%;
	padding-bottom:2px;
	margin-right:8px;	}
.helpMenu li{
	margin-top:8px;
	margin-bottom:8px;
	padding-right:32px;
	margin-left:0px;
	float:left;}	
.helpMenu li a{
	display:block;
	min-width:220px;
}
	
#HelpContentPage .helpMenu{
	border-top: none;}
	
#FAQ{
	margin:9px 0px 28px 14px;
	float:right;
	width:190px;
	background:#ebebeb;
	padding:8px;
	border:solid 3px #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	box-shadow: 0px 0px 3px rgba(0,0,0,.4);
	background:#ebebeb;
	text-align:left;}	
#FAQ h3{
	padding-top:0px;
	font-size:120%;
	border-bottom: 1px dashed #666666;
	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:38px;
	padding-top:12px;
	border-top: 1px dashed #666666;}
.helpContent h4{
	margin-top:38px;
	padding-top:12px;
	border-top: 1px dashed #666666;}

.helpContent ol li{
	list-style:disc;
	margin:0 0 5px 20px;
	line-height:150%;
}

.standardBase{
	padding-bottom:10px;
	padding-top:8px;
	border-bottom: 1px dashed #666666;
	margin-top:12px;}
	
.standardBase .up{
	float:right;
	margin-top:0px;}
	
	
/*HOMEPAGE STYLES
---------------------------------------------------*/	

.findoutmore{
	display:block;
	background: url(/siteimages/PUFFIN/buttons/findoutmore.png) no-repeat;
	height: 29px;
	width: 137px;
	margin-top:10px;
	margin-bottom:4px;
	}
	
.findoutmore_right
{	
	position:relative;
	display:block;
	background: url(/siteimages/PUFFIN/buttons/findoutmore.png) no-repeat;
	height: 29px;
	width: 137px;
	margin:10px 0 2px 62px;
}



/*#homePage{
	padding-bottom:16px;}*/
	
#homePage h2{
	background:none;}
	

#homepageMainBlock{
display:block;
position:relative;
	float:left;
	}
#homepageMainBlock span{
	display:none;}	
#homepageMainBlock p{
	line-height:120%;}	
	
#homepageSideBlock
{
	float:right;
	width:220px;
	padding:0px;
	margin:0;
	position:relative;
	display:block;
}

#homepageSideBlock span
{
	display:none;
}

#homepageSideBlock p
{
	line-height:120%;
}
	
.sideBlock{
	margin-bottom:20px;
	border:solid 3px #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	box-shadow: 0px 0px 3px rgba(0,0,0,.4);
	background:#ebebeb;
	position:relative;
	display:block;
	float:right;
	}
	
#homepageParents{
	background-image: url(/siteimages/PUFFIN/espots/homepage_parents_back.gif);
	height: 86px;
	width: 460px;
	padding-left:240px;
	padding-top:16px;}	
#homepageParents p{
	width:250px;}	
#homepageParents h2{
	margin-top:0px;
	margin-bottom:4px;
	background:none}
#homepageParents .findoutmore{
	float:right;
	margin-top:-24px;
	margin-right:10px;}	

	
/*#homepageSchools h2{
	margin-top:0px;
	border:0px;
	padding:0;
	-moz-border-radius-topleft: 5px;
 	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
 	-webkit-border-top-right-radius: 5px;
	background:#9ac5ff;
	text-align:left;

	}*/
	
#homepageSchools div{
	padding: 0;
	margin:0;
}
#homepageSchools .findoutmore{
	margin-top:10px;
	margin-left:60px;}
	
#homepageSchoolsEspotOne{
position:relative;
display:block;

	/*border-top:1px solid #f5f5f5;*/
	border-bottom:1px solid #cccccc;
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
	border-top:3px solid #ffffff;
	-moz-border-radius-topleft: 8px;
 	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
 	-webkit-border-top-right-radius: 8px;
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	box-shadow: -0px -1px 2px rgba(0,0,0,.3);
	background-color:#9ac5ff;
	padding-bottom:6px;
	margin-left:4px;
	margin-top:22px;
	
}

#homepageSchoolsEspotTwo{
	position:relative;
	display:block;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #cccccc;
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	background-color:#ebebeb;
	padding:8px;
	margin-left:4px;
}

#homepageSchoolsEspotThree{
	position:relative;
	display:block;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #cccccc;
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	background-color:#ebebeb;
	padding:8px;
	margin-left:4px;
}
	
#homepageSchoolsEspotFour
{
	position:relative;
	display:block;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #cccccc;
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	background-color:#ebebeb;
	padding:8px;
	margin-left:4px;
}
	
#homepageSchoolsEspotFive
{
	position:relative;
	display:block;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #cccccc;
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	background-color:#ebebeb;
	padding:8px;
	margin-left:4px;
}
	
#homepageSchoolsEspotLast{
	position:relative;
	display:block;
	-moz-border-radius-bottomleft: 8px;
 	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
 	-webkit-border-bottom-right-radius: 8px;
	border-top:1px solid #f5f5f5;
	border-bottom:3px solid #ffffff;
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	background-color:#ebebeb;
	padding:8px;
	margin-bottom:20px;
	margin-left:4px;
	clear:both;
	}



.espotLine{
	width:720px;
	margin:0;
	padding:o;}

.espotLine li{
	float:left;
	margin-right:20px;
	padding-bottom:20px;
	}

.catBlock{
	margin-bottom:20px;
	width:700px;

	/*background: url(/siteimages/PUFFIN/boxBot.gif) no-repeat bottom;
	padding-bottom:11px;*/}	
.catBlock ul{
	margin-top:20px;
	width:174px;
	float:left;
	text-align:center;}
.catBlock h2{
	margin-top:0px;}
	
.homepageProducts{
	clear:left;
	/*border-right: 1px solid #4974bd;
	border-left: 1px solid #4974bd;*/
		-moz-border-radius-bottomleft: 8px;
 	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
 	-webkit-border-bottom-right-radius: 8px;
	border-left:3px solid #aed1ff;
	border-right:3px solid #aed1ff;
	border-top:3px double #aed1ff;
	border-bottom:3px solid #aed1ff;
	background:#ffffff;
	color:#FFFFFF;
	padding-bottom:14px;
	width:700px;
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	box-shadow: -0px -1px 2px rgba(0,0,0,.3);}


#homepageCatBlock1 h2{
	/*background: url(/siteimages/PUFFIN/espots/catHeaderOne.gif) no-repeat;*/
	height: 48px;
	width: 700px;
	float:left;	
	
	-moz-border-radius-topleft: 8px;
 	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
 	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomleft: 0px;
 	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-left-radius: 0px;
 	-webkit-border-bottom-right-radius: 0px;
	border-left:3px solid #aed1ff;
	border-top:3px solid #aed1ff;
	border-right:3px solid #aed1ff;
	background:#1f4197 url(/siteimages/PUFFIN/espots/catHeaderOne.gif) top no-repeat;
	color:#FFFFFF;
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	box-shadow: -0px -1px 2px rgba(0,0,0,.3);	
	}

#homepageCatBlock2 h2{
	/*background: url(/siteimages/PUFFIN/espots/catHeaderOne.gif) no-repeat;*/
	height: 48px;
	width: 700px;
	float:left;	
	
	-moz-border-radius-topleft: 8px;
 	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
 	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomleft: 0px;
 	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-left-radius: 0px;
 	-webkit-border-bottom-right-radius: 0px;
	border-left:3px solid #aed1ff;
	border-top:3px solid #aed1ff;
	border-right:3px solid #aed1ff;
	background:#1f4197 url(/siteimages/PUFFIN/espots/catHeaderTwo.gif) top no-repeat;
	color:#FFFFFF;
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	box-shadow: -0px -1px 2px rgba(0,0,0,.3);
	
	}
	
	
/**#homePage p{
	line-height:130%;}

#mainEpotBlock{
	float:left;}

#homepageBlock{
	width:300px;
	float:right;}
	
.homepageBox{
	background-color:#497CC0;
	margin-bottom:22px;
	padding:8px;}	

#welcome h2{
	margin-bottom:6px;
	margin-top:0px;
	font-size:120%;
	background:none;}
	
#welcome{
	background:#497CC0 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:#497CC0 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:258px;}
.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{
	border: 1px solid #9fabd9;
	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{
	border: 1px solid #E4A8FF;
	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{
	border: 1px solid #94FE54;
	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 #666666;
	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 #666666;
	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.gif) no-repeat left top;}	
.hatgreen{
	background: url(/siteimages/PUFFIN/hat-green.gif) no-repeat left top;}
.hatopal{
	background: url(/siteimages/PUFFIN/hat-opal.gif) no-repeat left top;}
.hatyellow{
	background: url(/siteimages/PUFFIN/hat-yellow.gif) no-repeat left top;}
.hatpurple{
	background: url(/siteimages/PUFFIN/hat-purple.gif) 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;}
	
#cardExpiryMonth, #cardStartMonth{
	width:2em;}

#cardExpiryYear, #cardStartYear{
	width:4em;}
	

/*catalogues*/

#catalogues{
	margin-bottom:20px;
	}

#catalogues img{
	margin-left:17px;
	margin-right:17px;
	border:solid 1px #990000;}
	
	
/*Competition Pages Tom*/

.compRow{
width:912px;
background-position:top left;
background-repeat:repeat-y;
margin:0 0 30px 17px;
}

.compRow .compHeader{
width:912px;
background-position:top left;
background-repeat:no-repeat;
}

.compRow .compContent{
width:912px;
background-position:top left;
background-repeat:repeat-y;
}

.compRow .compContent .compLeft{
width:422px;
float:left;
padding:0 8px;
}

.compRow .compContent .compRight{
width:422px;
float:right;
padding:0 8px;
}

.compContent span.left{
float:left;
margin:5px 10px 5px 0;
}

.compContent span.right{
float:right;
margin:5px 0 5px 10px;
}

.compRow .compFooter{
width:912px;
background-position:bottom left;
background-repeat:no-repeat;
}

.compRow#a .compContent{
background-image:url(/siteimages/PUFFIN/competitions/boxes/content_farm-scooby.gif);
}

.compRow#a .compHeader{
height:78px;
background-image:url(/siteimages/PUFFIN/competitions/boxes/header_farm-scooby.gif);
}

.compRow#a .compFooter{
height:19px;
background-image:url(/siteimages/PUFFIN/competitions/boxes/footer_farm-scooby.gif);
}

.compRow#b .compContent{
background-image:url(/siteimages/PUFFIN/competitions/boxes/content_hammond-flying.gif);
}

.compRow#b .compHeader{
height:78px;
background-image:url(/siteimages/PUFFIN/competitions/boxes/header_hammond-flying.gif);
}

.compRow#b .compFooter{
height:19px;
background-image:url(/siteimages/PUFFIN/competitions/boxes/footer_hammond-flying.gif);
}

.compRow#c .compContent{
background-image:url(/siteimages/PUFFIN/competitions/boxes/content_author-sailing.gif);
}

.compRow#c .compHeader{
height:76px;
background-image:url(/siteimages/PUFFIN/competitions/boxes/header_author-sailing.gif);
}

.compRow#c .compFooter{
height:19px;
background-image:url(/siteimages/PUFFIN/competitions/boxes/footer_author-sailing.gif);
}

.compRow#d .compContent{
background-image:url(/siteimages/PUFFIN/competitions/boxes/content_ballet-none.gif);
}

.compRow#d .compHeader{
height:76px;
background-image:url(/siteimages/PUFFIN/competitions/boxes/header_ballet-none.gif);
}

.compRow#d .compFooter{
height:19px;
background-image:url(/siteimages/PUFFIN/competitions/boxes/footer_ballet-none.gif);
}


.compboxwrapper{
width:450px;
margin-left:4px;
margin-right:4px;
float:left;
display:inline;
margin-top:15px;
border:2px solid #f47d1d;
padding:5px;
}

.compboxwrapper .compImage{
float:left;
margin:5px 10px 5px 5px;
}

#contentPage .compboxwrapper h4{
font-size:20px;
font-weight:normal;
color:#000000;
margin-top:2px;
}

#contentPage .compboxwrapper .compbox p{
margin:10px 4px 0 4px;
}

#comppage{
margin-left:7px;
background:url(http://www.puffinbookclub.co.uk/siteimages/PUFFIN/comp_background.gif) no-repeat;
height:1140px;
width:940px;
}

.compcontent{ 
	padding:12px;
	padding-bottom:0px;}
	
.compheader{ 
	padding:12px;
	padding-bottom:0px;
	margin-top:30px;}

.compbox .img3{
margin:10px 10px 10px;
}

#compleft{
float:left;
width:435px;
margin-top:10px;}

#compright{
float:left;
width:435px;
margin-top:10px;
margin-left:45px;}


#compaddress{
margin-top:30px;
padding:10px;
font-size:14px;
font-weight:bold;
}

#terms{font-size:8px;
padding:10px;}

.clear{
clear:both;
}




/* burrow */

#burrowheader{
background:url(/siteimages/PUFFIN/burrow/burrowheader.gif) no-repeat;
height:150px;
margin:0;
padding:0;
}

#burrowcontent{
background:url(/siteimages/PUFFIN/burrow/burrowContent.gif) no-repeat;
height:1054px;
margin:0;
padding:0;
}

#burrowheadertext{
display:inline;
float:left;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	width:420px;
	margin-left:334px;
	padding:0;}

#burrowleft{
float:left;}

#burrowright{
float:right;}

.clear{clear:both;}

#rightNav
{
	float:right;
	width:125px;
	display:block;
	position:relative;
	margin-right:26px;
}

#rightNav li
{
	width:120px;
	text-align:center;
	margin:0 0 2px 0;
	list-style:none;
	padding:0;
	float:right;
	display:inline-block;
	position:relative;
	height:20px;	
}
			
#rightNav li a{
height:20px;	
font-size:12px;
line-height:18px;
padding:0 0 2px 0;
color:#FFFFFF;
display:block;
position:relative;	
background:url(/siteimages/PUFFIN/burrow/navBG.gif) 100% 0 no-repeat;
}

#rightNav li a:hover{
text-decoration:none;
color:#FA6C16;
display:block;
position:relative;	
background:url(/siteimages/PUFFIN/burrow/navBG.gif) 0 0 no-repeat;
}

.redTextLinks{
color:#DD0505;}


#midNav ul
{
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	list-style:none;
	margin-left:-10px;
	margin-right:-10px;
	padding-bottom:20px;
	height:20px;	


}

#midNav li
{
	position:relative;
	display:inline;
	width:120px;
	float:left;
	text-align:center;
	list-style:none;
	margin-left:4px;
	padding:0;
	height:20px;	

}
			
#midNav li a{	
font-size:12px;
color:#FFFFFF;
width:120px;
height:20px;
line-height:18px;
display:block;
background:url(/siteimages/PUFFIN/burrow/midBG.gif) 100% 0 no-repeat;

}

#midNav li a:hover{
text-decoration:none;
color:#FA6C16;
width:120px;
background:url(/siteimages/PUFFIN/burrow/midBG.gif) 0 0 no-repeat;
}


			


/*Competitions*/

#CompBG{
margin-top:30px;
background:url(/siteimages/PUFFIN/burrow/competitions_background.gif) no-repeat;
height:950px;
}

#compCat{
display:inline;
float:left;
	margin-left:90px;
	padding-top:220px;
	width:280px;
	height:430px;
	color:#FFFFFF;
	font-size:14px;
}

.cat1
{
	background:url(/siteimages/PUFFIN/burrow/cat1.gif) no-repeat;
	margin-bottom:10px;
}
	
.cat2
{
	background:url(/siteimages/PUFFIN/burrow/cat2.gif) no-repeat;
	margin-bottom:10px;
}
	
.cat3
{
	background:url(/siteimages/PUFFIN/burrow/cat3.gif) no-repeat;
	margin-bottom:10px;
}
		
#previous
{
	float:right;
	padding-top:200px;
	}


#compPageHead{
float:left;
display:inline;
width:945px;
background:url(/siteimages/PUFFIN/burrow/compPageHead.gif) no-repeat;	
}

.compPageHeadText{
float:left;
display:inline;
height:90px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:30px;
	padding-left:40px;
	padding-top:40px;
}

.headUnder{
text-indent:40px;}

#compPageBG{
display:inline;
float:left;
width:945px;
background:url(/siteimages/PUFFIN/burrow/compPageBG.gif) repeat-y;}

.compPageImg{
display:inline;
float:left;
margin-left:20px;
margin-right:20px;}

#compPageText{
font-size:14px;
line-height:18px;
padding-right:20px;
padding-left:20px;
}





/*Library*/

#libHead{
margin-top:30px;
background:url(/siteimages/PUFFIN/burrow/library_header.gif) no-repeat;
height:260px;
}

#libHeadText{display:inline;
float:left;
font-size:20px;
padding-top:190px;
padding-left:40px;}

#authorvisits{float:right;
padding-top:5px;
margin-right:5px;}

#authorInfo{
width:945px;
display:inline;
float:left;
background:url(/siteimages/PUFFIN/burrow/authorBG.gif) repeat-y;}

.authorFrame{
display:inline;
float:left;
width:130px;
margin-left:45px;}

.authorName{
display:inline;
float:left;
width:130px;
height:40px;
background:url(/siteimages/PUFFIN/burrow/nameBG.gif) no-repeat;
margin:5px 0 10px 45px;
font-weight:bold;
color:#fff799;
text-align:center;
line-height:18px;}		


/*Author Visits*/

#authHead{
margin-top:30px;
background:url(/siteimages/PUFFIN/burrow/AuthorVisitHead.gif) no-repeat;
height:192px;
padding-left:100px;
}

#authBG{
width:945px;
display:inline;
float:left;
background:url(/siteimages/PUFFIN/burrow/AuthorVisitsBG.gif) repeat-y;
}

#authBG p{padding:0 50px;
color:#FFFFFF;
line-height:30px;}

#authBG a {color:#000000;
font-size:14px;
font-weight:bold;
text-decoration:underline;}


/*Teachers - Author Visits*/

#teachersHead{
margin-top:30px;
background:url(/siteimages/PUFFIN/burrow/teachersHead.gif) no-repeat;
height:192px;
padding-left:100px;
}

#teachersBG{
width:945px;
display:inline;
float:left;
background:url(/siteimages/PUFFIN/burrow/teachersBG.gif) repeat-y;}

#teachersBG p{padding:0 50px;
color:#FFFFFF;
line-height:30px;}


/*Author Pages*/


.authorPageFrame{
display:inline;
float:left;
width:130px;
margin:0 20px 20px 20px;}

#authorInfo p{
margin-left:150px;
padding:0 20px;
line-height:20px;}


/*Lounge*/

#loungeBG{
margin-top:30px;
height:934px;
background:url(/siteimages/PUFFIN/burrow/loungeBG.gif) no-repeat;
}

.loungeHeader{
font-size:40px;
font-weight:bold;
text-align:center;
padding-top:30px;}

.PuffinLeft{float:left}

.PuffinRight{float:right;}

.puffinProfiles{
padding:0 85px;
color:#FFFFFF;
font-size:14px;
line-height:24px;}


/*BillBoard*/

#noticeHead{
margin-top:30px;
height:302px;
background:url(/siteimages/PUFFIN/burrow/NoticeHead.gif)  no-repeat;
}

#headText{
padding-top:170px;
padding-left:230px;
padding-right:75px;
color:#000000;
line-height:18px;
font-size:14px;
font-weight:bold;
}

#noticeboard{
width:945px;
display:inline;
float:left;
background:url(/siteimages/PUFFIN/burrow/NoticeBoard.gif) repeat-y;
padding-bottom:20px;
}

#noticefooter{
height:401px;
background:url(/siteimages/PUFFIN/burrow/noticeFooter.gif)  no-repeat;
}

.paperLong{
width:720px;
margin-left:105px;
background-color:#fff;
}

.paperLong p{
line-height:22px;
padding-left:10px;
padding-right:10px;}

.paperLongHead{
font-weight:bold;
font-size:16px;}

.paperSmall{
float:left;
width:320px;
margin-top:20px;
margin-left:120px;
background-color:#fff;
}

.paperSmall p{
line-height:22px;
padding-left:10px;
padding-right:10px;}

.photos{margin-left:120px;}

.mag{float:right;
margin-right:100px;}


/*Nest Egg*/

#nesteggBG{
margin-top:30px;
height:732px;
background:url(/siteimages/PUFFIN/burrow/NestEggBG.gif)  no-repeat;
}

#nesteggText{
	width:330px;
	padding-top:200px;
	margin-left:50px;
}

#nestegg{
	    background:url(/siteimages/PUFFIN/burrow/NestEggBack.gif) repeat-y;}
		
	
#nestegg p{
	padding: 0 50px;}

/*Jokes*/

#JokesBG{
margin-top:30px;
height:733px;
background:url(/siteimages/PUFFIN/burrow/JokesBG.gif)  no-repeat;
}

#jokesText{
	width:330px;
	padding-top:20px;
	margin-left:550px;
	color:#FFFFFF;
	font-size: 16px;
}

.jokesDes{color:#FFFF00;}


/******** CONTENT PAGES ***************/

/** Generic styles **/
#contentPage.noPadding{
 padding:12px 0 0;
}

#hack{
 width:964px;
 margin:12px -12px 0;
}

#hack h2{
 margin:8px 12px 16px;
}

#hack .contentBox{
 width:964px;
	position:relative;
	margin-bottom:20px;
}

#hack .contentBox .top{
 height:12px;
	width:968px;
}

#hack .contentBox h3{
 text-indent:-9999px;
	padding:0;
}

/*.boxContent {
 width:100%;
 background:#33FF99;
}*/
#hack .contentBox .boxContent p{
 margin:18px 60px 20px 4px;
}

#hack .contentBox .boxContent a{
 color:inherit;
	text-decoration:underline;
}

#hack .contentBox .boxContent ul{
 float:left;
 margin:18px 30px 20px 40px;
	display:inline;
}

#hack .contentBox .boxContent ul li{
 list-style-type:none;
	margin:0;
	padding:0 0 0 60px;
	background:url(/siteimages/PUFFIN/content-bulletpoint.png) left 10px no-repeat;
	list-style-position:outside;
}

#hack .contentBox .boxContent ul li h4{
 color:inherit;
	font-size:14px;
}

/** Colour styles **/
#hack .contentBox.purple{
 background:url(/siteimages/PUFFIN/content-boxPurple-bg.gif) bottom left no-repeat;
	color:#ffffff;
}

#hack .contentBox.purple .top{
 background:url(/siteimages/PUFFIN/content-boxPurple-top.gif) top left no-repeat;
}

#hack .contentBox.darkgreen{
 background:url(/siteimages/PUFFIN/content-boxDarkgreen-bg.gif) bottom left no-repeat;
	color:#ffffff;
}

#hack .contentBox.darkgreen .top{
 background:url(/siteimages/PUFFIN/content-boxDarkgreen-top.gif) top left no-repeat;
}

#hack .contentBox.blue{
 background:url(/siteimages/PUFFIN/content-boxBlue-bg.gif) bottom left no-repeat;
	color:#ffffff;
}

#hack .contentBox.blue .top{
 background:url(/siteimages/PUFFIN/content-boxBlue-top.gif) top left no-repeat;
}

/** Specific styles **/
#hack #why.contentBox h3{
 background:url(/siteimages/PUFFIN/content-boxPurple-titleWhy.gif) top left no-repeat;
	width:620px;
	height:55px;
}

#hack #why.contentBox .boxContent{
 float:left;
	display:inline;
 margin:18px 30px 20px 40px;
	width:620px;
}

#hack #why.contentBox .boxPuffin{
 position:absolute;
	bottom:3px;
	right:16px;
}

#hack #online.contentBox h3{
 background:url(/siteimages/PUFFIN/content-boxDarkgreen-titleOnline.gif) top left no-repeat;
	width:324px;
	height:57px;
}

#hack #online.contentBox .boxContent{
 float:left;
display:inline;
 margin:18px 30px 20px 40px;
width:620px;
}

#hack #online.contentBox .boxPuffin{
 position:absolute;
	bottom:3px;
	left:15px;
}

#hack #resources.contentBox h3{
 background:url(/siteimages/PUFFIN/content-boxBlue-titleOnline.gif) top left no-repeat;
	width:348px;
	height:50px;
}

#hack #resources.contentBox .boxContent{
 float:left;
	display:inline;
 margin:18px 30px 20px 40px;
	width:910px;
}

#hack #resources.contentBox .boxContent p{
 margin:18px 30px 20px 40px;
}

#hack #about.contentBox h3{
 background:url(/siteimages/PUFFIN/content-boxBlue-titleAbout.gif) top left no-repeat;
	width:471px;
	height:50px;
}

#hack #about.contentBox p{
 margin-left:10px;
}

#hack #about.contentBox img.infoButton{
 float:left;
	display:inline;
	margin-left:10px;
	margin-right:20px;
}

#hack #about.contentBox .boxContent{
 float:left;
	display:inline;
 margin:18px 30px 20px 40px;
	width:630px;
}

#hack #about.contentBox .boxPuffin{
 position:absolute;
	bottom:0;
	right:16px;
}

#hack #whychoose.contentBox h3{
 background:url(/siteimages/PUFFIN/content-boxDarkgreen-titleWhychoose.gif) top left no-repeat;
	width:610px;
	height:59px;
}

#hack #whychoose.contentBox .boxContent{
 float:left;
	display:inline;
 margin:18px 30px 20px 40px;
	width:720px;
}

#hack #whychoose.contentBox .boxContent ul{
 margin:18px 30px 20px 40px;
}

#hack #whychoose.contentBox .boxContent ul li{
 padding-bottom:20px;
	background-position:left top;
}

#hack #whychoose.contentBox .boxPuffin{
 position:absolute;
	bottom:0;
	right:16px;
}

#hack #spread.contentBox h3{
 background:url(/siteimages/PUFFIN/content-boxBlue-titleSpread.gif) top left no-repeat;
	width:342px;
	height:58px;
}

#hack #spread.contentBox .boxContent{
 float:left;
	display:inline;
 margin:18px 30px 20px 40px;
	width:910px;
}

#hack #spread.contentBox .boxPuffin{
 position:absolute;
	bottom:0;
	right:16px;
}

#hack #bills.contentBox h3{
 background:url(/siteimages/PUFFIN/content-boxPurple-titleBills.gif) top left no-repeat;
	width:620px;
	height:51px;
}

#hack #bills.contentBox .boxContent{
 float:left;
	display:inline;
 margin:18px 30px 20px 40px;
	width:630px;
}

#hack #bills.contentBox .boxContent ul{
 margin:18px 30px 20px 40px;
}

#hack #bills.contentBox .boxContent ul li{
 padding-bottom:20px;
	background-position:left top;
}

#hack #bills.contentBox .boxPuffin{
 position:absolute;
	bottom:0;
	right:16px;
}

#hack #run.contentBox h3{
 background:url(/siteimages/PUFFIN/content-boxPurple-titleRun.gif) top left no-repeat;
	width:567px;
	height:51px;
}

#hack #run.contentBox .boxContent{
 float:left;
	display:inline;
 margin:18px 30px 20px 40px;
	width:630px;
}

#hack #run.contentBox .boxContent ul{
 margin:18px 30px 20px 40px;
}

#hack #run.contentBox .boxContent ul li{
 padding-bottom:20px;
	background-position:left top;
}

#hack #run.contentBox .boxPuffin{
 position:absolute;
	bottom:0;
	right:16px;
}

#hack #register.contentBox h3{
 background:url(/siteimages/PUFFIN/content-boxBlue-titleRegister.gif) top left no-repeat;
	width:580px;
	height:60px;
}

#hack #register.contentBox .boxContent{
 float:left;
	display:inline;
	 margin:18px 30px 20px 40px;
	width:900px;
}

#hack #register.contentBox .boxContent ul{
 margin:18px 30px 20px 40px;
}

#hack #register.contentBox .boxContent ul li{
 padding-bottom:20px;
	background-position:left top;
}

#hack #register.contentBox .boxPuffin{
 position:absolute;
	bottom:0;
	right:16px;
}


#hack #author.contentBox h3{
 background:url(/siteimages/PUFFIN/content-boxPurple-titleAuthor.gif) top left no-repeat;
	width:265px;
	height:50px;
}

#hack #author.contentBox .boxContent{
 float:left;
	display:inline;
 margin:18px 30px 20px 40px;
	width:630px;
}

#hack #author.contentBox .boxContent p{
 margin:18px 30px 20px 40px;
}

#hack #author.contentBox .boxContent ul{
 margin:18px 30px 20px 40px;
}

#hack #author.contentBox .boxContent ul li{
 padding-bottom:20px;
	background-position:left top;
}

#hack #author.contentBox .boxPuffin{
 position:absolute;
	top:0;
	right:16px;
}

#hack .authorPhotos{
float:left;
margin-left:15px;
}

#hack #resourcesMagazines.contentBox .boxContent{
display:inline;
float:left;
 margin:18px 28px 20px 28px;
}

#hack #resourcesMagazines.contentBox .boxContent h3{
background:transparent url(/siteimages/PUFFIN/content-boxPurple-titleMagazines.gif) no-repeat left top;
height:55px;
width:610px;
}

#hack #resourcesMagazines.contentBox .boxContent .magLeft{
float:left;
width:440px;
 margin:18px 20px 20px 0px;
  font-size:90%;
}

#hack #resourcesMagazines.contentBox .boxContent .magRight{
float:left;
width:440px;
 margin:18px 0px 20px 0px;
 font-size:90%;
}

.magLeft img, .magRight img{
float:left;
margin-right:18px;
}

.magLeft .magText, .magRight .magText{
float:right;
width:230px;
padding:0;
margin:0;
}

#resourcesMagazines.contentBox .magLeft .magText h4, #resourcesMagazines.contentBox .magRight .magText h4{
margin:0 0 5px 0px;
float:left;
color:#FFFFFF;
font-size:18px;
}

.magLeft .magText p, .magRight .magText p{
clear:both;
margin-bottom:10px;
margin-left:0px;
}

.magLeft .magText a, .magRight .magText a{
font-weight:bold; 
color:#ffffff;
}

#hack #resourcesMagazines.contentBox #parentsLetter{
text-align:right;
}

#hack #resourcesMagazines.contentBox #parentsLetter a{
color:#ffffff;
font-size:14px;
margin-right:10px;
}


#hack #activities.contentBox .boxContent{
display:block;
position:relative;
float:left;
 margin:18px 30px 20px 40px;
}

#hack #activities.contentBox .boxContent h3{
background:transparent url(/siteimages/PUFFIN/content-boxDarkgreen-titleActivities.gif) no-repeat left top;
height:58px;
width:476px;
}

#hack #activities.contentBox .boxContent ul{
margin:20px 0 0 1px;
width:900px;
float:left;
padding:0;
display:inline;
}

#hack #activities.contentBox .boxContent ul li{
width:184px;
height:249px;
display:inline;
float:left;
padding:0;
background:none;
margin-left:36px;
}

#hack #activities.contentBox .boxContent ul li p{
width:100%;
clear:both;
line-height:20px;
font-weight:bold;
color:#ffffff;
margin-top:5px;
text-align:center;
position:relative;
display:block;
margin-left:0px;
}

#hack #activities.contentBox .boxContent ul li p a{
text-decoration:none;
color:#FFFFFF;
}

#hack #teachersInfo.contentBox .boxContent{
display:inline;
float:left;
 margin:18px 30px 20px 20px;
}

#hack #teachersInfo.contentBox .boxContent h3{
background:transparent url(/siteimages/PUFFIN/content-boxBlue-titleTeachersInfo.gif) no-repeat left top;
height:60px;
width:500px;
}

#hack #teachersInfo.contentBox .boxContent ul{
 margin:18px 30px 20px 0px;
width:900px;
float:left;
padding:0;
display:inline;
}

#hack #teachersInfo.contentBox .boxContent ul li{
width:258px;
height:160px;
display:inline;
float:left;
padding:0;
background:none;
margin-left:35px;
}


#PuffinPicksPage #categoryHeader {
height:139px;
padding-left:190px;
padding-right:120px;
}

#accountAddresses #rightHalf span
{
background:#000000 url(/siteimages/PUFFIN/H2_gradient_black.gif) top repeat-x;
width:338px;
}
#accountAddresses #rightHalf legend
{
/*background:#000000;*/
width:100%;
}
#accountAddresses #leftHalf span
{
background:#000000 url(/siteimages/PUFFIN/H2_gradient_black.gif) top repeat-x;
width:338px;
}
#accountAddresses #leftHalf legend
{
/*background:#000000;*/
width:100%;
}

#basketOptions li
{
padding-top:4px;
padding-bottom:4px;
}


/*About Puffin Page*/

#about_puffin_main
{
width:676px;
    position:relative;
   	float:left;
	display:block;
    margin:0px 0px 16px 0px;
    padding:12px;
    min-height:300px; 	
	border:solid 3px #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	box-shadow: 0px 0px 3px rgba(0,0,0,.4);
	background:#ebebeb;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
	clear:both;

	}

.about_puffin_main_span
{
  top:-16px;
    position:relative;
    width:100%;
    height:40px;
    margin-left:8px;
 	padding-right:24px;
    padding-top:10px;
    padding-bottom:2px;
	display:block;
	-moz-border-radius-topleft: 8px;
 	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
 	-webkit-border-top-right-radius: 8px;
	border-left:3px solid #ffffff;
	border-top:3px solid #ffffff;
	border-right:3px solid #ffffff;
	background:#000000 url(/siteimages/PUFFIN/H2_gradient_black.gif) top repeat-x;
	left:-23px;
	color:#FFFFFF;
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	box-shadow: -0px -1px 2px rgba(0,0,0,.3);
}

#about_puffin_families
{
	width:316px;
    position:relative;
    float:left;
    display:block;
    margin:0px 0px 16px 0px;
    padding:12px;	
	border:solid 3px #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	box-shadow: 0px 0px 3px rgba(0,0,0,.4);
	background:#fbe6bd;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
	min-height:730px;
}

#about_puffin_families ul
{
	list-style:outside disc;
}
#about_puffin_families li
{
	margin:0px 8px 0px 8px;
}
.about_puffin_families_span
{
    top:-16px;
    position:relative;
    width:100%;
    height:40px;
    margin-left:8px;
    padding-right:24px;
    padding-top:10px;
    padding-bottom:2px;
	display:block;
	-moz-border-radius-topleft: 8px;
 	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
 	-webkit-border-top-right-radius: 8px;
	border-left:3px solid #ffffff;
	border-top:3px solid #ffffff;
	border-right:3px solid #ffffff;
	background:#4663af url(/siteimages/PUFFIN/H2_gradient_blue.gif) top repeat-x;
	left:-23px;
	color:#FFFFFF;
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	box-shadow: -0px -1px 2px rgba(0,0,0,.3);
}

#about_puffin_schools
{
	width:316px;
    position:relative;
    float:left;
    display:block;
    margin:0px 0px 16px 16px;
    padding:12px;	
	border:solid 3px #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	box-shadow: 0px 0px 3px rgba(0,0,0,.4);
	background:#ccdbf2;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
	min-height:730px;
}

.about_puffin_schools_span
{
	top:-16px;
    position:relative;
    width:100%;
    height:40px;
    margin-left:8px;
    padding-right:24px;
    padding-top:10px;
    padding-bottom:2px;
	display:block;
	-moz-border-radius-topleft: 8px;
 	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
 	-webkit-border-top-right-radius: 8px;
	border-left:3px solid #ffffff;
	border-top:3px solid #ffffff;
	border-right:3px solid #ffffff;
	background:#4663af url(/siteimages/PUFFIN/H2_gradient_blue.gif) top repeat-x;
	left:-23px;
	color:#FFFFFF;
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	box-shadow: -0px -1px 2px rgba(0,0,0,.3);
}

#author_quote
{
display:block;
position:relative;
margin-bottom:16px;
padding:0;
right:0px;
top:0px;
float:right;
width: 208px;

}

#online_ordering
{
	border-bottom: 1px solid rgb(202,202,202);
	margin-left: -8px;
	margin-right:-8px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	font-size:0.9em;
	line-height:1.3em;
}
#online_resources
{
	border-top: 1px solid rgb(245,245,245);
	margin-left: -8px;
	margin-right:-8px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	font-size:0.9em;
	line-height:1.3em;
}

/*Homepagestyles*/

.puffin_for_families
{
width:310px;
    position:relative;
    display:block;
    margin:0px 0px 0px 0px;
    padding:12px;
    min-height:314px;
	border:solid 3px #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	box-shadow: 0px 0px 3px rgba(0,0,0,.4);
	background:#fbe6bd url(/siteimages/PUFFIN/puffin_family-trans.png) bottom left no-repeat;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

.puffin_for_schools
{
width:310px;
    position:relative;
    display:block;
    margin:0px 0px 0px 0px;
    padding:12px;
    min-height:314px;
	border:solid 3px #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	box-shadow: 0px 0px 3px rgba(0,0,0,.4);
	background:#ccdbf2 url(/siteimages/PUFFIN/puffin_teacher-trans.png) bottom left no-repeat;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

.puffin_for_background
{
 top:-20px;
    position:relative;
    width:100%;
    height:40px;
    margin-left:8px;
    padding-right:24px;
    padding-top:8px;
    padding-bottom:4px;
	display:block;
	-moz-border-radius-topleft: 8px;
 	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
 	-webkit-border-top-right-radius: 8px;
	border-left:3px solid #ffffff;
	border-top:3px solid #ffffff;
	border-right:3px solid #ffffff;
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	box-shadow: -0px -1px 2px rgba(0,0,0,.3);

	background:#1f4197 url(/siteimages/PUFFIN/H2_gradient2-trans.png) top repeat-x;
	left:-23px;
	color:#FFFFFF;

}

.puffin_for_title
{
width:330px;
height:40px;
margin:0;
padding:0;
}

#kids_zone
{
position:relative;
display:block;
margin-bottom:20px;
}

#grass
{
 posiiton:relative;
  width:197px;
  min-height:269px;
margin-top:53px;
    padding:8px;	
border:solid 3px #ffffff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
box-shadow: 0px 0px 3px rgba(0,0,0,.4);
background: #369116 url(/siteimages/PUFFIN/homepage_kids_only_bg.jpg) top center no-repeat;
text-align:left;
font: 11px Arial, Helvetica, sans-serif;
 color:#FFFFFF;

}

#postcodeSelect #summary
{
min-width:140px;
width:140px;
display:block;
position:relative;
margin-left:72px;
}

#basketOptions li
{
padding-top:4px;
padding-bottom:4px;
}

.wideBox
{
	width:924px;
	text-align:left;
}

#mailingPrefs legend .wideBox
{
	width:726px;
}
#rightHalf #mailingPrefs legend .wideBox
{
	width:438px;
}

#schoolInfomation legend .wideBox
{
	width:726px;
}

#pupilDetails label
{
width:50px;
display:inline-block;
margin-left:10px;
vertical-align:top;
}
#pupilDetails h4
{
margin-left:10px;
display:inline-block;
width:auto;
padding-bottom:10px;
}


#pupilDetails input
{
	margin-left:18px;
	margin-top:2px;
	margin-bottom:6px;
}

.accountAddress
{
	padding-bottom:4px;
}

#accountYourSchools legend .wideBox
{
	width:726px;
}
#accountParentsInfo legend .wideBox
{
	width:726px;
}

#accountSchoolsInfo legend .wideBox
{
	width:726px;
}

/* 
 * ========================================================================
 *                       Puffin Book Club Reader Reviews
 * ========================================================================
 *   Function: Styling for Puffin Book Club Reader Review content spot
 *	 Author:   Andrew Beehag
 *	 Date:     21/09/2011
 * ========================================================================
*/

/* Reader Review container and white background */
#ReaderReviews{
	width: 700px;
	clear: left;
	float: left;
	background-color: transparent;
	position: relative;	
	margin-top: -10px;
}
		
/* Reader Review Containing Yellow border */
#ReaderReviewsContent {
	width: 682px;
	border-right: 1px solid #fecb2f;
	border-left: 1px solid #fecb2f;
	padding-left:8px;
	padding-right: 8px;
}
		
/* Reader Review Containing Yellow border base */
#ReaderReviewsCategoryContent {
	width: 700px;
	background-image: url("/siteimages/PUFFIN/ReaderReviewBottom.png");
	background-repeat: no-repeat;
	background-position:  bottom;
	padding-bottom: 10px ;
}
		
/* Reader Review Header Start */
#ReaderReviewsCategoryContent #CategoryHeader {
	height: 150px;
	padding-left: 150px;
	padding-right: 0px;
	background-image: url("/siteimages/PUFFIN/ReaderReviewTop.png");
	background-repeat: no-repeat;
}

#ReaderReviewsCategoryContent .CatIntro {
	height: 70px;
	color: #ff0000;
	font-weight:normal;
}
		
#CategoryHeader h2 {
	padding-top: 5px;
}

#CategoryHeader p {
	padding-right: 75px;
}
/* Reader Review Header End*/
		
/* Reader Review Product Title */
#ProductBox {
	width:682px;
	padding-bottom:10px;
	border-bottom:#fecb2f solid 1px;
	margin-bottom:10px;

}
		
/* Reader Review Product Info Container */
#ProductBox .ProductInfo {
	width:414px;
	margin-left:20px;
	float:left;
	position: relative;
}
		
/* Reader Review Product Image */		
#ReaderReviewsContent #ProductBox .ProductImg {
	width:222px;
	margin-bottom:15px;
	padding:5px;
	float:left;
	position: relative;
}
		
/* Reader Review Product Title */
#ReaderReviewsContent #ProductBox h2 {
	background:none;
	padding-bottom:2px;
	color:#3366CC;
}
		
/* Reader Review Author */	
#ReaderReviewsContent #ProductBox .author {
	font-size:120%;
	font-weight:bold;
	color:#e10000;
}

/* Reader Review Product Code */			
#ReaderReviewsContent #ProductBox .productCode {
	padding-top:5px;
}
		
/* Reader Review Product Discription */	
#ReaderReviewsContent #ProductBox .Review {
	margin-left: -10px;
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;

}		
		
/* Reader Review Readers Name */	
#ReaderReviewsContent #ProductBox .Review h2{
	font-family:'Lucida Casual', 'Comic Sans MS';
	color:#99b8e1;
	font-size:160%;
	padding-top:0px;	
}	
		
/* Reader Review Reader Image */
#ReaderReviewsContent #ProductBox .Review img {
	margin-top: -30px;
	margin-right: -10px;
	padding-left: 5px;
	padding-bottom: 5px;
	float: right;
	position: relative;
	display: block;
}	

/* Reader Review Price */
#ReaderReviewsContent #ProductBox .ProductInfo .price {
	color: #4563af;
	padding-top:20px;
	font-size:180%;
}
		
/* Reader Review RRP Price */
#ReaderReviewsContent #ProductBox .ProductInfo .rrp {
	font-weight:bold;
	display:inline;
}
		
/* Reader Review Save Price */
#ReaderReviewsContent #ProductBox .ProductInfo .save {
	display:inline;
	margin-right:10px;
}

/* Reader Review More info button */
#ReaderReviewsContent #ProductBox .ProductInfo .moreInfo {
	margin-right:6px;
	float:right;
	position: relative;
	margin-top:-28px;
	height:29px;
}
		
/* 
* ========================================================================
*/

/*
 * ========================================================================
 *                       Online Group Ordering
 * ========================================================================
 *   Function:  CSS styling for Online Group Ordering
*Author:  Gavin Edwards
*Date:    20/09/2011
* ========================================================================
*/


/* Outer holding div */
#groupordering_outercontainer {
background: url(http://www.puffinbookclub.co.uk/siteimages/PUFFIN/PBC_OnlineGroupOrdering_2011/images/PBC_boxslice.jpg) repeat-y;
width: 715px;
}

/* Inner holding div */
#groupordering_innercontainer {
	background-image: url(http://www.puffinbookclub.co.uk/siteimages/PUFFIN/PBC_OnlineGroupOrdering_2011/images/PBC_boxbottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* Main heading */
#groupordering_outercontainer h2{
	padding: 0px;
	margin: 0px;
}

/* Puffin div */
#puffin {
	background-image: url(http://www.puffinbookclub.co.uk/siteimages/PUFFIN/PBC_OnlineGroupOrdering_2011/images/PBC_Puffin.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-origin:padding-box;
}

/* Left hand column content div */
#groupordering_leftcolumn {
	width: 408px;
	min-height: 200px;
	padding-left: 31px;
	padding-bottom: 27px;
}

/* 3 steps to ordering panels */
.groupordering_steps {
	margin-top: 5px;
}

/* 3 steps to ordering */
.groupordering_steps img {
	float:left;
}

/* Blue panel styling */
.bluepanel {
	width: 406px;
	background: url(http://www.puffinbookclub.co.uk/siteimages/PUFFIN/PBC_OnlineGroupOrdering_2011/images/PBC_blueboxbottom.jpg) no-repeat bottom;
	padding-bottom: 11px;
	color: #FFFF00;
	font-weight: bold;
	font-size: 16px;
}

.bluepanel p {
	color: #FFFF00;
	font-weight: bold;
	font-size: 16px;
	line-height: 140%;
	padding-right: 20px;
	padding-left: 50px;
}

.bluepanel_background {
	width: 406px;
	min-height: 40px;
	background: #00aeef;
	padding-bottom: 11px;
	margin-top: 5px;
}

/* Green panel styling */
.greenpanel {
	width: 406px;
	background: url(http://www.puffinbookclub.co.uk/siteimages/PUFFIN/PBC_OnlineGroupOrdering_2011/images/PBC_greenboxbottom.jpg) no-repeat bottom;
	padding-bottom: 11px;
	margin-top: 10px;
}

.greenpanel p {
	color: #92278f;
	font-weight: bold;
	font-size: 16px;
	line-height: 140%;
	padding-right: 20px;
	padding-left: 50px;
}

.greenpanel_background {
	width: 406px;
	background: #bed73b repeat-y;
	padding-bottom: 11px;
}

/* Orange panel styling */
.orangepanel {
	width: 406px;
	background: url(http://www.puffinbookclub.co.uk/siteimages/PUFFIN/PBC_OnlineGroupOrdering_2011/images/PBC_orangeboxbottom.jpg) no-repeat bottom;
	padding-bottom: 11px;
	margin-top: 10px;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
}

.orangepanel p {
	color: #ffffff;
	font-weight: bold; 
	font-size: 16px;
	line-height: 140%;
	padding-right: 20px;
	padding-left: 50px;
}

.orangepanel_background {
	width: 406px;
	background: #e4582c repeat-y;
	padding-bottom: 11px;
}

/* Body copy styling */
.groupordering_bodycopy {
	color: #ffffff;
}

/* Main heading positioning */
#Mainheading {
	margin-left: -5px;
	margin-top: -5px;
}

/* Sub heading positioning */
.Subheading {
	margin-left: -5px;
	margin-top: 20px;
}

/* Online Group Ordering Help Pages and Customer Service link styling */    
#groupordering_leftcolumn a {
	color: #00aeef;
	text-decoration: none;
}

#groupordering_leftcolumn a:link, a:visited {
	color: #00aeef;
	text-decoration: none;
}

#groupordering_leftcolumn a:hover, a:active {
	color: #00aeef;
	text-decoration: underline;
}

/* Start shopping button */
#shoppingbutton {
	width: 159px;
	height: 29px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: -5px;
}

/* Foot note */
#groupordering_note {
	font-size: 10px;
	color: #ffffff;
}

/*
* ========================================================================
*/