/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font:12px/1.4em verdana, arial, helvetica, tahoma, sans-serif;
		color:#002c5e;
		line-height:normal;
	}
	
	body {
		margin:0;
		background:url(../images/bg.gif) repeat-x top center;
		color:#002c5e;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* GLOBAL RESET */
		html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; }
		h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
		fieldset,img { border: none; }
		caption,th { text-align: left; }
		table { border-collapse: collapse; border-spacing: 0; }
		
	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display:none;
	}
	/* Paragraph default styling, amend as desired */
	p {
		margin:0 0 20px 0;
		padding:0;
	}
	/* Removes blue border on img links */
	a img {
		border:0;
	}
	/* Default link styling */
	a {
		color:#f00;
		text-decoration:underline;
	}
	a:hover {
		color:#f00;
		text-decoration:none;
	}
	/* Float an element left with a margin */
	.floatL {
		float:left;
		margin:0 20px 20px 0;
	}
	/* Float an element right with a margin */
	.floatR {
		float:right;
		margin:0 0 25px 25px;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerwrap {
		float:left;
		width:100%;
		background:url(../images/bg_shadows.jpg) no-repeat top center;
	}
	#grasswrap {
		float:left;
		width:100%;
		background:url(../images/bg_footer.jpg) no-repeat bottom center;
		padding:0 0 130px 0;
	}
	#innerwrap{
		margin:0 auto;
		width:956px;
		padding:0 21px;
	}
	#headerwrap{
		float:left;
		width:956px;
		position:relative;
		z-index:200;
	}
	#contentwrap{
		float:left;
		width:956px;
		position:relative;
		z-index:100;
	}
	#contentinnerwrap{
		float:left;
		width:956px;
		padding:20px 0;
		margin:15px 0;
		position:relative;
		background:url(../images/bg_content.gif) repeat-x top left;
	}
	#content{
		float:left;
		width:717px;
		line-height:1.5;
	}
	#rightcolumn{
		float:right;
		width:224px;
		/*border:1px solid red;*/
	}
	
	#footerwrap{
		border-top:1px solid #d2d4d2;
		padding:20px 0;
		float:left;
		width:956px;
		font-size:0.9em;
	}
	.padwrap{
		padding:20px 20px 100px 20px;
	}
	.padwrapProducts{
		padding:20px 20px 0px 20px;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size:1em;
		color:#002c5e;
		letter-spacing:1.1px;
	}
	
	/*  contact  */

	.contactContent{
		padding:0 15px 0 15px;
	}
	.contactAddress{
		font-size:14px;
	}
	.formrowContact{
		margin: 0 0 10px 0;
	}
	.formrowContact label{
		text-align:left;
		float:left;
	}
	
	.cform input, .cform textarea {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1.1em;
		border: 1px solid #d2d4d2;
		padding: 2px 3px;
		width: 295px;
	}
	.cform .formbutton {
		margin: 0 35px 0 0;
		width: auto;
		border: 0;
		float:left;
	}
	.cform label {
		float: left;
		width: 190px;
		margin-right: 10px;
		display: block;
		text-align: left;
		font-weight:bold;
	}
	.cform .cb {
		padding: 0;
		margin: 0;
		border: 0;
		width: auto;
	}
	.cform input.newsContact{
		width:20px;
	}
	
	/* BASKET FORM */
	
	.basketTable{
		
	}
	.basketTable tr{
		
	}
	.basketTable th{
		color:#a0a39f;
		font-weight:bold;
		font-size:11px;
	}
	.basketTitle{
		font-weight:bold;
		font-size:14px;
		vertical-align:middle;
	}
	.basketPrice{
		color:#d70201;
		font-weight:bold;
		vertical-align:middle;
	}
	.basketTitle, .basketImage{
		vertical-align:middle;
	}
	
	.basketQtyInput{
		width:32px;
		padding: 2px 3px;
		font-size: 1.1em;
		border: 1px solid #d2d4d2;
	}
	
	.isbnInput{
		padding: 2px 3px;
		font-size: 1.1em;
		border: 1px solid #d2d4d2;	
	}
	
	.postageDiv{ clear:both; padding:30px 0 0 0; }
	
	/* CHECKOUT */
	.cform .checkbox{
		width:20px;
		border:none;
	}
	.deliveryCheckbox{
		display:none;
	}

	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 {
		color:#002c5e;
		line-height:normal;
		margin:0 0 15px 0;
		padding:0;
	}
	
	h1 {
		font-size:2em;
	}
	h2 {
		font-size:1.6em;
	}
	h3 {
		font-size:1em;
		font-weight:bold;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* TOP NAV STYLES  */

	#topnav {
		position:absolute;
		bottom:25px;
		right:94px;
	}
	#topnav ul {
		list-style:none;
		padding:0;
		margin:0;
		float:left;
	}
	#topnav ul li {
		padding:0;
		margin:0;
		float:left;
		text-indent:-3000em;
		overflow:hidden;
		height:25px;
	}
	#topnav ul li a {
		margin:0;
		padding:0;
		display:block;
		height:25px;
		background-image:url(../images/bg_navlinks.gif);
	}
	#topnav .link1 a { background-position:0 0; width:80px; }
	#topnav .link1 a:hover, #topnav .link1 a.selected { background-position:0 -25px }
	
	#topnav .link2 a { background-position:-80px 0; width:97px; }
	#topnav .link2 a:hover, #topnav .link2 a.selected { background-position: -80px -25px; }
	
	#topnav .link3 a { background-position: -177px 0; width:99px; }
	#topnav .link3 a:hover, #topnav .link3 a.selected { background-position: -177px -25px; }
	
	#topnav .link4 a { background-position: -276px 0; width:88px; }
	#topnav .link4 a:hover, #topnav .link4 a.selected { background-position: -276px -25px; }
	
	#topnav .link5 a { background-position: -364px 0; width:70px; }
	#topnav .link5 a:hover, #topnav .link5 a.selected { background-position: -364px -25px; }
	
/*  */

	#basket{
		width:77px;
		height:80px;
		position:absolute;
		top:22px;
		right:0;
		background:url(../images/bg_basket.gif) no-repeat bottom center;
		text-align:center;
		font-size:0.8em;
	}
	#basket span{
		display:none;
	}
	#basket a{
		display:none;
		width:77px;
		height:80px;
		display:block;
	}
	
/*  */

	#searchwrap{
		background:url(../images/bg_search.gif) no-repeat;
		width:146px;
		height:29px;
		padding:10px 0 0 10px;
		position:absolute;
		top:0;
		right:97px;
	}
	.searchfield{
		border:1px solid #d2d4d2;
		width:110px;
		padding:1px;
		color:#666;
		float:left;
	}
	.input_searchbutton{
		float:left;
	}
	
/*  */
	
	.toplinks{
		position:absolute;
		top:10px;
		right:270px;
		font-size:0.8em;
	}
	.toplinks ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	.toplinks li{
		float:left;
		margin:0 0 0 15px;
		padding:0 0 0 16px;
		background:url(../images/bg_divider.gif) no-repeat left center;
	}
	.toplinks li.first{
		background:none;
		margin:0;
		padding:0;
	}
	.toplinks li a{
		color:#b9bbb9;
		text-decoration:none;
	}
	.toplinks li a:hover{
		text-decoration:underline;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HOMEPAGE STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.home_alert{
		padding:20px 40px 0 40px;
		
	}
	.home_alert div{
		padding:20px;
		border:1px dotted red;
	}
	
	#hpwrapper{
		float:left;
		width:956px;
		margin:-15px 0 15px 0;
		position:relative;
		background:url(../images/base.gif) no-repeat bottom left;
	}
	.hpbanner{
		float:left;
		width:956px;
		height:255px;
	}
	
	.arrowswrapper {
		float:left;
		width:956px;	
	}
	.arrowswrapper ul {
		float:left;
		width:956px;
		list-style:none;
		padding:0;
		margin:0;	
	}
	.arrowswrapper ul li.arrowleft {
		float:left;	
	}
	.arrowswrapper ul li.arrowleft a {
		float:left;
		width:41px;
		height:31px;
		display:block;
		background:url(../images/arrow_left.gif) no-repeat top left;
		text-indent:-3000em;
		overflow:hidden;
	}
	.arrowswrapper ul li.arrowright {
		float:right;	
	}
	.arrowswrapper ul li.arrowright a {
		float:left;
		width:41px;
		height:31px;
		display:block;
		background:url(../images/arrow_right.gif) no-repeat top left;
		text-indent:-3000em;
		overflow:hidden;
	}
	
/***/

.thumbboxwrapper {
		float:left;
	}
	.thumbbox {
		float:left;
		width:199px;
		padding:20px 20px 20px 20px;
		margin:0;
		height:230px;
		background:url(../images/bg_dividerlrg.gif) no-repeat right center;
		/*border:1px solid red;*/
	}
	.thumbboxcontent{
		/*margin-left:50px;*/
		margin-left:10px;
	}
	
	* html .thumbboxcontent{
		margin-left:15px;
	}
	
	* html .thumbbox{
		width:189px;
		padding:20px 10px 20px 20px;
	}
	
	.blahdyblah{
		margin:0 auto;
		width:200px;
	}
	
	.clear{
		clear:both;
	}
	
	.noimg {
		background:none;
	}
	.imgwrap {
		float:left;
		width:180px;
		padding:0;
		margin:0 0 10px 0;
	}
	.thumbbox p {
		font-size:1.1em;
		font-weight:normal;
		margin:0 0 5px 0;
	}
	.thumbbox p.productTitle{
		font-weight:bold;
		color:#002c5e;
		font-size:14px;
	}
	
	.thumbbox span.productPrice{
		color:#d70201;
		font-weight:bold;
	}
	
	
	.thumbbox a {
		font-size:0.9em;
	}
	
	.title_ourbooks{
		height:17px;
		display:block;
		background:url(../images/title_ourbooks.gif) no-repeat top left;
		text-indent:-3000em;
		overflow:hidden;
	}
	
	.productQty{
		width:28px;
		border: 1px solid #d2d4d2;
		padding: 2px 3px;
	}
	
	
/*  */

	.ctawrapper {
		float:left;	
		font-size:0.9em;
	}
	/*****/
	.ctaparent {
		float:left;
		width:184px;
		padding:60px 20px 0 20px;
		margin:0 20px 20px 0;
		height:71px;
		background:url(../images/cta_info_parents.gif) no-repeat top left;
		color:#000000;
	}
	.ctaparent h3 {
		display:none;
	}
	.ctaparent p {
		/*width:120px;*/
		/*margin:0 0 10px 0;*/
	}
	.ctaparent .arrowLink {
		height:12px;
		width:65px;
		background:url(../images/link_findout.gif) no-repeat top left;
		text-indent:-3000em;
		overflow:hidden;
		margin:-5px 0 0 0;
		
	}
	.ctaparent .arrowLink a {
		height:12px;
		width:65px;
		display:block;
	}
	/****/
	
	.ctasee {
		float:left;
		width:184px;
		padding:60px 20px 0 20px;
		margin:0 20px 20px 0;
		height:71px;
		background:url(../images/cta_what_people_say.gif) no-repeat top left;
	}
	.ctasee h3 {
		display:none;
	}
	.ctasee p{
		color:#FFFFFF;
	}
	.ctasee p a{
		color:#FFFFFF;
	}
	.ctasee .arrowLink {
		height:20px;
		/*
		width:87px;
		background:url(../images/loginMore.gif) no-repeat top left;
		*/
		width:88px;
		background:url(../images/learnMore.gif) no-repeat top left;
		text-indent:-3000em;
		overflow:hidden;
		margin:-10px 0 0 0;
	}
	.ctasee .logoutLink {
		background:url(../images/logoutMore.jpg) no-repeat top left;
		height:20px;
		width:87px;
		text-indent:-3000em;
		overflow:hidden;
		margin:0;
	}
	.ctasee .logoutLink a {
		height:20px;
		width:87px;
		display:block;
		color:#FFFFFF;
	}
	.ctasee .arrowLink a {
		height:20px;
		width:87px;
		display:block;
		color:#FFFFFF;
	}
	
	
	
	/****/
	
	.ctashop {
		float:left;
		width:184px;
		padding:40px 20px 0 20px;
		margin:0 20px 20px 0;
		height:91px;
		background:url(../images/cta_order.gif) no-repeat top left;
		color:#fff;
	}
	.ctashop h3 {
		display:none;
	}
	.ctashop a {
		color:#fff;
	}
	/*****/
	.ctateacher {
		float:left;
		width:184px;
		padding:45px 20px 0 20px;
		margin:0 0 20px 0;
		height:96px;
		background:url(../images/cta_teachers.gif) no-repeat top left;
	}
	.ctateacher h3 {
		display:none;
	}
	.ctateacher p {
		width:120px;
		margin:0 0 10px 0;
	}
	.ctateacher .arrowLink {
		height:15px;
		width:107px;
		background:url(../images/link_downloadnow.gif) no-repeat center left;
		text-indent:-3000em;
		overflow:hidden;
		margin:0;
	}
	.ctateacher .arrowLink a {
		height:12px;
		width:107px;
		display:block;
	}
	
	/****/
	
	.ctaLogin {
		float:left;
		width:184px;
		padding:60px 20px 0 20px;
		margin:0px 20px 20px 0;
		height:71px;
		background:url(../images/cta_what_people_say.gif) no-repeat top left;
		color:#FFFFFF;
	}
	.ctaLogin h3 {
		display:none;
	}
	.ctaLogin .arrowLink {
		height:12px;
		width:65px;
		background:url(../images/link_findout2.gif) no-repeat top left;
		text-indent:-3000em;
		overflow:hidden;
		margin:0;
	}
	.ctaLogin .logoutLink {
		background:url(../images/logout.jpg) no-repeat top left;
		height:12px;
		width:65px;
		text-indent:-3000em;
		overflow:hidden;
		margin:0;
	}
	.ctaLogin .logoutLink a {
		height:12px;
		width:65px;
		display:block;
	}
	.ctaLogin .arrowLink a {
		height:12px;
		width:65px;
		display:block;
	}
	
	#rightcolumn .ctaparent, 
	#rightcolumn .ctasee,
	#rightcolumn .ctateacher,
	#rightcolumn .ctashop,
	#rightcolumn .ctaLogin {
		margin:0 0 20px 0;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ALL OTHER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.productsboxwrap {
		float:left;
	}
	
	/* basket */
	
	.basketButtons{
		width:240px;
		float:right;
		margin:20px 0 0 0;
	}
	.basketTotal{
		color:#d70201;
		font-weight:bold;
	}
	
	.testimonialName{
		font-weight:bold;
	}
	
	.schoolsFax{ clear:both; width:100%; padding:20px 0 0 0; }
	
	/* teachers guides */
	
	.teachersGuideIcons{
		float:left;
	}
	
	.teachersGuideIcons p{
		width:150px;
		height:100px;
		float:left;
	}
	
	.orderButton{
		float:right;
		margin-right:90px;
	}
	
	#brochureRight{
		float:right; 
		margin:0 30px 0 0;
	}
	.brochureMargin{
		margin-right:40px;
	}
	
	.bigA{
		font-size: 14px; 
		color: #A70000;
	}
	
	.bigAgain{
		font-size: 16px; 
		color: #A70000;
		font-weight:bold;
	}
	
	.product_description{
		width:570px;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* RIGHTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#rightnav{
		float:left;
		width:224px;
		background:url(../images/bg_rightnav_top.gif) no-repeat 0 0;	
	}
	#rightnav h3 {
		width:114px;
		float:left;
		height:14px;
		background:url(../images/title_r_ourproducts.gif) no-repeat center bottom;
		text-indent:-3000em;
		font-size:1px;
		padding:0 20px 20px 20px;
	}
	#rightnav h3.teachers {
		background:url(../images/teachers.jpg) no-repeat center bottom;
	}
	#rightnav h3.parents {
		background:url(../images/parents_title.jpg) no-repeat center bottom;
	}
	#rightnav h3.about {
		background:url(../images/about_title.jpg) no-repeat center bottom;
	}
	#rightnav ul{
		float:left;
		width:184px;
		padding:0 20px 20px 20px;
		margin:0;
		list-style:none;
		background:url(../images/bg_rightnav_bottom.gif) no-repeat bottom left;	
	}
	#rightnav ul li{
		background:url(../images/arrow.gif) no-repeat 0 5px;
		padding:3px 0 3px 19px;	
	}
	#rightnav ul li a{
		color:#002c5e;
		text-decoration:none;
	}
	#rightnav ul li a:hover{
		color:#002c5e;
		text-decoration:underline;
	}
	#rightnav .selected{
		font-weight:bold;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

 	.footerlinks{
		list-style:none;
		margin:0;
		padding:0 0 10px 0;
	}
	.footerlinks li{
		display:inline;
		margin:0 0 0 15px;
		padding:0 0 0 16px;
		background:url(../images/bg_divider.gif) no-repeat left center;
	}
	.footerlinks li.first{
		background:none;
		margin:0;
		padding:0;
	}
	.footerlinks li a{
		color:#002c5e;
		text-decoration:none;
	}
	.footerlinks li a:hover{
		text-decoration:underline;
	}
	#footerwrap p{
		color:#b9bbb9;
		margin:0;
		padding:0;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* COLOURS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#hfw h3 {
		margin-bottom:0;
	}
	
	#hfw p {
		margin-top:3px;
		word-spacing:7px;
	}
	
	#hfw p span {
		word-spacing:normal;
	}
	
	.lightGreen {
		color:#0d0;
	}
	
	.darkGreen {
		color:#060;
	}
	
	.pink {
		color:#f09;
	}
	
	.orange {
		color:#f60;
	}
	
	.darkBlue {
		color:#009;
	}
	
	.lightBlue {
		color:#09f;
	}
	
	.darkRed {
		color:#900;
	}
	
	.purple {
		color:#609;
	}
	
	.turquoise {
		color:#339999
	}
	
	.yellow {
		color:#fc0;
	}
	
	.errorRed{
		color:#CC0000;
	}
	
	.comic{
		font-family:"Comic Sans MS";
		font-size:14px;
	}
	.times{
		font-family:"Times New Roman", Times, serif;
		font-size:14px;
	}