/*		Place any page-specific or override styles in here...	*/

#Address2, #Address3, #Address4, #Address5 {	
						margin-top: 1px; }
h1, h2, h3, h4, p, legend, label, fieldset, li, td, form, a, body {
						font-size: 14px;
						font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

body {					background: #0b0b0b url("./images/Marriott_background.png") no-repeat scroll center top;
						border: none; color:#fff; font-family: Arial, Helvetica, sans-serif; word-wrap:break-word; }

.noscroll {	/*	to be applied to the body when the LB's showing	- prevents scrolling behind the LB	*/
						overflow:hidden; }

#MainContainer {
    padding: 0;
    max-width: 1080px;
    margin: 49px auto auto auto;
}


#TopBanner {
    height: 100px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #b60937;
    background-image: url("./images/header_gradient_bg.png");
    background-repeat: repeat-x;
}

#btnShowOverrideForm {
	float: right;
}

#TopBanner div {
    max-width: 885px;
}

#TopBanner img {
	height: 100%;
	max-height: 56px;
	width: auto;
	margin-top: 20px;
}

#TopBanner h1 {
    width: auto;
    text-align: center;
    padding: 0 0 0.5em;
}

.warning-box {
	margin: auto auto 20px auto;
	border-width:0;
	padding: 20px;
	border-radius: 10px;
	color: #000;
}

.warning-green {
	background: #afc640;
}

.warning-orange {
	background: #fe7e10;
}

.warning-box h1 {
	margin: auto;
	display: table;
}

.warning-box * {
	color: #000;
}

.warning-box p a {
    background: rgba(0, 0, 0, 0) url("./Images/linkarrow-black.png") no-repeat scroll 0 0.5em;
	background-position: 0 50%;
	padding-left: 16px;
}

.associatenote {
	color: #000;
	background: #afc640;
	border-radius: 10px;
	text-align: center;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
}


h1 {
    margin: 1em 0;
    font-size: 20px;
    font-weight: bold;
    color: #e3342e;
    text-shadow: none;
}

h2 {
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
    color: #e3342e;
}

#FormContainer {
    box-shadow: none;
    background: #1d1e20;
    border: 0px solid #000;
    padding: 0 30px 30px 30px;
}
fieldset div {
    background: transparent;
    border: 0px solid #e3342e;
    border-radius: 0;
}
legend {
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
}
#MainForm {
    background: #000;
    max-width: 790px;
    width: 100%;
    margin-right: 20px;
    margin-top: 30px;
    /* form width */

    float: left;
    border: 0px solid #e3342e;
    box-shadow: 0 0 0px #e3342e;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

h2.Current, h2.Foot {
    color: white;
    background-color: transparent;
    font: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: none;
}

h2.Current {
    box-shadow: none;
    border: 0px;
}
h2.Foot {
    background-color: #000;
}

h2.Head {
    color: #b0b0b0;
    font: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: none;
    background: url("../_MasterDocs/Images/tick_green.png") no-repeat scroll right 1em;
    border-bottom: 1px solid #b0b0b0;
}
h2.Head b {
    color: #b0b0b0;
}

.FSWrap {
	margin: 0 0 1.5em 0;
}

 p {
    font-size: 1em;
}

.Footer {
    background: #b60937;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
    padding: 25px 0;
    width: 100%;
}

	#refer { display:none;}

select, textarea {
    background-color: #3f3f3f;
    font-size: 13px;
    border-radius: 4px;
    border: 0px;
    padding: 7px 5px;
    line-height: 1.2;
}

#FindAddress:hover {
    color: #fff;
    background: #4dc0ca url("./Images/largearrow-black.png") 6px 50% no-repeat;
}

p.Buttons input:hover {
    color: #fff;
}

.btnNext,		.btnNext_Disabled, 
.btnConfirm,	.btnConfirm_Disabled,
p.Buttons input, 
.btnLookup,
#FindAddress {
    display: inline-block; box-sizing: content-box;
	border-radius: 4px; border: 0;
    font:bold 1.2em Arial;  color: #000;
    padding: 0.3em 15px 0.3em 25px;
    background:#4dc0ca url("./Images/largearrow-black.png") 0.3em 50% no-repeat;
    vertical-align: middle;
}
#FindAddress {			
	padding-top:0.2em; padding-bottom:0.2em; 

}

input:hover, button:hover, select:hover {
    color: #fff;
}

.AddressList, .txtWide, .txtMedium, .txtNarrow, .txtVNarrow {
    color: #ccc;
    background: #3f3f3f;
    border-radius: 4px;
    border: 0px;
    padding: 7px 5px;
}

h2.Head b, h2.Foot b {
    background: none;
    background-color: #1d1e20;
    border-radius: 4px;
}

h2.Foot b {
    color: #fff;
}

h2.Current b {
    color: #fff;
    background-image: none;
    background-color: #b60937;
    border-radius: 4px;
}

#CurrentView {
    background-color: #000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
p.Buttons .btnSecondary {		color:#ccc; background:none !important; border:none; font-weight:bold;
								padding-left:0; padding-right:0;
								margin-left:0;  margin-right:2em;   }
p.Buttons .btnSecondary:hover {		color:#fff; }
p.Buttons .btnHidden {			display:none; }

.SnapInfo {
    min-width: 160px;
    width: auto;
    margin-top: 30px;
    float: right;
    max-width: 210px;
}

.BranchInfoHeader {
    background: #fe7e10;
    height: 40px;
    font-size: 16px;
    font-weight: 400;
    box-shadow: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	margin-top:30px;
}

.BranchInfoHeader h2 {
    color: #000;
    padding-top: 8px;
    padding-left: 8px;
}
#LogonInfoHeader {
    background: #afc640;
    height: 40px;
    font-size: 16px;
    font-weight: 400;
    box-shadow: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	margin-top:30px;
}

#LogonInfoHeader h2 {
    color: #000;
    padding-top: 8px;
    padding-left: 8px;
}

.SnapInfoBody {
    margin-bottom: 20px;
    background-color: #000;
    padding: 20px;
}

h1, h2, h3, h4, p, legend, label, fieldset, li, td, form, body {
    color: #fff;
}

a {
    color: #4cc0cd;
}

#AddressResults select {
    color: #ccc;
    border: none;
    border-radius: 4px;
    padding: 4px 1px;
}

#SnapInfo p a {
    background: rgba(0, 0, 0, 0) url("./Images/linkarrow-blue.png") no-repeat scroll 0 0.5em;
    text-decoration: none;
    background-position: 0 50%;
    padding-left: 16px;
}

#FamilyMembersTable{
	width: 100%;
}

#FamilyMembersTable td,
#FamilyMembersTable th {
	padding-left: 5px;
	padding-right: 5px;
}

#FamilyMembersTable td * { 
	width:100%; 
}

#XFamilyMembersTable td select{
/*	width:100%;
	height: 100%;	*/
}

/*	AddOns styling */
#AddOns label {
    width: auto;
    text-align: left;
}


/* Javascript Grouping Container */
span.Product, 
span.PromoProduct
{
	display: block; float:right; clear: both; 
	margin-top: 20px; height: auto; width: 100%;
	border:1px solid #000;
}

span.Product label,
span.PromoProduct label
{
	width: 80%;
	text-align: left;
}

#groupContainer
{
	margin-top: -40px;
}

#buttonsContainer button
{
	background: #222;
	font-family: Arial;
	color: #bbb;
	border: solid 1px #444;
	padding: 5px;
	border-radius: 4px;
	margin-right: 5px;
	margin-top: 5px;
	font-size: 1.2em;
	font-weight: 700;
}

#buttonsContainer button:hover
{
	color: #fff;
}

#buttonsContainer button.active
{
	background-color: #4dc0ca;
    color: #000;
	font-family: Arial;
	border: none;
	padding: 5px;
	border-radius: 4px;
	margin-right: 5px;
	margin-top: 5px;
	font-size: 1.2em;
	font-weight: 700;
}

.processing {		font-size:large; color:#eee; margin:50px auto; text-align:center;		}


		x#MainForm {			max-width:790px; }
		.colDescription {	padding:1px 0 0;  }
		.colForename {		width:150px; padding-left:30px !important; }
		.colEmail {			padding-left:30px !important; }
		.colSurname {		width:150px; }
		.colTitle {			width:70px;  }
		.colGender {		width:70px; }
		.colDOB {			width:80px; }
		.colType {			width:80px; }
		Xtd {				background:#333; }

		X.Product {			border:1px solid #000; }
		.SelectedProduct {	background:#afc640; border-radius:5px; }
		.SelectedProduct label  {	color:#000; }
		#btnProduct_Next[disabled=disabled] {	opacity:0.3; }
		#btnProduct_Next[disabled=disabled]:hover {	color:#000; }
		/*	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; 
							font-size:2em; color:#fff; text-align:center;
							display:inline; line-height:4;
							}


		.container {		overflow:hidden; }
		.alignWithInputfields {	/*	match width of input fields	*/
							margin-left: 168px; }
		.gapBelow_1em {		padding-bottom:1em; }
		.floatRight {		float:right; overflow:hidden; }



		/* search table styling	*/
		#MemberSearch {		position:fixed; top:1px; left:1px; right:1px; bottom:1px; background:rgba(80,80,80,0.75);  }
		#FormCont{			position:fixed; top:70px; left:50%; width:950px; margin-left:-470px; /* Negative half of width */
							border:2px solid #666; border-radius:5px; box-shadow:0 0 50px 0 rgba(0,0,0,0.75); background:#000;  }

		#MemberSearch table {	 border-collapse: collapse; background:#1D1E20; border-radius:5px; width:96%; margin:auto;  }
		#MemberSearch th {	text-align:left; color:#ccc; font-weight:normal; background:#B50937; }
		#MemberSearch td {	text-align:left; color:#fff; font-weight:normal; background-color:#333;
							padding:1px 5px; }
		#MemberSearch .top td {	border-top:8px solid #000; }
		#MemberSearch tr.top:hover>td {	background:#AFC640; color:#000; cursor:pointer; }

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

		.expando span {		position:relative; top:1px; background:#555; padding:2px 5px; font:bold 1.3em/1 Courier New, Courier, monospace; color:#fff; cursor:pointer; }
		#MemberSearch .detail td {		background:#555; }
		#MemberSearch .detail th {		background:#555; width:140px; text-align:right; padding-right:20px; }
		
		.hidden {			display:none; }

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

		#MemberSearch .SearchError {		
							border:1px solid #777; background:#666; 
							margin:50px auto; padding:1em 5em; width:50%; text-align:center; font-weight:bold; }

		.FSWrap dl {		clear:both; margin:0; padding:10px 20px; margin:0 0 2em; overflow:hidden; 
							border:1px solid #333; background:#111; border-radius:5px; }
		.FSWrap dt {		clear:left; float:left; width:124px; text-align:right; padding-right:20px; color:#999;  }
		.FSWrap dd {		float:left; font-weight:bold; padding-left:0; margin-left:0; }

		.btnLookup {		width:auto !important; padding: 0.1em 15px 0.1em 25px; margin-right:0; float:right; }

.HeathrowWindsorlogo img {	
	position:relative;
	height:60px;
}

@media only screen and (min-width: 600px) and (max-width: 1096px) {
	
	#MainContainer {
		margin: 10px auto;
		max-width: 850px;
	}
	
	#FormContainer {
		padding: 0 30px;
	}
	
	#SnapInfo {
		float: left;
	}
}

@media only screen and (max-width: 599px) {
	#SnapInfo {
		float: left;
		margin: 10px 0 0 0;
	}
	
	p.Buttons .btnNext,		p.Buttons .btnNext_Disabled, 
	p.Buttons .btnConfirm,	p.Buttons .btnConfirm_Disabled {
		float: right; margin: 0;
	}
	
	p.Buttons .btnSecondary {
		float: left;
		margin: 0;
		background: none;
		border: none;
		width: auto;
	}
	
	#MainContainer {
		margin: 0;
	}
	
	#TopBanner {
		border-radius: 0;
		height: 50px;
		padding: 5px;
	}
	
	#TopBanner img {
		margin: 0;
	}
	
	#FormContainer {
		padding: 10px;
	}
	
	#MainForm {
		margin: 0;
	}
}

/*	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:#444; }