body {
	background-color: #fff;
	background-image:none;
	border: none;
}

#MainContainer {
	
}

#SnapInfo {
	width: 220px;
}

#FormContainer {
	padding: 30px;
	border-radius: 5px;
	border: 1px solid #dce3e9;
}

h2.Head {
	background: #fff url("../GenericClub/Images/grey_tick_2.png") no-repeat scroll right 1em
}

#TopBanner {
	height: auto;
	background: #D75315;
}

#TopBanner img {
	margin: 0 auto;
	height: 200px;
	display: block;
}

.Half {
	width: 50%;
	margin: 0px;
	padding: 5px;
}

.btnNext_Disabled {
opacity:0.3;}
	
	#LBMask{ display: none; }
	#LBContent {				border:1px solid #fff;color:#fff; background:#D75315;box-shadow:0 0 15px 0 rgba(0, 0, 0, 1);   
    padding: 1em 30px;    margin-top: -3.5em;    width: 460px;    margin-left: -230px;    display: inline;    line-height: 1.5;    font-size: 1.8em;
    text-align: center;    border-radius: 15px;    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 1);    position: fixed;    top: 30%;    left: 50%;
}
	#LBMask.LBShow {			display: block; z-index: -1; background:rgba(209, 211, 212, 0.9); }
	
	/* Javascript Grouping Container */ 

span.Product,  
span.PromoProduct  { 
    display: block; float:right; clear: both;  
    margin-top: 20px; height: auto; width: 100%; 
    border-radius: 2px; 
} 

span.Product label, 
span.PromoProduct label { 
    width: 80%;  text-align: left; 
} 

.SelectedProduct {
    background: #26A0A1; 
} 

.SelectedProduct * { 
    color: #fff; 
} 

#groupContainer { 
    margin-top: -40px; border-top: none; 
    border-top-left-radius: 0; border-top-right-radius: 0; 

} 

#buttonsContainer { 
    border-bottom: none; 
} 

#buttonsContainer button { 
    background: #D75315; font-family: Arial; color: #fff;  border: 0px solid #ccc; 
    padding: 5px; border-radius: 2px; margin-right: 5px; margin-top: 5px; 
    font-size: 1.2em; font-weight: 700; 
} 

#buttonsContainer button:hover { 
    color: #fff; 
} 

#buttonsContainer button.active { 
    background-color: #26A0A1; color: #fff; 
    font-family: Arial;   border-color: #8C251F; 
} 

h2.Head {
	background: #1B1B1B url("../GenericClub/Images/grey_tick_2.png") no-repeat scroll right 1em
}

h2.Head, h2.Current, h2.Foot {				font-weight:bold; font-size:1rem; 
												text-shadow:none; padding:0.5em 10px 0.4em; text-indent:0; position:relative;	}
	h2.Head b, h2.Current b, h2.Foot b {		display:inline-block; width:1em; text-align:center; 
												position:relative; top:-0.1em;
												font:normal bold 1.1rem/1.2 Arial,sans-serif;
												box-shadow:none; border:1px solid #D1D3D4; border-radius:2em;  padding:0em 0.1em 0; }
	h2.Current {								background:#fff; color:#D75315; border-bottom: 1px solid #333; }
	h2.Current b {								color:#fff; background:#D75315; border:1px solid #D75315; }

	h2.Head::after {		/* completed 'green' tick */	
												right:0.66em; position:absolute; top:0.5em; right:1em; text-align:center;
												font:normal bold 1rem/1.1 Courier,monospace; 		/* use generic tick, not font-specific */
												content:"\2713"; 									/*	completion 'tick' character on RHS of heading in green disc	*/
												padding:0.1em 0.33em; border-radius:2em; 
	 											background:#63BF44 /* green */; 					/*	Background colour	*/
	 											color:#fff; }			


	/*	colours	*/
	h2.Head {									background:#D75315; color:#fff; border-bottom:1px solid #333; }
	h2.Foot {									background:#D75315; color:#fff; border-bottom:1px solid #215468; border-top:1px solid #F7F7F7; }
	h2.Head b,
	h2.Foot b {									background:#fff; color:#333; border:1px solid #333;}


p.Buttons Input {
	width:150px;
	cursor:pointer;
	padding:8px;
	
}

.btnNext_Disabled {
	background: #F37E20;
	font-size:13px;
	color:#EFFFF8;
	border:0px;
	opacity:0.3;
}
.btnNext {
	background: #D75315;
	border: 0px solid #1E73BE;
	font-size:13px;
	color:#EFFFF8;
}

.btnChange {
	background: #F37E20;
	font-size:13px;
	color:#EFFFF8;
	padding:5px 15px;
	border: 1px solid #1E73BE;
}

	.btnNext:hover, .btnConfirm:hover, .btnGo:hover, .btnChange:hover {
						background: #26A0A1;
						border: 0 solid #1E73BE;
						color: #fff;
						transition:background-color 0.3s ease;
	}
	
	
@media only screen and (max-width: 599px) {

#TopBanner img {
	margin: 0 auto;
	height: 150px;
	display: block;
}

#TopBanner {
	padding-left: 0px
}

}	
	
	