/*	Flat.css	*/


/* Reset */
	h1, h2, h3, h4, p, legend, label, fieldset, li, td, form, a, body {
						margin:0; padding:0; border:none;
						font:normal 1em/1.5 Verdana, sans-serif; color:#333; }
	a {					color:#000; font-weight:bold; text-decoration:none; }
	a:hover {			text-decoration:underline; }
	h1 {				padding:0; margin:1em 0;
						font-size:22px; font-weight:bold;
						color:#555; }
	h2 {				padding:0 0 0.5em; margin:0;
						font-size:1.2rem; font-weight:normal;
						color:#333; }
	hr {				color: #999; background-color:#999; margin:0; }


/*	Preview message		*/
	div#PreviewInfo {	position:fixed; top:1px; left:25%; z-index:100;
						width:50%; text-align:center; padding:5px 0;
						border:1px solid #999; background:#ffc;
						border-radius:5px; }


	body {				background:#f3f3f3 url(/Clients/_MasterDocs/images/BodyBgSlice_TopOnly.jpg) 0 0 repeat-x;
						border-top:1px solid #fefefe; }

/*
	#MainContainer
		#TopBanner
		#FormContainer
			<form>
				<h1>heading</h1>
				#MainForm
					<asp:views>
				#SnapInfo
		#Footer
*/

	#MainContainer {	
						margin:0 auto; padding:0; }
	#FormContainer {	overflow:visible;	/* clear container */
						zoom:1;				/* concession to IE6 */
						 }
	#MainForm {			
						float:left;
						 }
	#MainForm p {		position:relative; /* enable abs pos */
						width:100%;
						overflow:hidden; clear:both;
						margin:0.5em 0; }



	/*	TopBanner EXAMPLE styling */
	#TopBanner {		height:84px /* match body background */;
						margin:0; padding:0 20px; }
	#TopBanner img {	margin-top:16px; }
	#TopBanner h1 {
						width:auto; text-align:center;
						padding:0 0 0.5em; }




	/*	The branch info on RHS	*/
	#SnapInfo {			float:right; width:260px; margin:0 auto; }
	#SnapInfo h1 {		margin-top:0.5em; }
	#SnapInfo p {		margin-bottom:1em; }
	#SnapInfo p a {		font-weight:normal; text-decoration:underline;
						display:block; padding-left:10px; background:url(/Clients/_Template/images/arrow_link.gif) 0 0.5em no-repeat; }
	#SnapInfo p.Snap {		margin:60px 0 10px; padding:10px 0 0; position:relative; border-top:1px dotted #ddd; }
	#SnapInfo p.Snap a {	line-height:1; color:#666; padding:5px 0 0; background-image:none; text-decoration:none; font-size:11px; }
	#SnapInfo p.Snap a:hover {	text-decoration:underline;}
	#SnapInfo p.Snap img {	float:left; display:inline/* IE DFMB */; border:none; margin:0 7px 10px 0; }




	/*	Footer */
	.Footer {			clear:both; font-size:0.8em; line-height:1.1; color:#80868e; text-align:center; margin:0; padding:1em 0 0.5em; }
	.Footer a {			color:#70767e; font-size:1em; text-decoration:none; }
	.Footer a:hover {	text-decoration:underline; }



	#refer { display:none;}




	/*	Fieldset */
	.FSWrap {			margin:1.5em 0; }
	fieldset {			margin:1.5em 0; padding:3em 2em 2em; overflow:visible;
						position:relative; /* abs pos legend */
						border:none; }
	legend {			padding:0; margin:0; position:relative; top:0.5em; left:1em;
						font-size:1,2em; font-weight:bold; font: normal 1em/1.5 Verdana, sans-serif;
						color:#333; }
	button {			white-space:nowrap; /* for android chrome */}
	fieldset div {		border:1px solid #e0e0e0; border-radius:4px;  background:#f7f7f7;
						overflow:hidden; /* clear */
						}
	fieldset div div {	padding:0; border:none; border-radius:0; background:none; }

	label,
	.Label {			float:left;
						width:148px; margin-left:0;
						text-align:right; margin-right:20px; }
	.WideLabel {		float:none; width:auto; margin:1em 0; }
	label i,
	.Label i {			/* use italic to set as normal font */
						font-style:normal; font-weight:normal; white-space:nowrap; }

	#ProductSelection {	/* span */ display:block; overflow:hidden; }
	#ProductSelection input {	float:left; clear:left; margin:0.5em 1em; }
	#ProductSelection label {	float:none; display:block; margin-left:40px; margin-right:0; width:auto; text-align:left;  }


	.FullWidthCheckbox label {	float:none; width:auto; margin:0 30px 0 0;
								/* override the default label settings */
								font:normal normal 1em/1.5 Verdana, sans-serif; text-align:left;  }
	.FullWidthCheckbox input {	float:right; margin:0.5em 1.5em 1em; }


	em {			/*	Mandatory field - asterisk */
						position:absolute; left:152px; top:2px;
						font:normal 1.8em/1 Times, serif; }


	.txtWide,
	select.txtWide {	width:340px; }
	.txtMedium ,
	select.txtMedium {	width:164px; /* fit two into the space of one wide one */ }
	.txtNarrow,
	select.txtNarrow {	width:107px; /* fit three into one */ }
	.txtVNarrow {		width:34px; }
	select.txtVNarrow {	width:34px; }
	.AddressList {		margin-left:60px; width:300px; }

	.Indent {			margin-left:160px; display:block; }

	input,
	select {			float:left; width:auto;
						 }
	select.txtNarrow,
	select.txtMedium {	margin-right:10px; }
	select.Last {		margin-right:0; /* YoB */ }
	.WideSelect {		margin:1em 0; width:100%; }

	.RadioCheckLabel {	float:left; margin-left:0.5em; margin-right:1em; width:auto;  }
	.RadioCheckLabel input {  }
	.RadioCheckLabel input [type=radio]{ transform: scale(1.5); }
	.RadioCheckLabel label { margin-left:0.5em; margin-right:2em; width:auto; font-size: 1rem; }

	.AddressList,
	.txtWide,
	.txtMedium,
	.txtNarrow,
	.txtVNarrow {		padding:0.5em; background:#fff;
						border:1px solid #999999; border-radius:3px;
						font-size:1rem;		}
	input[type=text] {	padding-left:5px; }


	.Error,
	.WideError {		margin:0.5em 0; border:2px solid #c00; border-radius:5px; padding:3px 10px;
						color:#a00 !important; font-weight:bold; background:#fce6e2; zoom:1/*IE*/; }
	p.Error,
	.WideError[style*="inline"] {
						display:block !important; width:100%; clear:both;
						box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#MainForm p.Error,
	#MainForm .WideError {	width:auto; }
	.ErrorFullWidth {	margin:0.5em 0; border:2px solid #c00; border-radius:5px; padding:3px 10px;
						color:#a00 !important; font-weight:bold; background:#fce6e2; zoom:1/*IE*/;
						width:100%; clear:both;
						box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

	.Error li,
	.Error p {			color:#a00; }
	.Error input {		background:#fce6e2; border:1px solid #c00; }
	.Error strong {		color:#a00; }
	.Error {			float:left; clear:left; margin-left:168px; width:197px; }
	div.ErrorSummary {	color:#a00; font-weight:bold; display:none; }
	.ErrorSummary ul {	margin:0; }
	.ErrorSummary li {	 }
	p.ErrorText {		color:#a00; font-weight:bold; margin:0.5em 0; }

	/*	For override errors	*/
	.ErrorMessage {		border:1px solid #c00; background:#fff; padding:0.5em 1em; }
	.ErrorMessage p,
	.ErrorMessage li {	color:#f33; font-weight:bold; }

	textarea {			font:small Arial, sans-serif; }


	p.Buttons {							text-align:right; clear:both; }
	p.Buttons input {					float:none; padding:3px 10px; }
	p.Buttons .btnSecondary {			float:right; margin-right:1em; margin-top:1em; background:none; border:none; cursor:pointer; }
	p.Buttons .btnNext,
	p.Buttons .btnNext_Disabled,
	p.Buttons .btnConfirm,
	p.Buttons .btnConfirm_Disabled {	float:right; margin-top:1em; }
    p.Buttons .btnConfirm_Disabled,
	p.Buttons .btnNext_Disabled {		opacity:0.3;
										filter: alpha(opacity=30);	/* for IE5-7 */
										-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE8 */ }


	table {				clear:left; border-collapse:collapse; }
	table p {			width:100% !important/* override paragraph settings */; }
	td {				padding:0.4em 0; vertical-align:top; }
	td.Left {			padding-right:2em; width:60%; padding-left:2em;}
	td.Right {			padding-left:0; width:33%; }
	tr.TwoCols {		 }

	td.Wide {			width:230px; }
	td.Medium {			width:130px; }
	td.HalfL {			width:48%; padding-right:2%; }
	td.HalfR {			width:48%; padding-left:2%; }
	ul.DDGuar {			clear:left; margin-left:0; padding-left:5px; }
	ul.DDGuar li {		clear:left; margin-left:10px; padding-left:0; list-style:disc outside none; }
	ul.DDGuar ul {		margin-left:10px; padding-left:10px; }




	/*	accordion progress widget styling	*/
	h2.Head, h2.Current, h2.Foot {
						clear:both; margin:0; padding: 0.5em 10px 0.4em;
						font: bold 1.5rem/1.5 vagrounded,Helvetica,Arial,sans-serif; color: #000; }
	h2.Head b, h2.Current b, h2.Foot b {
						color:#000;
						border-radius: 2em;	display: inline-block; width: 1em;		
						font: bold 1.3rem/1.3 vagrounded,Helvetica,Arial,sans-serif; 
						padding: 0.1em 0.2em 0; text-align: center; position: relative;		}
	h2.Head {			background:#fff url(../_MasterDocs/Images/tick_green.png) right 1em no-repeat; color:#b0b0b0; border-bottom:1px solid #CED5E5;
						 }
	h2.Head b {			background:#d1d3d4; color: #4d4d4f; }
	h2.Current {		background:#bed04a;  border-bottom:1px solid #CED5E5;
						 }
	h2.Current b {		background:#d1d3d4  0 0 no-repeat; color: #4d4d4f; }
	#CurrentView {		clear:both; overflow:hidden /* clear contents */; padding:15px 30px;  }
	h2.Foot {			background:#f7f7f7; color:#999; border-top:1px solid #CED5E5;  }
	h2.Foot b {			background:#4d4d4f; color: #d1d3d4; }





	span.Slash {		float:left; padding-right:1em; }



	.Disabled {			color:#ccc; cursor:default; }
	.Disabled:hover {	text-decoration:none !important; }


	/*	v2 styling	*/
	.Panel {				margin:0; padding:0; }
	#AddressResults {		margin:0; padding:1em 0 0.5em; display:none;}
	.AddressContainer {		/* needed for IE6 */
							clear:both; float:left; }
	#AddressResults select {	width:100%; padding:4px 1px; border:1px solid #999999; border-radius:3px;}
	#AddressResults span {	padding-left:166px; }
	#FindAddress {			position:relative; top:3px;
							margin:0 0 0 10px; padding: 3px 9px;
							font:normal 12px Arial, Helvetica, sans-serif;
							color: #292929;
							border: 1px solid #949494;
							border-radius:3px;
							background: #d4d0c8; }
	#FindAddress:hover {	background:#a6f4fe; border-color:#26a0da; text-decoration:none; }
	#FindAddress:focus {	outline:none; }
	.AddressFieldWrapper {	display:block; /* inline to block */ float:left; }
	.AddressFieldWrapper input { clear:both; }
	.AddressFieldWrapper .Error {	margin-left:0; }
	#Address1 {				border-bottom-width:0; border-radius:0; border-top-left-radius:3px; border-top-right-radius:3px; margin-bottom:0; }
	#Address2, #Address3, #Address4 {
							border-bottom-width:0; border-top-color:#ccc; border-radius:0; margin-top:0; margin-bottom:0; }
	#Address5 {				border-top-color:#ccc; border-radius:0; border-bottom-left-radius:3px; border-bottom-right-radius:3px; margin-top:0; }

	.LHCheckbox label {		width:auto; }
	.LHCheckbox span {		clear:both; width:95%; margin:0;}
	.DDLogo {				float:right; border:none; padding:0; margin:0 0 0 30px; }
	.DDLogoAbPos {			position:absolute; top:10px; right:10px; }


	#btnShowOverrideForm {	float:none; display:block; margin:0 auto; }
	#btnLogoff {			float:none; }


	.TwoRadiosOnRHS {		margin:1.5em 10px 1.5em 20px !important; width:auto !important;  }
	.TwoRadiosOnRHS span {	display:block; margin-right:110px; }
	.TwoRadiosOnRHS label {	float:right; text-align:right; display:block; width:50px; margin-right:0; }
	.TwoRadiosOnRHS input {	float:right; }

	.FullWidthCheckboxLHS label {	display:block; clear:both; width:100%; text-align:left; }
	.FullWidthCheckboxLHS input {	float:left; }


	/*	Optional page styling overrides	*/
	.FullWidthTextArea {	 }
	.FullWidthTextArea label {	width:100%; text-align:left; }
	textarea {				width:98%; height:100px; clear:both; }



	/*  3D secure styling */
	/*	ThreeDeeSecure
		Some grief with iOS6+ which removed IFrame scrolling...  Needs a container around the IFrame */
	#ThreeDIFrameContainer {		-webkit-overflow-scrolling:touch; overflow:scroll; }
	#ThreeDIFrame {				width:100%;  min-width:600px; height:900px; }


		.CheckOptsList {	padding:0 2em;	}
		.CheckOptsList label {	float:left; text-align:left; padding-left:0.5em; width:auto;  }
		.CheckOptsList input {	float:left; clear:left; }


/* medium "tablet" format */
@media only screen and (min-width: 601px) and (max-width: 900px) {
	h1, h2, h3, h4, p, legend, label, fieldset, li, td, form, a, body {		}
	#FormContainer {		margin:2em auto; padding:0; width:860px; overflow:visible; }
	#FormContainer>form>h1 {	max-width:500px; margin:1em auto; }
	#MainForm {				float:none; margin:2em auto 1em; min-width:500px; }
	#SnapInfo {				float:none; margin:2em auto 1em; }
	#SnapInfo p.Snap {		display:none;}

	label {					float:none; text-align:left; }
	.Label {				text-align:left; }
	.RadioCheckLabel  { 	float:left; clear:left; }
	.RadioCheckLabel label { margin-left:0; margin-right:2em; width:auto; float:left; }
	.RadioCheckLabel input[type=radio] {	-ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); 
							margin-left:2em; margin-right:1em; position:relative; top:0.2em; /* nudge down */ }

}






/*	Narrow "phone" format	*/
@media only screen and (max-width: 600px) {
	h2, h3, h4, p, legend, label, fieldset, li, td, form, a, body, div {
							line-height:1.3em; min-width:0 !important; }
	body {					min-width:300px !important; }
	#FormContainer>form>h1 {	margin:1em 10px; }
	#MainContainer,
	#TopBanner,
	#FormContainer,
	#MainForm,
	#SnapInfo {				float:none; margin:0; padding:0; width:auto; }
	#SnapInfo p.Snap {		display:none;}
	#SnapInfo {				margin:3em; }
	#CurrentView {			padding:1em 8px; }
	#TopBanner {			padding-left:10px; }

	#MainForm p.Buttons {	width:95%; padding:0 2%; }
	p, p.Text, p.Text label {	padding:5px 1%; width:98%; }
	p.Text select,
	select.txtWide,
	.txtWide {				display: inline-block; width:86%; box-sizing:border-box; margin-left:30px; margin-right:0; }
	.txtMedium {			width:38%; margin-left:0px; margin-right:2%; }
	.txtNarrow {			width:20%; margin-left:8%; margin-right:2%; }
	fieldset {				float:none; padding:2em 0 1em; position:relative; margin:2em 0; width:auto; }
	fieldset em {			left:10px; top:1.1em; font-size:24px; }
	span.Error {			width:auto; margin-left:20px; }
	label, .Label {			text-align:left; display:block; width:96%;}
	div.FSWrap {			float:none; padding:10px 1% 0; margin:6px 0 0; width:auto; clear:both; }
	fieldset div {			border:none; }
	fieldset legend {		padding:5px; }
	.RadioCheckLabel {			display:block; margin-left:8%;}
	.RadioCheckLabel label {	margin-left:5px;}
	div.Error {				color:#f33; margin:1%; width:98%; }
	.Buttons input {		font-size:16px; }
	
	#PromoCode.txtMedium {	display: inline-block; box-sizing:border-box;	 margin-left:0px; width: 94%; margin-right:0px; }
	.RadioCheckLabel label { margin-right: 1em; }
	#PostCodeLookup.txtMedium {						Width: 6em;}
	

	/*	form tweaks	*/
	#TitleOther, #dob_m, #dob_y,
	#JointMemberTitleOther, #JointMemberDob_m, #JointMemberDob_y {	margin-left:0; }
	.AddressContainer em {	bottom:auto; top:1.3em; }
	.AddressFieldWrapper {	float:none; }



	p.Buttons {							text-align:center; clear:both; }
	p.Buttons input {					float:none; padding:6px 10px; border-radius:5px; }
	p.Buttons .btnSecondary {			float:none; margin:1em; background:#ccc; color:#000; border:none; cursor:pointer; width:80%; }
	p.Buttons .btnNext,
	p.Buttons .btnNext_Disabled,
	p.Buttons .btnConfirm,
	p.Buttons .btnConfirm_Disabled {		float:none; margin:1em 1em 0; background:#03648A; color:#fff; border:1px solid #333; width:80%; }
    p.Buttons .btnConfirm_Disabled,
	p.Buttons .btnNext_Disabled {		background:#bbb; 
										opacity:0.3;
										filter: alpha(opacity=30);	/* for IE5-7 */
										-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE8 */ }


}

/*	/Flat.css	*/








/* BPL overrides	*/


		body {									background-color:#FFF;		/* #81378a */ background-image:none; border:none; word-wrap:break-word; }
		#MainContainer {						position:relative;  max-width:960px; margin-top:1em; }
		#MainForm {								background: #F9F9F9; border: none; width:660px; }
		#CurrentView {							border: none; padding:1em; }
		h2.Current {							border: none; background:#9a3f97; color:#fff; }
		h2.Foot {								margin-top: 4px; border: none; background-color:#f3f3f3; }
		h1, h2, h3, h4, p, legend, label, fieldset, li, td, form, a, body {
												color: #333;
												font-family: vagrounded,Helvetica,Arial,sans-serif;											
				}
		fieldset div {							border: none;  border-radius: 0;  }
		#SnapInfo {								padding-top:0.5em; }
		#SnapInfo h2 {							padding:0.4em; margin:2em 0 1em; }
		#SnapInfo p {							padding: 0 0.4em; clear:both; }
		h2.Head {								background:#4d4d4f url("./Images/grey_tick_2.png") no-repeat scroll right 1em; color:#d1d3d4; }
		legend {								font-weight:bold;  /* 4 anne droid */ }

		#TopBannerWrap {						background-color:#F9F9F9; }
		#TopBanner {							height:auto; position:relative; max-width:1100px; margin:0 auto; padding:18px 0; }
		#TopBanner img {						display: block; margin-top: 4px;  }
		#RHLinks {								position:absolute; 
												top:34px; right:0; width:220px; /* match MainContainer */ }
		.Half {									width: 50%; margin: 0px; padding: 5px; }
		.Footer, 
		.Footer a	{							font-size:0.8rem !important;	}

		/* Javascript Grouping Container */
		/* configure existing styling to match...	*/
		.Product,
		.PromoProduct {							background:#25338c; color: #fff; }
		.Product:hover,
		.PromoProduct:hover {					background:#c8d4db; color:#4d4e53 !important; }
		.Product:hover *,
		.PromoProduct:hover * {					color: #4d4e53 }
		
		#ProductSelection label {					margin-left:0; }
		#ProductSelection input + label {			#25338c; margin-left:0; color:#fff; }
		#ProductSelection input[type=radio] {		display:none; }
		div.noBG fieldset div {					background:#F9F5F9; /* remove background colouring for Product selection only */ }
		
		#groupContainer {						padding:10px; background:#f7f7f7; }
		#groupContainer .Product,
		#groupContainer .PromoProduct {			display:block; border-radius: 1em; margin: 1.5em;  }
		#groupContainer>div>span:first-child {	border-top:none; }
		#groupContainer .Product label,
		#groupContainer .PromoProduct label {	display:block; cursor:pointer; float:none; width:auto; text-align:center; padding: 1em; color: #fff; border-radius: 1em; font-size: 1.2em; }
		.Product input,
		.PromoProduct input {					display:none; }
		#ProductSelection input {				xmargin-top:1.5em; }

		.SelectedProduct {						background: #bed04a!important; /* override hover */ }
		.SelectedProduct * {					color: #000 !important; }
		#groupContainer {						xmargin-top: -40px; border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }
		#groupContainer span {					transition: 0.1s; }
		#buttonsContainer {						border-bottom: none; }
		#buttonsContainer button {				word-wrap:nowrap; width:auto !important; min-width:6em; -webkit-box-sizing:border-box; /* for android */
												padding:0.5em 1em; margin-right:0.5em; margin-top:1em; 
												background: #4d4d4f; font-family: Arial; color:#d1d3d4; border:none; 
												font-size:1.2em; font-weight:bold; 
												transition:0.1s;  cursor:pointer;}
		#buttonsContainer button:hover {		color: #333; background: #c8d4db; }
		#buttonsContainer button.active {		background-color:#25338c; color:#fff; font-family: Arial; border-color: #00456A; }



		/* search table styling	*/
		#MemberSearch {							position:fixed; z-index:2; top:1px; left:1px; right:1px; bottom:1px; background:rgba(80,80,80,0.75); font-size:12px !important; }
		#MemberSearch #SearchForm {				position:fixed; top: 50px; left: 50%; width:94%; margin-left: -47%; /* Negative half of width */ border: 2px solid #666; border-radius:5px; 
												box-shadow: 0 0 50px 0 rgba(0,0,0,0.75); background:#fff; }
		#SearchForm legend {						font-size:1.2em; font-weight:bold; padding-left:2em; }
		#SearchForm fieldset .SearchWrap {			padding:1em 2em; background:#f3f3f3; }

		#MemberSearch  .SearchWrap .SearchCol1,
		#MemberSearch  .SearchWrap .SearchCol2 {		float:left; margin:2em 20px 0 0;  }
		
		#MemberSearch p.Buttons {				max-width:520px; }
		#MemberSearch p.Buttons input {			font-size:15px; }
		
		
		#MemberSearch table { 					border-collapse:collapse; background:#eee; border-radius:0; width:96%; margin:1em auto 100px; }
		#MemberSearch th {						text-align: left; color: #fff; font-weight: normal; background:#C1D72E; }
		#MemberSearch td { 						text-align: left; color: #111; font-weight: normal; background-color:#eee; padding: 1px 5px; }
		#MemberSearch .top td { 				border-top: 8px solid #fff; }
		#MemberSearch tr.top:hover > td {		background: #c8d4db; color: #000; cursor: pointer; }

		#resWrap { 								height: 500px; overflow-y: auto; }
		#resWrap p { 							padding-left:20px; width: auto; }

		.expando span { 						position: relative; top:1px; background:#C1D72E; padding:2px 5px; font: bold 1.5em/1 Courier New, Courier, monospace; color: #111; cursor:pointer; }
		#MemberSearch tr.top:hover .expando span {	background-color:#03648A; color:#fff; }
		#MemberSearch .detail td { 				background: #ccc; }
		#MemberSearch .detail th { 				background: #ccc; width: 140px; text-align: right; padding-right: 20px; }

		.hidden { 								display: none; }

		#MemberSearch th.LH { 					border-radius:3px 0 0 0; }
		#MemberSearch th.RH { 					border-radius:0 3px 0 0; }

		#MemberSearch #resWrap .SearchError {	border: 1px solid #333; background: #666; color:#fff; margin: 50px auto; padding: 2em 5em; width: 70%; text-align: center; font-weight: bold; }
		#MemberSearch #resWrap .processing {		text-align: center; font-weight: bold; }

		.FSWrap dl { 							clear:both; margin:0; padding:10px 20px; margin: 0 0 2em; overflow: hidden; border: 1px solid #fff; background: #C8D4DB; border-radius:3px; }
		.FSWrap dt { 							clear:left; float:left; width:124px; text-align: right; padding-right: 16px; color: #fff; }
		.FSWrap dd { 							/* float:left; */ font-weight:bold; padding-left: 0; margin-left: 140px; }

		
		
		
		#MainForm .familyMemberRow {			margin:3em 0 1em; font-weight:bold; }
		#MainForm .familyMemberRow .btnSecondary,
		#MainForm .familyMemberRow .btnLookup { float:right; margin:0 0 0 1em;   }
		
		#MainForm .memberSearchContainer {		text-align:right; margin:0; }
		#MainForm .memberSearchContainer .btnSecondary,
		#MainForm .memberSearchContainer .btnLookup {		
												float:none; margin:0 0 0 1em; overflow:visible; }

		
		#PostCodeLookup.txtMedium {						Width: 6em;}

		.noscroll {								overflow: hidden; }
		.noOverflow {							overflow:visible !important; }
		.btnHidden {							display:none;  }
		.dobCont {								Xdisplay:inline-block; }
		.lineAbove {							border-top:1px solid #ddd; padding-top:1em; margin-top:1em; }


		.btnAuxillary,
		#FindAddress,
		p.Buttons input,
		input[type="button"], 
		input[type="submit"]  {					border-radius:1em; padding:0.3em 1.5em; text-decoration: none;
												color:#fff; font-size:1.2em; background:#25338c; border:0;
												-webkit-appearance:none; }
		p.Buttons .btnSecondary {				color:#25338c; background:none; }
		input[type="submit"].btnSecondary {		color:#25338c; background:none; float:right; border:1px solid #e7e7e7;  }

		#RHLinks a:hover,
		#FindAddress:hover,
		input[type="button"]:hover, 
		input[type="submit"]:hover {			background: #c8d4db; color:#000; }
		p.Buttons .btnSecondary:hover,
		input[type="submit"].btnSecondary:hover {			border:1px solid #03648A; background:#c8d4db; !important; color:#000 !important; }

		#FindAddress {							float:none; top:0.3em; padding:0.3em 1.5em; margin:0 0 0 0.66em; position:relative;	}
		#btnShowOverrideForm {					float:none; }
		#RHLinks a:hover {						text-decoration:none; }
		select.txtWide, select.txtMedium, select.txtNarrow, select.txtVNarrow  {
												padding:0.5em; }


		/*	Select, Checkbox & radio sprite	*/
		.selectWrap {							background:#fff url(images/sprite.png) right 3px no-repeat; 
												border-radius:5px; border: 1px solid #e6e6e6; color:#000;  box-shadow:0 3px 0 #e7e7e7 inset;
												overflow:hidden; display:block; cursor:pointer; }
		.selectWrap select {					border:none; box-shadow:none; background:transparent; cursor:pointer;
												-webkit-appearance:none; -moz-appearance:none; appearance:none; }
		.selectWrap select:focus {		 }
		
		#groupContainer input[type="checkbox"] {	
												display:none; }
		input[type="checkbox"] + label span {	display:inline-block; width:30px; height:30px; margin:0 15px 0 0; vertical-align:middle; 
												background:url(images/sprite.png) 0 -100px no-repeat; cursor:pointer; }
		input[type="checkbox"]:checked + label span {
												background:url(images/sprite.png) 0 -200px no-repeat; }



		/*	LB - please wait message	*/
		#LBMask.LBShow {						position:fixed; top:0; left:0; height:100%; width:100%;
												z-index:1000; display:block; background:rgba(0,0,0,0.5); }
		#LBMask {								display:none;  }
		#LBContent {							position:fixed; top:30%; left:50%; width:400px;
												margin-top:-2.5em; margin-left:-200px; /* Negative half of width/height. */
												font-size:2em; color:#fff; text-align:center;
												display:inline; line-height:4;
												border:2px solid #666; border-radius:5px;  box-shadow:0 0 50px 0 rgba(0,0,0,0.75); background:#00456A; }

		.FieldHelpText {							float:left; clear:left; margin-left:168px; }

							
							

/*	Padlet sized	*/
@media screen and (max-width:900px) {
		html {									-webkit-text-size-adjust:100% !important; zoom:1; }
		body, select, legend, input, label, p, td, a, li, strong, button {		Xfont-size:18px !important; 
													}
		h2 {									font-size:20px; font-weight:bold; }
		legend {								font-size:20px; }
		strong { 								font-weight:bold;}
		.FieldHelpText,
		.Validator_FullWidthCheckboxInner,
		span.Error {							margin-left:0 !important; width:95% !important;
												position:static; display:block; clear:both; }
		.Validator_FullWidthCheckboxInner {		margin:0 0 0.5em 27px; padding:0.5em 10px; }
		input[type=checkbox] {					width:25px; height:25px; }
		.txtWide {								width:94%; }
		select.txtWide {						width:94%; }
		select.txtNarrow,
		.txtNarrow {							width:5em; margin-left:0; text-align:center;}
		select.txtMedium,
		.txtMedium {							width:94%; }
		input#Promocode_Prods.txtMedium {		width:50%; }
		input#PostcodeLookup.txtMedium {
											width: 100px;
		}
		label, .label {							 display:block;  }
		p.FullWidthCheckbox {				 	position:relative; padding-left:50px !important; }
		.FullWidthCheckbox input {				position:absolute; left:-10px; top:10px; X-webkit-transform:translate(0, 5px); }
		em {									display:none;
												position:relative; left:0; top:0.1em; font-size:1.2em; }
		p {										padding-top:1em !important; }
		p.L1HelpRight {							float:none; }
		.Buttons .FooterLinks {					zoom:1; float:left; clear:both; top:0; margin-left:0; padding-top:30px; }
		.Buttons .btnPrev {						top:0; }
		.mob_BreakAfter {						display:block; width:99%; }
		
		#PostCodeLookup.txtMedium {						Width: 6em;}

		#MainContainer  {										}
		#MainForm  {								width:800px;  margin:2em 0;			}
		#MainForm p {							position:relative; width:100%; overflow:visible; margin:0.5em 0; }
		#SnapInfo {								width:auto; float:none;  margin: 2em auto 1em 10em;  }
		#CurrentView {							position:relative; }
		#btnShowOverrideForm {					float:none; position:absolute; right:12px; top:2em;  z-index:1; }
		#SnapInfo h2 {							width:95%; float:left; clear:both; margin:2em 0 0; }
		X#SnapInfo p {							width:45%; float:right;  }
		.AddressContainer {						float:none; }
		.AddressFieldWrapper {					float:left; width:100%; margin-left:0;	}
		h2.Head, h2.Current, h2.Foot {			 }
		#TopBanner {							max-width:inherit; }
		#TopBanner img {						margin:0; height:75px; overflow: hidden;  }
		#RHLinks {								position:static; width:100%; height:2em; text-align:right; }

		#LBContent {							 width:400px; margin-left:-220px; /* Negative half of width/height plus padding. */
												font-size:2em; color:#fff; text-align:center; padding:1em 20px;

												display:inline; line-height:1.5; }
	/*	Search	*/
		#MemberSearch  .SearchCol1 {					float:left; /* width:45%; */ width:99%; }
		#MemberSearch  .SearchCol2 {					float:right; width:45%; }
		#MemberSearch  p {							margin:0; padding:2px 0 0 !important; font-size:12px;  }
		#MemberSearch  label,
		#MemberSearch input[type=text] {			font-size:12px; }
		#MemberSearch td,
		#MemberSearch th {						font-size:12px !important; }
		#MemberSearch #resWrap p {				margin:0.5em 2em; }
		
		.FieldHelpText {							margin-left:0; }
		#buttonsContainer button {				font-size:1.2rem;}
		.btnAuxillary, 
		#FindAddress, 
		p.Buttons input, 
		input[type="button"],
		input[type="submit"] {					 }
		
}

@media screen and (max-width:600px) {
		td.Half {								display:block; width:auto; }
		table p {								display:block; width:auto; padding:0.33em 0 !important;  }
		.FSWrap p {								padding:0 10px; }
		.txtWide,
		select.txtWide {						margin:0; }
		input.btnSecondary[type="submit"] {		float:none; }
		.txtMedium {							width:30%; }
		input#Promocode_Prods.txtMedium {		width:50%; }
		p,
		h1,
		label,
		select,
		input		{ box-sizing:border-box;	}
		
}
		input#btnLookupPromocode_Prods.btnGo {
			margin-left:10px;
			
		}