/* @override http://tct.local:8888/assets/css/screen.css */

@import url("/min/b=assets/css&f=navigation.css");
@import url("/min/b=assets/css&f=titles.css");
@import url("/min/b=assets/css&f=section-colours.css");


/** =Reset
-----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}
ol, ul {
	list-style: none;
}
em{
	font-style: italic;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* Tables still need cellspacing="0" in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
button {
	cursor: pointer;
}
legend{
	width: 1px;
	height: 1px;
	text-indent: -9999px;
	font-size: 1px;
}

/** =Base Structure
-----------------------------------------------------------------------------*/
html, body{
	min-height: 100%;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 75%;		/* 12px */
	line-height: 1.167;	/* 14px */
	background-color: #FFF;
	margin: 0;
	background: #FFF url('../ui/background.png') repeat-x;

}

#tct-container {
	background: #fff url('../ui/background.png') repeat-x;
	min-height: 1px; /* make ie7 work */
	border-style: solid;
	border-color: #fff;
	
	background: transparent url('../ui/drop.gif') repeat-y;
	background-position: 50% 0%;
}

* html #tct-container {
	height: 1px; /* make ie6 work */
}

#drop{
	background: transparent url('../ui/drop.gif') repeat-y;
	width: 1008px;
	min-height: 100%;
	margin: 0 auto;
	
	width: 974px;
	background-image: none;
}

#drop.admin-loaded {
	padding-top: 25px;
}

#wrapper{
	margin: 0 auto;
	width: 948px;
	position: relative;
	background-color: #FFF;
	min-height: 1100px;
}

*html #wrapper{
	height: 1100px;
}

#header{
	height: 142px;
	padding-bottom: 10px;
}
#content{
	width: 744px;
	margin-left: 204px;
	background-color: #FFF;
}

img.content-image {
	margin-bottom: 1em;
}

.float-left {
	float: left;
	margin: 0 10px 1em 0;
}

.float-right {
	float: right;
	margin: 0 0 1em 10px;
}

.hide {
	display: none;
}

a.light-link {
	color: #fff !important;
}

/** =Header
-----------------------------------------------------------------------------*/
#header #logo {
	background: #FFF url(../ui/logo.png) no-repeat center left;
	text-indent: -9999px;
	overflow: hidden;
	width: 139px;
	height: 124px;
	margin-top: 14px;
	float: left;
}
#header #logo a {
	display: block;
	height: 124px;
	width: 139px;
}
#header #strapline {
	background: url(../ui/strapline.gif) no-repeat left 14px;
	height: 99px;
	width: 515px;
	text-indent: -9999px;
	margin: 10px 0 0 42px;
	float: left;
}
#header #skip {
	height: 0;
	width: 0;
	text-indent: -9999px;
	overflow: hidden;
}

#header label{
	display: none;
}
.site-search-formbox{
	color: #666;
}

#header #search{
	width: 153px;
	float: right;
	border-bottom: 1px dashed #7F7F7F;
	margin-bottom: 12px;
	margin-top: 19px;
	margin-bottom: 3px;
	margin-top: 10px;
	border: none;
}
#header #search p {
	margin-bottom: 12px;
}
#header #search p input{
	width: 108px;
	color: #666;
}
#header #search p button{
	display: inline;
	margin: 0 0 0 5px;
	background: url(../ui/button-go.gif) no-repeat top left;
	width: 30px;
	height: 24px;
	text-indent: -9999px;
	border: 0;
	cursor: pointer;
}
#header #search p button:hover,
#header #search p button.hover{
	background: url(../ui/button-go-hover.gif) no-repeat top left;
}

#header #donate-now{
	display: block;
	float: right;
	background: #ED1C24 url('../ui/btn-donate-2.gif') no-repeat center left;	
	width: 143px;
	height: 26px;
	color: #FFF;
	font-size: 1.4em;
	line-height: 0.778em;
	padding: 8px 0 0 10px;
	margin-bottom: 12px;
	margin-top: 58px;
	margin-bottom: 2px;
	margin-top: 0px;
}
#header #donate-now:hover{
	background: #B80309 url('../ui/btn-donate-2-hover.gif') no-repeat center left;	
}

#header #user-nav{
	float: right;
	text-align: right;
	border-top: 1px dashed #7F7F7F;
	padding-top: 12px;
	width: 785px;
	font-weight: bold;
}
#header #user-nav p,
#header #user-nav ul li{
	display: inline;
}
#header #user-nav em{
	font-weight: normal;
}
#header #user-nav a:link,
#header #user-nav a:visited,
#header #user-nav a:hover,
#header #user-nav a:focus,
#header #user-nav a:active{
	padding-left: 5px;
	color: #000;
	text-decoration: underline;
	border-left: 1px solid #000;
}



/** =Footer
-----------------------------------------------------------------------------*/
#footer{
	display: inline-block;
	width: 985px;
	clear: both;
	text-align: right;
	margin-left: -15px;
	margin-top: 30px;
	padding-bottom: 30px;
	font-size: 0.833em; /* 10px */
}
#footer:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:focus,
#footer a:active{
	padding-left: 5px;
	color: #000;
	text-decoration: underline;
}
#footer ul li{
	display: inline;
}

/** =Generic Styles
-----------------------------------------------------------------------------*/
h2{
	font-size: 1.9em;
}
h3{
	font-size: 1.733em;	/* 22px */
	line-height: 0.636em;
	font-weight: bold;
	margin: 2px 0 5px;
}
h4{
	font-size: 1.333em;
	line-height: 1.1em;
	margin: 2px 0 3px;
}
h5{
	font-size: 1.2em;
	line-height: 1.1em;
}
h6{
	font-size: 1.1em;
	line-height: 1.1em;
}
a.more{
	display: block;
	height: 23px;
	text-indent: -9999px;
	margin: 12px 0 16px 0;
	clear: both;
	text-decoration: none;
}
li.nolastmargin{
	margin-right: 0;
}
.formbox{
	border: 0;
}

.relative {
	position: relative;
}

/* Clearfix */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display:block;
	}
/* End hide from IE Mac */

.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
	display: block;
}

/** =Forms
-----------------------------------------------------------------------------*/
#content-main input{
	padding: 2px;
}

.readonly {
	border: none;
	font-family: Arial;
	font-size: 12px;
	color: #000;
}

select.readonly {
	border: 1px solid #ccc;
}


/*** =Page Specific Styles ***************************************************
-----------------------------------------------------------------------------*/

/** =Home ***
-----------------------------------------------------------------------------*/
#home #content{
	width: 100%;
	margin: 0;
	background: #FFF;
}
#home #container-home{
	background: url(../ui/bg-home.gif) repeat-y;
}
#home #content-main{
	float: left;
	margin: 0 10px 0 0;
}
#home h2 {
	font-size: 2.8em;	/* 22px */
	letter-spacing: -1.3pt;
	line-height: 0.636em;
}

/** =Home / Rotation
-----------------------------------------------------------------------------*/
#home #rotation{
	width: 650px; height:324px;
	border: 1px solid #020202;
	padding: 9px;
	background: #FFF;
	color: #FFF;
	margin: 0;
	position: relative;
}
#home #rotation div.container {
    position:absolute;
    top:8px; left:8px;
    width: 650px; height: 324px;
}

#home #rotation img{
	
}
/* Translucent Overlay */
#home #rotation div div{
	width: 625px;
	background: url(../ui/banner-transparency.png);
	padding: 13px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 5;
}
#home #rotation div h2{
	height: auto;
	text-indent: 0;
	margin-bottom: 7px;
	font-size: 22px;
	letter-spacing: -1px;
}
#home #rotation div a{
	display: block;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	margin-top: 5px;
}
#home #rotation a:hover{
	color: #FFF;
	text-decoration: underline;
}
#home #rotation div ul{
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 13px;
	right: 9px;
}
#home #rotation div li{
	float: left;
	list-style: none;
	margin-right: 6px;
	padding-right: 6px;
	background: url(../ui/divide.gif) no-repeat right bottom;
	font-size: 1.166667em;
}
#home #rotation div li.lastbannerlist{
	margin-right: 0;
	padding-right: 0;
	background: none;
}
#home #rotation div li a{
	color: #999;
}
#home #rotation div li a.active{
 color:#FFF;   
}

#home #rotation div li.active a{
	color: #FFF;
}

/** =Home / secondary Calls To Action
-----------------------------------------------------------------------------*/
#home #secondary{
	clear: both;
	padding-top: 9px;
	background: #FFF;
}
#home #secondary div{
	float: left;
	border: 1px solid #020202;
	padding: 7px 9px 20px 9px;
	color: #FFF;
	background: #000 no-repeat top left;
}
#home #secondary h3{
	margin: 14px 0 8px 0;
}
#home #secondary p{
	color: #FFF;
}
#home #secondary img{
	color: #127CB3;
	border: 1px solid #000;
}
#home #secondary ul{
	margin: 0;
	padding: 0 0 4px 0;
	background: #127CB3 url(../ui/list-podleft-bottom.png) no-repeat bottom left;
}
#home #secondary li{
	list-style: none;
	margin-bottom: 2px;
	padding: 7px;
	background: #000;
}
#home #secondary li strong{
	display: block;
	font-size: 1.5em;	/* 18px */
	line-height: 0.777778em;
	margin: 0 0 4px 0;
}
#home #secondary li a{
	display: block;
	color: #FFF;
	margin-top: 6px;
}
#home #secondary li a:hover{
	color: #FFF;
	text-decoration: underline;
}

/** =Home / Secondary Calls To Action / First Pod 
-----------------------------------------------------------------------------*/
#home #secondary .firstpod li.rowlistone{
	background: #127CB3 url(../ui/list-podleft-one.png) no-repeat top left;
	padding: 9px 9px 9px 9px;
}
#home #secondary .firstpod li.rowlisttwo{
	background: #127CB3 url(../ui/list-podleft-two.png) no-repeat top left;
	padding: 18px 9px 9px 9px;
}
#home #secondary .firstpod li.rowlistthree{
	background: #127CB3 url(../ui/list-podleft-three.png) no-repeat top left;
	padding: 17px 9px 9px 9px;
}
#home #secondary .firstpod{
	margin-right: 8px;
	width: 312px;
	background-image: url(../ui/bg-pod-left.gif);
}
#home #secondary .firstpod h3{
	color: #127CB3;
}
#home #secondary .firstpod a.more{
	background: url(../ui/link-more-darkblue.png) no-repeat top right;
}
#home #secondary .firstpod a:hover.more{
	background: url(../ui/link-more-darkblue-hover.png) no-repeat top right;
}

/** =Home / Secondary Calls To Action / Last Pod 
-----------------------------------------------------------------------------*/
#home #secondary .lastpod ul{
	margin: 0;
	padding: 0 0 4px 0;
	background: #E56224 url(../ui/list-podright-bottom.png) no-repeat bottom left;
}
#home #secondary .lastpod li.lastrowlistone{
	background: #E56224 url(../ui/list-podright-one.png) no-repeat top left;
	padding: 9px;
}
#home #secondary .lastpod li.lastrowlisttwo{
	background: #E56224 url(../ui/list-podright-two.png) no-repeat top left;
	padding: 18px 9px 9px 9px;
}
#home #secondary .lastpod li.lastrowlistthree{
	background: #E56224 url(../ui/list-podright-three.png) no-repeat top left;
	padding: 18px 9px 9px 9px;
}
#home #secondary .lastpod{
	margin-right: 0;
	width: 310px;
	background-image: url(../ui/bg-pod-right.gif);
}
#home #secondary .lastpod h3{
	color: #E36F1E;
}
#home #secondary .lastpod ul{
	background-color: #E56224;
}
#home #secondary .lastpod a.more{
	background: url(../ui/link-more-orange2.png) no-repeat top right;
}
#home #secondary .lastpod a:hover.more{
	background: url(../ui/link-more-orange2-hover.png) no-repeat top right;
}

/** =Home / Sidebar
-----------------------------------------------------------------------------*/
#home #content-2{
	float: left;
	width: 248px;
	border: 1px solid #020202;
	padding: 4px 4px 4px 8px;
	background-color: #000;
	color: #FFF;
	margin: 0;
}

/** =Home / Sidebar / Latest...
-----------------------------------------------------------------------------*/
#home #content-2 #latest h2{
	margin-top: 7px;
}
#home #content-2 #latest ul{
	margin: 0;
	padding: 0 0 7px 0;
	background: url(../ui/list-home-bottom.png) no-repeat bottom left #fff;
}
#home #content-2 #latest li{
	list-style: none;
	margin-bottom: 3px;
	padding: 9px;
	background: #FFF;
	color: #000;
}
#home #content-2 #latest li.rowlistone{ background: url(../ui/list-home-one.png) no-repeat top left #fff; padding: 9px 9px 4px 9px; }
#home #content-2 #latest li.rowlisttwo{ background: url(../ui/list-home-two.png) no-repeat top left #fff; padding: 17px 9px 4px 9px; }
#home #content-2 #latest li.rowlistthree{ background: url(../ui/list-home-three.png) no-repeat top left #fff; padding: 16px 9px 4px 9px; }
#home #content-2 #latest li strong{
	display: block;
	font-size: 1.5em;	/* 18px */
	line-height: 0.777778em;
	margin: 0 0 6px 0;
}
#home #content-2 #latest li.rowlistone strong{ color:#ed1c24; }
#home #content-2 #latest li.rowlisttwo strong{ color:#e56224; }
#home #content-2 #latest li.rowlistthree strong{ color:#127cb3; }
#home #content-2 #latest li a{
	display: block;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	margin-top: 7px;
}
#home #content-2 #latest li a:hover{
	color: #000;
	text-decoration: underline;
}

/** =Home / Sidebar / Support Network
-----------------------------------------------------------------------------*/
#home #content-2 #support-network h2{
	margin-top: 19px;
}
#home #content-2 #support-network h3{
	margin: 14px 0 8px 0;
}
#home #content-2 #support-network a.more{ 
	background: url(../ui/link-more-green.png) no-repeat top right;
	margin-top: 0;
}
#home #content-2 #support-network a:hover.more{ 
	background: url(../ui/link-more-green-hover.png) no-repeat top right;
}
#home #content-2 #support-network ul{
	margin: 12px 0;
	padding: 0;
}
#home #content-2 #support-network ul li{
	list-style: none;
	float: left;
	margin: 0 2px 0 0;
	width: 60px;
	height: 60px;
	padding: 0;
}
#home #content-2 #support-network ul li a{
	margin: 0;
	padding: 0;
}

#home #content-2 #support-network form{
	margin: 0;
	padding: 0;
	background: url(../ui/bg-networkform.png) no-repeat top left #8A8D09;
}
#home #content-2 #support-network form div{
	padding: 8px 11px 14px 11px;
	margin-bottom: 0px;
	background: url(../ui/bg-networkform-bottom.png) no-repeat bottom left;
}
#home #content-2 #support-network form h3{
	color: #FFF;
}
#home #content-2 #support-network form label{
	display: block;
	font-weight: bold;
	margin: 9px 0 2px 0;
}
#home #content-2 #support-network form #sex,
#home #content-2 #support-network form #searching{
	width: 100%;
}
#home #content-2 #support-network form button{
	display: block;
	background: url(../ui/button-go.png) no-repeat top left;
	width: 30px;
	height: 24px;
	text-indent: -9999px;
	border: 0;
	cursor: pointer;
	margin: 12px 0 10px 0;
}
#home #content-2 #support-network a{
	color: #FFF;
	text-decoration: underline;
}

#home #content-2 #newsletter{
	margin: 10px;
}
#home #content-2 #newsletter h2{
	margin: 10px 0;
	margin-top: 15px;
	font-size: 1.5em;
	letter-spacing: -0.8pt;
}
#home #content-2 #newsletter a{
	background: #000 url('../ui/link-signup.gif') no-repeat right center;
	height: 23px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	margin-top: 10px;
}
#home #content-2 #newsletter a:hover{
	background: #000 url('../ui/link-signup-hover.gif') no-repeat right center;
}

#password-reset label {
	font-weight: bold;
}


/** =Home / Newsletter sign-up Content
-----------------------------------------------------------------------------*/

#home #newsletter-sign-up-holder h4 {
	font-size: 22px;
	padding: 0 0 10px 0;
}

#home #newsletter-sign-up-holder p {
	font-size: 14px;
	margin: 0 0 5px 0;
}

#home #newsletter-sign-up-holder input {
	display: block;
	width: 212px;
	font-size: 15px;
}

#home #newsletter-sign-up-holder label {
	color: #e56224;
	font-weight: bold;
	display: block;
	margin: 0 0 2px 0;
}

#home #newsletter-sign-up-holder li.nl-error label {
	color: #ff0000;
}

#home #newsletter-sign-up-holder li {
	width: 220px;
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	padding: 0 0 20px 0;
}

#home #newsletter-sign-up-holder form {
	min-height: 1px; /* ie7 bug solve*/
}

* html #home #newsletter-sign-up-holder form {
	height: 1px;
}

#home #newsletter-sign-up-holder li.nl-last {
	float: right;
	margin-right: 0;
	width: 216px;
	display: block;
}

#home #newsletter-sign-up-holder button {
	display: block;	
}

#home #newsletter-sign-up-holder .nl-button-holder {
	background: url(../ui/dotted.border.orange.gif) center top repeat-x;
	clear: both;
	height: 23px;
}

#home #newsletter-sign-up-holder .nl-button-holder .nl-button {
	padding: 1px 0 0 0;
	margin: 0 0 0 10px;
	border: 0;
	width: 72px;
	height: 22px;
	background: url(../ui/btn.orange.sprite.gif) left top no-repeat;
	color: #fff;
	display: block;
	text-align: center;
	float: right;
}

#home #newsletter-sign-up-holder .nl-button-holder .nl-button:hover {
	background-position: 0 -23px;
}

#home #newsletter-sign-up-holder .nl-button-holder .nl-error-message,
#home #newsletter-sign-up-holder .nl-button-holder .nl-error-email {
	color:#ff0000;
	display: none;
	width: 270px;
}

#home #newsletter-sign-up-holder .nl-button-holder .nl-submitting-message {
	background: url(../ui/ajax.loader.small.gif) left center no-repeat;
	padding: 0 0 0 18px;
	position: relative;
	top: 5px;
	color: #666;
	width: 270px;
	display: none;
}

#home #newsletter-sign-up-holder .nl-form-holder {
	display: none;
}

#home #newsletter-sign-up-holder .nl-thank-you-holder {
	display: none;
}

#home #newsletter-sign-up-holder .nl-thank-you-holder p {
	margin-bottom: 20px;
}

#home #newsletter-sign-up-holder iframe {
	height: 1px;
	width: 1px;
	opacity: 0;	
}

/** =Home / Bottom
-----------------------------------------------------------------------------*/
#home #bottom{
	clear: both;
	background: #FFF;
	padding: 9px 0 0 0;
}
#home #bottom div{
	float:left;
	width: 448px;
	margin: 0 12px 0 0;
	border: 1px solid #020202;
	padding: 9px;
	background: #FFF;
}
#home #bottom h3{
	color:#ED1C24;
	font-size: 1.5em; /* 18px */
	line-height: 0.777778em;
	margin: 9px 0 4px 0;
}
#home #bottom a.more{
	background: url(../ui/link-more-red.png) no-repeat top right;
	margin-bottom: 4px;
}
#home #bottom a:hover.more{
	background: url(../ui/link-more-red-hover.png) no-repeat top right;
}

/* Last Pod */
#home #bottom .lastpod{
	margin-right: 0;
}

/** =Media Center
-----------------------------------------------------------------------------*/
#media-centre .standfirst{
	margin-bottom: 10px;
	clear: right;
}
#media-centre .see-all{
	text-align: right;
	padding: 3px 0;
	margin-bottom: 7px;
}
#media-centre #table-container .see-all1 {
	border-top: 1px dashed #7F7F7F;
	text-align: right;
	padding: 3px 0;
	margin-bottom: 7px;
	}
#media-centre .see-all a, #media-centre #table-container .see-all1 a{
	font-weight: bold;
	color: #000;
}
#media-centre h2.standfirst{
	color: #FFF;
	font-size: 1.544em;
}

th.media-centre-table-left {
	width: 350px;
}
div#table-container table tr.mediacentre-tr:hover,
div#table-container table tr.mediacentre-tr.hover{
	background-color: #5CA5D4;
}

/*** =Page Layouts ***********************************************************
-----------------------------------------------------------------------------*/

/** =Layout 1 
-----------------------------------------------------------------------------*/
.layout1 #content-main {
	width: 466px; 
	float: left;
}


.layout1 #content-main div {
	margin: 0 0 10px 0;
}
.layout1 #content-2 {
	width: 268px; 
	float: right;
}
.layout1 #press-release {
	width: 466px; 
	float: left;
	position: relative;
}


/** =Layout 2 
-----------------------------------------------------------------------------*/
.layout2 #content-main {
	width: 398px; 
	float: left;
}
.layout2 #content-main div {
	margin: 0 0 10px 0;
	word-wrap: break-word;
}
.layout2 #content-2 {
	width: 336px; 
	float: right;
}


/** =Layout 3 
-----------------------------------------------------------------------------*/
.layout3 #content-main {
	width: 744px; 
	float: left;
}
.layout3 #content-main h2{
	font-size: 1.833em;	/* 22px */
	line-height: 0.636em;
}
.layout3 #content-main .row{
	width: 744px; 
	clear: both;
	margin: 8px 0 11px 0;
	background: #000;
	position: relative;
}
.layout3 #content-main .row div{
	float: left;
	width: 340px;
	background: #fff;
}


/** =Layout 4
-----------------------------------------------------------------------------*/
.layout4 #content-main {
	width: 465px; 
	float: left;
	clear: both;
}
.layout4 #content-main div {
	margin: 0 0 10px 0;
	word-wrap: break-word;
}
.layout4 #content-2 {
	width: 268px; 
	float: right;
}
.layout4 .row{
	width: 744px; 
	clear: both;
	margin: 0 0 11px 0;
	background: #000;
	position: relative;
}
.layout4 .row div{
	float: left;
	width: 476px;
	background: #FFF;
}
.layout4 .row-alt{
	width: 744px; 
	clear: both;
	margin: 0 0 11px 0;
	background: url(../ui/bg-row.gif) repeat-y;
}
.layout4 .row-alt div.row-right-column{
	float: left;
	width: 268px;
	background: #FFF;
}

/** =Layout 6 
-----------------------------------------------------------------------------*/
.layout-6 #content-main {
	width: 534px; 
	float: left;
}
.layout-6 #content-main div {
	margin: 0 0 10px 0;
}
.layout-6 #content-2 {
	width: 198px; 
	float: right;
}





/*** =Page Block Elements ****************************************************
-----------------------------------------------------------------------------*/

/** =Featured Article
-----------------------------------------------------------------------------*/
#featured-article {
	background: #000 url(../ui/featured-article-bg.gif) no-repeat top left;
	color: #FFF;
	padding: 10px;
	border: 1px solid #000;
}
.featured-article-generic-article {
	background-color: #FFF;
	color: #000;
	padding: 10px;
	border: 1px solid #000;
}
#featured-article.featured-article-generic-article-alt {
	background-color: #FFF;
	background-image: none;
	color: #000;
	padding: 10px;
	border: 1px solid #000;
}
#featured-article img {
	border: 1px solid #000;
	margin: 0 0 15px 0;
}
#featured-article h1 {
	margin: 0;
}
#featured-article h2 {	
	font-size: 1.833em;	/* 22px */
	margin: 3px 0 6px 0;
	color: #e36f1e;
}
#featured-article strong {
	display: block;
	color: #FFF;
	font-size: 1.833em;	/* 22px */
	line-height: 0.636em;
}
#featured-article p {
	margin-bottom: 10px;
}
#featured-article.featured-article-generic-article-alt strong {
	color: #000;
}

#featured-article a.donate{
	background: #FFF url('../ui/btn-article-donate.gif') no-repeat top right;
	width: 445px;
	height: 34px;
	padding: 0;
}
#featured-article a.donate:hover,
#featured-article a.donate.hover{
	background: #FFF url('../ui/btn-article-donate-hover.gif') no-repeat top right;
}


/* =Step 1,2,3 list
-----------------------------------------------------------------------------*/
.step-list {
	padding: 0;
	margin: 0 0 10px 0;
	float: left;
}
.step-list li {
	list-style: none;
	float: left;
	height: 26px;
	text-align: center;
	padding-top:9px;
	font-weight: bold;
	font-size: 1.167em;	/* 14px */
	color: #FFF;
	background-color: #f7d0bd;
}
.step-list li.step-list-active {
	background-color: #E56224;
}
.step-list li.step-list-one {
	margin-right: 6px;
	width: 151px;
	background-image: url(../ui/bg-step-one.png);
}
.step-list li.step-list-two {
	margin-right: 6px;
	width: 150px;
	background-image: url(../ui/bg-step-two.png);
}
.step-list li.step-list-three {
	margin-right: 0;
	width: 153px;
	background-image: url(../ui/bg-step-three.png);
}

.direct-debit-strong {
	padding: 0 0 24px 3px;
}
.direct-debit-strong h4 {
	padding-top: 6px;
	margin-bottom: 7px;
	font-size: 1.167em;	/* 14px */
}
.direct-debit-strong p {
	margin-bottom: 0;
	padding: 0;
	line-height: 0.8em;
}
.direct-debit-strong p strong {
	width: 140px;
	float: left;
	font-size: 1.167em;	/* 14px */
}

.direct-debit-logo {
	float: right;
}
.direct-debit-logo2{
	float: right;
	margin-top: -60px;
}
.direct-debit-bold-title {
	font-size: 1.666667em; /* 20px */
	padding-top: 20px;
	margin-bottom: 0;
}

.debit-bold {
	font-size: 1.167em;	/* 14px */ 
	line-height: 1.1em;
}



/** =Single Article
-----------------------------------------------------------------------------*/
.article {
	background: #000 url(../ui/article-bg.gif) no-repeat top left;
	color: #FFF;
	display: block;
	width: 444px;
	padding: 6px 10px;
	border: 1px solid #000;
	clear: left;
}
.article h2 {
	margin-bottom: 1px;
}
.article h3 {
	margin: 12px 0 8px 0;
}

.content-block{
	padding: 10px;
	border: 1px solid #000;
	width: 95.4%;
	clear: left;
	position:relative;
}

.side-content-block{
    padding: 10px;
	border: 1px solid #000;
	width: 312px;
	display: block;
	margin-top: 21px;
	margin-bottom: 50px;
	position: absolute;
	color: #000;
	margin-left: -9px;
}

.side-content-block-old{
	padding: 10px;
	border: 1px solid #000;
	width: 316px;
	display: block;
	margin-top: 10px;
	position: absolute;
}

.content-block-left {
	padding: 10px;
	border: 1px solid #000;
	width: 444px;
	clear: left;
}

.content-block ul, .side-content-block ul {
	margin: 0 0 10px 17px;
}

.content-block ul li, .side-content-block ul li {
	list-style-type: none;
    list-style-image:url('../ui/bulletdb.gif');
    /*list-style-position: outside;*/
	line-height: 1.2;
	padding-left: 0px;
    margin:4px 0px;
	/* Bullets dependant on section color. See section-colours.css */
}

.content-block ul li h1,
.content-block ul li h2,
.side-content-block ul li h1,
.side-content-block ul li h2
{
	display: inline;
}


.content-block ul.file-list, .side-content-block ul.file-list{
	margin: 1em 0 1em 1em;
	padding-top: 1em !important;
	border-top: 1px dashed #7F7F7F;
}
.content-block ul.file-list li, .side-content-block ul.file-list li {
	list-style: none;
	margin: 0;
}
.content-block ol, .side-content-block ol {
	margin: 0 0 10px 20px;
}

.content-block ol li, .side-content-block ol li {
	list-style: decimal;
	line-height: 1.5;
	padding-left: 5px;
	/* Bullets dependant on section color. See section-colours.css */
}

.content-block hr, .side-content-block hr {
	margin: 1em 0;
	border: none;
	border-top: 1px dashed #7F7F7F;
	clear: both;
}

.content-block h2, .side-content-block h2 {
	margin: 1em 0 0.3em 0;
}

.units-index-list{
	background:url(../ui/dotty.gif) repeat-x top;
	padding: 10px 0 0 0;
	margin: 0;
	font-weight: bold;
}
.section-2 .units-index-list li{
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	background-image: none;
}
.units-index-list li h4{
	font-size: 1.5em;
}
.units-index-list li strong {
	color: #000;
}

.units-index-list li a {
 	color: #FF3333;

}

.article img {
	border: 1px solid #000;
	float: left;
	margin: 0 10px 10px 0;
}
.article .more {
	width: 249px;
	float: right; 
	clear: none;
}


/** =Articles List #articles
 	=Corporate Partners .corp-partners
-----------------------------------------------------------------------------*/
#articles{
	padding: 10px;
	border: 1px solid #000;
}
#articles ul {
	padding: 0 0 10px 0;
}
#articles ul li {
	clear: both;
	padding: 10px 0px;
	border-bottom: 1px dashed #7F7F7F;
}
#articles ul li img {
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #000;
}
#articles ul li.last {
	border: none;
	padding-bottom: 0;
}
#articles ul li span {
	font-weight: bold;
}
#articles ul li a {
	color: #000;
	font-weight: bold;
}
#articles ul li a:hover{
	text-decoration: underline;
}

#articles div.intro p {
	margin-bottom: 10px;
}

#articles div.intro ul {
	padding: 0;
}

#articles div.intro ul li {
	padding: 0;
	border: none;
	list-style-type: disc;
	margin-left: 20px;
}

#articles ul li h3,
#content-main .content-block h3  {
/*	font-size: 1.5em;
*/	line-height: 0.777778em;
	margin: 2px 0 5px 0;
	line-height: 1.1em;
}
#articles ul li p {
	margin-bottom: 10px;
}
.corp-partners ul li p {
	margin-left: 193px;
}
.corp-partners ul li p.logo {
	background: none;
	float: left;
	width: 183px;
	margin: 0 10px 0 0;
	display: block;
	text-align: center;
	padding: 0;
	overflow: hidden;
}
#articles ul li p.logo img {
	float: none;
}
.content-block p {
	margin: 0 0 10px 0;
}
.content-block a,
#add-profile a,
#edit-user a {
	color: #000;
	font-weight: bold;
}
.content-block a:hover,
#add-profile a:hover,
#edit-user a:hover {
	text-decoration: underline;
}
#articles.corp-partners ul li img {
	border: none;
}

.component {
	position: relative;	
}

#file-download {
	position: relative;
}

/** =Article table
-----------------------------------------------------------------------------*/
#table-container{
	padding: 10px;
	border: 1px solid #000;
	clear: left;
}

#table-container table {
	background: url(../ui/bg-table-top.png) no-repeat top left;
	padding: 10px;
	color: #FFF;
	width: 100%;
	margin: 0 0 10px 0;
}

#table-container table tr:hover{
/* 	background-color: #C14104; */
}

#table-container table tr.firsttablerow{
	background: #C14104 url(../ui/bg-table-top.png) no-repeat top left;
}
#table-container table th {
	padding: 10px;
	text-align: left;
	font-size: 1.5em;
	border-bottom: 1px solid #FFF;
}
#table-container table td {
	padding: 10px;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
}
#table-container table td a{
	text-decoration: underline;
	color: #FFF;
}
#table-container table td a:hover{
	text-decoration: none;
}
#table-container table td.col3 {
	font-weight: normal;
}
#table-container td.col4{
   text-align: center; 
}
#table-container td.col3{
   width:160px; 
}
.layout1 #content-main h3 .standfirst {
	margin: 30px 0 0 0!important;
}


.standfirst, .standfirst-search {
	background: url(../ui/bg-stand-first.png) no-repeat top left #E56224;
	color: #FFF;
	padding: 10px;
}

body.section-7 .standfirst{
	background:url(../ui/bg-stand-first.png) no-repeat top left #000;
	color: #FFF;
	padding: 10px;
}
.standfirst.keyvalue{
	color: /*#f3b99d*/ #FFF;
}
.standfirst.keyvalue em{
	color: #FFF;
}

#content-main .content-block h3.standfirst {
	margin: 6px 0 10px 0;
	background: inherit url(../ui/bg-stand-first-h3.png) no-repeat top left;
}
#content-main .content-block h3.standfirst span{
	color: #FFF;
	display: block;
	width: 100%;
	height: 100px;
	background: url(../ui/bg-stand-first-h3-bottom.png) no-repeat bottom left;
}

#content-main .long-article {
	margin: 10px 0 10px 0;
	border: none;
	padding: 0;
}
#content-main .short-article {
	border: none;
	border-bottom: 1px dashed #7F7F7F;
}
#content-main .short-article h4 a {
	padding: 0;
}
#content-main .short-article a {
	display: block;
	padding: 0 0 10px 0;
}
#content-main .content-block .last {
	border: none;
	border-bottom: none!important;
}
.short-article p {
	margin: 5px 0 5px 0;
}
.short-article a.more {
	font-weight: bold;
	color: #000;
	float: none;
	width: 100px;
	background: none;
	text-indent: 0;
	margin: 0;
	padding: 0;
}


/** =Gallery
-----------------------------------------------------------------------------*/
#gallery {
	background: url(../ui/featured-article-bg.gif) no-repeat top left #000;
	color: #FFF;
	position: relative;
	padding: 10px;
	border: 1px solid #000;
}
#gallery ul li {
	display: inline;
	color: #000;
}
#gallery #gallery-media {
	position: absolute;
	top: 26px;
	right: 0;
}
#gallery-media a {
	font-weight: bold;
	color: #000;
}
#gallery-media a:hover{
	text-decoration: underline;
}
#gallery-media li {
	margin: 0 5px 0 0;
	padding: 0 12px 0 0;
	background: url(../ui/gallery-media-li-bg.gif) no-repeat center right;
}
#gallery-media li.last {
	background: none;
	margin: 0;
}
.gallery-previous a, .gallery-next a {
	display: block;
	width: 13px;
	height: 56px;
	text-indent: -9999px;
}
/* #gallery-controls {
	padding: 10px 0px;
} */

#gallery-controls {
	margin: 11px 0 9px 0;
	width: 440px;
	float: none;
}


#gallery-controls img {
	border: 0;
	margin: 0 0;
	padding: 0;
}

/*#gallery-controls li {
	width: 100px;
	height: 56px;
	margin-right: 5px !important;
}*/

#gallery-controls li {
	background: none;
	margin: 0 0 0 0 !important;
	padding: 0;
	padding-right: 5px;
	float: left;
	width: 100px;
	height: 56px;
}


/*#gallery-controls li a {
	display: block;
	float: left;
	margin: 0 3px 0 0;
}*/

#gallery-controls li a {
	display: block;
	float: left;
	margin: 0;
}

.jcarousel-clip-horizontal {
	left: 14px;
	right: 14px;
	width: 415px !important;
}
.gallery-previous a {
	background: url(../ui/gallery-left.png) no-repeat top left;
	float: left;
}

.jcarousel-prev-horizontal {
	background: url(../ui/gallery-left.png) no-repeat center left;
	width: 15px !important;
	height: 56px;
	position: absolute;
	left: -3px;
	cursor: pointer;
}
.gallery-next a {
	background: url(../ui/gallery-right.png) no-repeat top left;
}

.jcarousel-next-horizontal {
	background: url(../ui/gallery-right.png) no-repeat center left;
	width: 15px !important;
	height: 56px;
	position: absolute;
	right: -3px;
	cursor: pointer;
}

#gallery-window-image {
	position: relative;
	width: 445px;
	height: 255px;
}

#gallery-window-image img {
	position: absolute;
	width: 445px;
	height: 255px;
	z-index: 5;
}

#gallery-window-image span {
	position: absolute;
	z-index: 10;
	width: 425px;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	color: #fff !important;
	text-align: center;
	padding: 10px;
	display: block;
}

.gallery-status {
	color: #fff !important;
	padding: 10px 10px 0 0;
	float: right;
}

span#gallery-black-text {
	color: #000 !important;
	text-align: center;
}
#empty-inbox-message{
	background-color:#EEEEEE;
	font-size:1.2em;
	padding:10px 0;
	text-align:center;
}


/** =Video
-----------------------------------------------------------------------------*/
#featured-video {
	background: #000 url(../ui/featured-article-bg.gif) no-repeat top left;
	color: #FFF;
	padding: 10px 10px 20px 10px;
	border: 1px solid #000;
}
#featured-video img {
	border: 1px solid #000;
	margin: 0 0 15px 0;
}
#featured-video h1 {
	margin: 0;
}
#featured-video h2 {	
	font-size: 1.833em;	/* 22px */
	margin: 3px 0 6px 0;
	color: #e36f1e;
}
#featured-video strong {
	display: block;
	color: #FFF;
	font-size: 1.833em;	/* 22px */
	line-height: 0.636em;
}
.video-comments h3 {
	clear: both;
}
.video-comments form {
	margin: 0;
	padding: 0;
}
.video-comments form label {
	font-weight: bold;
	display: block;
	text-align: left;
	clear: both;
	margin: 0 0 5px 0;
}
.video-comments form input {
	width: 80%
}
.video-comments form textarea {
	width: 100%;
	height: 90px;
}
.video-comments form div {
	float: left;
	width: 50%;
}
.video-comments form .last {
	text-align: right;
}
.video-comments form .last label {
	padding: 0 0 0 39px
}
.video-comments .privacy-notice {
	font-size: 0.8em;
	margin: 10px 0;
}
.privacy-notice a {
	font-weight: bold;
}
.privacy-notice a:hover {
	text-decoration: underline;
}
.video-comments button {
	width: 100%;
	height: 23px;
	border: none;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	margin: 20px 0 0 0;
}
#content .content-block .short-article a.more {
	background: none;
}
#content .video-comments .more {
	background: none;
}
#more-videos {
	background: #000;
	padding: 10px;
	color: #FFF;
}
#more-videos a:hover {
	text-decoration: underline;
}
#more-videos h4{
	padding: 4px 0;
}
#more-videos li {
	display: block;
	float: left;
	width: 47%;
	margin: 0 13px 10px 0;
}
#more-videos li.last {
	margin-right: 0;
}
#more-videos a.more {
	background: url(../ui/link-more-white-black.png) no-repeat top left;
	margin: 10px 0;
}
#more-videos a:hover.more {
	background: url(../ui/link-more-orange2.png) no-repeat top right;
	margin: 10px 0;
}

/* Video wall
-----------------------------------------------------------------------------*/
.video-wall {
	padding: 10px 10px 0 10px!important;
}
div.video {
	background: #000 url(../ui/full-video-bg.gif) no-repeat top left;
	width: 721px;
}
div.video h3 {
	margin: 0 0 30px 0;
}
div.video div {
	width: 618px;
	margin-left: 57px;
	position: relative;
	padding-bottom: 30px;
}
div.video div img {
	border: 1px solid #000;
}
div.video div ul {
	position: absolute;
	top: 4px;
	right: 12px;
}
div.video div ul li {
	margin: 0 0 2px 0;
}
div.video div ul li a.video-list-one {
	background-image: url(../ui/list-facts-three.png);
	background-position: top right;
	background-repeat: no-repeat;
}
div.video div ul li a{
	color: #FFF;
	display: block;
	width: 135px;
	padding: 10px;
	line-height: 1.23em;
	background-image: url(../ui/list-video-bottom-right.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#video div.video div ul li a:hover{
	background-color: #D94904;
}
div.video div ul li.selected a{
	padding: 10px 12px;;
}
div.video div ul li span {
	display: block;
	font-weight: bold;
	font-size: 1.167em;
	color: #fff !important;
}
div.video div ul .video-control-up a, div.video div ul .video-control-down a {
	height: 12px;
	width: 59px;
	padding: 0;
	text-indent: -9999px;
	margin-left: 50px;
}
#wrapper #content .video-wall .pagination {
	margin: -20px 0 0 0;
}
#wrapper #content .video-wall div {
	width: 100%;
	background: #000 url(../ui/video-wall-btm.gif) no-repeat top left;
	padding: 20px 10px 10px 10px;
	margin: 20px 0 0 -10px;
}
#wrapper #content .video-wall div.pagination {
	margin:-20px -10px 1em -10px;
	width:722px;
}

#wrapper #content .video-wall div.pagination span {
	padding: 10px 10px;
	float: right;
}

#wrapper #content .video-wall div.pagination span span {
	padding: 0;
	float: none;
}

#wrapper #content .video-wall div.pagination a {
	color: #FFF;
}

#wrapper #content .video-wall div.pagination a.selected {
	color:#8A8D09;
}

#wrapper #content div.pagination {
	text-align: right;
	padding: 2px 0px 0px 0px;
}

#wrapper #content div.pagination a {
	color: #000;
	font-weight: bold;
}

#wrapper #content div.pagination a.selected {
	color: #E56224;
}
#wrapper #content div.pagination a.disabled {
	display: none;
}


div.video div ul .video-control-up a {
	background: transparent url(../ui/video-control-up.gif) no-repeat top left;
	height: 13px;
}

div.video div ul .video-control-down a {
	background: transparent url(../ui/video-control-down.gif) no-repeat top left;
}
div.video div ul .video-control-up a:hover {
	background: transparent url(../ui/video-control-up-hover.gif) no-repeat top left;
}

div.video div ul .video-control-down a:hover {
	background: transparent url(../ui/video-control-down-hover.gif) no-repeat top left;
}

ul.videos {
	margin: 5px 0 0 0;
}
ul.videos li {
	display: block;
	float: left;
	width: 171px;
	margin: 0 12px 12px 0;
	min-height: 230px;
}
ul.videos .last {
	margin: 0
}
ul.videos img {
	margin: 0 0 10px 0;
}
ul.videos h3 {
	font-size: 1.5em;
	margin: 0 0 5px 0;
	padding: 0 10px;
	line-height: 1em;
}
ul.videos h3 a:hover {
	text-decoration: underline;
}
ul.videos p {
	padding: 0 10px;
}


/** =Layout 1 content-2
-----------------------------------------------------------------------------*/
.layout1 #content-2 h2{
	font-size: 2.8em;	/* 22px */
	letter-spacing: -1.8pt;
	line-height: 0.636em;
}
.layout1 #content-2 h3{
	margin: 0 0 10px 0;
	line-height: 0.8em;
}
.donate{
	display: block;
	height: 34px;
	width: 105px;
	text-indent: -9999px;
	margin: 18px 0 0 0;
	padding-bottom: 16px;
}
.side-block-group, 
#nearest, 
#find-us,
#wheretofindus{
	background: #000;
	padding: 10px;
	color: #FFF;
	margin-bottom: 8px;
}


/** =Side block (Help ICT, Promotional, Press)
-----------------------------------------------------------------------------*/
.side-block div{
	background: url(../ui/bg-donate.png) no-repeat top left;
}

.side-block img {
	display: block;
}

.side-block div div{
	background: url(../ui/bg-donate-bottom.png) no-repeat bottom left;
	padding: 13px 12px 0 12px;
}
.side-block h3{
	margin-bottom: 6px;
	color: #FFF;
	line-height: 1em !important;
}
.side-block a.more{
	padding-bottom: 15px;	
}

.component-generic-promo .side-block p {
	margin-bottom: 5px;
}
.component-generic-promo .side-block p a{
	text-decoration: underline;
	color: #fff;
	cursor: pointer;
}
.press div img{
	background: #000;
	padding: 0 0 1px 0;
}

#contact-press{
	margin: 27px 0 0 0;
	background: none;
}
#contact-press div{
	margin: 15px 0;
	padding: 0;
	background: none;
}

/* Bespoke colours in generic article */
.side-block div.generic-article-light-blue { background-color: #79bde9; }
.side-block div.generic-article-light-blue a.more { background: url(../ui/link-more-white-lightblue.png) no-repeat top right; }
.side-block div.generic-article-light-blue a:hover.more { background: url(../ui/link-more-white-lightblue-hover.png) no-repeat top right; }
.side-block div.generic-article-light-blue a.donate { background: url(../ui/link-donate-lightblue.png) no-repeat top right; }
.side-block div.generic-article-light-blue a:hover.donate { background: url(../ui/link-donate-lightblue-hover.png) no-repeat top right; }

.side-block div.generic-article-red { background-color: #ed1c24; }
.side-block div.generic-article-red a.more { background: url(../ui/link-more-white-red.png) no-repeat top right; }
.side-block div.generic-article-red a:hover.more { background: url(../ui/link-more-white-red-hover.png) no-repeat top right; }
.side-block div.generic-article-red a.donate { background: url(../ui/link-donate-red.png) no-repeat top right; }
.side-block div.generic-article-red a:hover.donate { background: url(../ui/link-donate-red-hover.png) no-repeat top right; }

.side-block div.generic-article-green { background-color: #8a8d09; }
.side-block div.generic-article-green a.more { background: url(../ui/link-more-white-green.png) no-repeat top right; }
.side-block div.generic-article-green a:hover.more { background: url(../ui/link-more-white-green-hover.png) no-repeat top right; }
.side-block div.generic-article-green a.donate { background: url(../ui/link-donate-green.png) no-repeat top right; }
.side-block div.generic-article-green a:hover.donate { background: url(../ui/link-donate-green-hover.png) no-repeat top right; }

.side-block div.generic-article-orange { background-color: #e56224; }
.side-block div.generic-article-orange a.more { background: url(../ui/link-more-white-orange.png) no-repeat top right; }
.side-block div.generic-article-orange a:hover.more { background: url(../ui/link-more-white-orange-hover.png) no-repeat top right; }
.side-block div.generic-article-orange a.donate { background: url(../ui/link-donate-orange.png) no-repeat top right; }
.side-block div.generic-article-orange a:hover.donate { background: url(../ui/link-donate-orange-hover.png) no-repeat top right; }

.side-block div.generic-article-blue { background-color: #127cb3; margin-top:-3px; }
.side-block div.generic-article-blue a.more { background: url(../ui/link-more-white-darkblue.png) no-repeat top right; }
.side-block div.generic-article-blue a:hover.more { background: url(../ui/link-more-white-darkblue-hover.png) no-repeat top right; }
.side-block div.generic-article-blue a.donate { background: url(../ui/link-donate-darkblue.png) no-repeat top right; }
.side-block div.generic-article-blue a:hover.donate { background: url(../ui/link-donate-darkblue-hover.png) no-repeat top right; }

.side-block div.generic-article-dark-blue { background-color: #002649; margin-top:-3px; }
.side-block div.generic-article-dark-blue a.more { background: url(../ui/link-more-white-black.png) no-repeat top right; }
.side-block div.generic-article-dark-blue a:hover.more { background: url(../ui/link-more-white-black-hover.png) no-repeat top right; }
.side-block div.generic-article-dark-blue a.more { background: url(../ui/link-more-white-blue.png) no-repeat top right; }
.side-block div.generic-article-dark-blue a:hover.more { background: url(../ui/link-more-white-blue-hover.png) no-repeat top right; }

/** =Layout 1 content-2 Nearest div (google maps)
-----------------------------------------------------------------------------*/
#nearest h2{
	margin-top: 7px;
	width: 100%;
}
#nearest div{
	margin-top: 6px;
	background: url(../ui/bg-nearest.png) no-repeat top left;
	min-height: 60px;
}
#nearest div img{
	float: left;
	margin: 0 8px 0 0;
}
#nearest div strong{
	display: block;
	padding: 6px 6px 5px 6px;
	color: #000;
}
#nearest div a{
	display: block;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#nearest div a:hover{
	color: #fff;
	text-decoration: underline;
}


/** =Find us
-----------------------------------------------------------------------------*/
#find-us h2, #wheretofindus h2{
	margin-top: 7px;
}
#find-us p, #wheretofindus p {
	margin: 0 0;
}

#find-us p a, #wheretofindus p a {
	color: #fff;
	text-decoration: underline;
}

#find-us p a:hover, #wheretofindus p a:hover {
	text-decoration: none;
}

#find-us p.contact-numbers, #wheretofindus p.contact-numbers {
	margin: 10px 0;
}


/** =Layout 2 Profile view
-----------------------------------------------------------------------------*/
#profile {
	padding-bottom: 10px!important;
	padding: 10px;
	border: 1px solid #000;
}
#content-main #bio {
	width: 100%;
	border: none;
	padding: 0;
	margin: 0 !important;
	position: relative;
}

#content-main #bio p.report {
	right: 0;
	top: 0;
	position: absolute;
	text-align:right;
	width:175px;
	font-weight: bold;
	color: #FF0000;
}

#content-main #bio #report form {
	clear: both;
	display: none;
	margin: 0px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #7F7F7F;
	margin-bottom: 20px;
}

#content-main #bio #report span {
	float: right;
	width: 50%;
}

#content-main #bio p.report a, #content-main #bio #report button {
	float: right;
}

#content-main #profile h1 {
	font-size: 2.666667em;
}

#profile #status-loader {
	position: absolute; 
	border: 0;
	display: none;
	left:358px;
	top:39px;
}
#profile input#status {
	width: 300px;
}
p.status {
	font-size: 1.166667em;
	font-weight: bold;
	border-bottom: 1px dashed #7F7F7F;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
#bio ul {
	color: #FFF;
	font-size: 1.166667em;
	font-weight: bold;
	width: 68%;
	float: right;
	background: url(../ui/bg-bio.png) no-repeat top left #8a8d09;
}
#bio ul li {
	padding: 6px 0 6px 5px;
	border-bottom: 1px solid #FFF;
	word-wrap: break-word;
}
#bio ul li span {
	color: #000;
}
#profile img {
	float: left;
	border: 1px solid #000;
	margin: 0 0 0 0;
}
.layout2 #content-main #profile h2 {
	border-top: 1px dashed #7F7F7F;
	padding: 10px 0 5px 0;
	margin: 10px 5px 1px 0;
	font-size: 1.4em;
	text-indent: 0;
	height: inherit;
}
#profile p {
	margin: 0 0 10px 0;
}
.layout2 #content-2 {
	background: #000;
	color: #FFF;
	padding: 9px;
	width: 316px;
}
.layout2 #content-2 h3 {
	font-size: 1.666667em;
	line-height: 0.7em;
	margin: 0 0 15px 0;
}
.layout2 #content-2 form h3 {
	margin: 0 0 5px 0;
}

#profile-actions li {
	display: inline; 
}
#profile-actions li a{
	display: block;
	float: left;
	height: 36px;
	text-indent: -9999px;
}

.li-message a {
	width: 158px;
	background: url(../ui/btn-message.png) no-repeat top right;
	margin-right: 1px;
}

div#profile-actions a {
	text-indent: -9999px;
}

div.li-message {
	width: 156px;
	height: 36px;
	background: url(../ui/btn-message.png) no-repeat top right;
	margin-right: 1px;
	float: left;
}

div.li-add-friend {
	width: 158px;
	height: 36px;
	margin: 0;
	float: left;
}
#content-2 div#profile-actions div.li-add-friend form#add-friend {
	margin: 0 0 0 0;
}


#profile-actions li.li-add a {
	width: 156px;
	background: url(../ui/btn-add-friend.png) no-repeat top right;
}
div.li-message:hover {
	background: url(../ui/btn-message-hover.gif) no-repeat right 1px;
}

#profile-actions div.pending-friend {
	position: relative;
	float: left;
	width: 156px;
	height: 36px;
	padding: 0;
	margin: 1px 0;
	background: url(../ui/btn-pending-friend.gif) no-repeat top right;
}

#profile-actions button.remove-friend {
	position: relative;
	width: 157px;
	height: 36px;
	padding: 0px;
	margin: 0;
	background: url(../ui/btn-remove-friend.gif) no-repeat bottom right;
}


#profile-actions button.add-friend:hover {
	background: url(../ui/btn-add-friend-hover.gif) no-repeat right 1px;
}
#profile-actions button.add-friend {
	width: 156px;
	height: 36px;
	padding: 0px;
	margin: 0px;
	background: url(../ui/btn-add-friend.png) no-repeat top right;
}
.li-message a:hover {
	background: url(../ui/btn-message-hover.gif) no-repeat right 1px;
}
#profile-actions li.li-add a:hover {
	background: url(../ui/btn-add-friend-hover.gif) no-repeat right 1px;
}
.layout2 #friends h3 {
	margin-top: 6px;
	padding: 6px 0 0 0;
	/*border-top: 1px dashed #8A8D09;*/
}
#friends #friend-list {
	width: 100%;
}
#friends #friend-list.example {
	width: 100%;
	border-top: 1px dashed #8A8D09;
	border-bottom: none;
	padding: 0;
	margin-top: 10px;
}
#friends .viewall {
	color: #8A8D09;
	font-weight: bold;
}
#friends #friend-list li{
	display: block;
	width: 156px;
	float: left;
	margin: 0 0 10px 0;
}
#friends #friend-list h4 {
	width: 154px;
	display: inline;
}
#friends #friend-list a h4 {
	color: #fff;
}
#friends #friend-list img {
	float: left;
	margin: 0 10px 0 0;
}
#friends #friend-list span {
	font-weight: bold;
	display: block;
}
.layout2 #content-2 #friends form{
	margin: 15px 0 8px 0;
	padding: 0;
	background: url(../ui/bg-networkform-large.png) no-repeat top left #8A8D09;
}
.layout2 #content-2 #friends form div{
	padding: 8px 11px 14px 11px;
	margin-bottom: -3px;
	background: url(../ui/bg-networkform-large-bottom.png) no-repeat bottom left;
}

#friends #friends-controls {
	padding: 10px 0 0 0;
	border: none;
	border-top: 1px dashed #8A8D09;
	padding-top: 10px;
}
#friends-controls li {
	display: inline;
}
#friends-controls a {
	color: #FFF;
	padding: 0 5px 0 0;
	font-size: 1.167em;
}
#friends-controls .previous a {
	background: url(../ui/divide.gif) no-repeat top right;
	margin-right: 1px;
}
#friends-controls .page-no {
	margin-left: 152px;
}

#content-2 form{
	margin: 10px 0 0 0;
	padding: 0;
	background: url(../ui/bg-networkform-large.png) no-repeat top left;
}
#content-2 form div{
	padding: 14px;
	margin-bottom: -3px;
	background: url(../ui/bg-networkform-large-bottom.png) no-repeat bottom left;
}

#content-2 form h3{
	color: #FFF;
}
#content-2 form label, #add-profile label, #edit-user label {
	display: block;
	font-weight: bold;
	margin: 9px 0 2px 0;
}
#content-2 form label span {
	font-weight: normal;
	color: #000;
}
#content-2 form #sex, #content-2 form #searching{
	width: 60%;
}
#content-2 form button{
	display: block;
	background: url(../ui/button-go.png) no-repeat top left;
	width: 30px;
	height: 24px;
	text-indent: -9999px;
	border: 0;
	cursor: pointer;
	margin: 12px 0 14px 0;
}


#content h2.friend{
	color: white;
	font-size: 1.544em;
	margin-bottom: 10px;
	background: url(../ui/bg-stand-first.png) no-repeat top left #8A8D09;
	padding: 10px;
}

#content table.friendlist .col1 {
	width: 50%;
}
#content table.friendlist .col2 {
	text-align: right;
}

#table-container table.friendlist{
	margin-bottom: 20px;
}
#table-container table.friendlist tr.mediacentre-tr{
	background-color: #8A8D09;
}
#table-container table.friendlist tr.firsttablerow{
	background: #8A8D09 url(../ui/bg-table-top.png) no-repeat top left;
}
#table-container table.friendlist tr.mediacentre-tr:hover{
	background-color: #717405;
}



/** =Layout 2 search
-----------------------------------------------------------------------------*/
#content-main #search-panel {
	color: #FFF;
	padding: 10px 0 0 0;
	border: 1px solid #000;
}
.search-intro {
	color: #000;
}
#content-main #search-panel div {
	border: none;
	padding: 0;
	width: 50%;
	float: left;
}
#content-main #search-panel h3 {
	margin: 10px 0 10px 0;
}
#content-main #search-panel form {
	margin: 10px 0 0 0;
	width: 100%;
}
#search-panel form select, #search-panel form input {
	margin: 5px 0 5px 0;
	width: 97%
}
#search-panel form label{
	font-weight: bold;
	font-size: 1.167em;
}
#search-panel form .searchbutton {
	clear: both;
	display: block;
	width: 100%;
	background: url(../ui/link-search-green.gif) no-repeat top right;
	border: none;
	text-indent: -9999px;
	height: 23px;
	margin: 0 0 10px 0;	
}
#search-panel form .searchbutton:hover,
#search-panel form .searchbutton.hover {
	background: url(../ui/link-search-green-hover.gif) no-repeat top right;
}
#content-main #search-panel #search-top {
	padding: 0 10px;
	width: 95%;
	margin: 0;
}
#content-main #search-panel #join {
	width: 95%;
	background: #000 url(../ui/search-bg.gif) no-repeat top left;
	margin: 0;
	padding: 25px 10px 10px 10px;
	position: relative;
}
ul#why-join {
	margin: 0 0 10px 0;
}
ul#why-join li {
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	background: url(../ui/green-bullet.gif) no-repeat 0px 5px;
}
.signup {
	display: block;
	height: 34px;
	background: #000 url(../ui/link-signup.gif) no-repeat right 5px;
	text-indent: -9999px;
	overflow: hidden;
}
.signup:hover,
.signip.hover {
	background: #000 url(../ui/link-signup-hover.gif) no-repeat right 5px;
}
#signup form#learning-resource textarea#fields-comments{
	width: 437px;
}
div#dob-block {
	clear: left;
	margin-top: -57px !important;
}

/** =Layout 2 Add profile 
-----------------------------------------------------------------------------*/
#add-profile{
	padding: 10px;
	border: 1px solid #000;
}

#add-profile p,
#edit-user p {
	margin: 0 0 10px 0;
}

#add-profile h2.subheading {
	color: #000;
	text-align: left;
	display: block;
	clear: both;
	font-size: 1.8em;
	padding-top: 15px;
	margin-bottom: 15px;
	border-top: 1px dashed #7F7F7F;	
}
#add-profile form, #add-profile textarea {
	width: 100%;
}
#add-profile input, #add-profile textarea {
	margin: 3px 0 0 0;
}

#add-profile input#username {
	width: 146px;
}

#add-profile label.invalid {
	color: black;
	font-size: 0.8em;
	font-weight: normal;
}
#register input.invalid{
	background-color: #ffdd74;
}
#register label#checking-username,
#register label#checking-email{
	color: #da1010;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
}

#add-profile textarea {
	height: 100px;
	padding: 4px;
	width: 97%;
	font-family: Arial, sans-serif;
	font-size: 1em;
}
#add-profile select {
	margin: 3px 5px 0 0;
}
button.addprofile {
	display: block;
	width: 100%;
	height: 23px;
	background: url(../ui/link-addprofile-green.gif) no-repeat top left;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	margin: 20px 0 0 0;
}
button:hover.addprofile,
button.hover.addprofile {
	background: url(../ui/link-addprofile-green-hover.gif) no-repeat top left;
}
#add-profile form label,
#edit-user form label
{
	display: inline;
	font-size: 1.167em;
}
#content-main #add-profile p label span {
	font-weight: normal;
	color: #000;
	font-size: 0.9em;
}
#add-profile input {
	width: 60%;
}
#add-profile input.privacycheckbox
{
	width: 20px;
}
#add-profile input.checkbox{
	vertical-align: top;
	margin-top: -1px;
	margin-bottom: 0;
	width: auto;
}
#add-profile div.col,
#edit-user div.col {
	border:medium none;
	float:left;
	padding:0;
	width:50%;
}
#edit-user div.select {
	border:medium none;
	float:left;
	padding:0;
	width:50%;
}

#add-profile div.colwide {
	border:medium none;
	clear:both;
	padding:0;
	width:90%;
}
#add-profile div.colwide select{
	width: 60%;
}

#content-2 #why-add{
	margin: 10px 0 0 0;
	padding: 0;
	background: url(../ui/bg-networkform-large.png) no-repeat top left #8A8D09;
}
#content-2 #why-add div{
	padding: 14px;
	background: url(../ui/bg-networkform-large-bottom.png) no-repeat bottom right;
}
#why-add ul {
	font-weight: bold;
	padding-left: 13px;
	margin: 5px 0 0 0;
}
#why-add ul li {
	list-style-type: disc;
	margin: 0 0 5px 0;
}



#edit-user {
	padding: 10px;
	border: 1px solid #000;
}

#edit-user span.fieldlabel {
	font-size: 1em;
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	
}

/** =Layout 2 Sign up
-----------------------------------------------------------------------------*/
#signup{
	padding: 10px;
	border: 1px solid #000;
	clear: left;
}
form#signup{
	padding: 0;
	border: none;
}
form#signup #register-btm{
	padding: 0;
	border: none;
}
.layout2 #signup div {
	padding: 0;
	border: none;
	float: left;
	width: 48%;
	margin: 3px 10px 3px 0;
}
.layout1 #signup div {
	padding: 0;
	border: none;
	float: left;
	width: 48%;
	margin: 3px 10px 3px 0;
}
#signup div.last,
#edit-user div.last{
	margin: 3px 0;
	padding-left: 0px;
}
#signup div.single{
	width: 100%;
}
#signup p {
	clear: both;
	margin: 0 0 10px 0;
}
#signup label {
	font-weight: bold;
	/*font-size: 1.167em;*/
}

#signup label.error {
	font-weight: bold;
	color: #c00 !important;
	font-weight: normal !important;
	font-style: italic;
	display: block;
}
#signup input {
	margin:3px 0px 0px 0px;
}
#signup select {
    margin:3px 0px 8px 0px;
}
#signup input{
	width: 46.5%;
}
#signup .radio em {
	font-size: 12px;
	margin-right: 10px;
}
#signup .radio input {
	width: auto;
}

#signup a {
	color: #8A8D09;
}

#signup textarea.textarea {
	margin: 3px 0;
	width: 100%;
	height: 100px;
}

.layout1 #signup #issue,
.layout1 #signup #secure,
.layout1 #signup #donation,
.layout1 #signup #initials,
.layout1 #signup #housenum{
	width: 20%;
}
.layout1 #signup #postcode{
	width: 50%;
}
.layout1 #signup h2{
	color: #000;
	text-align: left;
	display: block;
	clear: both;
	font-size: 1.8em;
	padding-top: 15px;
	margin-bottom: 15px;
	border-top: 1px dashed #7F7F7F;
}

.layout1 #signup h2.replace-heading {
	letter-spacing: -1pt;
}

.layout1 #signup #directdebit h2 {
	margin-bottom: 5px;
	padding-top: 5px;
}
.layout1 #signup h2.top,
.layout1 #signup .splash h2{
	border-top: none;
	margin-bottom: 0;
	padding-top: 0;
}
.layout1 #signup .splash h2{
	margin-bottom: 10px;
}
.layout1 #signup .splash{
	width: 423px;
	padding: 10px;
	color: #FFF;
	background: #E56224 url('../ui/bg-donate2.png') no-repeat top left;
	margin-bottom: 10px;
}
.layout1 #signup div.faintsplash{
	width: 423px;
	padding: 10px;
	background: #f7D0BD url('../ui/bg-donate2.png') no-repeat top left;
	margin-bottom: 10px;
}
.layout1 #signup div.faintsplash em{
	font-weight: bold;
}
.layout1 #signup div.faintsplash label{
	color: #000;
	font-weight: normal;
}
.layout1 #signup div.faintsplash .hint{
	color: #E56224;
	font-weight: bold;
}
.layout1 #signup #directdebit h2.title-gift-aid-it {
	border-top: none;
}
.layout1 #signup .splash label{
	color: #FFF;
}
.layout1 #signup .splash span{
	color: #FFF;
	font-size: 1.6em;
	display: block;
	font-weight: normal;
}
.layout1 #signup .contact span{
	width: 85px;
	display: inline-block;
	font-size: 1.3em;
}

.layout1 #signup .contact-details-list span,
.contact-details-list span {
	display: block;
	float: left;
	line-height: 14px !important;
}

.layout1 #signup .contact-details-list span.address-part,
.contact-details-list span.address-part {
	overflow: hidden;
	float: none;
	width: 400px;
	margin-bottom: 2px;
}

.layout1 #signup .contact-details-list span.address-part span.label,
.contact-details-list span.address-part span.label {
	width: 95px;
	font-size: 14px !important;
	font-weight: bold;
}

.layout1 #signup .contact-details-list span.address-part span.value,
.contact-details-list span.address-part span.value {
	font-size: 12px !important;
	color: #000 !important;
	width: 250px !important;
}

.layout1 #signup .splash .detail{
	width: 49%;
	float: left;
	clear: none;
	padding-top: 10px;
}
.layout1 #signup .splash div{
	width: 100%;
}
.layout1 #signup div.comments{
	border-top: 1px dashed #7F7F7F;
	width: auto;
	padding-top: 10px;
}
.layout1 #signup div.comments2{
	border-top: none;
	padding-top: 0;
	width: auto;
}
.layout1 #signup div.comments textarea{
	margin-top: 10px;
}
.layout1 #signup div.comments em{
	font-weight: bold;
}
.layout1 #signup div.secure{
	margin-top: 10px;
}
.layout1 #signup .price{
	color:#E56224;
	font-weight: bold;
}
.layout1 #signup .price span{
	color: #000;
	font-size: 1.6em;
	display: block;
	font-weight: normal;
	margin-top: 5px;
}
.layout1 #signup .servicenum span{
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
.layout1 #signup a{
	color: #000;
	text-decoration: underline;
}
.layout1 #signup a:hover{
	text-decoration: none;
}
.layout1 #signup #register-btm .buttons{
	border-top: 1px dashed #E56224;
	margin-top: 20px;
}
.layout1 #signup #register-btm #cancel,
.layout1 #signup #register-btm #submit,
.layout1 #signup #register-btm #print,
.layout1 #signup #register-btm #back,
.layout1 #signup #register-btm #confirm{
	text-indent: -9999px;
	border: none;
	width: 73px;
	height: 24px;
	float: right;
	display: block;
	margin-top: -1px;
}
div#signup div#register-btm button.lt-button{
	float:right;
	margin-top:-1px;
	padding-bottom:5px;
}
.layout1 #signup #register-btm #cancel{
	background: url(../ui/btn-cancel-donate.gif) no-repeat top right;
}
.layout1 #signup #register-btm #back{
	background: url(../ui/btn-back-donate.gif) no-repeat top right;
	float: left;
}

.layout1 #signup #register-btm #print{
	background: url(../ui/btn-print-donate.gif) no-repeat top right;
}
.layout1 #signup #register-btm #submit{
	background: url(../ui/btn-submit-donate.gif) no-repeat top right;
	width: 83px;
}
.layout1 #signup #register-btm #confirm{
	background: url(../ui/btn-confirm-donate.gif) no-repeat top right;
	width: 83px;
}
.layout1 #signup #register-btm #cancel:hover,
.layout1 #signup #register-btm #cancel.hover{
	background: url(../ui/btn-cancel-donate-hover.gif) no-repeat top right;
}
.layout1 #signup #register-btm #submit:hover,
.layout1 #signup #register-btm #submit.hover{
	background: url(../ui/btn-submit-donate-hover.gif) no-repeat top right;
}
.layout1 #signup #register-btm #confirm:hover,
.layout1 #signup #register-btm #confirm.hover{
	background: url(../ui/btn-confirm-donate-hover.gif) no-repeat top right;
}
.layout1 #signup #register-btm #print:hover,
.layout1 #signup #register-btm #print.hover{
	background: url(../ui/btn-print-donate-hover.gif) no-repeat top right;
}
.layout1 #signup #register-btm #back:hover,
.layout1 #signup #register-btm #back.hover{
	background: url(../ui/btn-back-donate-hover.gif) no-repeat top right;
}
#signup div input{
	width: 97%;
}
#signup div p.checkbox input{
	width: auto;
}
.layout1 #signup div.error label, .layout1 #signup div.error label a {
	color: #FFF !important;
	background-color: #ed1c24;
	padding: 1px 5px; 
	font-weight: bold !important;
}
.layout1 #signup div.error input {
	border: 2px solid #ed1c24;
}

#tct-container #drop #content-main div.splash .error,
#tct-container #drop #content-main div.splash label.error,
#tct-container #drop #content-main div.splash label.error em {
	color: #000 !important;
	font-weight: bold !important;
}


.layout1 #signup div input.checkbox,
#signup div input.checkbox{
	vertical-align: top;
	margin-top: -1px;
	margin-bottom: 0;
	width: auto;
}
.layout1 #signup div#register-btm p {
	margin-bottom: 10px;
}
.layout1 #signup div#register-btm input {
	width: auto;
	margin-bottom: 10px;
	margin-right: 5px;
	float: left;
}

.checkbox-confirm {
	overflow: hidden;
}

.checkbox-confirm input {
	width: auto !important;
	float: left;
	margin: 0 !important;
}

.checkbox-confirm label {
	color: #000 !important;
	font-weight: normal !important;
	float: left;
	padding-left: 5px;
	width: 400px;
}

#signup input#giftaid{
	width: auto;
}
#signup #register-btm {
	border-top: 1px dashed #7F7F7F;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}
#signup #register-btm label {
	font-weight: normal;
	color: #000;
}
.btnbrowse, .btnupload {
	display: block;
	height: 23px;
	width: 73px;
	text-indent: -9999px;
	border: none;
	float: left;
	margin: 17px 0 0 10px;
	cursor: pointer;
}
.btnbrowse {
	background: url(../ui/btn-browse.gif) no-repeat top left;
	margin-left: 24px;
}
.btnupload {
	background: url(../ui/btn-upload.gif) no-repeat top left;	
}
.btnbrowse.hover, .btnbrowse:hover {
	background: url(../ui/btn-browse-hover.gif) no-repeat top left;
	margin-left: 24px;
}
.btnupload.hover, .btnupload:hover {
	background: url(../ui/btn-upload-hover.gif) no-repeat top left;	
}
#signup #register-btm p {
	margin: 0 0 5px 0;
}

#signup div#signupdiv {
	width: 100%;
	border-top: 1px dashed #7F7F7F;
	margin: 0;
	padding: 0;
}

#signup #signupbuttoncontainer {
	float:right; 
	width: 73px;	
}

#signup #register-btm button {
	margin: 0px 0 0 0;
	padding: 0;
	height: 23px;

}
.register {
	background: url(../ui/signup.gif) no-repeat top left;
	width: 100%;
	cursor: pointer;
	border: none;
	height: 23px;
	/*text-indent: -9999px;*/
}
.register:hover,
.register.hover {
 	background-position: 0 -24px
}

#propose-fundraiser div.title {
	width: 60px !important;
}

#propose-fundraiser div.title select {
	width: 55px !important;
	margin-bottom: 0 !important;
}

#propose-fundraiser div.first-name,
#propose-fundraiser div.last-name {
	width: 140px !important;
}

/** =Form Error 
-----------------------------------------------------------------------------*/
#error{
	float:left;
	width:446px;
	color: #FFF;
	background: #ed1c24 url('../ui/bg-donate2.png') no-repeat top left;
	padding: 10px;
	margin-bottom: 10px;

}
.layout1 #error h2{
	font-size: 1.8em;
	color: #FFF;
}


/** =Login 
-----------------------------------------------------------------------------*/

body.login #nav-side {
	display: none;
}

#content #loginmain,
#content #password-reset  {
	margin: 10px 0 10px 64px;
	padding: 10px;
	background: #000000 none repeat scroll 0 0;
	color: #FFFFFF;
	padding: 9px;
	width: 333px;
}

#content #loginmain form div div {
	width: 156px;
}

#content #loginmain form div input {
	width: 144px;
}

#content #loginmain div#login-prompt {
	margin: 3px 0 10px 0;
	padding: 5px 5px 20px 5px;
	background: #79bdea;
}

#content #loginmain div#login-button {
	border-top: 1px dashed #79bdea;
}

#login-prompt label {
	color: #fff;
}

#content #loginmain p {
	clear:both;
	margin:0 0 10px;
}

#content #loginmain #left {
	margin: 0 10px 0 0;	
}
#content #loginmain #right {
	margin: 0;	
}

#content #loginmain form div div {
	color:#79bdea;
	font-weight: bold;
	float: left;	
}

#content #loginmain form p {
	margin: 0 0 10px 0;
}

#content #loginmain form div p {
	margin: 0 0 5px;
}

#content #loginmain a {
	color: #fff;
	text-decoration: none;
}
#content #loginmain a:hover {
	text-decoration: underline;
} 





#content-2 #login form div {
	padding: 0;
	background: url(../ui/bg-networkform-large.png) no-repeat top left #8A8D09;
}
#content-2 #login form div div {
	padding: 10px 14px 14px 14px;
	background: url(../ui/bg-networkform-large-bottom.png) no-repeat bottom left;
	margin-bottom: -3px;
}
#content-2 #login form {
	padding: 0;
	margin: 15px 0 0 0;
	background-color: transparent;
}
#content-2 #login form div p {
	display: block;
	float: left;
	width: 50%;
	line-height: 1em;
	margin: 0;
}
#content-2 #login form label, #content-2 #login form input {
	margin: 0;
}
#content-2 #login form input {
	width: 90%;
}
#content-2 #login button {
	clear: both
}
#content-2 #login h3 {
	margin: 1px 0 5px 0;
}
#content-2 #login button.login {
	background: url(../ui/btn-login.gif) no-repeat top right;
	width: 100%;
	margin: 17px 0 0 0;
}
#content-2 #login button:hover.login,
#content-2 #login button.hover.login  {
	background: url(../ui/btn-login-hover.gif) no-repeat top right;
}

#content-2 #login a  {
	color: #FFFFFF;
}
/** = My events and fundraisers
-----------------------------------------------------------------------------*/
#content #my-events-fundraisers{
	padding: 10px;
	background: #000000 none repeat scroll 0 0;
	color: #FFFFFF;
	padding: 9px;
	width: 450px;
}
#my-events-fundraisers h2.standfirst {
	color:#FFFFFF;
	font-size:1.544em;
	background: #79bde9 url(../ui/bg-stand-first.png) no-repeat scroll left top;
}

#my-events-fundraisers .standfirst {
	clear:right;
	margin-bottom:10px;
}

#my-events-fundraisers table {
	color: white;
	background-color: #E56224;
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
	text-align: left;
	margin-bottom: 8px;
}
#my-events-fundraisers tr{
	border-bottom: 1px solid #fff;
}
#my-events-fundraisers td.main{
	width: 330px;
}
#my-events-fundraisers span.edit{
	margin-top: 17px;
}
#my-events-fundraisers img{
	float: left;
	border: 3px solid #fff;
}
#my-events-fundraisers p{
	margin: 17px 0 0 120px;
}
#my-events-fundraisers .firsttablerow {
	background: url(../ui/bg-table-top.png) no-repeat scroll left top;
	font-size: 1em;
}

#my-events-fundraisers tr.loginmain-tr:hover{
	background-color: #D94904;
	cursor: pointer;
}

#my-events-fundraisers table th {
	border-bottom:1px solid #FFFFFF;
	font-size:1.5em;
	padding:10px;
	text-align:left;
}

#my-events-fundraisers table td {
	padding:10px;	
}
#content #my-events-fundraisers table tr.loginmain-tr td a {
	color: #FFF;
}

/** =Layout 5 - Full page width
-----------------------------------------------------------------------------*/
.layout5 #content {
	background: #fff;
	border: 1px solid #000;
	padding: 10px;
	width: 722px;
	min-height: 500px;
}
.layout5 #content p{
	margin: 0 0 10px 0;
}
.layout5 #content h1 {
	font-size: 2.666667em;
	letter-spacing: -2px;
}
.layout5 #content h2 {
	font-size: 1.5em;
	margin: 0 0 3px 0;
	letter-spacing: -1px;
}

/** =Layout 5 - Message 
-----------------------------------------------------------------------------*/
#message-controls {
	width: 100%;
	font-size:  1.167em;	/* 14px */
	padding: 5px 0;
	margin: 5px 0 0 0;
	background: url(../ui/bg-message.png) no-repeat top left #8A8D09;
}
#message-controls li {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}
#message-controls li a {
	color: #FFF;
	padding: 10px;
}
#message-controls li a:hover {
	text-decoration: underline;
}
#message-controls #inbox {
	float: right;
}
#message-info {
	display: block;
	width: 99%;
	border-bottom: 1px dashed #7F7F7F;
	margin: 0 0 17px;
	padding: 0 0 10px 5px;
}
#message-info h2 {
	padding-top: 12px;
}
#message-info table {
	width: 712px; 
	float: left;
	text-align: left;
	font-weight: bold;
}
#message-info tr td{
	padding: 3px 0;
}
#message-info th {
	font-size: 1.167em;
	width: 10%;
}
#message-info img {
	float: left;
}
#message-info #messagedetails {
	width: 20%;
	clear:none;
	float:left;
}
#message-info #messagedetails {
	width: 20%;
	clear:none;
	float:left;
}
#message-info #messagebody {
	width: 100%;
	padding-top: 5px;
	clear:both;
	float:left;
}
#message-info #messagedetails .profile-image {
	float:left;
}

table.user-details tbody td.message-image{
	width: 60px;
}
div#content table.user-details tbody, div#content table.user-details table, div#content table.user-details tr, div#content table.user-details td, div#content table.user-details th {
	vertical-align:top;
	padding-left: 5px;
}
div#content table.user-details td.report{
	width: 80px;
	color: #ff0000;
}


/** =Layout 5 - Create message 
-----------------------------------------------------------------------------*/
#create-message h1,
#reply-to-message h1 {
	border-bottom: 1px dashed #7F7F7F;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
}
#create-message label,
#reply-to-message label {
	display: block;
	float: left;
	width: 13%;
	font-weight: bold;
	font-size:  1.167em;
}
#create-message form div,
#reply-to-message form div {
	clear: both;
	display: block;
}
#create-message input,
#create-message textarea,
#reply-to-message input,
#reply-to-message textarea {
	width: 85.3%;
	padding: 3px;
	float: right;
	margin: 0 0 15px 0;
}
#create-message textarea,
#reply-to-message textarea{
	font-family:arial;
	font-size:1em;
	font-weight:normal;
	height:200px;
	width: 85.5%;
}
#create-message button,
#reply-to-message button {
	width: 87%;
	float: right;
	background: url(../ui/btn-send.gif) no-repeat top right;
	border: none;
	height: 23px;
	text-indent: -9999px;
	cursor: pointer;
}
#create-message button:hover,
#create-message button.hover,
#reply-to-message button:hover,
#reply-to-message.hover {
	background: url(../ui/btn-send-hover.gif) no-repeat top right;
}

/** =Layout 5 - Inbox 
-----------------------------------------------------------------------------*/
#content #inbox {
	position: relative;
}
#inbox table {
	width: 100%;
	border-bottom: 1px dashed #7F7F7F;
	padding: 0 0 10px 0;
	margin: 0 0 5px 0;
	background: url(../ui/bg-inbox.gif) no-repeat top left;
}
#inbox .inbox-top {
	border-bottom: 1px solid #FFF;
}
#inbox table th {
	font-size: 1.167em;
	color: #FFF;
	text-align: left;
	padding: 5px 0;
	background: #8a8d09;
}
#inbox table td {
	text-align: left;
	border-bottom: 1px dashed #7F7F7F;
	padding: 5px 0 5px 0;
	vertical-align: top
}
#inbox table td input.checkbox{
	vertical-align: top;
	margin-top: 0;
	margin-bottom: 0;
}
#inbox table .from img {
	float: left;
	margin: 0 10px 0 0;
}
#content #inbox table h2 {
	font-size: 1.1em;
}
.highlight td {
	background-color: #e4e4cf;
}
#inbox .delete {
	width: 7%;
	vertical-align: middle;
	padding-left: 3px;
}
#inbox .checkboxdelete {
	display: none;
}
#inbox .from {
	width: 30%;
}
#inbox .subject {
	width: 45%;
}
#inbox .date {
	text-align: right;	
	padding-right: 5px;
}
#inbox th.date {
	background: #8a8d09 url(../ui/date-icon.gif) no-repeat 70px 9px;
}
#inbox .date span {
	display: block;
	font-weight: bold;
}
#inbox button.deletebutton {
	float: left;
	background: #FFF url('../ui/btn-delete-selected.gif') no-repeat center;
	width: 145px;
	height: 27px;
	text-indent: -9999px;	
	overflow: hidden;
	border: 0;
	margin-left: 5px;
	display: none;
}
#inbox button.deletebutton:hover,
#inbox button.deletebutton.hover{
	background: #FFF url('../ui/btn-delete-selected-hover.gif') no-repeat center;
}
#inbox div.pagination a {
	color: black;
}
#inbox div.pagination a.selected {
	text-decoration: underline;
	color: black;
}

#wrapper #content ul.pagination li {
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
}
#wrapper #content ul.pagination {
	float: right;
	margin: 5px 0 0 0;
}
#wrapper #content .video-comments ul.pagination {
	float: right;
	margin: 0 0 10px 0;
}

#wrapper #content ul.pagination a {
	color: #000;
}
#wrapper #content ul.pagination a:hover,
#wrapper #content ul.pagination .selected a {
	text-decoration: underline;
}
#wrapper #content ul.pagination .selected a:hover {
	text-decoration: none;
}
#wrapper #content ul.pagination .next, #wrapper #content ul.pagination .previous {
	font-weight: bold;
}
#inbox-search{
	position: absolute;
	top: 5px;
	right: 10px;
}
#inbox-search p {
	margin-bottom: 12px;
}
#inbox-search p input{
	width: 143px;
	color: #666;
}
#inbox-search p button{
	display: inline;
	margin: 0 0 0 5px;
	background: url(../ui/button-go.png) no-repeat top left;
	width: 30px;
	height: 24px;
	text-indent: -9999px;
	border: 0;
	cursor: pointer;
}
#inbox-search p button:hover,
#inbox-search p button.hover{
	background: url(../ui/button-go-hover.png) no-repeat top left;
}

div#create-new-message {
	background: url(../ui/btn-create-message-small.gif) no-repeat top left;
	height:26px;
	width:97px;
}

/** =Search results - Layout 5
-----------------------------------------------------------------------------*/
.layout5 #wrapper #content.content-results {
	padding: 0;
	border: none;
	width: 744px;
}
#search-results-inner {
	border: 1px solid #000;
	padding: 10px;
}
#search-results h1{
	margin-bottom: 0;
}

#search-results div.emptysearchresults {
	text-align: center;
	padding: 20px 0 20px;
	font-size: 1.2em;
	color: #8A8D09;
}

#search-results img#search-image-loader{
	position: absolute; 
	left: 910px; 
	display: none;
}

#search-results tr.results-row:hover{
	cursor: pointer;
}

#refine-search, #refine-search-case {
	color: #FFF;
	padding: 10px;
	width: 97.5%;
	margin: 5px 0 0 0;
	background: url(../ui/bg-search-top.png) no-repeat top left #8A8D09;
}

#refine-search dl, #refine-search-case dl{
	width: 100%;
	font-weight: bold;
	border-bottom: 1px dashed #FFF;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
#refine-search dl dt, #refine-search dl dd, #refine-search-case dl dd, #refine-search-case dl dt {
	display: inline;
}
#refine-search dt{
	color: #000;
}
#refine-search dl a, #refine-search-case dl a {
	color: #FFF;
	text-decoration: underline;
	font-weight: normal;
}
#refine-search form div, #refine-search-case form div {
	display: block;
	float: left;
	margin: 5px 10px 10px 0;
}
#refine-search form div.last, #refine-search-case form div.last {
	display: block;
	float: left;
	margin-right: 0;
}
#refine-search label, #refine-search-case label {
	display: block;
	color: #000;
	font-weight: bold;
	margin: 0 0 3px 0;
}
#refine-search select, #refine-search-case select {
	/*text-align: center;*/
}
#refine-search option, #refine-search-case option {
	text-align: left;
}

select#type, select#treatment {
	width: 242px;
}
select#age {
	width: 78px;
}
select#location {
	width: 109px;
}
#search-results table {
	width: 100%;
	clear: both;
	margin: 10px 0 0 0;
}

#search-results table th.header {
	background: url(/assets/ui/bg.gif) no-repeat right center;
}

#search-results table th.headerSortUp {
	background: url(/assets/ui/desc.gif) no-repeat right center;
}

#search-results table th.headerSortDown {
	background: url(/assets/ui/asc.gif) no-repeat right center;
}

#search-results select.pagesize {
	display: none;
}
#search-results div.pager {
	margin-top: 10px;
}
#search-results div.pager a {
	color: black;
}
#search-results table th {
	border-top: 1px dashed #7F7F7F;
	border-bottom: 1px dashed #7F7F7F;
	text-align: left;
	padding: 6px 10px;
	background: url(/assets/ui/bg.gif) no-repeat right center;
}

#search-results table td {
	padding: 6px 10px;
	border-bottom: 1px dashed #7F7F7F;
	vertical-align: top;
}
#search-results table .even, table#searchresults thead th.even {
	background-color: #F3F3E6;
}
#search-results table img {
	margin: 0 10px 0 -10px;
	float: left;
}
#search-results table a {
	font-weight: bold;
}
#search-results .results-view {
	text-align: right;
}
#search-results .results-view a {
	color: #000;
}
#search-results .results-view a span {
	text-indent: -9999px;
	display: block;
	height: 1px;
	width: 1px;
	text-align: left;
}
#search-results-table tr.results-row td{
	vertical-align: middle;
}
#search-results-table tr.results-row{
	border-bottom: #000 dashed 1px;
}
#search-results th{
	cursor: pointer;
}


.search-status {
	width: 50%;
	float: left;
	margin: 5px 0 0 0!important;
}
.search-status span {
	font-weight: bold;
}
.result-image{
	width: 100px;
}
td.result-image{
	text-align: center;
}
.results-user {
	width: 26%;
}
.results-type {
	width: 18%;
}
.results-treatment {
	width: 20%;
}
.results-age {
	width: 9%;
}

#related-videos, #related-case-studies {
	background: #000;
	color: #FFF;
	margin: 8px 0 0 0;
	padding: 10px;
}
#related-videos {
	width: 312px;
	float: left;
	margin: 8px 10px 0 0;
}
#related-videos ul {
	border-bottom: 1px dashed #8A8D09;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
#related-videos li {
	clear: both;
	margin: 0 0 5px 0;
	display: block;
}
#related-videos img {
	float: left;
	margin: 0 10px 0 0;
}
#related-videos a {
	color: #fff;
	font-weight: bold;
}
#related-videos h3 {
	margin: 0 0 5px 0;
	line-height: 1em;
}
#related-videos h3 a {
	color: #8A8D09;
	font-size: 0.8em;
	font-weight: normal;
}
#related-case-studies {
	float: right;
	width: 382px;
}
.see-more {
	float: right;
	margin: 0;
}
#related-case-studies .see-more {
	margin: 10px 0 5px 0;
}
#related-case-studies ul {
	border-bottom: 1px dashed #8A8D09;
	padding: 0 0 15px 0;
}
#related-case-studies li {
	display: block;
	margin: 0 10px 20px 0;
	border-bottom: #fff dashed 0.5px;
}
#related-case-studies li a img{
	float: left;
	margin-right: 10px;
}
#related-case-studies a {
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
}
#related-case-studies li.last {
	margin-right: 0;
}
#related-case-studies li dl {
	font-weight: bold;
	margin: 5px 0 0;
	min-height: 137px
}
#related-case-studies li dt {
	color: #8A8D09;
}
#related-case-studies li dd {
	margin: 0 0 3px 0;
}


/** =Layout 3 content-main University / gallery / key facts
-----------------------------------------------------------------------------*/
#uni{
	width: 724px;
	border: 1px solid #020202;
	padding: 9px;
	background: url(../ui/bg-uni.gif) no-repeat bottom left #fff;
}
#uni h1{
	margin-bottom: 9px;
}

#uni div{
	float: left;
	width: 454px;
}
#uni div img{
	border: 1px solid #000;
}

/* Gallery */
#uni div #gallery-controls {
	margin: 11px 0 9px 0;
	width: 440px;
	float: none;
}
#uni div #gallery-controls img {
	border: 0;
	margin: 0;
	padding: 0;
}
#uni div #gallery-controls li {
	background: none;
	margin: 0 0 0 0 !important;
	padding: 0;
	padding-right: 5px;
	float: left;
	width: 100px;
	height: 56px;
}
#uni div #gallery-controls li.gallery-previous{
	margin-right: 4px;
}
#uni div #gallery-controls li.gallery-next{
	margin: 0 0 0 2px;
}
#uni div #gallery-controls li a {
	display: block;
	margin: 0;
	padding: 0;
}
#uni div .gallery-previous a{
	background: url(../ui/gallery-left.png) no-repeat top left;
}
#uni div .gallery-next a{
	background: url(../ui/gallery-right.png) no-repeat top left;
}
#uni div .gallery-status{
	color: #fff;
	padding: 0 29px 0 0;
	float: right;
}
/* /Gallery */

#uni ul{
	margin: 0;
	padding: 0;
	width: 269px;
	float: left;
}
#uni li{
	list-style: none;
	margin-bottom: 1px;
	padding: 10px;
}
#uni li.unilisttitle{ background: url(../ui/bg-uni-list-top.png) no-repeat left top; }
#uni li.unilistone{ background: url(../ui/list-facts-one.png) no-repeat top right; }
#uni li.unilisttwo{ background: url(../ui/list-facts-two.png) no-repeat top left; }
#uni li.unilistthree{ background: url(../ui/list-facts-three.png) no-repeat top right; }

#uni li.unilisttitle h3{
	color: #fff;
	padding: 3px 0;
}
#uni li p{
	background: url(../ui/list-star.gif) no-repeat top left;
	padding-left: 22px;
	margin: 0;
	color: #fff;
}


/** =Layout 3 content-main "Appeal"
-----------------------------------------------------------------------------*/
#content-main #appeal{
	width: 308px;
	border: 1px solid #020202;
	padding: 8px 10px;
	background: url(../ui/bg-appeal.gif) no-repeat top left #000;
	color: #FFF;
	margin: 0 0 9px 0;
}
#content-main #appeal h2{
	margin-bottom: 14px;
}
#content-main #appeal h3{
	margin-bottom: 8px;
}
#content-main #appeal a.more{
	margin-bottom: 2px;
}


/** =Layout 3 content-main "Meet the staff"
-----------------------------------------------------------------------------*/
#content-main #staff{
	width: 308px;
	height: 298px;
	border: 1px solid #020202;
	padding: 10px;
	background: #fff;
}
#content-main #staff div{
	background: url(../ui/dotty.gif) repeat-x top;
	padding-top: 9px;
	width: 309px;
}
#content-main #staff div div{
	background: none;
	padding: 0;
	overflow: auto;
	height: 248px;
}
#content-main #staff ul{
	margin: 0;
	padding: 0;
}
#content-main #staff li{
	background: url(../ui/dotty.gif) repeat-x bottom;
	clear: both;
	min-height: 124px;
	margin-bottom: 9px;
}
#content-main #staff li img{
	border: 1px solid #000;
	float: left;
	margin: 0 11px 8px 0;
}
#content-main #staff li h3{
	font-size: 1.833em;	/* 22px */
	line-height: 0.636em;
	margin: 0 0 7px 0;
	padding-top: 4px;
}
#content-main #staff li h4{
	font-size: 1em;	/* 22px */
	line-height: 0.636em;
	color: #000;
	margin-bottom: 8px;
}


/** =Layout 3 content-main "Where to find us"
-----------------------------------------------------------------------------*/
#content-main #wheretofindus {
	width: 382px;
	border: 1px solid #020202;
	padding: 10px;
	background: #000;
	float: right;
	position: absolute;
	top: 0;
	right: -278px;

}
#content-main #wheretofindus h2{
	margin-bottom: 8px;
}
#content-main #wheretofindus p{
	color: #fff;
	font-weight: bold;
	margin: 0 10px 2px 2px;
}
#content-main #wheretofindus p em{
	font-style: normal;
}
#content-main #wheretofindus p a{
	color: #fff;
	text-decoration: underline;
}
#content-main #wheretofindus p a:hover{
	color: #fff;
	text-decoration: none;
}
#content-main #google-map{
	position: absolute;
	background: none;
	float: none;
	bottom: 7px;
	right: 11px;
	width: 382px;
}


/** =Layout 3 content-main "Support network"
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#content-main #support-network{
	width: 722px;
	padding: 10px 12px 14px 10px;
	background: #000;
}
#content-main #support-network h2{
	margin-bottom: 11px;
}
#content-main #support-network h3{
	color: #8a8d09;
	background: url(../ui/h3-dotty.png) repeat-x bottom;
	padding-bottom: 9px;
	margin-bottom: 5px;
	margin-top: 2px;
}
#content-main #support-network h4{
	font-size: 1.166667em;
	line-height: 1em;
	margin-bottom: 5px;
}
#content-main #support-network a{
	font-weight: bold;
	color: #8a8d09;
}
#content-main #support-network a:hover{
	text-decoration: underline;
}
#content-main p.profile-edit-extra{
	border-top-color:#7F7F7F;
	border-top-style:dashed;
	border-top-width:1px;
	padding-top:10px;
	color: #000000;
}
/** =Section Search
-----------------------------------------------------------------------------*/
#section-search #searchfor {
	margin-left: 15px;
	width: 180px;
}

#section-search button.evf-search-button {
	position: relative;
	top: 7px;
}

.section-search #refine-search {
	background-color: #e56224;
}

.section-search #refine-search-case {
	background-color: #127CB3;
}

.section-search table {
	margin-top: 10px;
	width: 100%;
}

.section-search table a {
	color: #e56224;
	font-weight: bold;
}

.section-search td {
	padding: 10px;
}
.section-search td.no-records{
	text-align: center;
}
.section-search th {
	border-top: 1px dashed #7f7f7f;
	border-bottom: 1px dashed #7f7f7f;
	vertical-align: middle;
	text-align: left;
	padding: 10px;
	white-space: nowrap;
}

.section-search .even {
	background-color: #f3f3e6;
}




/** =Search
-----------------------------------------------------------------------------*/
.support-network-search{
	float: left;
	width: 253px;
	margin-right: 10px;
}
#content-main #support-network .support-network-search h4{
	color: #fff;
}
#content-main #support-network .support-network-search h4 em{
	color: #000;
	font-weight: normal;
	font-size: 0.857143em;
	line-height: 1.166667em;
}
.support-network-search form{
	margin: 0 0 15px 0;
	padding: 0;
	background: url(../ui/bg-search.png) no-repeat top left #8A8D09;
}
.support-network-search form div{
	padding: 11px 9px 14px 9px;
	margin-bottom: -3px;
	background: url(../ui/bg-search-bottom.png) no-repeat bottom left;
}
.support-network-search form label{
	display: block;
	font-weight: bold;
	margin: 9px 0 2px 0;
	color: #000;
}
.support-network-search #talk, .support-network-search #searchfor{
	width: 95%;
	height: 1.5em;
	padding: 3px;
}
.searchbutton{
	display: block;
	background: url(../ui/button-search.png) no-repeat top left;
	width: 73px;
	height: 23px;
	text-indent: -9999px;
	border: 0;
	cursor: pointer;
	float: right;
	margin-top: 10px;
}

/* =Featured
-----------------------------------------------------------------------------*/
.support-network-featured{
	float: left;
	width: 257px;
	margin-right: 10px;
}
#content-main #support-network .support-network-featured h4{
	color: #8a8d09;
}

.featured-video-small{
	margin: 6px 0 17px 0;
	background: url(../ui/bg-nearest.png) no-repeat top left #8a8d09;
	min-height: 60px;
	padding:7px 6px;
}
.featured-video-small img{
	float: left;
	margin: 0 8px 0 0;
}
.featured-video-small strong{
	display: block;
	padding: 6px 6px 0 6px;
	color: #000;
}
#content-main #support-network .support-network-featured .featured-video-small a{
	display: block;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding-top: 5px;
}
#content-main #support-network .support-network-featured .featured-video-small a:hover{
	color: #fff;
	text-decoration: underline;
}

.featured-profile-small{
	margin: 6px 0 17px 0;
	padding: 7px 6px;
	background: url(../ui/bg-profile.png) no-repeat top left #8a8d09;
	min-height: 60px;
}
.featured-profile-small img{
	float: left;
	margin: 0 8px 0 0;
}
.featured-profile-small p{
	font-weight: bold;
	color: #fff;
}
.featured-profile-small strong{
	margin: 0 4px 0 0;
	color: #000;
}
#content-main #support-network .support-network-featured .featured-profile-small a{
	display: block;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 6px 0 0 68px;
}
#content-main #support-network .support-network-featured .featured-profile-small a:hover{
	color: #fff;
	text-decoration: underline;
}

/* =Join now
-----------------------------------------------------------------------------*/
.support-network-join{
	float: left;
	width: 190px;
}
.support-network-join p{
	color: #fff;
	margin: 0 10px 15px 0;
}
.support-network-join a{
	display: block;
	width: 73px;
	height: 23px;
	text-indent: -9999px;
	float: left;
	margin-top: 7px;
}
.signup-button{ background: url(../ui/button-signup.png) no-repeat top left; margin-right: 16px; }
.login-button{ background: url(../ui/button-login.png) no-repeat top left; }
.signup-button:hover{ background: url(../ui/button-signup-hover.png) no-repeat top left; }
.login-button:hover{ background: url(../ui/button-login-hover.png) no-repeat top left; }

/** =Layout 4 Two-column-row
-----------------------------------------------------------------------------*/
.two-column-row {
	padding: 10px;
	margin-bottom: 11px;
	border: 1px solid #000;
	width: 722px; 
	clear: both;
}

.two-column-row img{
	border: 1px solid #000;
	float: left;
	margin: 0 11px 0 0;
}

.two-column-row div#videoPlayerWrapper1 {
	float: left;
	margin: 0 11px 0 0;
}


.two-column-row h2 {
	margin-bottom: 0;
}
.two-column-row div{
	float: left;
	width: 256px;
}


.layout4 .side-block-group{
	margin-bottom: 0;
}
.side-block-group-white{
	border-top: 10px solid #FFF;	
	background: #000;
	padding: 10px;
	color: #FFF;
}


/** =Layout 4 Featured Article
-----------------------------------------------------------------------------*/
.layout4 #featured-article{
	float: left;
	width: 444px;
	margin-right: 10px;
}


/** =Layout 4 Unit appeals
-----------------------------------------------------------------------------*/
#unit-appeals{
	float: right;
	width: 249px;
	padding: 10px 9px 10px 10px;
	background: #000;
	color: #FFF;
}
#unit-appeals div{
	padding: 15px 10px;
	background: url(../ui/bg-unit-appeal.png) no-repeat top left;
	min-height: 75px;
	display: none;
}

* html #unit-appeals div {
	height: 75px;
}

#unit-appeals div.show {
	display: block;
}

#unit-appeals div .unit-icon{
	border: 1px solid #000;
	float: left;
	margin: 0;
	margin-right: 10px;
	display: block;
	padding: 0;
	display: block;
	width: 118px;
	height: 65px;
}
#unit-appeals div a{
	color: #FFF;
	font-weight: bold;
	margin-top: 6px;
}
#unit-appeals div span{
	width: 1px;
	height: 1px;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
#unit-appeals div a:hover{
	color: #FFF;
	text-decoration: underline;
}
#unit-appeals ul{
	margin: 9px 2px 0 0;
	padding: 0;
	float: right;
}
#unit-appeals li{
	float: left;
	color: #FFF;
	margin-left: 5px;
}
#unit-appeals li a{
	color: #FFF;
}
#unit-appeals li a:hover{
	color: #e56224;
}
#unit-appeals li.unit-appeal-previous a{
	background: url(../ui/arrow-left.gif) no-repeat top left;
	display: block;
	width: 11px;
	height: 11px;
	text-indent: -9999px;
}
#unit-appeals li.unit-appeal-next a{
	background: url(../ui/arrow-right.gif) no-repeat top left;
	display: block;
	width: 11px;
	height: 11px;
	text-indent: -9999px;
}
#unit-appeals a.ua-arrow-disabled {
	visibility: hidden;	
}


/** =Layout 4 Two-column-row Music workshop
-----------------------------------------------------------------------------*/
.music-workshops div ul{
	margin: 0;
	padding: 0;
	background: url(../ui/dotty.gif) repeat-x bottom;
	padding-bottom: 11px;
	font-weight: bold;
	font-size: 1.166667em; /* 14px */
}
.music-workshops div li{
	margin-bottom: 1px;
	word-wrap: break-word;
}
.music-workshops div li strong{
	color: #000;
}
.music-workshops div p{
	margin: 13px 0 0 0;
}
.music-workshop-details a{
	text-decoration: underline;
}
.music-workshop-details a:hover{
	text-decoration: none;
}



/** =Layout 4 Two-column-row Events finder
-----------------------------------------------------------------------------*/
#google-maps-event-finder {
	position: relative;
}

.events-finder ul{
	margin: 0;
	padding: 0;
}
.events-finder li{
	list-style: none;
	margin-bottom: 1px;
	padding: 10px;
	color: #FFF;
}
.events-finder li.eventslist-title{ background: url(../ui/bg-uni-list-top.png) no-repeat left top; }
.events-finder li.eventslist-one{ background: url(../ui/list-facts-one.png) no-repeat top right; }
.events-finder li.eventslist-two{ background: url(../ui/list-facts-two.png) no-repeat top left; }
.events-finder li.eventslist-three{ background: url(../ui/list-facts-three.png) no-repeat top right; }
.events-finder li.eventslist-form{ background: url(../ui/bg-events-finder2.png) no-repeat top left #000; }

.events-finder li a{
	color: #FFF;
}
.events-finder li a:hover{
	text-decoration: underline;
}

.events-finder li h3{
	color: #FFF;
	padding: 3px 0;
}
.events-finder li form{
	margin: 0;
	padding: 0;
	color: #FFF;
}
.events-finder li form label{
	display: block;
	font-weight: bold;
	padding: 12px 0 5px 0;
}
.events-finder-formbox{
	width: 180px;
	float: left;
	border: 0;
	margin: 10px 12px 0 0;
	padding: 2px 0 2px 4px;
	color: #444;
	font-size: 13px;
}

.evf-search-clear {
	padding: 0 0 0 15px;
	position: relative;
	top: 4px;
}

.events-finder li form p button{
	float: left;
	background: url(../ui/button-events-go.gif) no-repeat top left #000;
	width: 30px;
	height: 24px;
	text-indent: -9999px;
	border: 0;
	cursor: pointer;
	margin: 7px 0 0 0;
}

.events-finder .evf-map-holder {
	width: 455px;
	height: 351px;
	float: left;
	background: #000;
}

.events-finder #evf-map {
	margin: 1px 0 0 1px;
	width: 453px;
	height: 349px;
	background: #fff;
}

.events-finder .evf-event-info {
	float: right;
	width: 256px;
}

.evf-hide-content * {
	visibility: hidden;
}

.evf-map-controls-holder {
	width: 100% !important;
	padding: 3px 0 3px 0;
}

.evf-map-controls-holder p {
	display: inline;
	padding: 2px 18px 1px 16px;
	font-size: 11px;
}

.evf-map-controls-holder p.evf-mc-events {
	background: url(../ui/map-events/bullet.green.gif) left center no-repeat;
}

.evf-map-controls-holder p.evf-mc-fundraiser {
	background: url(../ui/map-events/bullet.blue.gif) left center no-repeat;
}

.evf-map-controls-holder p.evf-mc-official {
	background: url(../ui/map-events/bullet.orange.gif) left center no-repeat;
}

.evf-map-controls-holder p.evf-mc-challenge {
	background: url(../ui/map-events/bullet.red.gif) left center no-repeat;
}

.evf-map-controls-holder label {
	padding: 0 3px 0 0;
}

.events-finder .evf-popup-panel {
}

.events-finder .evf-popup-panel p {
}

.events-finder .evf-popup-panel h3, .events-finder .evf-popup-panel h5 {
}

.evf-map-anchor {
	position: absolute;
	width: 1px;
}

.evf-popup-panel {
	width: 154px !important;
	padding: 0 0 23px 0;
	position: relative;
}

.evf-popup-panel-inner {
	background: #fff;
	border: 4px solid #e87728;
	padding: 5px;
	width: 136px !important;
}

.evf-popup-panel-arrow {
	position: absolute;
	left: 23px;
	bottom: 0px;
	width: 15px;
	height: 27px;
	background: url(../ui/map-events/arrow.orange.png) left top no-repeat;
	font-size: 0;
	line-height: 0;
}

.evf-popup-panel h5 {
 	font-size: 11px;
 	color: #e87728;
}
 
.evf-popup-panel h3 {
	font-size: 16px !important;
	color: #000 !important;
	margin: 4px 0 5px 0;
	line-height: 18px;
}

.evf-popup-panel p {
	font-size: 11px;
	margin: 0 0 5px 0;
}

.evf-popup-panel a.more-info {
	font-size: 11px;
	margin: 0 0 0 0;
	color: #000;
	font-weight: bold;
	position: relative;
}

.evf-popup-panel a.more-info:hover {
	text-decoration: underline;
}

.evf-popup-panel-event .evf-popup-panel-inner {
	border: 4px solid #948e00;
}

.evf-popup-panel-event .evf-popup-panel-arrow {
	background: url(../ui/map-events/arrow.green.png) left top no-repeat;
}

.evf-popup-panel-event h5 {
	color: #948e00;
}

.evf-popup-panel-fundraiser .evf-popup-panel-inner {
	border: 4px solid #007eb9;
}

.evf-popup-panel-fundraiser .evf-popup-panel-arrow {
	background: url(../ui/map-events/arrow.blue.png) left top no-repeat;
}

.evf-popup-panel-fundraiser h5 {
	color: #007eb9;
}

.evf-popup-panel-challenge .evf-popup-panel-inner {
	border: 4px solid #ff0000;
}

.evf-popup-panel-challenge .evf-popup-panel-arrow {
	background: url(../ui/map-events/arrow.red.png) left top no-repeat;
}

.evf-popup-panel-challenge h5 {
	color: #ff0000;
}

.evf-group-panel {
	background: url(../ui/map-events/panel.big.light.blue.png) left top no-repeat;
	width: 29px !important;
	height: 23px !important;
	padding: 9px 2px 0 0 !important;
	text-align: center;
	color: #174353;
	font-size: 11px;
	cursor: pointer;
}

/** =Layout 4 Featured fundraisers
-----------------------------------------------------------------------------*/
#featured-fundraiser {
	width: 725px; 
	padding: 10px 9px 10px 10px;
	margin-bottom: 11px;
	background: #000;
	clear: both;
}
#featured-fundraiser div{
	float: left;
	margin-right: 10px;
	color: #FFF;
	background: url(../ui/bg-fundraiser.png) no-repeat top left;
}
#featured-fundraiser div div{
	width: 336px;
	margin: 0;
	padding: 14px 8px 14px 12px;
	background: url(../ui/bg-fundraiser-bottom.png) no-repeat bottom left;
}
#featured-fundraiser h3{
	margin-bottom: 12px;
}
#featured-fundraiser h4{
	font-size: 1.166667em; /* 14px */
	margin-bottom: 3px;
}
#featured-fundraiser img{
	float: left;
	margin-right: 10px;
	border: 1px solid #000;
}
#featured-fundraiser a.more{
	margin: 19px 0 0 0;
}

#featured-fundraiser div.second-featured-fundraiser{
	margin-right: 0;
}


/** =Layout 4 Gallery
-----------------------------------------------------------------------------*/
.layout4 #gallery {
	border: 1px solid #000;
	float: left;
	width: 444px;
	margin-right: 10px;
}


/** =Layout 4 Find us (google maps)
-----------------------------------------------------------------------------*/
.layout4 #find-us, .layout4 #wheretofindus {
	float: left;
	width: 247px;
}
#find-us-row{
	position: relative;
}
#find-us-row #google-map{
	position: absolute;
	background: none;
	float: none;
	bottom: 7px;
	right: 11px;
	width: 247px;
}


/** =Layout 4 Content-main
-----------------------------------------------------------------------------*/
.layout4 #content-main .long-article {
	margin: 10px 0 10px 0;
	border: none;
	padding: 0;
}
.layout4 #content-main .short-article {
	padding: 0;
	border: none;
	border-bottom: 1px dashed #7F7F7F;
}


/** =Layout 4 content-2
-----------------------------------------------------------------------------*/
.layout4 #content-2 h2{
	font-size: 1.833em;	/* 22px */
	line-height: 0.636em;
}
.layout4 #content-2 h3{
	margin: 0 0 10px 0;
}


/** =Layout 5 shoping basket
-----------------------------------------------------------------------------*/
ul#shop-steps li {
	display: block;
	float: left;
	background: url(../ui/shop-step-bg.gif) no-repeat top left;
	height: 25px;
	font-size: 1.1em;
	font-weight: bold;
	width: 181px;
	margin: 0 6px 0 0;
	text-align: center;
	padding: 10px 0px;
	color: #FFF;
}
ul#shop-steps li.current {
	background: url(../ui/shop-step-current.gif) no-repeat top left;
}
ul#shop-steps li.last {
	margin-right: 0;
}

#shop-basket {
	border: 1px solid #000;
	padding: 10px;
}
#shop-basket div{
	border: 0;
}
#shop-basket table{
	font-weight: bold;
	background: url(../ui/bg-basket.png) no-repeat top left;
}
#shop-basket table th {
	text-align: left;
	color: #FFF;
	padding: 10px 5px 15px 5px;
}

#shop-basket table td {
	padding: 10px 5px;
	border-top: 1px dashed #7F7F7F;
	vertical-align: top;
}
#shop-basket table td.even {
	background-color: #e5e9ec;
}
#shop-basket table td input {
	width: 18px;
}
#shop-basket .description {
	width: 58%;
}
#shop-basket .description p {
	font-weight: normal;
}
#shop-basket .description a {
	color: #000;
}
#shop-basket .description a:hover{
	text-decoration: underline;
}
#shop-basket .description a span {
	width: 1px;
	height: 1px;
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}
#shop-basket .description img {
	border: 1px solid #000;
	margin: 0 10px 0 0;
	float: left;
}
#shop-basket table h4, #shop-basket table h4 a {
	color: #002649!important;
	font-size: 1.167em;
	margin: 0 0 5px 0;
}
#shop-basket .format {
	width: 9%;
}
#shop-basket .price {
	width: 9.5%;
}
#shop-basket .quantity {
	width: 11%;
}
.total-label {
	text-align: right;
}
.shop-summary {
	font-size: 1.833em;
}
#shop-basket .backtoshop, #shop-basket .update, #shop-basket .continue {
	display: block;
	text-indent: -9999px;
	height: 23px;
	width: 78px;
	margin: -1px 0 0 0;
}
#shop-basket .backtoshop {
	width: 103px;
	background: url(../ui/btn-shop-back.gif) no-repeat top left;
}
#shop-basket .update {
	background: url(../ui/btn-shop-update.gif) no-repeat top left;	
}
#shop-basket .continue {
	background: url(../ui/btn-shop-continue.gif) no-repeat top left;
	margin: -1px 0 0 13px
}
#shop-basket .backtoshop:hover,
#shop-basket .backtoshop.hover {
	background: url(../ui/btn-shop-back-hover.gif) no-repeat top left;
}
#shop-basket button.update:hover,
#shop-basket button.update.hover {
	background: url(../ui/btn-shop-update-hover.gif) no-repeat top left;	
}
#shop-basket .continue:hover,
#shop-basket .continue.hover {
	background: url(../ui/btn-shop-continue-hover.gif) no-repeat top left;
}
#shop-basket .shop-actions td {
	padding: 0;
}
#shop-basket .increase{
	background: #FFF url('../ui/plus.gif') no-repeat;
}
#shop-basket .decrease{
	background: #FFF url('../ui/minus.gif') no-repeat;
}
#shop-basket .increase:hover{
	background: #FFF url('../ui/plus-hover.gif') no-repeat;
}
#shop-basket .decrease:hover{
	background: #FFF url('../ui/minus-hover.gif') no-repeat;
}
#shop-basket .increase,
#shop-basket .decrease{
	display: inline-block;
	text-indent: -9999px;
	overflow: hidden;
	width: 16px;
	height: 15px;
	margin: 1px;
}
#shop-basket .decrease{
	margin-left: 2px;
}
#shop-basket td .backtoshop{
	margin-top: 0;
}

/* =Confirm order 
-----------------------------------------------------------------------------*/
#content .confirm-order table .description {
	width: 80%;
}
#content .confirm-order table .quantity {
	width: 10%;
}
#content .confirm-order #billing-delivery h3 {
	font-size: 1.5em;
	margin: 0 0 15px 0;
	line-height: 0.777778em;
}
#billing-delivery {
	border-top: 1px dashed #7F7F7F;
	padding: 20px 10px;
	width: 97.3%;
}
#billing-delivery #billing, #billing-delivery #delivery {
	display: block;
	float: left;
	width: 37%;
}
.shopsubmit button{
	background: url(../ui/btn-shop-submit.gif) no-repeat top right;
	width: 100%;
	border: none;
	height: 23px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	margin-bottom: -24px;
}
.shopsubmit button:hover,
.shopsubmit button.hover{
	background: url(../ui/btn-shop-submit-hover.gif) no-repeat top right;
}
#billing-delivery .vcard span {
	display: block;
}

#billing-delivery input {
	margin: 20px 0 0 0;
	padding: 0;
}


/* =Login / Register
-----------------------------------------------------------------------------*/
#shop-register {
	border: 1px solid #000;
	padding: 10px;
}
#shop-register form {
	
}
#shop-register form label{
	font-size: 1.167em;
	color: #002649;
	font-weight: bold;
	display: block;
	margin: 0 0 5px 0;
}
#shop-register .one-third {
	width: 250px;
	float: left;
	margin: 0 20px 0 0;
}
#shop-register .two-thirds {
	float: right;
	width: 450px;
}
#shop-register .two-thirds textarea {
	width: 100%;
	height: 76px;	
	margin: 0 0 10px 0;
}
#shop-register form input, #type {
	width: 100%;
	margin: 0 0 5px 0;
}
#shop-register form input.checkbox{
	vertical-align: top;
	margin-top: -1px;
	margin-bottom: 0;
	width: auto;
}
#shop-register .address{
	margin-bottom: 10px;
}
#shop-register .address input{
	width: 50%;
}
#shop-register .address span{
	width: 20%;
	display: inline-block;
}
#shop-register .address #postcode,
#shop-register .address #dpostcode{
	/*width: 20%;*/
}
#shop-register .two-thirds .sameasbill {
	color: #000;
	font-weight: normal;
	font-size: 0.8em;
	float: right;
	display: block;
	width: 70%;
	padding: 0;
	margin: 0;
	margin-top: 3px;
}
#shop-register .two-thirds .sameasbill label{
	color: #000;
	font-weight: normal;
}
#register-top {
	border-bottom: 1px dashed #7F7F7F;
	padding-bottom: 10px;
}
#register-btm .two-thirds {
	padding-top: 57px;
}
#shop-register #register-btm {
	padding-top: 10px;
}
#register-btm .two-thirds input {
	width: 50%;
}
#shop-register #register-btm .two-thirds #security {
	width: 6%;
}
#register-btm h3 {
	font-size: 1.666667em;
	line-height: 0.7em;
	margin-bottom: 10px;
}
#shop-new {
	width: 376px;
	float: left;
	border: 1px solid #000;
	padding: 10px;
}
#shop-existing {
	width: 312px;
	float: right;
	border: 1px solid #000;
	padding: 10px;
}
#shop-new ol {
	padding-left: 20px;
}
#shop-new ol li {
	list-style-type: decimal;
}
#shop-new h3 {
	color: #002649;
	font-size: 1.5em;	/* 18px */
	line-height: 0.777778em;
	margin: 20px 0 10px 0;
	font-weight: bold;
}
#shop-existing h2 {
	margin: 0 0 15px 0!important;
}
.registercontinue {
	width: 100%;
	background: url(../ui/btn-shop-continue-lrg.gif) no-repeat top right;
	display: block;
	height: 23px;
	text-indent: -9999px;
	border: none;
}
.registercontinue:hover,
.hover.registercontinue {
	background: url(../ui/btn-shop-continue-lrg-hover.gif) no-repeat top right;
	margin-left: 0;
}
#shop-existing form {
	margin: 0;
	padding: 0;
	color: #FFF;
}
#shop-existing form div {
	background: url(../ui/bg-shopexist-top.png) no-repeat top left #002649;
}
#shop-existing form div div {
	background: url(../ui/bg-shopexist-bottom.png) no-repeat bottom left;
	padding: 10px 10px 14px 10px;
	margin-bottom: -3px;
}
#shop-existing form label {
	display: block;
	font-weight: bold;
	margin: 0 5px 0 0;
}
#shop-existing form input {
	width: 60%;
	margin: 5px 0 5px 0;
}
#shop-existing form a {
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}
#shop-existing form a:hover {
	text-decoration: none;
}
.shoplogin {
	display: block;
	height: 23px;
	background: url(../ui/btn-shop-login.gif) no-repeat top right;
	width: 100%;
	border: none;
	margin: 15px 0 0 0 ;
	cursor: pointer;
	text-indent: -9999px
}
.shopregister {
	border: 0;
	display: block;
	height: 23px;
	background: url(../ui/btn-shop-register.gif) no-repeat top right;
	text-indent: -9999px;
	margin: 10px 0 0 0;
	width: 512px;
}
.shoplogin:hover {
	background: url(../ui/btn-shop-login-hover.gif) no-repeat top left;
}
.shopregister:hover,
.hover.shopregister {
	background: url(../ui/btn-shop-register-hover.gif) no-repeat top left;
}

/* =Shop / Basket Sidebar
-----------------------------------------------------------------------------*/
#basket{
	color: #000;
}
#basket div div div{
	padding-top: 0;
	background: none;
}
#basket a.view-basket{
	display: block;
	background: url('../ui/btn-view-basket.png') no-repeat;
	width: 158px;
	height: 23px;
	text-indent: -9999px;
	overflow: hidden;
	padding: 5px 0;
	margin-top: 0px;
}
#basket a.checkout{
	margin-top: 20px;
	display: block;
	background: url('../ui/btn-checkout.png') no-repeat;
	width: 180px;
	height: 23px;
	text-indent: -9999px;
	overflow: hidden;	
}
#basket a:hover.view-basket{
	background: url('../ui/btn-view-basket-hover.gif') no-repeat;
}
#basket a:hover.checkout{
	background: url('../ui/btn-checkout-hover.gif') no-repeat;
}
#basket #total{
	background: #002649 url('../ui/bg-basket-bottom.png') no-repeat left bottom;
	color: #FFF;
	font-size: 1.833em;
	padding: 5px 10px;
	display: block;
	font-weight: bold;
}

#basket #cart-shipping,
#basket #cart-subtotal {
	padding: 2px 10px;
	background: #fff;
}

#basket #total p,
#basket #cart-shipping p,
#basket #cart-subtotal p,
#basket .qnty p{
	width: 48%;
	display: block;
	float: left;
}
#basket #total .price,
#basket #cart-shipping .price,
#basket #cart-subtotal .price,
#basket .qnty .price{
	width: 48%;
	display: block;
	float: right;
	text-align: right;
}
#basket .qnty .price{
	margin-top: 0px;
}
#basket .basket-item{
	padding: 10px 0;
	padding-bottom: 20px;
	background: none;
	border-bottom: 1px dashed #002649;
}
#basket .basket-item div{
	background: none;
}
#basket .basket-item.last{
	border-bottom: none;
}
#basket .basket-item p{
	padding-left: 0;
	padding-right: 0;
}
#basket h3{
	padding-top: 5px;
	clear: both;
	font-size: 1em;
	font-weight: bold;
	color: #000;
}
#basket p{
	margin: 5px 0;  
}
#basket p em{
	font-weight: bold;
}
#basket .qnty{
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 16px;
}
#basket .qnty span,
#basket .qnty a{
	display: block;
	width: 20px;
	float: left;
}
#basket .increase,
#basket .decrease{
	text-indent: -9999px;
	overflow: hidden;
	width: 16px;
	height: 16px;
}
#basket .increase{
	background: #FFF url('../ui/plus.gif') no-repeat;
}
#basket .decrease{
	background: #FFF url('../ui/minus.gif') no-repeat;
}
#basket div div div{
	padding-top: 10px;
	background: #FFF url('../ui/bg-basket-side.png') no-repeat left top;
}

/* =Shop / Product Details
-----------------------------------------------------------------------------*/
#product{
	position: relative;
}
#product h1{
	font-size: 1.833em;
}
/* TODO figure out why this needs the extra specificity */
.layout-6 #product .visual{
	width: 320px;
	float: left;
	margin-bottom: 0;
}
#product .visual .thumbs {
	margin-bottom: 0;
}
#product .visual .thumbs img{
	border: 1px solid #000;
	margin-right: 3px;
}

#product .description{
	width: 184px;
	float: right;
}
#product .description div{
	background: url(../ui/bg-shop-description-top.png) no-repeat top left #002649;
	color: #FFF;
}
#product .description div div{
	background: url(../ui/bg-shop-description-bottom.png) no-repeat bottom left;
	padding: 10px;
}
#product .description div h3{
	line-height: 1.3;
}
#product .description form{
	
}
#product .description form h4{
	color: #002649;
	margin: 5px 0;
}
#product .description form select{
	width: 100%;
	margin: 5px 0;
}
#product .description form .price{
	display: block;
	font-weight: bold;
	margin: 15px 0;
	text-align: right;
	font-size: 1.333em;
	color: #000;
}
#product .description form button{
	position: absolute;
	bottom: 10px;	
	text-indent: -9999px;
	overflow: hidden;
	width: 181px;
	height: 23px;
	background: #FFF url('../ui/btn-buy.png') no-repeat;
	border: 0;
	float: right;
}
#product .description form button:hover,
#product .description form button.hover{
	background: #FFF url('../ui/btn-buy-hover.gif') no-repeat;
}

/* =Shop / Similar Products
-----------------------------------------------------------------------------*/
#similar-products .product-stub{
	float: left;
	width: 239px;
	padding-bottom: 10px;
	margin: 0 10px 10px 0;
	border-bottom: 1px dashed #0f3354;
}
#similar-products .product-stub.alt{
	margin-right: 0;
}
#similar-products .product-stub.cats,
#similar-products .product-stub.last{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#similar-products .product-stub.cats h3{
	margin-top: 0;
}
#similar-products .product-stub img{
	float: left;
	margin-right: 10px;
	border: 1px solid #000;
}
#similar-products .product-stub h4{
	color: #0f3354;
	margin-bottom: 5px;
}
#similar-products .product-stub p.price{
	font-weight: bold;
}
#similar-products .product-stub a.more{
	background: #FFF url('../ui/link-more-white-nightblue.png') no-repeat right top;
	margin-top: 10px;
	clear: both;
}
#similar-products .product-stub a:hover.more{
	background: #FFF url('../ui/link-more-white-nightblue-hover.gif') no-repeat right top;
}
#similar-products.more{
	padding-bottom: 10px;
	border-bottom: 1px dashed #0f3354;		
}
#similar-products .description a span{
	width: 1px;
	height: 1px;
	position: absolute;
	text-indent: -9999px;
}
#more-products{
	border-bottom: 1px dashed #0f3354;	
}
#more-products h2{
	width: 50%;
	float: left;
	height: 30px;
}
.more span, 
#nearest div a span, 
#articles li a span, 
.short-article a span, 
.long-article a span,
.firstpod a span,
.lastpod a span,
#latest ul li a span {
	text-indent: -9999px;
	display: block;
	height: 1px;
	width: 1px;
	text-align: left;
}

#content-main #product .visual .thumbs img.last{
	margin-right: 0;
	border-bottom: 1px solid #000!important;
}

#test-for-height-change{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #F00;
	height: 1em;
	width: 1em;
}

/** Safari Fixes **/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.layout1 #signup div input.checkbox {
		margin-top: 0px;
	}
	#signup div input.checkbox {
		margin-top: 0px;
	}
	#add-profile input.checkbox {
		margin-top: 2px;
	}
	#inbox table td input.checkbox {
		margin-top: 2px;
	}
	#shop-register form input.checkbox {
		margin-top: 0px;
	}
}




/* =Big Footer
-----------------------------------------------------------------------------*/
#big-footer{
	width: 946px;
	margin: 0 0;
	margin-top: 75px;
	padding: 20px;
	background-color: #b2b2b2;
	
	width: 947px;
	margin-left: -6px;
}
#big-footer #support-network{
	background-color: #000;
	padding: 10px;
}
#big-footer #support-network .support-network-search,
#big-footer #support-network .support-network-featured{
	margin-right: 40px;
	width: 290px;
}
#big-footer #support-network .support-network-join{
	margin-right: 10px;
	width: 240px;
}
#big-footer #support-network h3 {
	background:transparent url(../ui/h3-dotty.png) repeat-x scroll center bottom;
	color:#8A8D09;
	margin-bottom:5px;
	margin-top:2px;
	padding-bottom:9px;
}
#big-footer #support-network .support-network-featured h4 {
	color:#8A8D09;
}
#big-footer #support-network a:hover {
	text-decoration:underline;
}
#big-footer #support-network a {
	color:#8A8D09;
	font-weight:bold;
}
#big-footer #support-network .support-network-featured .featured-video-small a:hover {
color:#FFFFFF;
text-decoration:underline;
}
#big-footer #support-network .support-network-featured .featured-video-small a {
color:#FFFFFF;
display:block;
font-weight:bold;
padding-top:5px;
text-decoration:none;
}

/* =Direct Debit Pages Extra Styles
 -----------------------------------------------------------------------------*/
.direct-debit-button-holder {
	background: url(../ui/dotted.border.orange.gif) left top repeat-x;	
}

.direct-debit-button-holder form {
	padding: 0;
	margin: 0;
	border-width: 0;
 	width: 73px;
 	height: 20px;
}

form#direct-debit-back {
	float: left;	
}

form#direct-debit-submit {
	float: right;	
}

a#button-print-direct-debit {
	float: right;
	margin-right: 10px;
	display: inline;
}

ul.direct-debit-info-list, ul.direct-debit-info-list li {
	list-style-type: none !important;
	background-image: none !important;
}

/* =Login options page
-----------------------------------------------------------------------------*/

#loginmain h2.standfirst {
	color:#FFFFFF;
	font-size:1.544em;

	background: #79bde9 url(../ui/bg-stand-first.png) no-repeat scroll left top;
}

#loginmain .standfirst {
	clear:right;
	margin-bottom:10px;
}

#loginmain table {
	color: white;
	background-color: #79BDE9;
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
	text-align: left;
	margin-bottom: 8px;
}

#loginmain .firsttablerow {
	background: url(../ui/bg-table-top.png) no-repeat scroll left top;
	font-size: 1em;
}

#loginmain tr.loginmain-tr:hover{
	background-color: #5CA5D4;
	cursor: pointer;
}

#loginmain table th {
	border-bottom:1px solid #FFFFFF;
	font-size:1.5em;
	padding:10px;
	text-align:left;
}

#loginmain table td {
	padding:10px;	
}
#content #loginmain table tr.loginmain-tr td a {
	color: #FFF;
}
/* =Coloured Live Text Buttons
 * These styles are suitable for both a and button tags
 -----------------------------------------------------------------------------*/
 
.lt-button {
 	width: 73px;
 	height: 20px;
 	padding: 0;
 	display: block;
 	color: #fff !important;
 	font-weight: normal !important;
 	font-size: 12px;
 	font-family: Arial, sans-serif;
 	background: url(../ui/live-text-buttons/tct-button-green.png) left top no-repeat;
 	text-decoration: none !important;
 	text-align: center;
 	padding: 3px 0 0 0;
 	border-width: 0;
 	line-height: 12px;
 	position: relative; /* make click work with png and ie6 */
}

button.lt-button {
	height: 0;
	padding: 0 0 23px 0;
	cursor: pointer;
	line-height: 19px;
}
#signup #register-btm div#signupbuttoncontainer button.lt-button {
	height: 0;
	padding: 0 0 23px 0;
	cursor: pointer;
	line-height: 19px;
	display:block;
	width:100%;
	border-top:1px dashed black;
	background-position: top right;
}


.lt-button:hover {
	background-position: 0 -23px;
}

.lt-button-orange {
 	background: url(../ui/live-text-buttons/tct-button-orange.png) left top no-repeat;
}

.lt-button-dark-blue {
 	background: url(../ui/live-text-buttons/tct-button-dark-blue.png) left top no-repeat;
}

.lt-button-light-blue {
 	background: url(../ui/live-text-buttons/tct-button-light-blue.png) left top no-repeat;
}

.lt-button-mid-blue {
 	background: url(../ui/live-text-buttons/tct-button-mid-blue.png) left top no-repeat;
}

.lt-button-red {
 	background: url(../ui/live-text-buttons/tct-button-red.png) left top no-repeat;
}

.lt-button-green {
 	background: url(../ui/live-text-buttons/tct-button-green.png) left top no-repeat;
}

.visible {
	display: block;
}

.invisible {
	display: none;
}

span#no-frame img {
	border: 0 none !important;
}

/*Learning Resource buttons*/
.layout1 #signup #register-btm p#learning-resource{
	border-top: 1px dashed #ED1C24;
}
.layout1 #signup #register-btm p#learning-resource .lt-button-red{
	background: #fff url(../ui/live-text-buttons/tct-button-red.png) left top no-repeat;
	height: 23px;
	text-indent: -8px;
	margin-left: 10px;
}
.layout1 #signup #register-btm p#learning-resource .lt-button-hover{
	background-position: 0 -23px;
}

/*blue email fix*/
div#find-us p a, div#find-us p a:visited, #wheretofindus p a:visited {
    color:white;
    text-decoration:underline;
}
div#find-us p a:hover, div#find-us p a:active, #wheretofindus p a:hover, div#find-us p a:active {
    color:white;
    text-decoration:none;
}
#wheretofindus {
    margin-bottom:10px;
}
/*Contact form error*/
div input.error, div textarea.error{
 	background-color: #ffdd74 !important;
}
form#contact p.error{
	color:#EE0000;
	font-weight:bold;
}

form#contact select.error{
	background-color: #FFDD74;
}

/*Site search*/
div.search-result-item{
	border-bottom: 1px dashed #7F7F7F !important;
}
#content-2 form.search-page{
	padding: 0;
	background: none;
}
div.side-block-group form.search-page input{
	width:112px;
}
div.side-block-group h3.search-side-block{
	font-weight: bold;
	color: #000;
	font-size: 1.5em;
}
div.side-block-group h4.search-side-block{
	font-weight: bold;
	color: #000;
	font-size: 1.2em;
}

p.postcode-fields {
	margin-bottom: 10px;
}

p.postcode-fields em {
	display: block;
}

p.postcode-fields em:last-child{
/* 	display: none !important; */
}

.postcode-fields label {
	float: left;
	width: 100%;
}

.postcode-holder {
	width: 100% !important;
}

.postcode-fields label input,
.postcode-fields input.field {
	width: 70px !important;
	margin-right: 6px !important;
}

/* styles from donate form */

.country-select select, select#country {  
  width: 100%;
}

#treks-and-challenges-application .country-select select {
	width: 200px;
}

#signup #treks-and-challenges-application #register-btm input {
	margin: 0 2px 0 0;
}

#signup #treks-and-challenges-application #register-btm label {
	
}

.treks-promos .side-block-group {
	margin-bottom: 10px !important;
}

textarea.two-lines {
	height: 45px !important;
}

label.error input {

}

label.error em.message, 
em label.error {
  color: #c00 !important;
  /* float: right; */
  font-weight: normal !important;
  font-style: italic;
}

.validation-summary {
	margin: 1em 1.5em !important;
}

.splash label.error em.message {
  color: #fff;
}

.splash label.error {
	color: #fff !important;
}

.splash .half {
	width: 48% !important;
}

#signup #donations .suggestions {
  font-weight: bold;
}
#signup #donations .suggestions li {
  float: left;
}
  #signup #donations .suggestions li a {
    background: #ba3d02;
    color: #fff;
    display: block;
    font-size: 180%;
    margin-right: 3px;
    padding: .25em .2em;
    text-align: center;
    text-decoration: none;
  }
    #signup #donations .suggestions li a:hover {
      background: #fff;
      color: #ba3d02;
    }

#signup #donations .amount,
#signup #donations .suggestions {
  float: left;
  width: 47%;
}
.layout1 #signup #donation {
  margin: .35em 0;
  font-size: 200%;
  width: 95%;
}
.layout1 #signup div input#optin.checkbox,
.layout1 #signup div input#postoptin.checkbox {
	margin-bottom: 10px;
	margin-right: 5px;
	float: left;
}
.layout1 #signup div label.forcheck {
    float:left;
	margin-bottom: 5px;
}

/* direct debit mandate*/

#direct-debit-mandate {
	background: #fff;
	padding: 70px 20px 20px 20px;
	border: 1px solid #000;
	position: relative;
}

#direct-debit-mandate .left-side,
#direct-debit-mandate .right-side {
	width: 50%;
	float: left;
}

#direct-debit-mandate .logo {
	position: absolute;
	right: 20px;
	top: 20px;
}

#direct-debit-mandate p {
	font-weight: bold;
	margin-bottom: 1em;
}

#direct-debit-mandate dl {
	width: 80%;
	margin-bottom: 1.5em;
	clear: both;
}

#direct-debit-mandate dl dt {
	font-weight: bold;
	margin-bottom: 1em;
}

#direct-debit-mandate dl dd {
	line-height: 1.5em;
}

#direct-debit-mandate dl dd.single-box {
	border: 1px solid #000;
	padding: 5px 6px;
	
}

#direct-debit-mandate dl dd.single-box div.split-box {
	float: left;
	width: 50%;
}

#direct-debit-mandate dl dd.single-box p,
#direct-debit-mandate dl dt span {
	font-weight: normal;
	display: block;
}

#direct-debit-mandate dl dt span {
	margin-top: 5px;
}

.date-box {
	float: right;
}

.date-box div {
	margin: 0 10px;
	float: left;
	width: 30px;
	text-align: center;
}

.date-box div span {
	display: block;
}

.date-box div span.date {
	border-bottom: 1px solid #000;
}

#direct-debit-mandate dl dd.multi-box span {
	border: 1px solid #000000;
	display: inline-block;
	padding: 6px 8px;
	display: inline-block;
	margin: 0 0 4px 0;
}

#direct-debit-mandate dl dd.multi-box span.last-box {
	border-right: 1px solid #000;
}

#direct-debit-mandate .footer-note p {
	width: 100%;
	clear: both;
	text-align: center;
	font-weight: normal;
}
.mastercard{
	margin-top: 35px;
}
.visa{
	margin: 0 0 9px 35px;
}


#content-2 #treks-filter {
	padding: 5px 0 5px 15px;
	position: relative;
}

#content-2 #treks-filter input.text {
	width: 200px;
}

#content-2 #treks-filter fieldset {
	overflow: hidden;
}

#content-2 #treks-filter ul {
	overflow: hidden;
	margin: 0 0 0 0;
}

#content-2 #treks-filter ul h4 {
	margin: 10px 15px 0 0;
	border-bottom: 1px solid #ef8c5d;
}

#content-2 #treks-filter ul.types {
	overflow: hidden;
}

#content-2 #treks-filter ul.types li {
	width: 109px;
	float: left;
	color: #fff;
	padding: 3px 0;
}

#content-2 #treks-filter ul.types li label {
	margin: 0;
	padding: 0;
}

#content-2 #treks-filter ul.types li input {
	margin: 0 !important;
	padding: 0 !important;
}

#content-2 #treks-filter ul.types li span {
	color: #fff;
}

#content-2 #treks-filter .evf-search-button {
	float: right;
	margin-right: 10px;
}

#content-2 #treks-filter a.archived {
	color: #fee1d3;
	position: absolute;
	bottom: 10px;
	left: 10px;
	text-decoration: underline;
	width: 100px;
	display: block;
}

div.treks-and-challenges li span {
	display: block;
	margin-bottom: 5px;
}

div.treks-and-challenges li span.meta {
	display: block;
	margin: 0;
	font-weight: normal !important;
	color: #555 !important;
}

div.treks-and-challenges li p {
	margin-top: 5px;
}

div.treks-and-challenge-details ul.meta {
	margin: 10px 20px;
	background: none;
}

div.treks-and-challenge-details ul.meta li {
	font-weight: normal;
	color: #333;
	list-style-type: disc;
	font-size: 12px;
}

div#treks-and-challenges-register a.more {
	background: #fff;
	text-indent: 0;
	padding: 3px 5px;
	color: #ED1C24;
	line-height: 1.4;
	height: auto;
	margin: 10px 0;
	text-align: center;
	font-weight: bold;
}

div#treks-and-challenges-register a.more:hover {
	color: #000;
}

div#treks-and-challenges-register div.generic-article-red {
	padding-bottom: 5px;
}

ul.support-member-validation-summary {
	margin: 10px 0 10px 20px !important;
	list-style-type: disc !important;
}

.layout1 form#treks-and-challenges-application div.validation-summary,
.layout1 form#learning-resource div.validation-summary {
	width: auto;
	float: none;
	margin: 10px 0 !important;
}

.layout1 form#treks-and-challenges-application div.validation-summary ul,
.layout1 form#learning-resource div.validation-summary ul {
	margin: 10px 20px;
	list-style-type: disc;
}

.layout1 form#treks-and-challenges-application div.validation-summary ul label,
.layout1 form#learning-resource div.validation-summary ul label {
	background: none;
	font-weight: normal !important;
	color: #000 !important;
}

.layout1 form#treks-and-challenges-application div.validation-summary ul label span,
.layout1 form#learning-resource div.validation-summary ul label span {
	text-transform: capitalize;
}

.layout1 form#treks-and-challenges-application .splash h2,
.layout1 form#learning-resource .splash h2 {
	
}

.layout1 #signup form#propose-fundraiser .splash .meta,
.layout1 form#learning-resource .splash .meta {
	font-size: 12px;
	font-weight: normal;
	display: block;
}

.layout1 #signup form#propose-fundraiser .splash .meta {
	font-size: 12px;
	font-weight: normal;
	display: block;
}
/* =jCarousel
-----------------------------------------------------------------------------*/

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 100px;
    height: 56px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}