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

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

	html, body {
		color: #666;
		font: 12px/1.5em  verdana, arial, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		margin: 0;
		padding: 0;
		border: 0;
		height: 100%;
	}
	
	body {
		background: url(../images/bg_body.gif) repeat-y #fbfadd;
	}
	
	.hidden {
		display: none;
	}
	
	p {
		margin-bottom: 1em;
	}
	
	a {
		color: #693;
		text-decoration: none;
		border: 0;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	a img {
		border: 0;
	}
	
	hr {
		display: none;
	}
	
/* ---------------------------------- */
/* MAJOR DIVISIONS   */   
/* ---------------------------------- */
	
	#outerwrap {
		margin: 0;
		padding: 0;
		width: 964px;
		height: 100%;
	}
	
	#innerwrap {
		margin: 0;
		padding: 0;
		width: 768px;
		font-size: 90%;
		height: 100%;
	}
	

/* ---------------------------------- */
/* TITLE ELEMENTS  */   
/* ---------------------------------- */	
	
	h1 {
		margin: 0;
		padding: 0;
		width: 768px;
		height: 175px;
		clear: both;
	}
   
	h1 a {
		display: block;
		text-indent: -3000em;
		padding: 65px 0 0 22px;
		width: 166px;
		height: 100px;
		background: transparent;

	}

	h1 a:hover {
		background-color: transparent;
	}
	
	h2 {
		clear: both;
		margin: 0;
		padding: 0;
		font-size: 1.7em;
		font-weight: normal;
	}
	h3 {
		font-size: 1.2em;
	}
	
	h3 {
		font-size: 1em;
	}
	
	h3 {
		font-size: 1em;
	}
	
	h4 {
		font-size: 12px;
	}
	
	h2, h3, h4, h5 {
		margin-bottom: 15px;
		line-height: 1.4em;
		color: #333;
	}
	
/* ---------------------------------- */
/* TABLE ELEMENTS  */   
/* ---------------------------------- */	
	
	table {
        border-collapse: collapse;
		border: 1px solid #37b5e9;
		margin: 0 0 10px 0;
		width: 100%;
    }
    table table {
        border: 0;
		margin: 0;
    }
    th {
        padding: 3px 5px;
		background: #37b5e9;
		color: #fff;
		text-align: center;
    }
    td {
        padding: 5px;
		background: #fff;
		text-align: left;
    }
	tr.hi_lite td {
        background: #e2f4fd;
    }
	
	.floatR {
		float: right;
		width: 325px;
		padding: 0 0 10px 10px;
	}
	
	.floatimgR {
		float: right;
		margin: 0 100px 10px 10px;
		padding: 1px;
	}
	
	.floatL {
		float: left;
		padding: 0 10px 10px 0;
	}
	
	.clear {
		clear: both;
	}
	.whatsnew img { clear:right; }
	.whatsnew p, .whatsnew h2 { margin:0!important; }
	.clearBoth { clear:both; }
/* ---------------------------------- */
/* Main menu CSS at top of page */   
/* ---------------------------------- */	


	#topmenu {
	 	list-style: none;
		list-style-image: none;
		width: 768px;
		margin: 10px 0 10px 15px;
		padding: 0;
		font-size: 90%;
		font-weight: bold;
		height: 26px;
		border: 0;
	 }

	 	 #topmenu li {
		  	height: 26px;
			position: relative;
			z-index: 100;
			float: left;
			margin-left: -1px;
			background: url(../images/divider.gif) center right no-repeat;
		 }
		 #topmenu li.last {
			background: none;
			}

			 #topmenu li a {
				float: left;
				display: block;
				padding: 4px 8px;
				color: #37b5e9;
				
			 }
			 #topmenu li a:hover, #topmenu li:hover {
				color: #000;
				background: #c1dd3d;
			 }
			  #topmenu li:hover a {
				color: #000;
			 }
		/* Level 2 nav */	 
		#topmenu li ul {
			display: none;
			z-index: 100;
			position: absolute;
			font-size: 100%;
			top: 26px;
			left: 0;
			font-weight: normal;
			list-style: none;
			list-style-image: none;
			margin: 0;
			padding: 0;
			width: 230px;
			border-top: 1px dotted #fff;
		 }

			 #topmenu li ul li {
				width: 230px;
				height: auto;
				background: #d9f168;
				border: 0;
				margin: 0;
				border-bottom: 1px solid #b4cc43;
			 }
			 #topmenu li ul li:hover, #topmenu li ul li:hover a {
				background: #c1dd3d;
				color: #000;
			 }
			 

			 	 #topmenu li ul li a {
					padding: 5px 10px;
					width: 210px;
					display: block;
					color: #000;
				 }

		 #topmenu li:hover ul { display: block; }
		 #topmenu li:hover ul li ul { display: none; }
		 #topmenu li:hover ul li:hover ul { display: block; }

		 #topmenu li.over ul, #topmenu li.over ul li.over ul { display: block; }

	
/* ---------------------------------- */
/* Content */   
/* ---------------------------------- */

	#contentwrap {
		padding: 20px;
	}
	
	#contentwrap a {
		color: #693;
		font-weight: bold;
		text-decoration: none;
		border-bottom: 1px dotted #693;
	}
	
	#contentwrap a:hover {
		border-bottom: 1px solid #693;
	}
	
/* ---------------------------------- */
/* Homepage  */   
/* ---------------------------------- */
	.newsitem img { margin: 0 0 0 0px; padding:0; float:left; }
/* Content */ 

	body#homepage #content {
		float: left;
		clear: both;
		width: 530px;
	}
	
/* News */ 

	body#homepage #newsbox {
		float: right;
		z-index: 50;
		width: 180px;
		line-height: 1.4em;
		font-size: 90%;
	}
	
	body#homepage #newsbox h3, #newsbox p {
		margin: 0;
		padding: 0;
	}
	
	body#homepage #newsbox div {
		margin: 0 0 15px 0;
		padding: 0;
	}
	
/* Homepage links box */ 

	#homepagelinksbox {
		background: url(../images/bg_homelinksbox.jpg) no-repeat bottom left;
		padding: 0 0 10px 0;
		float: right;
		width: 180px;
		line-height: 1.4em;
		font-size: 85%;
		margin: 0 0 15px 0;
	}
	
	#homepagelinksbox p {
		margin: 0;
		padding: 0 15px 5px 15px;
	}
	#homepagelinksbox p.top {
		background: url(../images/bg_homelinksbox_top.jpg) no-repeat top left;
		padding-top: 10px;
	}
	
/* Boxes */ 

	body#homepage #boxes {
		float: left;
		width: 533px;
		clear: both;
		font-size: 90%;
		line-height: 1.4em;
	}
	
	body#homepage #boxes ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	body#homepage #boxes li {
		  	width: 171px;
			height: 126px;
			position: relative;
			margin: 0 5px 25px 0;
			float: left;
		}
		
		body#homepage #boxes img {
			margin-top: 7px;
		}
		
		body#homepage #boxes li { background: url(../images/home_box_l_1.jpg) no-repeat; }	
	
	
	body#homepage #boxes a {
		margin: 0 0 0 8px;
		padding: 12px 10px 0 0;
		float: left;
		display: block;
		border: 0;
		font-size: 90%;
		font-weight: normal;
	}
	
	/* Position fixed on all browsers except IE */
	html>body#homepage #boxes a, html>body#homepage #boxes a:hover { margin: 0 0 0 15px; }
	
	
	body#homepage #boxes a:hover {
		/*border-bottom: 1px dotted #37b5e9;*/
	}
	
	body#homepage #boxes strong {
		font-size: 100%;
		color: #37b5e9;
		letter-spacing: normal;
	}

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

	#content .block {
		/*border: 1px solid #37b5e9;
		background: #e2f4fd;*/
		padding: 10px 10px 0 10px;
		clear: both;
	}

	#content .block h3 {
		color: #000;
		padding: 0;
		margin: 0 0 5px 0; 
		border: 0;
	}
	
	#content .block p {
		color: #000;
		padding: 0;
		margin: 0 0 10px 0; 
	}
	#content .block img {
		border: 4px solid #fff;
		padding: 0;
		margin: 0 10px 10px 0;
	}
	
	#content .block hr {
		background: #ededed;
		border: 1px solid #ededed;
		padding: 0;
		margin: 0;
		display: block;
		clear: both;
	}
	#content .block a {
		color: #37b5e9;
		border-bottom: 1px dotted #37b5e9;
	}
	#content .block a:hover {
		border-bottom: 1px solid #37b5e9;
	}
	
/* ---------------------------------- */

	#content {
		width: 520px;
		float: right;
		padding-bottom: 20px;
	}
	
	#leftcolumn {
		float: left;
		margin-top: -20px;
		width: 180px;
		background: url(../images/new_bg_left.jpg) no-repeat top left;
	}
		#leftcolumn ul {
			height: 498px;
			list-style: none;
			margin: 0;
			padding: 0;
		}
		#leftcolumn li {
			margin: 22px 0 26px 15px;
			padding: 0;
			border: 0;
		}
		#leftcolumn li span {
			font-family: arial, sans-serif;
			font-size: 10px;
		}
		
/* ---------------------------------- */
		
	 #content .newsitemfeature {
		border: 1px solid #ccc;
		background: #f2f2f2;
		padding: 10px;
		margin: 0 0 20px 0;
	 }
	 #content .newsitemfeature h3 {
		color: #693;
	 }
	 #content .newsitem {
		border-top: 1px solid #eee;
		padding: 5px 0;
		margin: 0 0 5px 0;
	 }
	 
/* ---------------------------------- */
		

	 
/* ---------------------------------- */
		
	.PP, .word, .xls, .pdf, .worddoc, .defaultext {
		padding-left: 25px;
		margin: 0;
		list-style: none;
		clear: both;
	}
	
	.PP h4, .word h4, .xls h4, .pdf h4, .defaultext h4 {
		font-weight: bold;
		padding: 2px 0;
		border: 1px dotted #eee;
		border-left: 0;
		border-right: 0;
		margin: 0;
	}
	
	.PP h4 span, .word h4 span, .xls h4 span, .pdf h4 span, .defaultext h4 span {
		font-weight: normal;
	}
	
	.PP {
		background: url(../images/icon_pp_small.gif) no-repeat top left;
	}
	
	.word {
		background: url(../images/icon_word_small.gif) no-repeat top left;
	}
	
	.xls {
		background: url(../images/icon_xls_small.gif) no-repeat top left;
	}
	
	.pdf {
		background: url(../images/icon_pdf_small.gif) no-repeat top left;
	}
	
	.defaultext {
		background: url(../images/icon_default_small.gif) no-repeat top left;
	}
	
	.worddoc {
		margin: 0 0 5px -25px;
		padding-bottom: 2px;
		background: url(../images/icon_word_small.gif) no-repeat top left;
	}
	
/* ---------------------------------- */

	#content .giftoptionbox {
		float: left;
		width: 120px;
		margin: 15px 10px 15px 0;
		text-align: center;
	}
	#content .giftoptionbox h3 {
		margin: 0;
		padding: 0;
		height: 5em;
	}
	#content .giftoptionbox a, #content .giftoptionbox a:hover {
		border: 0;
	}

/* ---------------------------------- */
/* FORM ELEMENTS  */   
/* ---------------------------------- */

	#content input, #content textarea, #contentselect {
		font: 12px/1.3em Lucida Grande, Lucida Sans Unicode, arial, verdana, geneva, helvetica, sans-serif;
		margin-bottom: 5px;
		color: #000;
		font-size: 12px;
		padding: 2px;
		border: #9c3 1px solid;
		float: left;
	}
	#content .form h3 {			
		background-color: #9c3;
		border: 0;
		color: #fff;
		margin-bottom: 15px;
		margin-left:10px;
		margin-top: -20px;
		padding: 4px 18px 5px 13px;
		font-weight: bold;
		float:left;
		clear:right;

 }
	#content .form {
		color: #000;
		background: #e9f8be;
		border: 0;
		margin:0; padding:0;
		border-top: 10px solid #9c3;
	}
	
	#content .req {
		border-left: 3px solid #9c3;
		
	}
	
	#content .formbutton {
		color: #fff;
		border: 1px outset #690;
		background: #690;
		padding: 2px;
		font-weight: bold;
	}
	
	
	#content label {
		float: left;
		width: 20em;
		margin-right: 12px;
		text-align: right;
	}
	
	#content form h3 {
		padding: 3px 5px;
		border: 1px dotted #9c3;
		border-left: 0;
		border-right: 0;
		margin: 0 10px 20px 10px;
		clear: both;
	}
	#content form .quantityfloatR {
		float: none;
		width: 25px;
	}
	#content form .shopimgfloatR img {
		border: 1px solid #85b9f5;
		margin: 0 0 10px 0;
		padding: 1px;
	}
	#content form fieldset { margin: 15px 0 20px 0!important; padding: 0px 0 10px 0; text-align:left; border:0; }
	#content form p {
		float: left;
		clear: both;
		display: block;
		padding: 2px;
		margin: 0;
		width: 500px;
	}
	
	#content .shopitem {
	 	clear: both;
		border-top: 1px solid #eee;
		padding: 5px 0;
		margin: 10px 0 15px 0;
	 }
	 #content .shopimgfloatR {
		float: right;
		width: 100px;
		margin-right: 5px;
		margin-top: 10px;
	 }	
	
	#content form .shopitem p {
		width: 380px;
		float: none;
		clear: none;
		margin-left: 5px;
	}
	
	#content form .shopitem h4 {
		margin-left: 7px;
		margin-top: 10px;
	}
	
	#content div img {
		border: 1px solid #85b9f5;
		padding: 1px;
	}
	
	#content #projectsearch label {
		width: 10em;
	}
	
	
/* ---------------------------------- */
/* Footer  */   
/* ---------------------------------- */

	#footer {
		clear: both;
		margin: 10px 20px;
		border-top: 1px solid #ccc;
	}
	
	#footer #logos {
		float: left;
		list-style: none;
		margin: 0;
		padding: 10px 0 0 0;
	}
		#footer #logos li {
			float: left;
			padding: 0 10px 0 26px;
		}
		
	#footer #links {
		list-style: none;
		margin: 0;
		clear:both;
		padding: 30px 0 30px 0;
		float: left;
		width:320px;
		font-size:12px
	}
	#footer img { margin: -10px 0 0 0; }
	
		#footer #links li {
			float: left;
			padding: 0 0 0 10px;
			
		}
	#footer  .visit {
		list-style-type: none;
		margin:30px 0 0 40px;
		 padding:0;
		 float:left;
		 width: 350px;
	}
	 #footer .visit li {
		float: left;
		margin:0;
		 padding:0 10px;
	}
	#footer #charity_no {
		clear: both;
		float: left;		
		margin: 0;
		padding: 0;
		text-align: right;
		font-size: 10px;
		width: 100%;
	}
	
.pagination {
	margin-bottom: 20px;
}



/* Basket

*/

.basket {
	border: 1px solid #9db431;
}

.basket th {
	background-color: #99cc33;
}

/* CHARITY CHAMPION */

#contentwrap .cc_button a {
	padding:3px 23px 3px 5px;
	text-transform:uppercase;
	text-decoration:none;
	background:#490 url(../images/button_arrow.gif) center right no-repeat;
	font-size:80%;
	color:#fff;
	border-top:3px solid #7c0;
	border-left:3px solid #7c0;
	border-bottom:3px solid #160;
	border-right:3px solid #160;
	text-align: center;
}

#contentwrap .cc_button a:hover {
	text-decoration:none;
	border-bottom:3px solid #7c0;
	border-right:3px solid #7c0;
	border-top:3px solid #160;
	border-left:3px solid #160;
}

a.register_now {
	display: block;
	width: 191px;
	height: 83px;
	background: url(../images/register_cta.jpg) 0 0 no-repeat #fff);
	}

.ccLegal {
	font-size:80%;
	color:#999;
}
#cc_table {
	border:1px solid #eee;
	font-size: 90%;
}
#cc_table th {
	background:none;
	color:#666;
	font-weight:normal;
	text-align:left;
	border:1px solid #eee;
}
#cc_table td {
	border:1px solid #eee;
}
#cc_table tr td.left_col {
	width: 170px;
	}
#cc_table table {
	font-size: 100%;
	}
#cc_table table th {
	background:#490;
	color:#fff;
	border:2px solid #fff;
}
#cc_table table td {
	background:#efb;
	color:#333;
	border:2px solid #fff;
}
#ccCards img {
	margin:0;
	padding:0;
}