/* @override http://keswickhalltrust.org.uk/css/default.css */

/* BASICS -------------------------------------------------------------------- */

html {
	overflow: -moz-scrollbars-vertical;
}
body
{
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 30px 0 0 0;
}


a, a:link, a:active {
	color: #000000;
	text-decoration: none;
}


a:visited {
	text-decoration: none;
}
a:hover {
	color: #3333CC;
	text-decoration: underline;
}
h1 {
	font-size:16px;
}

h2 {
	font-size: 12px;
	display: inline;
}

h3 {
}

h4 {
}

h5 {
}

hr {
border-style:solid;
margin-right:10px;
border-color: #eaeaea;	
}

img {
border:none
}

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

.simplebasket a, a:link, a:active {
	text-decoration: none;
}


.simplebasket a:visited {
	text-decoration: none;
}
.simplebasket a:hover {
	color: #3333CC;
	text-decoration: underline;
}

.checkout_basket a, a:link, a:hover, a:active {
	color: #000;
}
.checkout_basket {
	color: #000;
}

.attrib_label {
	width: 100px;
}

.validation_error {
	font-weight: bold;
	color: #FFEA00;
}

.form_background {
	background-color: #72C0EF;
	border: 1px solid #666666;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
}

.form_field_title {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	width: 200px;
	/*background-color:#CC6633;*/
}
.form_field_input {
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	/*background-color:#00CC66;*/
}

.footer_v4 {
	font-size: 9px;
	color: #616161;
	text-align: center;
}
.bgmask {
	display: none;
	position:absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: 100%;
	font-family:verdana;
	font-weight:bold;
	background-color: black;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
	}

.popupDiv {
	display: none;
	z-index: 10;
	color: black;
}
.popupDivContainer {
	display: none;
	position:absolute;
	z-index: 9;
	width: 100%;
	float: left;
}
.popupDivCloseBar {
	float:right;
}

.image_border_prod {
	border-style:solid;
	border-color: #9886A4;
	border-width: 3px;
	padding: 5px;
	background-color:#000000
}
input {
	font-size: 10px;
}
input.smlInput {
	/*height:15px;*/
	font-size: 10px;
}




/* ???? -------------------------------------------------------------------- */

.box
{
	border: solid 1px #efeeee;
	padding: 5px;
}
.box a
{
	text-decoration: none;
	font-weight: normal;
	color: #704a88;
}

.hover {
	cursor: pointer;
}

.breadcrumb_area, .breadcrumb_area a {
	color: #704a88;
	text-align: left;
}

/* LAYOUT -------------------------------------------------------------------- */

.main_container{
	margin: 0px auto 0 auto;
	width: 795px;
	background-repeat: repeat-y;
}

.content_container{	
	width: 795px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	display:inline;
}

.header_content{
}

.left_container{
    width: 157px;
}

.center_container{
	padding: 0 30px 0 0;
}

.right_container{	
	width: 190px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
   clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
 }

/* BANNER -------------------------------------------------------------------- */

#banner{
height: 120px;	
background-image: url(../images/banner.gif);
background-repeat: no-repeat;
padding: 0 0 0 0px;
}

#logo
{
position: relative;
margin: 20px 0 0 0;
float: left;
}

#bannerContact
{
background-repeat: no-repeat;
width: 511px;
height: 39px;
}

#bannerAsk
{
float: right;
width: 210px;
height: 37px;
margin: 5px 0 0 0;
}


#searchHead
{
float: left;
width: 200px;
color: #000;
font-weight: bold;
font-size: 14px;
margin: 5px 0 0 5px;
}

#topMenu
{
float: right;
width: 600px;
}

#topNav
{
	font-size: 9px;
	height: 25px;
	margin: 10px 10px 10px 140px;
}

#topNav ul
{
	padding: 0 0 0 0;
	margin: 0;
	list-style-type: none;
	float: right;
}

#topNav li
{
	padding: 3px 10px 0 10px;
	display: block;
	float: left;
	font-weight: bold;
	height: 20px;
	text-align: center;	
	color: #000000;
	border-left: solid #9f84af 1px;

}

#topNav a
{
text-decoration: none;
font-weight: bold;
font-size: 9px;
color: #660033;
}

#topNav a:hover, a:focus
{
color: #666666
}

.leftmenu a
{
text-decoration: none;
font-weight: bold;
font-size: 9px;
color: #660033;
}

.leftmenu a:hover, a:focus
{
color: #666666
}

.contactus{
padding: 0 0 0 60px;
margin: 0 0 0 0;	
}

/* LEFT COL
-------------------------------------------------------------------- */


#search{
padding: 0 0 0 0;
width: 170px;
background-repeat: no-repeat;
height: 26px;
}

#search img{
margin: 0 0 0 0;
}

#catBox{
	border: solid 1px #efeeee;
	width: 160px;
	padding: 0 0 10px 0;
}

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

#catBox a{
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	color: #704a88;
}

#catBox li{
	border-bottom: solid 1px #cccccc;
	padding: 3px 0 3px 0;
}

#catBox li a:hover, a:focus{
	color: #000;
}

#catBox a{
	color: #704a88;
}

#catBox a:hover{
	color: #000;
}

.searchBox{
	font-size: 10px;
	margin: 0px 0 0 5px
}


/* CENTER COL
-------------------------------------------------------------------- */



#feature{
	background-repeat: no-repeat;
	width: 468px;
	height: 147px;
}


.subCatLink a
{
	color: #704a88;
}

.subCatLink a:hover
{
	color: #000;
	text-decoration: none;
}

/* RIGHT COL
-------------------------------------------------------------------- */



.basket_box {
	background-repeat: no-repeat;
	height: 127px;
	padding-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}
.basket_box h2{
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	margin-left: 35px;
	margin-top: 8px;
	font-family:Arial, Helvetica, sans-serif;
}

.basket_box h2 a {
	color: #4F3063;
}

.basket_box h2 a:hover {
	text-decoration: underline;
}


.basket {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
.imagebox_top {
	background-repeat: no-repeat;
	height: 35px;
	color:#000000;
}

.imagebox_top_long {
	background-repeat: no-repeat;
	height: 35px;
	color:#000000;
}

.imagebox_top_text {
	position: absolute;
	margin-left: 40px;
	margin-top: 8px;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
}
.imagebox_middle {
	background-repeat: repeat-y;
	padding-left: 2px;
	color: #000000;
}

.imagebox_middle_long {
	background-repeat: repeat-y;
	padding-left: 2px;
	color: #000000;
}

.imagebox_bottom {
	background-repeat: no-repeat;
	height: 35px;
}

.imagebox_bottom_long {
	background-repeat: no-repeat;
	height: 35px;
}

#basket img
{
	margin: 5px 0 0 5px;
}


.yellow
{
	color: #ffea00;
}
.smlTXT
{
	font-size: 10px;
	font-weight: normal;
}
.smlTXT a
{
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	color: #704a88;
}

.smlTXT a:hover
{
	text-decoration: underline;
}

.smlTXTpag
{
	font-size: 10px;
	font-weight: normal;
	border: 1px #CCCCCC solid;
}
.smlTXTpag a
{
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	color: #704a88;
	margin: 5px;
}

.smlTXTpag a:hover
{
	text-decoration: underline;
}

.smlTXTpagdis
{
	font-size: 10px;
	font-weight: normal;
	border: 1px #CCCCCC solid;
}
.smlTXTpagdis #none
{
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	color: #CCCCCC;
	margin: 5px;
}

.sectionHead
{
	width: 98%%;
	background-color: #9886A4; 
	height: 18px;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	padding: 3px 0 0 5px;
	margin: 10px 0 0 0;
}

.sectionHeadBox
{
	background-color: #9886A4;
	height: 20px;
	width: 250px;
}

.sectionHeadBoxLeft
{
	background-repeat: no-repeat;
	height: 20px;
	width: 250px;
}

.sectionHeadBoxRight
{
	background-repeat: no-repeat;
	height: 20px;
	float: right;
	margin: 0 0 0 auto; 
}

.tabLeft {
	width: 3px;
	background-repeat: no-repeat;
	height: 22px;
}
.tabCentre {
	background-color: #9886A4;
	color: #000;
	font-weight: bold;
	font-size: 13px;
	padding: 2px 3px 4px 3px;
	height: 16px;
}
.tabCentre a {
	color: #000;
	text-decoration: none;
}
.tabRight {
	width: 3px;
	background-repeat: no-repeat;
	height: 22px;
}
.tabGradLeft {
	width: 3px;
	background-repeat: no-repeat;
	height: 22px;
}
.tabGradCentre {
	background-repeat: repeat-x;
	background-color: #9886A4;
	color: #000;
	font-weight: bold;
	font-size: 13px;
	padding: 2px 3px 4px 3px;
	height: 16px;
}
.tabGradRight {
	width: 3px;
	background-repeat: no-repeat;
	height: 22px;
}
.tabGradCentre a {
	color: #000;
	text-decoration: none;
}


.sectionBox
{
	border: solid 1px #efeeee;
	width: 176px;
	padding: 5px 5px 10px 5px;
}

.sectionBoxCenter
{
	border: solid 1px #efeeee;
	padding: 0px 0px 0px 0px;
}
.divider
{
	clear: both;
	margin: 0;
	padding: 0;
}

.input-box 
{ 
	width: 215px;
}

/* FOOTER -------------------------------------------------------------------- */
#pageEnd
{
	height: 5px;
	width: 795px;
	clear: both;
	margin: 0 auto 0 auto;
}
#footer
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#660033;
	font-size:xx-small;
	padding-top:10px;
	position: relative;
	width: 700px;
	text-align:center;
	margin: 0 auto 0 auto;
}

#footer ul
{
	margin: 0;
	padding: 5px 5px 5px 17px;
}

#footer li
{
	display: inline;
	list-style-type: none;
	padding: 0 4px 0 4px;
}

#footer li a, #footer li a:link, #footer li a:visited
{
	text-decoration: none;
	color: #6f4986;
}
#footer li a:hover
{
	text-decoration: underline;
	color: #000;
}
#footer a, #footer a:link, #footer a:visited
{
	text-decoration: none;
	color: #6f4986;
}
#footer a:hover
{
	text-decoration: underline;
	color: #000;
}

/* BOX -------------------------------------------------------------------- */

.box_topleft {
	background-image: url('../images/box/boxtl.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 10px;
	width: 10px;
}
.box_top {
	background-image: url('../images/box/boxtc.gif');
	background-repeat: repeat-x;
	background-position: 100% bottom;
	text-align: center;
	height: 10px;
}
.box_topright {
	background-image: url('../images/box/boxtr.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 10px;
	width: 10px;
}
.box_left {
	background-image: url('../images/box/boxml.gif');
	background-repeat: repeat-y;
	background-position: 0 0;
}
.box_body {
	background-color: #FFFFFF;
}
.box_right {
	background-image: url('../images/box/boxmr.gif');
	background-repeat: repeat-y;
	background-position: 0 0;
	width: 10px;
}
.box_botleft {
	background-image: url('../images/box/boxbl.gif');
	background-repeat: no-repeat;
	background-position: right top;
	height: 10px;
	width: 10px;
}
.box_bot {
	background-image: url('../images/box/boxbc.gif');
	background-repeat: repeat-x;
	background-position: top;
	height: 10px;
}
.box_botright {
	background-image: url('../images/box/boxbr.gif');
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
	width: 10px;
}

/* PRODUCT -------------------------------------------------------------------- */
.product{

}

.product .image{
width:200px;
background-color:#000000;
text-align:center;
float:right;

}

.product .details{
text-align:left;
}

.product .pricedata{
font-size:14px;
}

.label{
font-weight:800;
text-align:right;
}

.price_ourprice{
font-size:13px;
font-weight:800;
color:#990000;
}

.price_rrp{
text-decoration:line-through;
}

.price_yousave{
color:#990000;
}


/* BASKET -------------------------------------------------------------------- */
.basket_text {
	text-align: left;
	font-size: 10px;
}
.basket_table {
	padding-right: 0px;
	padding-left: 0px;
	border: 0px solid #999900;
}

.basket_subtitles {
	font-weight: bold;
	color: #4f3063;
	text-decoration: none;
}

.basket_title {
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.basket_product_title {

}

.basket_product_title a:link {
	color: #6666FF;
	text-decoration: none;
	font-weight: bolder;
}

.basket_product_title a:visited {
	color: #6666FF;
	text-decoration: none;
	font-weight: bolder;
}

.basket_product_title a:hover {
	color: #000000;
	text-decoration: underline;
	font-weight: bolder;
}
.basket_product_title a:active {
	color: #000000;
	text-decoration: none;
	font-weight: bolder;
}

.basket_break_top {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #E5E5E5;
	height: 4px;
	font-size: 2px;
}

.basket_break_bot {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	height: 4px;
	font-size: 2px;
}

.basket_total {
	font-size: 12px;
	font-weight: normal;
}



.go_button{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 9px;
	height: 20px;
}

/* product_list_container  -------------------------------------------------------------------- */
.product_list_container{
}

.product_list_container .product_list_entry{

}

.product_list_entry .pl_image{

float:left;
width: 120px;
text-align:center;
vertical-align:top;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}

.product_list_entry .pl_title{
}

.product_list_entry h1{
font-size:12px;
display:inline;
}

.product_list_entry .pl_description{
}

.product_list_entry .pl_pricedetails{
display:block;
}

.checkout_content{
}


/* extra styles for grants section ------------------------------------------------------------------- */

#personal_application {
	width: 606px;
}

#personal_application .clear {
	clear: both;
}

#personal_application .red {
	color: red;
}

#personal_application .red_strong {
	color: red;
	font-weight: bold;
}

#personal_application_form, #personal_application table {
	width: 100%;
}

#personal_application fieldset {
	border: none;
	width: 100%;
}

	#personal_application legend {
		font-size: 16px;
		background-color: #eee;
		padding: 5px;
		display: block;
		width: 100%;
	}
	
	#personal_application ol {
		list-style-type: none;
		margin: 0;
		padding: 0px 0px 0px 30px;
	}
	
	#personal_application li {
		margin-bottom: 15px;
	}
	
	#personal_application label {
		font-weight: bold;
		display: block;
		margin-bottom: 5px;
	}
	
		#personal_application label.inline {
			display: inline;
		}
		
		#personal_application label.section_title {
			font-size: 14px;
			margin: 20px 0px 10px 0px;
		}
	
	#personal_application input.text {
		width: 250px;
		font-size: 12px;
		margin-bottom: 5px;
	}
		
		#personal_application input.title {
			width: 40px;
		}
	
		#personal_application input.name {
			width: 180px;
		}
	
		#personal_application input.housenumber {
			width: 110px;
		}
		
		#personal_application input.street {
			width: 250px;
		}
		
		#personal_application input.address {
			display: block;
			width: 370px;
		}
		
		#personal_application input.greyed, .placeholder-active {
			color: grey;
		}
		
		#personal_application input.money {
			width: 60px;
		}
		
		#personal_application input.otherfee {
			width: 163px;
		}
		
	#personal_application_controlbox {
		border-top: 3px solid #eee;
		margin-top: 10px;
		padding: 10px 0px 10px 60px;
	/*	text-align: center;*/
	}
	
	#personal_application table {
		margin: 0px 0px 10px 0px;
		border: 1px solid #ddd;
	}
	
		#personal_application td {
			text-align: center;
		}
	
		#personal_application td.title {
			text-align: left;
			padding-left: 10px;
		}
		
		#personal_application caption {
			font-size: 16px;
			padding: 5px;
		}
		
		#personal_application tr.totals {
			background-color: #e0e0e0;
			font-size: 12px;
			font-weight: bold;
		}
		
		#personal_application tr.grandtotal {
			background-color: #efe;
			font-size: larger;
			font-weight: bold;
		}
		
		#personal_application #otherfees {
			margin-top: 30px;
		}
		
		#personal_application #addAnotherActivity, #personal_application #addUniversity, #personal_application #addEmployment, #personal_application #addGrant, #personal_application #addAnotherTrust {
			cursor: pointer;
			display: block;
			text-align: right;
			font-weight: bold;
			color: blue;
		}
		
		#personal_application .remove_container {
			float: right;
		}
		
			#personal_application a.remove {
				cursor: pointer;
			}
		
		#personal_application #education_details {
			
		}
			
			#personal_application #education_details li li {
				border-bottom: 1px solid #eee;
				padding-bottom: 5px;
			}
		
			#personal_application li div.field {
				width: 49%;
				float: left;
			}
			
		#personal_application #employment_list ol {
			margin: 0; padding: 0;
		}
		
		#personal_application #employment_list  li.row {
			border-bottom: 1px solid #eee;
			padding-bottom: 5px;
		}
		
		#personal_application textarea {
			width: 99%;
			height: 250px;
			padding: 5px;
			font: inherit;
		}
		
		#personal_application #fees_obligations_specify {
			height: 40px;
		}
		
	h5.application_title {
		font-size: 10px;
		font-weight: normal;
		margin-top: 47px;
	}
	
	#application_sections {
		list-style-type: decimal;
		list-style-position: inside;
		padding: 0;
		margin: 0px 0px 20px 0px;
	}
	
		#application_sections li {
			font-size: 10px;
			background-color: #eee;
			margin-bottom: 5px;
			padding: 5px 3px 5px 3px;
			cursor: pointer;
		}
		
		#application_sections li.selected {
			background-color: white;
			border: 3px solid #eef;
			font-weight: bold;
		}

	#review_and_submit {
		
	}

		#review_and_submit .section {
			padding: 15px;
			margin: 5px;
			background-color: #f0f0ff;
		}
		
		#review_and_submit .section_name {
			font-weight: bold;
			cursor: pointer;
		}
		
		#review_and_submit .section img {
			vertical-align: middle;
			float: right;
		}
		
		#review_and_submit .section_incomplete_text {
			color: red;
			padding: 5px;
		}
		
		#review_and_submit .section_complete_text {
			color: green;
			padding: 5px;
		}
		
		 #fullsubmit {
			background-color: green;
			color: white;
			font-size: 16px;
			display: block;
			margin: 0 auto;
			margin-top: 10px;
			border: none;
			cursor: pointer;
			padding: 5px;
		}
		
		#review_and_submit #fullsubmit:disabled, #full_submit.disabled {
			background-color: #ccc;
			color: grey;
			cursor: default;
		}
		
/* grants registration --------------------------------------------------------------------------*/

.grants_form {}

	.grants_form fieldset {
		border: none;
	}
	
	.grants_form legend {
		font-weight: bold;
		font-size: 14px;
	}
	
	.grants_form label {
		display: block;
		font-weight: bold;
	}
	
	.grants_form ol {
		list-style-type: none;
		margin: 0;
		padding: 0px 0px 0px 20px;
	}
	
	.grants_form li {
		margin: 5px 0px 10px 0px;
	}
	
	.grants_form .text {
		font-size: 12px;
		width: 250px;
		padding: 2px;
	}
	
	.grants_form .error {
		border: 1px solid red;
	}
	
	.grants_form img {
		vertical-align: middle;
	}
	
	.grants_form span {
		color: red;
		margin-top: -3px;
	}

	#errors {
		color: red;
	}

/* Grants Control Panel -------------------------------------------------------------------------------*/

#grants_menu {
	margin-top: 72px;
}

.application_summary {
	width: 605px;
	border: 1px solid #eee;
	padding: 2px;
	margin: 5px 0px 5px 0px;
}

	.application_summary td {
		text-align: center;
		padding: 3px;
	}
	
	.application_summary thead {
		background-color: #eee;
	}
	
.newgrant {
	display: block;
	text-align: right;
	color: blue;
	font-weight: bold;
	margin-bottom: 30px;
}

#grants_controls {
	margin-top: 10px;
}

	#grants_controls h4 {
		margin: 0;
		font-size: 10px;
	}
	
	#grants_controls a {
		font-size: 10px;
		font-family: 'Verdana', 'Arial', 'Sans-serif';
		color: blue;
	}