/* Not necessary when actual process implemented.
   Style already present in nt-main-tiles.
   Just here to make the introductory membership page tabs work
*/
body .current-info,
body .accessibletabsanchor,
.js .current-info,
.js .accessibletabsanchor {
	left: -3000px;
    position: absolute; 
}   
/* Help which is displayed if JavaScript is disabled (hidden using jQuery, displayed inline if JavaScript disabled) */
.accessibility {
	display: inline;
}
#header .socButton {
	display: none;
}
/* Membership page */
#joinTrust {
	background-image: url(../images/nt-membership-join-button-bckgrd.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	display: block;
	padding: 15px 0 27px 0;
	text-decoration: none;
}
#joinTrust .super {
	color: #333;
	display: block;
	font-size: 1.9em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0 0 12px;
	padding: 0 20px;	
}	
#joinTrust .title {
	background-image: url(../images/nt-membership-join-button.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	font-size: 2.4em;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 10px 10px 20px 20px;
	text-shadow: 1px 1px 0px #333;
}
#joinTrust:hover .title {
	background-position: 0 -102px;
	color: #fff;
	text-shadow: 1px 1px 0px #333;
}
#joinTrust:active .title {
	background-position: 0 -204px;
}
#joinTrust .description {
	color: #333;
	display: block;
	font-size: 1.4em;
	line-height: 1.5em;
	margin: -5px 0 6px;
	padding: 0 20px;	
}
.membershipPrices {
	background-color: #f9effa;
	border-collapse: collapse;
	margin: 0 0 20px;
	vertical-align: middle;
}
#membershipAnnual {
	width: 460px;
}
#membershipLife {
	background-color: #faf2d8;	
	width: 220px;
}
.membershipPrices td {
	border: 1px solid #fff;
}
.membershipPrices caption {
	border-bottom: 1px dotted #ccc;
	color: #666;
	font-size: 1.6em;
	font-weight: normal;
	left: -9000px;
	margin: 0 0 10px;
	padding: 0 0 10px;
	position: absolute;
	text-align: left;
}
.membershipPrices .type {
	text-align: left;
	width: 240px;
}
.membershipPrices .type p {
	color: #666;
}
.membershipPrices th.standardPrice p {
	color: #666;
}
.membershipPrices th.type {
	padding-left: 10px;
}
.membershipPrices .type div {
	position: relative;
}
.membershipPrices .category {
	color: #246be2;
	display: block;
	font-size: 1.4em;
	padding: 4px 10px;
	text-decoration: none;
}
.membershipPrices .category span {
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	font-size: 1.2em;
	left: -9000px;
	padding: 4px 8px;
	position: absolute;
	width: 300px;
}
.membershipPrices .category:focus span,
.membershipPrices .category:hover span {
	display: block;
	left: -100px;
	position: absolute;
}
.membershipPrices th {
	background-color: #fff;
}
.membershipPrices tfoot td {
	background-color: #fff;
	border-bottom: 1px dotted #ccc;
	color: #666;
	padding: 8px 0 0;
}
.membershipPrices tfoot tr:hover td {
	background-color: #fff;
	color: #666;
}
.membershipPrices th.directDebit {
	background-color: #e5d4e6;
	color: #333;
	padding: 10px 0 8px;
}
.membershipPrices .directDebit {
	background-color: #e5d4e6;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	width: 140px;
}
.membershipPrices .directDebit p {
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}
.membershipPrices .standardPrice p {
	margin: 0;
	padding: 0;
}
.membershipPrices .directDebit p.saving {
	font-size: 1em;
	margin: 0;
	padding: 0;
}
.membershipPrices .standardPrice {
	text-align: center;
	width: 100px;	
}
#membershipLife th {
	font-size: 1.2em;
	padding: 5px 0;
}
#membershipLife th.type {
	padding: 5px 10px;
}
.membershipPrices .priceCategory {
	color: #333;
	display: block;
	font-size: 1.4em;
	font-weight: normal;
	padding: 8px;
	text-decoration: none;
}
.membershipPrices tr:hover td,
.membershipPrices .priceCategory:focus,
.membershipPrices .priceCategory:hover {
	background-color: #e5d4e6;
	color: #000;
}
#membershipLife tr:hover td,
#membershipLife .priceCategory:focus,
#membershipLife .priceCategory:hover {
	background-color: #fae9b5;
	color: #000;
}
#membershipTabs .priceNote {
	color: #666;
}
#membershipTabs .priceNote .category {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 2px;
}
#membershipTabs .priceNote span {
	font-weight: bold;
}
#membershipSuperUnit {
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	float: left;
	margin: 0 0 20px 0;
	position: relative;
	width: 960px;	
}
#membershipSuperUnit h3 {
	color: #410546;
	font-size: 2em;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 22px;
	z-index: 10;
}
#membershipSuperUnit h4.title {
	font-size: 2em;
	font-weight: normal;
	margin: 0 10px 10px;
	padding: 0;
}
#membershipSuperUnit h4.title a {
	float: right;
}
#membershipTabs {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}
#membershipTabs .controls {
	float: left;
	margin: 0 10px 0 0;
	width: 220px;
}
#membershipTabs .tabs-list {
	background: url(../images/nt-large-tabs-shadow.gif) no-repeat 184px 0px;
	float: left;
	margin: 0;
	padding: 70px 0 120px;
}
#membershipTabs .tabs-list li {
	float: left;
	font-size: 1.6em;
	list-style-type: none;
	margin: 0 0 3px 0;
}
#membershipTabs .tabs-list li a {
	background-image: url(../images/nt-large-tabs-bar.gif);
	background-position: 0px 200px;
	background-repeat: no-repeat;
	color: #333;
	display: block;
	margin: 0;
	padding: 12px 0 12px 15px;
	text-decoration: none;
	width: 217px;
}
#membershipTabs .tabs-list li a:focus,
#membershipTabs .tabs-list li a:hover {
	background-color: #fff;
	background-position: 0px 1px;
	color: #410546;
}
#membershipTabs .tabs-list li.current a {
	background-position: 0px -47px;	
	color: #fff;
	font-weight: bold;
	text-decoration: none;	
}
#membershipTabs .tabbody {
	float: left;
	padding: 20px 0 0 0;
	position: relative;
}
#membershipTabs h4 {
	font-size: 1.8em;
	line-height: 1.3em;
}
#membershipTabs .membershipTabsTypes {
	float: left;
	width: 720px;
}
#membershipTabs .membershipTabsTypes h3 {
	left: -9000px;
	position: absolute;	
}
.mbrshpFeatures li {
	background-image: url(../images/nt-membership-ticks.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0 0 5px;
	padding: 0 0 0 20px;
}
#mbrshpFeaturesLife li {
	background-position: 0 -75px;
}
#lifePanel {
	background: url(../images/nt-membership-life-montage.jpg) 0 10px no-repeat;
	float: left;
	padding: 15px 0 50px 0;
	width: 700px;
}
.lifePrices {
	background-color: #fff;
	float: left;
	margin: 0;
	padding: 5px 5px 0 0;
}
.lifePrices table {
	margin: 0 0 5px;
}
.membershipPackLife {
	background-color: #fff;
	float: right;
	margin: 100px 0 0 0;
	padding: 13px 0 10px 15px;
	width: 190px;
}
.membershipPack {
	margin: 5px 10px 0;
}
.membershipPack img {
	margin: 0;
}
.membershipPack .joinNow {
	margin: 0 0 15px;
}
.joinNow {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);	
	cursor: pointer;
	display: block;
	font-size: 0.8em;
	font-weight: normal;	
	margin: 0 5px 0 0;
	padding: 0 8px;
	text-decoration: none;
}
#joinLife {
	background: -webkit-gradient(linear, left top, left bottom, from(#edcf7e), to(#e0be62));
	background: -moz-linear-gradient(top, #edcf7e, #e0be62);
	background-color: #e0be62;
	border: 1px solid #e0be62;
	color: #000;	
	text-decoration: none;
	text-shadow: 1px 1px 0px #f9dc8f;
}
#joinLife:focus,
#joinLife:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#e0be62), to(#edcf7e));
	background: -moz-linear-gradient(top, #e0be62, #edcf7e);
	background-color: #edcf7e;
}
#joinAnnual {
	background: -webkit-gradient(linear, left top, left bottom, from(#5c0f62), to(#410546));
	background: -moz-linear-gradient(top, #5c0f62, #410546);
	background-color: #410546;
	border: 1px solid #410546;
	color: #fff;	
	text-decoration: none;
	text-shadow: 1px 1px 0px #333;
}
#joinAnnual:focus,
#joinAnnual:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#410546), to(#5c0f62));
	background: -moz-linear-gradient(top, #410546, #5c0f62);
	background-color: #5c0f62;
}
#joinGift {
	background: -webkit-gradient(linear, left top, left bottom, from(#00aab4), to(#00828a));
	background: -moz-linear-gradient(top, #00aab4, #00828a);
	background-color: #00828a;
	border: 1px solid #00828a;
	color: #fff;	
	text-decoration: none;
	text-shadow: 1px 1px 0px #005459;
}
#joinGift:focus,
#joinGift:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#00828a), to(#00aab4));
	background: -moz-linear-gradient(top, #00828a, #00aab4);
	background-color: #00aab4;
}
/* Need help? */
.need-help {
	position: absolute;
	right: 0;
	top: 10px;
	width: 400px;
}
.need-help p {
	clear: both;
	color: #666;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0 0 5px 0;
	text-align: right;
}
.need-help ul {
	float: right;
	margin: 0 0 4px 0;
	padding: 0;
}
.need-help ul li {
	float: left;
	font-size: 1.4em;
	font-weight: bold;	
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}
.need-help ul li.title {
	color: #410546;
	font-weight: bold;
}
.need-help ul li.number {
	background: url(../images/nt-join-helpicons.gif) 0 -21px no-repeat;
	padding: 0 0 0 28px;
}
.need-help ul li.email a {
	background: url(../images/nt-join-helpicons.gif) 0 1px no-repeat;
	padding: 0 0 0 28px;
}
/* Join pages */
#membershipProcess {
	float: left;
	margin: 20px 0;
}
#ajaxarea {
	float: left;
}
#ajaxcontent {
	float: left;
}
/* Vertical tabs: Make a choice & Multi-step tabs */
.leftTabs {
	background: url(../images/nt-large-tabs-shadow.gif) 184px 0 no-repeat;
	float: left;
	margin: 25px 20px 0 0;
	padding: 0 0 260px;
	width: 220px;
}
.leftTabs li {
	list-style-type: none;
	margin: 0 0 5px;
	padding: 0;
 }
.leftTabs li a {
	background-image: url(../images/nt-membership-tabs.png);
	background-position: 500px 0;
	background-repeat: no-repeat;	
	color: #333;
	display: block;
	font-weight: normal;
	margin: 0;
	padding: 10px 13px 10px 12px;
	text-decoration: none;
	width: 202px;
}
.leftTabs li div.noLink {
	background-image: url(../images/nt-membership-tabs.png);
	background-position: 500px 0;
	background-repeat: no-repeat;	
	color: #333;
	display: block;
	font-weight: normal;
	margin: 0;
	padding: 10px 13px 10px 12px;
	text-decoration: none;
	width: 202px;
}
.leftTabs li div.noLink span.title{
	text-decoration: none;
}
.leftTabs li a:focus {
	color: #fff;
}
.leftTabs li a:hover {
	color: #000;
}
.leftTabs li span {
	display: block;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}
.leftTabs li span.title {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 5px;
	text-decoration: underline;
}
.multisteptabs li span.title {
	margin: 0;	
}
.leftTabs li span.desc {
	font-size: 1em;
}
.leftTabs li span.section {
	font-size: 1em;
	margin: 0 0 5px;
}
.leftTabs li:hover {
	background-position: 0 50%;
	color: #410546;
}
.leftTabs li.selected a {
	background-position: -464px 50%;
	color: #fff;
}
.leftTabs li.selected a span.title {
	font-weight: bold;
	text-decoration: none;
}
.multisteptabs li.selected a {
	background-position: -908px 50%;
}
.multisteptabs li.selected a:focus {
	background-color: #246be2;
}
.memberJourney {
	float: left;
	margin: 0 10px 0 0;
	padding: 25px 0 0 0;
	width: 460px;
}
.memberJourneysEnd {
	float: left;
	margin: 0 10px 0 0;
	padding: 25px 0 0 0;
	width: 700px;
}
.memberJourneysEnd p {
	font-size: 1.4em;
}
.memberJourneysEnd h2 {
	color: #410546;
	margin: 0 0 20px 0;
}
.directDebitInfo .first {
	background: url(../images/nt-directdebit.gif) 100% 0 no-repeat;
	padding: 0 120px 0 0;
}
.directDebitInfo ul li {
	list-style-type: square;
	list-style-position: outside;
	margin: 0 20px 15px;
	padding: 0
}
.directDebitInfo ul li ul li {
	margin-left: 2em;
	list-style-type: circle;
	list-style-position: outside
}
.directDebitInfo .ui-accordion-content ul {
	float: left;
	margin: 0 0 5px;
}
.creditCardInfo .first {
	background: url(../images/epdqlogo.gif) 100% 0 no-repeat;
	line-height: 1.9em;	
	padding: 0 120px 0 0;
}

#aside {
	background: url(../images/nt-large-tabs-shadow-flip.gif) 0 0 no-repeat;
	float: left;
	margin: 25px 0 0;
	padding: 0 0 120px 20px;
	width: 210px;
}
#aside h3 {
	font-size: 1.8em;
}
#aside .whatYouGet {
	background: url(../images/nt-mbrshp-packshot-annual.jpg) 0 0 no-repeat;
	color: #666;
	padding: 200px 0 0 0;
}
/* Basket */
#basket {
	background-color: #e6faf5;
	border-top: 2px dashed #cbf1e8;
	margin: 0 0 20px;
	padding: 15px 20px 5px;
}
#basket h3 {
	font-size: 2.2em;
}
#basket dl {
	border: none;
	margin: 0 0 15px;
}
#basket dt {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#basket dd {
	border: none;
	margin: 0;
	padding: 0;
}
/* Transaction progress (breadcrumb) */
#progress {
	background-position: 0 100%;
	background-repeat: no-repeat;
	float: left;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
.width-12 #progress {
	background-image: url(../images/nt-breadcrumb-tabshadow-3col.gif);
	width: 700px;
}
.width-16 #progress {
	background-image: url(../images/nt-breadcrumb-tabshadow-4col.gif);
	width: 940px;
}
#progress li {
	color: #666;
	float: left;
	list-style-position: inside;
	margin: 0 5px 0 0;
	padding: 8px 22px 22px 2px;
}
#progress li a,
#progress li a:visited {
	color: #666;
	text-decoration: none;
	text-decoration:underline;
}
#progress li.selected {
	background: url(../images/nt-breadcrumb-selected.png) 50% 100% no-repeat;
	color: #410546;
	font-weight: bold;
}       	
#progress li.selected a {
	color: #410546;
	font-weight: bold;
}
.joinprocess .formPagination {
	float: left;
	margin: 0 0 20px;
	padding: 20px 0 0;
	position: relative;
	width: 430px;
}
.joinprocess .formPagination li {
	font-size: 1.4em;
	margin: 0;
	padding: 0;
	position: relative;
}
.joinprocess .formPagination li a {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	display: block;
	margin: 0;
	position: absolute;
}
.joinprocess .formPagination li a.previousButton {
	left: 0;
	padding: 5px 0;
}
.joinprocess .formPagination li a.previousButton:hover {
	background-color: #fff;
}
.joinprocess .formPagination li a.nextButton {
	background-color: #410546;
	background-image: url(../images/nt-button-nextarrow.gif);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	padding: 8px 25px 8px 12px;
	right: 0;
	top: -4px;
}
.joinprocess .formPagination li a.nextSectionButton {
	background-color: #00828a;
}
.joinprocess .formPagination li a:focus {
	background-color: #246be2;
}
.joinprocess .formPagination li a:hover {
	background-color: #333;
}
.joinprocess .formPagination li a.nextButton.inactivebutton {
		background-color: #333;
}
/* Membership Info */
.membershipDetails {
	border-bottom: 1px dotted #ccc;
	float: left;
	margin: 0 20px 20px 0;
	padding: 0 0 5px;
	width: 440px;
}
.membershipTypes {
	background-image: url(../images/nt-membership-join-montages.jpg);
	background-repeat: no-repeat;
	padding: 0 0 40px;
}	
#optionindividual {
	background-position: 100% 0;
}
#optionjoint {
	background-position: 100% -800px;
}
#optionfamily {
	background-position: 100% -400px;
}
#optionBuildYourOwn {
	background-position: 100% -1200px;
}
.membershipDetails h2 {
	color: #410546;
	font-size: 3em;
}
.paymentDetails h2 {
	color: #00828a;
}
.membershipTypes h2 {
	width: 200px;
}
.membershipDetails p {
	color: #666;
	font-size: 1.4em;
}
.membershipTypes p {
	width: 200px;
}
/* Form Styles */
.joinprocess {
	float: left;
	margin: 0 20px 0 0;
	width: 440px;
}
.joinprocess li {
	list-style-type: none;
	margin: 0 0 7px;
	padding: 10px;
}
.joinprocess .ui-buttonset li {
	padding: 0;
}
.joinprocess .ui-buttonset li label {
	padding: 10px;
}
.joinprocess .ui-buttonset li.validation-successful label,
.joinprocess .ui-buttonset li.validation-fail label {
	padding: 10px 10px 0;
}
.joinprocess fieldset {
	border-bottom: 1px dotted #ccc;
	float: left;
	margin: 0 0 20px;
	padding: 0 0 5px;
	width: 100%;
}

.joinprocess fieldset.personaldetails legend {
position: absolute;
z-index: 9999;
margin-left: -9999px;
}
.joinprocess fieldset fieldset{
	border-top: 1px dotted #ccc;
	border-bottom: 0px;
	float: left;
	margin: 20px 0 0 0px;
	padding: 0 0 5px;
	width: 100%;
}

.joinprocess fieldset fieldset legend {
	font-size: 2em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 12px;
}
.joinprocess fieldset .currentfocus {
	background-color: #fffddd;
	border-radius: 5px; 
}
.joinprocess fieldset p {
	margin: 0 10px 10px;
}
.joinprocess fieldset p.footnote {
	margin: 0 0 10px;
}
.joinprocess legend {
	font-size: 2.2em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 12px;
	color: #410546;
}
.joinprocesspayment legend {
	color: #00828a;
}
/*.joinprocess legend span {
	color: #666;
	font-size: 0.8em;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 0 8px;
}*/
.joinprocess label {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 8px;
}
.joinprocess label.ui-button {
	padding: 5px;
}
.joinprocess label.ui-button:hover {
	background-color: #e6faf5;
}
.joinprocess li.validation-successful,
.joinprocess li.validation-fail {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}	
.joinprocess li.validation-successful {
	background-color: #eaf9e2;
	border: 1px solid #c1efaf;
}
.joinprocess li.validation-successful:hover {
	background-color: #ddf7d4;
	border: 1px solid #c1efaf;
}
.joinprocess li.validation-successful:hover label.ui-button:hover {
	background-color: #ddf7d4;
}
.joinprocess li.validation-fail {
	background-color: #feefef;
	border: 1px solid #f2a1a1;
}
.joinprocess li.validation-fail:hover {
	background-color: #fee8e8;
	border: 1px solid #f2a1a1;
}
.joinprocess li.validation-fail:hover label.ui-button:hover {
	background-color: #fee8e8;
}
.joinprocess li.validation-fail p {
	color: #c00;
	font-weight: bold;
	margin: 10px 0 0;
}
.joinprocess input#payName {
	width: 250px;
}
.joinprocess input#paySort {
	width: 70px;
}
.joinprocess input#payAccount {
	width: 90px;
}
.joinprocess input.date {
	width: 110px;
}
.joinprocess input.emailAddress {
	width: 300px;
}
.joinprocess input label {
	display: inline;
}
.joinprocess input {
	font-size: 1.4em;
	margin-bottom: 0;
	padding: 4px;
}
.joinprocess select {
	border: 1px solid #cccccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	font-size: 1.2em;
	margin-bottom: 0;
	overflow-x:visible;
	padding: 0.8em;
}
.joinprocess option {
	line-height: 1em;
	padding: 0.3em;
}
.joinprocess textarea {
	border: 1px solid #cccccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	font-size: 1.2em;
	margin-bottom: 0;
	padding: 0.8em;
	width: 80%;
}
.joinprocess .shorttext {
	width: 100px;
}
.joinprocess .directDebitInfo .ui-accordion-content {
	margin: 0;
	padding: 0 2em;
}
.joinprocess .directDebitInfo .ui-accordion-content p {
	border-top: 1px dotted #ccc;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 15px 0 0;
}
ul.controls-postcode {
	margin-left: 0;
	margin-top: 1em;
}
ul.controls-postcode li {
    display: block;
    text-indent: none;
    list-style-position: inside;
    padding: 0;
    margin-right: 1em;
}
/* Ensure non Javascript help remains invisible if JS is enabled */
label.ui-button .accessibility, label.ui-button .old, label.ui-button .young {
	display:none;
}
/* Validation */
.validationMessage {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	border-radius: 5px;
	float: left;
	font-size: 1.2em;
	margin: 0 0 20px;
	padding: 15px;
	width: 408px;
	background-color: #feefef;
	border: 1px solid #f2a1a1;
}
.top {
	margin:20px 20px 0 0;
	width:640px;
}
.validationMessage p {
	margin: 0;
}
#successmessage {
	background-color: #eaf9e2;
	border: 1px solid #c1efaf;
}
#failmessage, #no-cookies, #tabs-1 {
	
	display:none;
}
#failmessage ul {
	margin: 10px 0 0;		
}
#timeoutmessage {
	background-color: #feefef;
	border: 1px solid #f2a1a1;		
}
/* Hide the underlying elements when creating buttons
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { left:-9999em; position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0;  }
ul.radiobuttons .ui-state-default,
ul.checkboxes .ui-state-default {
	background-image: url(../images/nt-join-form-checkbox.png);
	background-position: 10px 10px;	
	background-repeat: no-repeat;
}
.ui-state-default {
	cursor: pointer;
	display: block;
	height: 100%;
	margin-bottom: 10px;
	min-height:36px;
}
ul.checkboxes .ui-state-hover {
	background-position: 10px -494px;
}
ul.checkboxes .ui-state-active {
	background-position: 10px -242px;
}
ul.radiobuttons .ui-state-default {
	background-position: 10px -746px
}
ul.radiobuttons .ui-state-hover {
	background-position: 10px -1250px;
}
ul.radiobuttons .ui-state-active {
	background-position: 10px -998px;
}
span.ui-button-text {
	display: block;
    font-size: 90%;
    font-weight: normal;
    line-height: 140%;
    margin-left: 50px;
    padding-top: 0.7em;
}
/* overrides for ui-tab styles */
.ui-tabs-hide {
	display: none !important;
}
/* Accessibility Wording for Current Tab */
.currenttabinfo {
	display: inline;
	font-weight: normal;
}
/* Postcode Lookup Button */
#lookupAddress {
	display: inline-block;
	background-color: #555;
	border-radius:3px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	color: #ffffff;
	padding:10px;
	text-decoration: none;
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
}
#lookupAddress:focus {
	background-color: #246be2;
}
#lookupAddress:hover {
	background-color: #222;
}
/* Accordian */
#directdebit {
	background-color: #f5f5f5;
    border: 1px dotted #ccc;
    border-radius: 3px;
	margin: 0 0 20px;
    padding: 0;
}
#directdebit h3 {
	margin: 0;
}
#directdebit h3 a {
	background-image: url(../images/icon-propertyaccordion-arrow.gif);
	background-position: 15px -84px;
	background-repeat: no-repeat;
	display: block;
	padding: 10px 10px 10px 38px;
}
#directdebit h3.selected a {
	background-position: 15px -125px;
}
#directdebit h3 a:hover {
	background-color: #eee;
}
#directdebit h3 a:active {
	background-color: #ccc;
}
#directdebit div {
	margin: 10px;
}
#directdebit div ul {
	margin: 0 0 0 10px;
}
.giftAid legend {
	background: url(../images/gift_aid.gif) 100% 0 no-repeat;
	width: 100%;
}
.old-footer .width-8 {
	margin-top: 30px;
}
/*
 * jQuery UI Accordion 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }



/* Icons
----------------------------------*/

/* states and images */
#directdebit .ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png); }
#directdebit .ui-widget-content .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); }
#directdebit .ui-widget-header .ui-icon {background-image: url(../images/ui-icons_ffffff_256x240.png); }
#directdebit .ui-state-default .ui-icon { background-image: url(../images/ui-icons_ef8c08_256x240.png); }
#directdebit .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_ef8c08_256x240.png); }
#directdebit .ui-state-active .ui-icon {background-image: url(../images/ui-icons_ef8c08_256x240.png); }
#directdebit .ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_228ef1_256x240.png); }
#directdebit .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Modal
----------------------------------*/
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
	background-color: #fff;
		border-radius: 8px;
    position: fixed;
    top: 17%;
    left: 50%;
    font-size:1.5em;
    margin-left: -300px;
    width: 500px;
    	padding: 20px 30px;
    background-color: #EEE;
    color: #333;
	box-shadow: 0 5px 20px #000;
	border-radius: 8px;
}
.jqmWindow a:link, .jqmWindow a:visited{
    font-size:1em;
    line-height:2em;
	display:block;
}

.jqmOverlay { background-color: #000; }


/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* Membership Type Selection */
#selectmembership {
	clear: both;
	float: left;
	margin: 1em 0 1.5em;
	padding: 0;
	width: 98%;
}
#selectmembership h2 {
	color: #410546;
    font-size: 2.6em;
	font-weight: normal;
	margin: 0.5em 0 0;
}
#selectmembership h3 {
	color: #410546;
    font-size: 3em;
	font-weight: bold;
	margin: 0 0 0 210px;
}
#selectmembership .membershipTypes{padding:0; background-image: url("../images/nt-membership-join-montages-inverted.jpg");}
#selectmembership #optionjoint {
    background-position: 0% -800px;
}
#selectmembership #optionfamily {
    background-position: 0% -400px;
}
#selectmembership #optionindividual {
    background-position: 0 0;
}
#selectmembership .membershipTypes p, #selectmembership .membershipTypes h4{width:430px; margin: 0 0 12px 210px;  color: #666666; font-weight:normal;
}
#selectmembership .membershipTypes p.description{font-weight:bold;}
#selectmembership .membershipTypes h4{width:430px; margin: 0 0 0 210px;  color: #666666; font-weight:normal; font-size:1.5em; line-height:1.5em; margin-top:1em;
}
#selectmembership .membershipTypes ul{width:430px; margin: 0 0 0 210px; color: #666666;
 font-size: 1.1em; 
}

#selectmembership .membershipTypes ul li {margin-bottom:0;}
.membershipTypeTabs {
	float: left;
	margin: 12px 20px 0 0;
	padding: 0;
	width: 100%;
}
.membershipTypeTabs li {
	float: left;
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 12px 0 0;
}
.membershipTypeTabs li#individual {
	margin: 0;
}
.membershipTypeTabs li a {
	background-image: url('../images/nt-membership-product-tab.png');
	background-position: 50% 100%;
	background-repeat: no-repeat;
	color: #666;
	display: block;
	font-weight: normal;
	margin: 0;	
	padding: 14px 14px 20px 14px;
	text-decoration: none;
	width: 185px;
}
.membershipTypeTabs li a:hover {
	background-color: #f5f5f5;
}
.membershipTypeTabs li span {
	color: #666;
	display: block;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}
.membershipTypeTabs li span.title {
	/* font-family: "NationalTrustWeb-Bold"; */
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 0.5em;
	text-decoration: underline;
}
.membershipTypeTabs li.selected span.title {
	background: url('../images/nt-membership-tick.png') 100% 85% no-repeat;
	color: #fff;	
}
.membershipTypeTabs li.selected a:hover span.title {
	color: #fff;
}
.membershipTypeTabs li a:hover span.title {
	color: #410546;
}
.membershipTypeTabs li a:focus span {
	color: #fff;
}
.membershipTypeTabs li span.price {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 0.75em;	
}
.membershipTypeTabs li span.ideal {
	border-top: 1px dotted #ccc;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 0.5em;
	padding: 0.75em 0 0;	
}
.membershipTypeTabs li.selected span.ideal {
	border-top: 1px dotted #7a507e;
	font-weight: bold;
}
.membershipTypeTabs li span.desc {
	font-size: 1em;
	line-height: 1.6em;
	margin: 0 0 1em;
	padding: 0 1em 0 0;
}
.membershipTypeTabs li:hover {
	background-position: 0 50%;
}
.membershipTypeTabs li.selected a {
	background-color: #410546;
	color: #fff;
}
.membershipTypeTabs li.selected span {
	color: #fff;
}
.membershipTypeTabs li.selected a span.title {
	font-weight: bold;
	text-decoration: none;
}

.memberJourneyFirst {
	float: left;
	margin: 0 10px 0 0;
	width: 680px;
}
.memberJourneyFirst .joinprocess{
	width:680px;
}
.memberJourneyFirst .formPagination{width:680px;
}

.memberJourneyFirst .membershipDetails {
	border:0;
	width:100%;
}

#dialog-returntostep1 ul{display:block; margin-bottom:0;}
#dialog-returntostep1 ul li{display:inline-block; padding:5px; list-style-type:none; list-style-position:inside;}
.footnote{font-size:1em;}

#specialoffer {
    background-color: #EAF9E2;
    border: 1px solid #C1EFAF;
    border-radius: 5px 5px 5px 5px;
    font-size: 1em;
    margin: 0 0 20px;
    padding: 15px;
}
//additional mragin for aesthetics
old-footer {margin-top: 30px}