/* CSS developed by 9xb.com
Main stylesheet for layout */

.screen_reader {
	display: none;
}

/* ---------------------------------- */
/* DEFAULT STYLES   */   
/* ---------------------------------- */

	html, body {
		font: 12px/1.3em Arial, verdana, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		color: #91918f;
		text-align:center;
		margin: 0;
		padding:0;
	}

	body {
		text-align: center;
		background:#fff no-repeat scroll 50% 0;
	}
	
	body#login {
		background-image:url(../images/template/login_bg-2.jpg)
	}
	
	body#home{
		background-image:url(../images/template/home_bg.gif)
	}	
	
	body#main{
		background-image:url(../images/template/main_bg.gif)
	}		

/* ---------------------------------- */
/* GLOBAL STYLES  */   
/* ---------------------------------- */

	.hidden, .screen_reader{
		display: none;
	}
	
	.black{
		color:#000000;
	}
	
	.red{
		color:#ff0000;
	}
	
	a img{
		border:none;
	}
	
	a{
		color:#91918f;
		text-decoration:none;
	}
	
	a:hover{
		text-decoration:underline;
	}
	
	.float_l{
		float:left;
	}
	
	.float_r{
		float:right;
	}
	
	.clear { clear:both; }
	
	.failure{
		width:100%;
		float:left;
		clear:both;
		margin:20px 0 0 0;
		font-weight:bold;
		color:#ff0000;
	}
	
	.highlighted{
		color:#000000;
		text-decoration:underline;
	}
	
	hr {
		float:left;
		clear:both;
		width:100%;
		background:url(../images/template/dashes.gif) top left repeat-x;
		border:none;
		height:5px;
		margin:20px 0 20px 0;
	}
	
	a.green_arrow {
		background:url(../images/template/arrow_green.gif) right 4px no-repeat;
		cursor:pointer;
		padding-right:10px;
		color:#97a513;
		font-weight:bold;
		font-size:11px;
	}
	
/* ---------------------------------- */
/* MAJOR DIVISIONS   */   
/* ---------------------------------- */

	#outerwrap{
		width:966px;
		margin:0 auto;
		padding:0;
		text-align:left;
		clear:both;
	}

	#left_pane{
		width:150px;
		float:left;
		margin:0;
		padding:0;
	}
	
	#middle_pane{
		width:475px;
		float:left;
		margin:0;
		padding:0;
		padding-top:10px;
		padding-left:10px;
	}	

	#right_pane{
		width:317px;
		float:right;
		margin:0;
		padding:0;
	}
	
	#right_pane_full{
		width:797px;
		float:right;
		margin:0;
		padding:0;
		padding-top:10px;
	}	

/* ---------------------------------- */
/* HEADINGS   */   
/* ---------------------------------- */

h1{
	font-size:180%;
	padding:0;
	margin:0;
}

h2{
	font-size:120%;
	text-transform:uppercase;
	padding:0;
	margin:0;
}

h2#breadcrumb{
	font-size:80%;
	font-weight:normal;
}

h2#breadcrumb{
	font-size:80%;
	font-weight:normal;
}

h2#imagesfound{
	font-size:80%;
	font-weight:normal;
	color:#000000;
}

/* ---------------------------------- */
/* HEADER   */
/* ---------------------------------- */

	#gohere{
		font-size:8pt;
	}

	#login_banner{
		width:966px;
		height:70px;
		font-size:80%;
		color:#91918f;
		clear:both;
		float:left;
		margin:0;
		padding:20px 0 0 0;
	}
	
	#login_banner a#logo{
		background:url(../images/template/logo.gif) top left no-repeat;
		overflow:hidden;
		display:block;
		float:left;
		text-indent:-3000px;
		width:130px;
		height:50px;
	}
	
	/* LOGIN FORM */
	#login_banner form { float:right; }
	#login_banner form label {
		background:url(../images/template/txt_login_here.gif) top left no-repeat;
		overflow:hidden;
		display:block;
		text-indent:-3000px;
		width:169px;
		height:29px;
		float:left;
		padding-right:20px;
	}
	#login_banner form input{
		background:url(../images/template/dashes.gif) bottom left repeat-x;
		border:none;
		color:#666666;
		font-size:10px;
		padding-bottom:8px;
		margin-right:16px;
		float:left;
	}
	#login_banner form input.btn_submit{
		background:url(../images/template/btn_submit.gif) top left no-repeat;
		overflow:hidden;
		text-indent:-3000px;
		width:26px; height:25px;
		cursor:pointer;
		display:block;
		float:left;
	}
	#login_content { padding-top:10px; }
	#login_content p{ float:left; padding-left:15px; margin:0; }
	#login_content p a#enews { color:#97A513; background:url("../images/template/arrow_green.gif") no-repeat scroll 0 4px transparent; padding-left:15px;  }
	p#login_links{
		float:right;
		text-align:right;
		padding-top:0px;
	}
	
	p#login_links a{ padding-right:20px;}
	
	#login_banner #header_links{ float:right; padding-top:20px; text-align:right; }
	#login_banner #header_links a{ text-transform:uppercase; }
	#login_banner #header_links a#logout{ 
		background:url(../images/template/txt_log_out.gif) top left no-repeat;
		overflow:hidden;
		display:block;
		text-indent:3000px;
		width:139px;
		height:43px;
		padding-right:20px;
		margin-left:20px;
		margin-top:-20px;
		float:right;
	}
	

/* ---------------------------------- */	
	
	#logo_banner{
		width:966px;
		clear:both;
		float:left;
		margin:0;
	}
	
	h1#logo{
		background:url(../images/logo.gif) top left no-repeat;
		width:187px;
		height:62px;
		padding:0;
		margin:0 24px 0 0;
		text-indent:-3000em;
		overflow:hidden;
		float:left;
	}
	
		h1#logo a{
			width:187px;
			height:62px;
			display:block;
		}
	
	h2#enjoy{
		background:url(../images/enjoy_our_resource_centre.gif) top left no-repeat;
		width:283px;
		height:62px;
		padding:0;
		margin:0;
		text-indent:-3000em;
		overflow:hidden;
		float:left;
	}
	
	h2#newuser{
		background:url(../images/new_user.gif) top left no-repeat;
		width:248px;
		height:62px;
		padding:0;
		margin:0;
		text-indent:-3000em;
		overflow:hidden;
		float:right;
	}
	
		h2#newuser a{
			width:187px;
			height:63px;
			display:block;
		}

/* ---------------------------------- */

	/* NEWS / FEATURE */
	a#feature {
		float:left; 
		padding-top:64px;
		padding-left:7px;
	}
	a#feature img { }
	#news{
		float:left;
		width:900px;
		height:40px;
		padding-left:30px;
		padding-right:30px;
		padding-top:30px;
	}
	#news ul { 
		margin:0; padding:0; list-style-type:none; overflow:hidden; height:25px; 
		background:url(../images/template/rss.gif) top left no-repeat;
		width:80%;
		float:left;
	}
	#news ul li { padding:5px 0 5px 30px; display:none; }
	#news ul li.first { display:block; }	
	#news ul li a{ font-size:12px; font-weight:bold; text-transform:uppercase;  }
	#news a#morenews{ float:right; margin-top:8px; }
	
		#news p{
			padding:0;
			margin:9px 0 0 10px;
			font-weight:bold;
			font-size:90%;
			float:left;
		}
		
		#news_ticker{
			width:650px;
			padding:0 0 0 10px;
			margin:8px 0 0 10px;
			font-size:80%;
			float:left;
		}
		
			#news_ticker a{
				color:#38acce;
			}
		
		#pscroller2{
			width: 650px;
			height: 20px;
		}
		
		#more_news{
			width:150px;
			float:right;
			padding:0;
			font-size:80%;
			margin:9px 10px 0 0;
			text-align:right;
		}

#basketitems{
	color:#ff0000;
	font-weight:bold;
	border-top:1px dotted #91918f;
	border-bottom:1px dotted #91918f;
	padding:5px 0;
	margin:0 0 10px 0;
}

	#basketitems a{
		text-decoration:underline;
		color:#ff0000;
	}
	
	#basketitems a:hover{
		text-decoration:none;
	}
	
	
/* LOGIN */
#login_content{
	float:left;
	height:630px;
	width:960px;
	position:relative;
}

/* REGISTRATION POPUP */
.popup {
	width:400px;
	position:absolute;
	left:262px;
	top:100px;
	padding:20px 30px 30px 20px;
	background:url(../images/template/popup_bg.png) bottom right no-repeat;
}
.popup h2 { margin-bottom:20px; } 
.popup input { margin:5px; }
.popup input.btn {
	border:none; 
	background:url(../images/template/arrow_green.gif) right 4px no-repeat;
	cursor:pointer;
	padding-right:10px;
	color:#97a513;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	
}

/* ---------------------------------- */
/* MENU   */
/* ---------------------------------- */

#menuplaceholder{
	float:left;
	clear:both;
	width:150px;
}
	.borderedlink{
		background:url(../images/template/dashes2.gif) top left repeat-x;
		height:25px;
		display:block;
		color:#455560;
		text-transform:uppercase;
		font-weight:bold;
		padding:10px 0 0 0;
		font-size:14px;
	}

	#current_resources, #archived_resources{
		margin:0 0 10px 0;
		padding:0;
		width:150px;
	}
	
	ul.mastermenu{
		margin:10px 0 20px 0;
		padding:0;
		font-size:80%;
	}
	
		ul.mastermenu li{
			list-style:none;
			padding:0 0 0 10px;
			margin:5px 0 0 0;
		}
	
		ul.mastermenu li.top{
			list-style:none;
			background:url(../images/template/arrow_green.gif) 0 4px no-repeat;
		}
		ul.mastermenu li a { color:#97a513; font-size:12px;  }

			ul.mastermenu li ul{
				padding:0;
				margin:5px 0 10px 10px;
				display:none;
			}

			ul.mastermenu li ul ul{
				margin:0;
				padding:0;
			}
			
				li.sub_category_li{
					list-style:none;
					background:url(../images/line.gif) 0 5px no-repeat;
				}
				
					li.sub_sub_category_li{
						list-style:circle;
						background:url(../images/bullet_circle.gif) 0 5px no-repeat;
					}	
	

/* ---------------------------------- */
/* CANT'T FIND WHAT YOU'RE LOOKING FOR?   */
/* ---------------------------------- */

	#cant_find_it{
		background:url(../images/cant_find_it.gif) top left no-repeat;
		float:left;
		width:186px;
		height:238px;
		margin:15px 0 0 0;
	}

		#cant_find_it p{
			margin:60px 0 10px 10px;
			color:#333333;
		}
		
		#cant_find_it form{
			margin:0;
			padding:0;
		}
		
		#cant_find_it form input{
			margin:10px 0 0 120px;
			padding:0;
		}
		
		#cant_find_it textarea{
			margin:0 0 0 10px;
			padding:0;
			width:165px;
			height:70px;
			border:1px solid #808080;
		}

/* ---------------------------------- */
/* RIGHT PANE FORM   */
/* ---------------------------------- */

#right_pane_full p { margin:1em 0; }
#right_pane_full form{
	margin:0;
	padding:0;
}
	
	#right_pane_full label{
		width:200px;
		padding:2px;
		float:left;
		color:#91918f;
	}
	
	#right_pane_full textarea{
		width:540px;
		height:200px;
		padding:2px;
		margin:0 0 10px 0;
		float:left;
		border:1px solid #a1a1a1;
	}
	
	#right_pane_full input{
		float:left;
		width:250px;
		padding:2px 2px 2px 4px;
		font-size:80%;
		border:1px solid #a1a1a1;
	}
	
	#right_pane_full input.submit{
		width:73px;
		height:11px;
		clear:both;
		float:left;
		margin:20px 0 0 638px;
		border:none;
	}
	
	#right_pane_full input.order_cd_button{
		width:91px;
		height:12px;
		clear:both;
		float:left;
		margin:20px 0 0 285px;
		border:none;
	}
	
	#right_pane_full input.update{
		width:71px;
		height:11px;
		clear:both;
		float:left;
		margin:20px 0 0 385px;
		border:none;
	}


		/* ---------------------------------- */
		/* RIGHT PANE FORM   */
		/* ---------------------------------- */


			#right_pane_full form#order_cd{
				margin:0;
				padding:0;
				width:400px;
				float:left;
			}
			
			#right_pane_full form#order_cd textarea{
				width:170px;
				height:100px;
				padding:2px;
				margin:0 0 10px 0;
				float:left;
				border:1px solid #a1a1a1;
			}
			
			#order_cd_resources{
				float:left;
				width:350px;
			}




/* ---------------------------------- */
/* HOMEPAGE   */
/* ---------------------------------- */


/* ---------------------------------- */
/* HOMEPAGE FEATURED RESOURCES   */
/* ---------------------------------- */

ul#featured_resources{
	float:left;
	margin:0; padding:0;
	list-style-type:none;
	overflow-x:hidden;
	overflow-y:auto;
	height:570px;
}

	ul#featured_resources ul{
		float:left;
		margin:0;
		padding:0;
		width:494px;
	}
	
	ul#featured_resources li { float:left; }
	ul#featured_resources li h4 { 
		color:#455560; 
		text-transform:uppercase; 
		padding:20px 0 0 7px;
		float:left;
		font-size:12px;
		margin:0;
	}
	ul#featured_resources li p {
		float:left;
		width:290px;
		padding-left:7px;
		color:#455560;
	}
	ul#featured_resources li a.more {
		float:left;
		padding-left:7px;
		color:#97a513;
		font-weight:bold;
		background:url(../images/template/arrow_green.gif) right 5px no-repeat;
		padding-right:10px;
		
	}
	ul#featured_resources li span.polaroid { float:left; }
	span.polaroid { 
		width:153px; 
		height:155px;
		background:url(../images/template/polaroid.jpg) top left no-repeat;
		text-align:center;
		display:block;
		margin:auto;
	}
	span.polaroid img {
		margin-top:26px;	
	}

/* ---------------------------------- */
/* SEARCH   */
/* ---------------------------------- */

#cantfindit_fp{
	background:url(../images/template/finder_bg.gif) top left no-repeat;
	width:318px;
	height:231px;
	float:right;
	margin:8px 0 0 0;
}
	#cantfindit_fp h3 {
		text-transform:uppercase;
		color:#FFF;
		font-size:17px;
		font-weight:bold;
		margin:15px;	
		margin-bottom:5px;
		line-height:1.2em
	}
	#cantfindit_fp p{
			margin:15px;
			margin-top:5px;
			color:#FFF;
			width:220px;
		}
		
		#cantfindit_fp form{
			margin:0;
			padding:0;
		}
		#cantfindit_fp form input.btn_submit {
			color:#c7e013;
			background:url(../images/template/arrow_green_on_blue.gif) right 6px no-repeat;
			font-weight:bold;
			font-size:12px;
			padding:0 10px 0 10px;
			margin:0;
			width:100px;
			height:15px;
			cursor:pointer;
			text-transform:uppercase;
			border:none;
		}
		
		#cantfindit_fp textarea{
			margin:0 0 0 15px;
			padding:0;
			width:220px;
			height:70px;
			border:1px solid #808080;
		}

/* CTAs */
.cta {
	width:316px;
	height:106px;
	float:right;
	margin-top:20px;
}
.cta h3{
	color:#FFF;
	text-transform:uppercase;
	float:left;
	padding:15px 100px 0 12px;
	font-size:17px;
	line-height:1.2em;
	font-weight:bold;
}
.cta a{
	background:url(../images/template/arrow_green_on_blue.gif) right 9px no-repeat;
	font-weight:bold;
	font-size:12px;
	float:left;
	padding:5px 10px 0 12px;
	text-transform:uppercase;
	color:#c7e013;
}


/* ---------------------------------- */
/* MINI SEARCH   */
/* ---------------------------------- */

#minisearch{
	background:url(../images/template/search_box_bg.gif) top left no-repeat;
	height:202px;
	float:left;
	margin:8px 0 20px 0;
	padding:10px;
	clear:both;
	color:#455560;
}

	#minisearch h3{
		margin:0;
		padding:9px 0 0 0;
		text-transform:uppercase;
	}
	#minisearch p{ font-size:11px; line-height:1em; margin:1em 0; }
	#minisearch form{
		margin:0;
		padding:0;
	}
	
	#minisearch form input{
		border:1px solid #a5acb2;
		width:120px;
		padding:2px 2px 2px 6px;
		margin:0 0 10px 0;
		font-size:90%;
		color:#a0a0a0;
	}
	
	#minisearch form select{
		border:1px solid #a5acb2;
		width:130px;
		padding:2px;
		margin:0 0 10px 0;
		font-size:90%;
		color:#a0a0a0;
	}
	
	#minisearch form input.btn_submit{
		background:url(../images/template/arrow_grey.gif) right 8px no-repeat;
		border:none;
		text-transform:uppercase;
		font-weight:bold;
		font-size:12px;
		text-align:left;
		color:#455560;
		width:auto;
		padding-right:10px;
		cursor:pointer;
	}

#right_pane h1{
	margin:4px 0 0 0 ;
	padding:0;
}

/* ---------------------------------- */
/* RESOURCES / INTERNAL PAGES   */
/* ---------------------------------- */

#resources_banner{
	width:755px;
	float:left;
	clear:both;
	margin:0 0 15px 0;
	padding:0;
}

.flickpages{
	width:755px;
	float:left;
	clear:both;
	border-bottom:1px dotted #ababab;
	border-top:1px dotted #ababab;
	margin:0;
	padding:5px 0;
}

	.flickpages form.perpage{
		width:300px;
		float:left;
	}
	
		.flickpages form.perpage select{
			font-size:80%;
		}
		
		#right_pane_full .flickpages form.perpage select{
			float:left;
		}
		
		#right_pane_full .flickpages form.perpage input.mini_black_arrow{
			width:12px;
			height:11px;
			margin:5px 0 0 8px;
			padding:0;
			float:left;
			border:none;
		}
	
	.flickpages form.gotopage{
		width:125px;
		float:right;
	}
	
		.flickpages form.gotopage p{
			float:left;
			margin:2px 0 0 0;
			padding:0;
		}
	
		#right_pane_full .flickpages form.gotopage input{
			width:30px;
			float:left;
		}
		#right_pane_full .flickpages form.gotopage p { margin:0; }
		
		#right_pane_full .flickpages form.gotopage input.img{
			width:12px;
			height:11px;
			margin:4px 0 0 8px;
			padding:0;
			float:left;
			border:none;
		}
	
	.flickpages form.switchpages{
		width:125px;
		float:left;
	}
	
		.flickpages form.switchpages p{
			float:left;
			margin:2px 0 0 0;
			padding:0;
		}
	
	
	
/* ---------------------------------- */
/* RESULTS   */
/* ---------------------------------- */

	#results{
		width:735px;
		float:left;
		clear:both;
		margin:0;
		padding:10px;
	}
	
		#results ul{
			margin:0;
			padding:0;
			list-style:none;
		}
		
			#results ul li{
				width:173px;
				float:left;
				margin:5px 5px 15px 5px;
				height:360px;
			}
			
				#results ul li ul li{
					margin:0;
					height:auto;
					overflow:hidden;
				}
		
			#results ul li .main_image{
				padding:0 0 5px 0;
				text-align:center;
				height:175px;
				overflow:hidden;
				margin:0;
			}
			
			#results ul li .enlargeit{
				border-bottom:1px dotted #91918f;
				margin:0 0 0 0;
				padding:0 0 5px 0;
			}
			
			.links{
				padding:5px 0 5px 0;
				border-bottom:1px dotted #91918f;
			}
			
			.links img{
				margin:0 8px;
			}
			
			#results .title{
				margin:0;
				padding:8px;
				font-size:100%;
				color:#000000;
				border-bottom:1px dotted #91918f;
				height:30px;
			}
			
			.mini_plus_text{
				font-size:90%;
				border-bottom:1px dotted #91918f;
				padding:5px 0;
				overflow:hidden;
			}
			
				.mini_plus_text img{
					margin:7px 0 0 10px;
					float:left;
				}
				
				#results .mini_plus_text p{
					float:left;
					padding:0 0 0 20px;
					margin:0;
					width:120px;
				}


/* ---------------------------------- */
/* BASKET   */
/* ---------------------------------- */

table{
	border-collapse:collapse;
}

table tr{
	
}

table.basket{}
table.basket td { padding:4px; }

/* ---------------------------------- */
/* FOOTER   */
/* ---------------------------------- */

#footer{
	width:966px;
	clear:both;
	float:left;
	text-align:left;
	color:#455560;
	background:url(../images/template/dashes.gif) top left repeat-x;
	margin-top:30px;
	padding-top:20px;
}
body#login #footer{ margin:0; padding:0; background:none; }
#footer p#copyright{ float:left; }
#footer p#copyright a { color:#455560; }
#footer p#discovermore{
	float:right;
	text-transform:uppercase;
}
#footer p#social{
	clear:both;
	float:right;
	padding-top:20px;
}
body#home #footer p#social, body#main #footer p#social{
	padding-left:140px;
	padding-bottom:40px;
	background:url(../images/template/txt_follow_us_here.gif) top left no-repeat;
}
#footer p#social a{
	overflow:hidden;
	display:block;
	text-indent:-3000px;
	background:url(../images/template/social.gif) top left no-repeat;
	width:23px;
	height:16px;
	float:left;
}
#footer p#social a#twitter{ background-position: 0 0; }
#footer p#social a#twitter:hover { background-position:0 bottom; }
#footer p#social a#facebook{ background-position: -23px 0; }
#footer p#social a#facebook:hover { background-position:-23px bottom; }
#footer p#social a#youtube{ background-position: -46px 0; }
#footer p#social a#youtube:hover { background-position:-46px bottom; }
#footer p#social a#blogger{ background-position: -69px 0; }
#footer p#social a#blogger:hover { background-position:-69px bottom; }