body {
	height:100%; 
	max-height:100%;
	overflow:hidden;
	padding:0;
	margin:0;
	font-family:Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	border:0;}

html {
	height:100%; 
	max-height:100%; 
	padding:0;
	margin:0; 
	border:0; 
	background:#fff; 
	font-size:100%; 
	font-family: Comic Sans MS,Verdana, Arial, Helvetica, sans-serif;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
}

#topNav {
	position:absolute;
	margin:0px;
	top:5px;
	text-align:right;
	right:0px;
	left:5px;
	display:block;
	height:100px;
	background-color:#ef4023;
	font-size:1em;
	z-index:5;
	overflow:hidden;
	color:#ffffff;
}

.Ladybirdlogo {
	margin:17px;
	margin-left:20px;
	float:left;
	margin-right:0px;
}


	
#topNav UL {
	padding:0px;	
	margin:0px;
	height:82px;
	margin-top:4px;
	list-style: none;
 }
 
#topNav UL LI {
	margin:0px;
	margin-right:18px;
	height:82px;
	display:inline;
	padding:0px;
	line-height:16px;
}

#topNav UL LI A{
	font-size:13px;
	text-decoration:none;
	line-height:16px;
}

#content {
	top:0px; 
	left:0px; 
	right:0px; 
	bottom:0px; 
	position:absolute; 
	z-index:3; 
	height:100%; 
	max-height:100%; 
	width:100%; 
	border-top:110px solid #ffffff; 
	border-bottom:35px solid #ffffff; 
	border-left:145px solid #ffffff;
	}
	
#content[id] {
	top:110px; 
	bottom:35px; 
	left:150px; 
	right:0px;
	border:0px;
	width:auto;
	height:auto;
}
	

#contarea {
	overflow:auto; 
	height:98%; 
	max-height:98%;
	}
	
	


#content p {padding-left:22px;}

/* different colour iterations for content */
.lightGreen #content{background-color:#83c327; background-image:url(../images/bubbleBackGreen.gif);}
.yellow #content{background-color:#fff000;}
.yellowBubble #content{background-color:#fff000; background-image:url(../images/bubbleBackYellow.gif);}
.yellowDirty #content{background-color:#f5b757;background-image:url(../images/bubbleBackDirtyYellow.gif);}
.darkGreen #content{background-color:#84c326; background-image:url(../images/bubbleBackGreen.gif);}
.orange #content{background-color:#ff7619; background-image:url(../images/bubbleBackOrange.gif);}
.lightBlue #content{background-color:#60c8f5;}
.darkBlue #content{background-color:#68c9f2; background-image:url(../images/bubbleBack02.gif);}
.pink #content{background-color:#f5a0bd ; background-image:url(../images/bubbleBackPink.gif);}
.brightRed #content{background-color:#ff0000;}





#leftNav {
	position:absolute; 
	height:100%; 
	top:0;
	bottom:0;
	width:140px; 
	color:#ffffff;
	z-index:4;
	font-size:13px; 
	border-left:5px solid #ffffff;   
	border-top:110px solid #ffffff;
	border-bottom:35px solid #ffffff;
	}
	
#leftNav[id] {
	left:0; 
	height:auto; 
	top:110px; 
	bottom:35px;
	border:0px;
	border-left:5px solid #ffffff;   
	}

/* lhs nav colour iterations */
.ParentsNav {background-color:#ad2624;}
.OutsideUKNav {background-color:#952c75;}
.playzoneNav {background-color:#84c326;}
.friendsNav {background-color:#00a8ec;}
.collectorsNav {background-color:#ff6700;}
.whatsNewNav {background-color:#f5b756;}



	
/*left side navigation__________________________________________________________________*/
/*primary_______________________________________________________________________________*/
#leftNav ul{
	color:white;
	text-decoration:none;
	margin:0;
	padding:0px;
	padding-left:7px;
	padding-top:5px;
	list-style-type:none;
}

#leftNav ul li{
	font: bold 14px/18px "Comic Sans MS";
	color:#fff000;
	text-decoration:none;
	padding:0 0 12px 0;
	margin:0;
}

#leftNav ul li a{
	color:white;
	font-size:14px;
	font-weight:bold;
	list-style-type: none;
	text-decoration:none;
}

#leftNav ul li a:link,visited{
	color:white;
	list-style:none;
	text-decoration:none;
}

#leftNav ul li a:hover {
	color:#ffff00;
	text-decoration:none;
}

#leftNav ul li a:active, #leftNav ul li a.selected{
	color:#ffff00;
	list-style:circle;
	text-decoration:none;
	display:block;
}

/*secondary_______________________________________________________________________*/
#leftNav ul ul{
	color:#60c8f5;
	font-size:14px;
	text-decoration:none;
	margin:0;
	margin-top:12px;
	padding:0;
	}
	
#leftNav ul ul li{
	color:#60c8f5;
	font-size:14px;
	list-style-type:none;
	text-decoration:none;
	margin:0;
	padding:0;
}

#leftNav ul ul li a{
	font: bold 14px/18px "Comic Sans MS";
	color:#d93d22;
	font-size:14px;
	text-decoration:none;
	margin:0;
	padding:0;
	}
	
#leftNav ul ul li a{
	color:#60c8f5;
	font-size:14px;
	list-style:none;
	text-decoration:none;
	margin:0;
	padding:0;
	}
	
#leftNav ul ul li a:link,visited{
	color:#60c8f5;
	font-size:14px;
	list-style:none;
	text-decoration:none;
	margin:0;
	padding:0;
	}
	
#leftNav ul ul li a:hover{
	color:#fff000;
	font-size:14px;
	list-style:none;
	text-decoration:none;
	margin:0;
	padding:0;
}

#leftNav ul ul li a:active{
	color:#fff000;
	font-size:14px;
	list-style:none;
	text-decoration:none;
	margin:0;
	padding:0;
	}
	
/*tertiary_______________________________________________________________________________*/
#leftNav ul ul ul{
	color:#ff7619;
	text-decoration:none;
	margin:0;
	margin-bottom:12px;
	padding:0;
	list-style-type:none;
}

#leftNav ul ul ul li{
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	color:black;
	text-decoration:none;
	padding-bottom:4px;
	margin:0px;
}

#leftNav ul ul ul li a{
	color:#ff7619;
	list-style-type: none;
	text-decoration:none;
}

#leftNav ul ul ul li a:link,visited{
	color:#ff7619;
	list-style:none;
	text-decoration:none;
}

#leftNav ul ul ul li a:hover {
	color:#fff000;
	text-decoration:none;
}

#leftNav ul ul ul li a:active, #leftNav ul ul ul li a.selected{
	color:#fff000;
	list-style:circle;
	text-decoration:none;
	display:block;
}


#foot {
	position:absolute;
	margin:0px;
	bottom:0px;
	border-top:5px solid #ffffff; 
	border-bottom:5px solid #ffffff; 
	left:5px;
	right:0px;
	display:block;
	height:35px;
	font-size:1em;
	z-index:5;
	overflow:hidden;
	text-align:right;
	color:#ffffff;
	background-color:#ef4023;
}


#foot[id] {
	
	height:25px;
}

#foot UL {
	font-size:13px;
	padding:0px;
	margin:0px;
	float:right;
	display:inline;
	margin-top:-2px;
	padding-right:16px;
	list-style: none;
}
  
#foot UL LI {
	font-size:13px;
	color:#e6e517;
	float:left;
	padding-left:5px;
	padding-right:5px;
	margin:0px;
	text-decoration:none;
}


#foot UL LI a:link{
	font-size:13px;
	text-decoration:none;
	color:#e6e517;
}
#foot UL LI a:visited{
	font-size:13px;
	text-decoration:none;
	color:#e6e517;
}
#foot UL LI a:hover{
	font-size:13px;
	text-decoration:none;
	color:#333333;
}





/* curvy bits */
b.rtop, b.rbottom {
	display:block;
	background: #ffffff;
	width:100%;
	}
	
b.rbottom {
	position:absolute;
	width:100%;
	bottom:-1px;
	left:0px;
	}
	
b.rbottom[class] {
	bottom:0px;
	}
	
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
		
b.rtop b, b.rbottom b {
	display:block;
	height: 1px;
	overflow: hidden;
	}
	
	
/* colour iterations for header curvy bits */
#topNav b.rtop b, #topNav b.rbottom b {
	background:#ef4023;
	}
	
	
/* colour iterations for lhs curvy bits */
.ParentsNav b.rtop b, .ParentsNav b.rbottom b {background:#ad2624;}
.OutsideUKNav b.rtop b, .OutsideUKNav b.rbottom b {background-color:#952c75;}
.playzoneNav b.rtop b, .playzoneNav b.rbottom b {background-color:#84c326;}
.friendsNav b.rtop b, .friendsNav b.rbottom b {background-color:#00a8ec;}
.collectorsNav b.rtop b, .collectorsNav b.rbottom b {background-color:#ff6700;}
.whatsNewNav b.rtop b, .whatsNewNav b.rbottom b {background-color:#f5b756;}
	
	
/* colour iterations for content top and bottom curvy bits */
.lightGreen #content b.rtop b, .lightGreen  #content b.rbottom b {background-color:#83c327;}
.yellow #content b.rtop b, .yellow #content b.rbottom b {background-color:#fff000;}
.yellowBubble #content b.rtop b, .yellowBubble #content b.rbottom b {background-color:#fff000;}
.yellowDirty #content b.rtop b, .yellowDirty #content b.rbottom b {background-color:#f5b757;}
.darkGreen #content b.rtop b, .darkGreen #content b.rbottom b {background-color:#84c326;}
.orange #content b.rtop b, .orange #content b.rbottom b {background-color:#ff7619;}
.lightBlue #content b.rtop b, .lightBlue #content b.rbottom b {background-color:#60c8f5;}
.darkBlue #content b.rtop b, .darkBlue #content b.rbottom b {background-color:#68c9f2;}
.pink #content b.rtop b, .pink #content b.rbottom b {background-color:#f5a0bd;}
.brightRed #content b.rtop b, .brightRed #content b.rbottom b {background-color:#ff0000;}


/* colour iterations for footer curvybits */
#foot b.rtop b, #foot b.rbottom b {
	background:#ef4023;
	}
	
	

/* content styles - from old style sheet: styles.css */

.frontend{
	width:870px;
	height:458px;
	margin-top:60px;
	background:url(../images/front.gif) no-repeat;
}

.frontendNav{
	width:276px;
	height:402px;
	float:right;
	margin-top:22px;
	padding-top:82px;
	padding-right:30px;
	background:url(../images/frontLogo.gif) no-repeat;
}

.frontendNav ul{
	width:276px;
	height:106px;
	padding:0;
	margin:0;
}

.frontendNav ul li{
	width:92px;
	height:106px;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

.flashPanel{
	width:500px;
	height:333px;
	padding:0px;
	margin:0px;
	margin-left:0px;
	background-color:#FF0000;
	/*border:#fff solid 4px;*/
}



.singlePanels{
	padding-right:0px;
	clear:both;
}

.doublePanels{
	width:45%;
	padding-right:20px;
	float:left;
}

.threePanels{
	width:auto;
	padding-right:20px;
	float:left;
}

.threePanelsNoPush{
	width:auto;
	float:left;
}

.topsyHolder{
	display:inline;
}


.bookInfo{
	padding:0;
	margin:0;
	width:150px;
	text-align:center;
}

.bookInfo p.maintext{
	padding:5px 0;
	margin:0;
}

.bookInfo h3{
	padding:10px 0 5px 0;
	margin:0;
}

.bookInfo h4{
	padding:5px 0;
	margin:0;
}

.bookInfo #price{
	padding:5px 0;
	margin:0;
}


/*header tags*/

h1 {
	font: bold 24px "Comic Sans MS", Verdana, arial, helvetica, sans-serif; 
	color: #BF311A; 
	padding: 5px 0px 0px 22px;
}
h2 {
	font: bold 14px "Comic Sans MS", Verdana, arial, helvetica, sans-serif; 
	color:#333333;
	padding: 0px 0px 0px 22px;
}
h3 {
	font: bold 20px "Comic Sans MS", Verdana, arial, helvetica, sans-serif; 
	color: #BF311A; 
	padding: 8px 0px 0px 22px;
}
h3 #price {
	padding-left:20px;
	color: #333; 
}

#price{
	color:#333;
	font:13px;
	font-weight:bold;
}
h4{
	font: 12px "Comic Sans MS", Verdana, arial, helvetica, sans-serif;
	color: #00A3E6;
	text-decoration:none;
}

*html h1 {
	font: bold 18px "Comic Sans MS", Verdana, arial, helvetica, sans-serif; 
	color: #BF311A; 
	padding: 12px 0px 0px 18px;
}

.centering{
	margin:0 auto;
}
	
p.isbn {
	margin:12px 0px;
	font-size:10px;
	line-height:24px;
	padding:5px 12px 5px 22px;
	color: #333333;
}

p.maintext {
	margin:12px 0px;
	padding:0px;
	font-size:16px;
	line-height:24px;
	padding:5px 12px 5px 22px;
	color: #333333;
}
p.maintext a{
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 16px;
	color: red;
	text-decoration: none;
}

p.maintext a:link{
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 16px;
	color: red;
	text-decoration: none;
}

p.maintext a:visited{
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 16px;
	color: red;
	text-decoration: none;
}

p.maintext a:hover{
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 16px;
	color: #00A3E6;
	text-decoration: none;
}

p.maintext ul{
	font-size:16px;
	line-height:14px;
	padding:5px 12px 5px 22px;
	color: #333333;
}

p.maintextBlue {
	font-size:16px;
	line-height:14px;
	padding:5px 12px 5px 22px;;
	color: #00A3E6;
}
p.maintextBlue a{
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 16px;
	color: #00A3E6;
	text-decoration: none;
}

p.maintextBlue a:link{
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 16px;
	color: #00A3E6;
	text-decoration: none;
}

p.maintextBlue a:visited{
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 16px;
	color: #00A3E6;
	text-decoration: none;
}

p.maintextBlue a:hover{
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 16px;
	color: red;
	text-decoration: none;
}

.bulleted {
	padding:0px 0px 12px 12px;
	font-size:16px;
	line-height:24px;
	list-style:disc;
}



p.subtext {font-size:11px; line-height:20px; width:495px;}

.listlink {font: 13px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#00A3E6; padding-left:25px; text-decoration: none;}
.listlink ul {font: 13px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#00A3E6; text-decoration: none;}
.listlink ul li {font: 13px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#00A3E6; text-decoration: none; padding-bottom:12px;}
.listlink ul li a {font: 13px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#00A3E6; text-decoration: none;}
.listlink ul li a:link {font: 13px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#00A3E6; text-decoration: none;}
.listlink ul li a:visited{font: 13px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#00A3E6; text-decoration: none;}
.listlink ul li a:hover{font: 13px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:red; text-decoration: none;}

.pagelink {font: 13px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#00A3E6; text-decoration: none;}
.pagelink a:link{font: 13px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#00A3E6; text-decoration: none;}
.pagelink a:visited{font: 13px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#00A3E6; text-decoration: none;}
.pagelink a:hover{font: 13px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:red; text-decoration: none;}

.orange {font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#f7d75e; text-decoration: none;}
.orange a:link{font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#f7d75e; text-decoration: none;}
.orange a:visited{font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#f7d75e; text-decoration: none;}
.orange a:hover{font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:red; text-decoration: none;}

.darkBlue {font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; color:#105b7a; text-decoration: none;}
.darkBlue a:link{font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#105b7a; text-decoration: none;}
.darkBlue a:visited{font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#105b7a; text-decoration: none;}
.darkBlue a:hover{font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#e0f6ff; text-decoration: none;}

.lightGreen {font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#669129; text-decoration: none;}
.lightGreen a:link{font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#669129; text-decoration: none;}
.lightGreen a:visited{font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#669129; text-decoration: none;}
.lightGreen a:hover{font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#e7fbca; text-decoration: none;}

.yellow {font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#ac4526; text-decoration: none;}
.yellow a:link{font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#ac4526; text-decoration: none;}
.yellow a:visited{font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#ac4526; text-decoration: none;}
.yellow a:hover{font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#fdffdd; text-decoration: none;}

.lightBlue {font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#078b70; text-decoration: none;}
.lightBlue a:link{font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#078b70; text-decoration: none;}
.lightBlue a:visited{font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#078b70; text-decoration: none;}
.lightBlue a:hover{font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#1f5348; text-decoration: none;}

.pink {font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#cc1e59; text-decoration: none;}
.pink a:link{font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#cc1e59; text-decoration: none;}
.pink a:visited{font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#cc1e59; text-decoration: none;}
.pink a:hover{font: 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;color:#fbd1df; text-decoration: none;}

table{
	margin:22px;
}

tr{
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 16px;
	color: #333333;
}

td{
	padding:5px;
}


.clearing{
	clear:left;
}

.clearAll{
	clear:both;
}

.buttons{
	width:auto;
}

.buttons ul{
	width:auto;
	margin:0;
	padding:0;
}

.buttons ul li{
	margin:0;
	padding:0;
	float:left;
	display:block;
}

.buttons ul li.space{
	margin:0;
	margin-left:120px;
	padding:0;
	float:left;
	display:block;
}
.rightItem{
	width:auto;
	/*padding:8px 20px 8px 40px;*/
	float:right;
	clear:right;
}
.rightItemScribe{
	font:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif, Tahoma 13px #000;
	width:200px;
	padding:12px 8px 20px 0px;
}
.rightItemScribe a:link{
	color: #00A3E6;
	text-decoration:none;
}
.rightItemScribe a:visited{
	color: #00A3E6;
	text-decoration:none;
}
.rightItemScribe a:hover{
	color: #BF311A;
	text-decoration:none;
}



.leftItem{
	width:auto;
	height:auto;
	padding:8px 20px 20px 20px;
	float:left;
}



.centreItem{
	width:auto;
	height:auto;
	padding:8px 20px 20px 20px;
	text-align:center;
}


.leftItem a:link{
	color: #00A3E6;
	text-decoration:none;
}

.leftItem a:visited{
	color: #00A3E6;
	text-decoration:none;
}
.leftItem a:hover{
	color: #BF311A;
	text-decoration:none;
}


/*seperate style applied to centred books........................................................*/

.leftItemBook{
	width:200px;
	height:auto;
	padding:8px 20px 20px 20px;
	float:left;
}



.leftItemBook a:link{
	color: #00A3E6;
	text-decoration:none;
}

.leftItemBook a:visited{
	color: #00A3E6;
	text-decoration:none;
}
.leftItemBook a:hover{
	color: #BF311A;
	text-decoration:none;
}