/* CSS Document */

body {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background:#D6E9FB;
}

.bold {
	font-weight:bold;
}

a img {
	border: 0;
}

.red {
	color: red;
}

#rightImg {
	float: right;
	width: 400px;
	height: 577px;	
}

#main {
	margin: 0 410px 0 0; 
}

#times_table .available td a strong {
	color: red;
}

#full_text {
	padding: 10px;
	font-size:12px;
/*	margin: 0 400px 0 0;*/ 
}

div.roundedcornr_box_241731 {
	float: left;
	width: 220px;
	margin: 0 20px;
}

div.roundedcornr_box_241731 h3 {
/*	text-align:center;*/
	color: #003466;
}

div.roundedcornr_box_241731 ul {
/*	list-style: none;*/
	padding: 0 0 5px 10px;
}

.roundedcornr_box_241731 {
	background: url(/images/roundedcornr_241731_tl.png) no-repeat top left;
}
.roundedcornr_top_241731 {
	background: url(/images/roundedcornr_241731_tr.png) no-repeat top right;
}
.roundedcornr_bottom_241731 {
	background: url(/images/roundedcornr_241731_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_241731 div {
	background: url(/images/roundedcornr_241731_br.png) no-repeat bottom right;
}
.roundedcornr_content_241731 {
	background: url(/images/roundedcornr_241731_r.png) top right repeat-y;
}

.roundedcornr_top_241731 div,.roundedcornr_top_241731,
.roundedcornr_bottom_241731 div, .roundedcornr_bottom_241731 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_241731 {
}
.roundedcornr_bottom_241731 {
	margin-top: -19px;
}
.roundedcornr_content_241731 { padding: 0 15px; }

h1 {
	font-size:20px;
	color:#003466;
	margin:0px;
	padding:10px 0px 10px 10px;
	}

h2, .registerHead {
	font-size:16px;
	color:#003466;
	margin:0px;
	padding:10px 0px 10px 10px;
	}
.registerHead {
	padding:0px 0px 10px 0px;
}
p {
	padding:0px 10px 10px 10px;
	margin:0px;
	}

#container {
	text-align:left;
	margin:0px auto;
	padding:0px;
	width:960px;
	border:#003466 1px solid;
}

#header {
	background-color:#003366;
	height: 200px;
	width: 960px;
	background: url(/images/header.jpg);
	position: relative;
}

#headerEmail {
	position: absolute;
	bottom: 5px;
	font-size: 15px;
	left: 230px;
}

#emailBtn {
	font-size: 12px;
}

#emailText {
	color:#FFFFFF;
	font-size:18px;
	font-style:italic;
	margin-left:10px;	
}

#header .top10 {
	position: absolute;
	right: 5px;
	bottom: 72px;
	font-size: 14px;
	width:167px;
	/*background: url(../images/button1.png) no-repeat scroll left top;*/
}

.hpText h1 {
	color: red;
}

.hpText a {
	color: red;
	text-decoration: none;
}

.hpText strong {
	color: #003466;
}

#nav {
	line-height:25px;
	height:25px;
	background-color:#f5c600;
	border:none;
	border-top:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
	margin:0px 0px 0px 0px;
	padding:0px;
	display:none;
}

#nav ul {
	margin:0px 0px 0px 5px;
	padding:0px;
	list-style:none;	
}

#nav li {
/*	float:left;*/
	display: inline-block;
	margin:0px 5px 0px 0px;
}

#nav li a {
	color:#777777;
	text-decoration:none;
	display:block;
	line-height:25px;
	height:25px;
	padding:0px 5px;
	border:none;
	border-left:#f5c600 1px solid;
	border-right:#f5c600 1px solid;
	}

#nav li a:hover {
	color:#FFFFFF;
	background-color:#777777;
	display:block;
	line-height:25px;
	height:26px;
	overflow:visible;
	padding:0px 5px;
	border:none;
	border-left:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;
	}

#nav li a:hover, #nav li .hover {
	display: block;	
	color:#FFFFFF;
	background-color:#777777;
	line-height: 25px;
	height: 26px;
	overflow: visible;
	padding: 0px 5px;
	border-width: 0 1px 0;
	border-style: solid;
	border-color: #FFF;
}

#subNav {
	line-height:25px;
	height:25px;
	background-color:#777777;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
	}

#subNav ul {
	margin:0px 0px 0px 20px;
	padding:0px;
	line-height:25px;
	height:25px;
	}

#subNav li {
	float:left;
	list-style:none;
	margin:0px;
	padding:0px 5px;
	}

#subNav a {
	text-decoration:none;
	color:#FFFFFF;
	}

#nav1 {
	display:block;
	position:absolute;
	line-height:25px;
	height:25px;
	}

#nav2 {
	display:block;
	position:absolute;
	line-height:25px;
	height:25px;
	}

#nav3 {
	display:block;
	position:absolute;
	line-height:25px;
	height:25px;
	}

#nav6 {
	display:block;
	position:absolute;
	line-height:25px;
	height:25px;
	}

#content {
	}

#progress {
	float: right;
	padding:0px 0px 0px 80px;
	margin: 10px 0px;
	}

#text {
	float:left;
	width:550px;
	margin:0px;
	padding:0px;
	font-size:12px;
	}
#text table {
	margin:0px 0px 10px 10px;
	}


#text1 {
	float:left;
	/*width:400px;*/
	margin:0px;
	padding:0px;
	font-size:12px;
	}
#text1 table {
	margin:0px 0px 10px 10px;
	}




#image {
	float:right;
	width:400px;
	margin:5px 0 0;
	padding:0px;
}

#image .newsLetter {
	font-size: 14px;
}

#smallImgs {
	float: left;
	width: 120px;
	text-align: center;
}
#smallImgs a {
	margin:0 0 8px;	
}
#smallImgs a .bookImg {
	margin: 5px 0 10px 0;
}

#smallImgs .last img {
	margin-top:12px;
}
/*smallImgs new instance below*/

#smallImgs1 {
	float: left;
	text-align: center;

}
#smallImgs1 span{
float:left;
display:block;
padding-right:13px;
}

#smallImgs1 a {
	margin:0 0 8px;	
}
#smallImgs1 a .bookImg {
	margin: 5px 0 10px 0;
}

#smallImgs1 .last img {
	margin-top:12px;
}




#image #largeImg {
/*	margin: 0 0 0 75px;*/
}
/*
#image a {
	float: left;
	width: 132px;
	text-align: center;
}	
*/
#bpa {
/*	clear: both;*/
	margin: 0 0 5px 0;
}

#bpaWrap {
/*	margin: 5px 0 0 125px;*/
	text-align:center;	
}

#bpaWrap a {
	color: #000;	
}

#charity {
	float:right;
	width:400px;
	height:400px;
	margin:0px;
	padding:0px;
	}

#charity div {
	position:absolute;
	width:400px;
	}

#footer {
	background-color:#003366;
	clear:both;
	color:#FFFFFF;
	font-size:10px;
	height:20px;
	line-height:20px;
	padding:0px 0px 0px 20px;
	margin:0px;
	}

#footer span {
	float:right;
	}

#footer span a {
	text-decoration:none;
	color:#003366;
	}

.clearing {
	clear:both;
	}

.step {
	background-color:#003466;
	padding:1px 5px;
	color:#FFFFFF;
	display:block;
	float:left;
	margin:0px 2px 2px 0px;
	}

.step-current {
	background-color:#003466;
	padding:1px 5px;
	color:#6483FF;
	display:block;
	float:left;
	margin:0px 2px 2px 0px;
	}

.available {
	color:#003466;
	}

.not-available {
	color:#F0373C;
	}

#subNav span {
	float:right;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	padding:0px 5px 0px 0px;
	}

#subNav span a {
	text-decoration:none;
	color:#ffffff;
	}

#subNav span a:hover {
	text-decoration:underline;
	color:#ffffff;
	}

/* Register */

.submit {
	margin-left: 20px;
}
#newCust {
	float:left;
	width:320px;
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 0px;
	}

#returnCust {
	float:left;
	width:400px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

.returnCusttxt {
	margin:0px;
	padding:0px 0px 10px 20px;
	}

.Login {
	margin:30px 0px 20px 20px;
	padding:0px;
	font-size:25px;
	font-weight:lighter;
	color:#666666;
	}

.signUp {
	margin:0px 0px 0px 10px;
	}

#loginButton a{
	margin:0px 0px 0px 0px;
	background-image:url(../images/login.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:45px;
	line-height:45px;
	display:block;
	text-align:center;
	width:120px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	}
#registered {
	padding: 2px;
	margin: 4px;
}
.input, select, .required {
	font-size: 9pt;
	background: #FFFFFF;
	border: 1px solid #A7A6AA;
}
.required {
	background: #DCF1FB;
}
#register_right {
	float: right;
}
#register_left {
	float: left;
}

.error_text {
	font-size: 8pt;
	color: #FF0000;
	position: absolute;
	padding: 2px;
	padding-left: 20px;
	background: url(/images/required_field.gif) no-repeat 2px center;
}
.success_text {
	font-size: 8pt;
	color: #3FAE49;
	position: absolute;
	padding: 5px;
	padding-left: 20px;
	background: url(/images/validated.gif) no-repeat 2px center;
}
.errors, .error {
	border: 1px solid #FBE3E6;
	font-size: 9pt;
	margin: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 3px;
}
.error {
	margin: 20px;
}
.info {
	font-size: 8pt;
	color: #3FAE49;
	padding: 5px;
	padding-left: 20px;
	background: url(/images/validated.gif) no-repeat 2px center;
}
.required_asterix {
	color: #027DC1;
}
div.required_asterix {
	font-size: 8pt;
}
.showing_month {
	text-align: center;
}
.past_date1 {
	background: #FFE7E7;
	color: #FB656B;
}
.today1 {
	background: #E4F5FF;
	border: 1px solid #90BCED;
}
.available {
	background: #BCFBD0;
	border: 1px solid #95FBB6;
}
#productstable {
	margin-bottom: 4px;
}

/* Basket */
#basket {
	margin-left: 8px;
}

#basket td {
	border-top: 1px solid #CCCCCC;
}

.checkout_total {
	font-weight: bold;
	border-top: 1px solid #000000;
}
.checkout_buttons {
	text-align: right;
	margin-top: 10px;
}

.payment_method_google {
	font-size: 9pt;
	border: 1px solid #cccccc;
	margin-bottom: 20px;
}

.payment_method {
	font-size: 9pt;
	border: 1px solid #cccccc;
	margin-bottom: 20px;
}
/* End Basket */
a {
	color: #003466;
	text-decoration: none;
}
a:hover {
	color: #003466;
	text-decoration: underline;
}

.user_line {
	float: right;
	padding-right: 5px;
	font-size: 8pt;
}

.charity_logo {
	float: left;
	margin: 5px;
}

#charity_table td {
	padding-bottom: 10px;
}

#charity_table h4 {
	font-size: 12px;
	padding: 0;
	margin: 0;
	display: inline;
}

#basket .tr_addons td {
	border-top: 0;
}

#basket .tr_insurance td {
	padding-top: 10px;
}

.next_line_basket {
	vertical-align: top;
}

.staff-pic {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 2px;
}
.productColumn {
	float:left;
	margin:1px 1px 0 0;
	padding:0;
	width:247px;
}

.bookBox {
	text-align:center;
}

.cats .banner {
	text-align:center;
}

.cats .banner img {
	margin-bottom:15px;	
}

.cats .weStock ul {
	margin-top:0;
	list-style:none;
	padding-left:20px;
}


/*PureCSS MENU STARTS*/

#pcm{display:none;}
ul.pureCssMenu{
width:958px;
}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	background-color:#F3B806;
	background-repeat:repeat;
	border-color:#A6A6A6;
	border-width:0px;
	border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.pureCssMenu ul{
	width:149.1px;
}
ul.pureCssMenu li{
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#F3B806;
	border-width:0px;
	border-color:#FCEEB0;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:5px 16px 5px 16px;
	_padding-left:0;
	font:14px Arial;
	color: #3366ff;
	text-decoration:none;
	cursor:pointer;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3;
	height:100%;
	display:inline-block;
	background-color:#A6A6A6;	background-image:none;}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	background-color:#3366FF;
	border-color:#4C99AB;
	border-style:solid;
	font:14px Arial;
	color: #ffffff;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#3366FF;
	border-color:#4C99AB;
	border-style:solid;
	font:14px Arial;
	color: #ffffff;
	text-decoration:none;
}
ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:5px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul{display:none}
ul.pureCssMenu span{
	display:block;
	background-image:url(/images/arrv_blue_2.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:8px;}
ul.pureCssMenu li:hover>a>span{	background-image:url(/images/arrv_white_2.gif);
}
ul.pureCssMenu a:hover span{	_background-image:url(/images/arrv_white_2.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(/images/arr_blue_2.gif)}
ul.pureCssMenu ul li:hover > a span{	background-image:url(/images/arr_white_2.gif);}
ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span{background-image:url(/images/arr_white_2.gif)}
ul.pureCssMenu table a:hover table span{background-image:url(/images/arr_blue_2.gif)}
ul.pureCssMenu li a.pureCssMenui0{
font:n;
}





ul.pureCssMenu li a.pureCssMenui0:hover{
font:o;
}

a.red_underline{
color:#2E6CB8;
text-decoration:underline;
}

a.pink_underline{
color:#2E6CB8;
text-decoration:underline;
}

body{
font-family:Arial,Helvetica,sans-serif;
}

#text1 p{
font-size:14px;
}

/*PureCSS menu ENDS*/

.main-images{
display:block;
float:left;
margin-right:50px;
}

.margin-left-50{
margin-left:50px;
}

.charity_button{
background-image:url('/images/choose_a_charity.jpg');
background-repeat:no-repeat;
background-position: top left;
width:104px;
height:27px;
display:block;
float:left;
margin-right:8px;
}

.charity_register_button{
background-image:url('/images/charity_registration.jpg');
background-repeat:no-repeat;
background-position: top left;
width:117px;
height:27px;
display:block;
float:left;
}

.events_calender_button{
background-image:url('/images/events_calender.jpg');
background-repeat:no-repeat;
background-position: top left;
width:164px;
height:38px;
display:block;

}


.button2 {
    background: url("/images/button-blue2.jpg") repeat-x scroll left bottom #4073A8;
    border: 3px solid white;
    color: #FFCB05;
    display: block;
    font-family: arial;
    font-size: 13pt;
    padding: 5px;
    text-align: center;
    width: 230px;
}

.button2:hover {
    color: white;
	text-decoration:none;
}