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


#TopBanner {
	background-color:#f5f6f7;
	max-width:100%;
	
}
#TopBanner div {
	max-width:960px;
	margin-right:auto;
	margin-left:auto;
	display:block;
	border-bottom: 3px solid #c08eab;
}

#TopBanner img {
	position:relative;
	width:350px;
	}


body {
	background-color: #f5f6f7;
	background-image:none;
	border: none;
}

#MainForm {
	margin:1.5em 0em 0em 0em;
	background-color:#fff;
	border:solid 1px #686869;
	
}

#MainForm p {
	color:#000;
}
#MainForm a {
	color:#000;
	font:strong;
}
#MainForm p a {
	color:#000;
	font:strong;

}

a:link#FindAddress  {
	color:#fff;
}
a:hover#FindAddress  {
	color:#25338c;
	background-color:#fff;
	border:1px solid #e7e7e7;
}
#CurrentView {
	padding:1.25em;
}
.FSWrap {
	background-color:#fff;
}
fieldset div{
	background-color:#ecf0f1;
	border-radius:4px;
	padding:0.75em;
}
h2.Current {
	background: #983496;
	color:#fff;
	border:1px;
}
h2.Head {
	background: #fff url("../GenericClub/Images/grey_tick_2.png") no-repeat scroll right 1em;
	color:#999;
	border:1px solid #eee; 
}
h2.Head b {
	background:#4d4d4f;
	color:#d1d3d4;
}
p.Buttons input {
	background:#2bba51;
}

.btnAuxillary, #FindAddress, p.Buttons input, input[type='button'], input[type='submit'] {
	border-radius:0.5em;
	background:#2942c2;
}

#groupContainer .Product label  {
	color:#000;
	border-radius:0em;
	margin-right:0px;
}

#groupContainer .PromoProduct label {
	color:#ff0000;
	border-radius:0em;
	margin-right:0px;
}

div.noBG fieldset div {
	background-color:#fff;
}

#groupContainer {
	background-color:#fff;
}


#groupContainer .Product {
	background:#e7e7e7;
	color:#000;
	border-radius:0em;
	border:solid 1px #bababa;
}

#groupContainer .PromoProduct {
	background:#e7e7e7;
	
	border-radius:0em;
	border:solid 1px #bababa;
}
#groupContainer > div >span:first-child {
	border-top:solid 1px #bababa;
}
#groupContainer.Product:hover {
	background:#fff;
	color:#000;
}
.SelectedProduct {
	background: #983496!important; /* override hover */
	
	}
	
.SelectedProduct * {		
			color: #fff !important; 
			}

.Product:hover *, .PromoProduct:hover * {
	background:#757575;
	color:#f0f0f0;
	border-radius:0em;
	padding:0em;
	
}

#groupContainer .Product label:hover, #groupContainer .PromoProduct label:hover {
	background:#757575;
	color:#f0f0f0;
	border-radius:0em;
	margin-right:0px;
	
	
}
#SnapInfo {
	background-color:#b2c79a;
	width:290px;
	padding-top:0em;
	margin:1.5em 0em 0em 0em;
}

#SnapInfo p ,a {
	color:#fff;
	
}
#SnapInfo p {
	margin-left:0.5em;
	
}
#SnapInfo p.Snap {
	color:#fff;
	border-top:0px;
	margin-left:1em;
	font-size:0.8em;
}
#SnapInfo p.Snap a {
	color:#fff;
	border-top:0px;
	margin-left:1em;
	font-size:0.8em;
}

#SnapInfo h2 {
	float:left;
	padding:0.5em 10px 0.4em;
	margin:0em 0em 0em 0.5em;
	font-size:1.5rem;
	color:#fff;
}

@media screen and (max-width:960px) {
	#MainForm {
		width:100%;
	}
	#SnapInfo {
		float:left;
	}
}


@media screen and (max-width:600px)	{
p.Buttons .btnNext, p.Buttons .btnNext_Disabled, p.Buttons .btnConfirm, p.Buttons .btnConfirm_Disabled {
		background:#0B1E3C;
		border:0;
	}
	
#RHLinks a:hover, #FindAddress:hover, input[type='button']:hover, input[type='submit']:hover {
	background:#e3e3e3;
	color:#000;
}

.Product:hover *, .PromoProduct:hover * {
	background:#e3e3e3;
	color:#000;
	border-radius:0em;
	padding:0em;
}

#groupContainer .Product label:hover, #groupContainer .PromoProduct label:hover {
	background:#e3e3e3;
	color:#000;
	border-radius:0em;
	margin-right:0px;
	
}