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


#TopBanner {
	background-color:#fff;
	max-width:100%;
}
#TopBanner div {
	max-width:960px;
	margin-right:auto;
	margin-left:auto;
	display:block;
}

#TopBanner img {
	position:relative;
	height:100px;
	}


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

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

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

#MainForm p {
	color:#000;
	margin:0.6em 0;
}
#MainForm a {
	color:#000;
	font:strong;
}
#MainForm p a {
	color:#000;
	font:strong;

}

a:link#FindAddress  {
	color:#fff;
}
a:hover#FindAddress  {
	color:#000;
	background-color:#c8d4db;
	border:1px solid #e7e7e7;
}
#CurrentView {
	padding:1.25em;
}
.FSWrap {
	background-color:#fff;
	margin-top:0;
	
}
fieldset div{
	background-color:#ededed;
	border-radius:4px;
	padding:0.75em;
	border:solid 1px #ddd;
}

h2.Head, h2.Current, h2.Foot {
	font-size:1.3rem;
}

h2.Current {
	background: #00b3e6;
	color:#fff;
	border:1px;
}

h2.Current b{
	margin-right:0.4em;
	font-size:1.3rem;
}

h2.Foot {
	font-weight:normal;
	background:#ededed;
}

h2.Foot b {
	margin-right:0.4em;
	font-size:1.3rem;
}
h2.Head {
	background: #fff url("../GenericClub/Images/grey_tick_2.png") no-repeat scroll right 1em;
	color:#999;
	border:1px solid #eee;
	font-weight:normal;
}
h2.Head b {
	background:#4d4d4f;
	color:#d1d3d4;
	margin-right:0.4em;
	font-size:1.3rem;
}
p.Buttons input {
	background:#b1cd2a;
	color:#fff;
	border-radius:4px;
}

.btnAuxillary, #FindAddress, p.Buttons input, input[type='button'], input[type='submit'] {
	border-radius:4px;
	background:#b1cd2a;
	color:#fff;
}

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

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

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

#groupContainer {
	background-color:#fff;
	border:0;
	padding-left:0;
}


#groupContainer .Product {
	background:#fff;
	color:#545454;
	border-radius:4px;
	border:solid 1px #bababa;
	margin:2em 0em 2em 0em;
}

#groupContainer .PromoProduct {
	background:#fff;
	
	border-radius:4px;
	border:solid 1px #bababa;
	margin:2em 0em 2em 0em;
}
#groupContainer > div >span:first-child {
	border-top:solid 1px #bababa;

}
#groupContainer.Product:hover {
	
	background:#fff;
	color:#000;
}



.SelectedProduct {
	background: #b1cd2a!important; /* override hover */
	
	}
	
.SelectedProduct * {		
			color: #fff !important;

			}
			
.SelectedProduct:hover * {		
			color: #fff !important;
			background:#b1cd2a !important;
			}			


.Product:hover *, .PromoProduct:hover * {
	background:#00b3e6;
	color:#fff;
	border-radius:4px;
	padding:0em;
	
}

#groupContainer .Product label:hover, #groupContainer .PromoProduct label:hover {
	background:#00b3e6;
	color:#fff;
	border-radius:4px;
	margin-right:0px;
	
	
}
#SnapInfo {
	background-color:#FFF;
	width:290px;
	padding-top:0em;
	margin:1.5em 0em 0em 0em;
}

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

#SnapInfo h2 {
	float:left;
	padding:0 0.4em;
	margin:0 0 0.2em 0.25em;
	font-size:1.3rem;
	color:#b1cd2a;
	font-weight:normal;
}

.Footer {
	padding:2em;
	background:#00b3e6;;
	color:#fff;
}

.Footer a {
	color:#fff;
}

#buttonsContainer button.active {
	background:#e31e24;
	color:#fff;
	border-radius:4px;
}

#buttonsContainer button {
	background:#545454;
	color:#f4f4f4;
	border-radius:4px;
}
 
#buttonsContainer {
	border:0;
	word-break:break-word;
}

fieldset {
	padding:1.5em 2em 2em;
}

legend {
	left:0;
}

label, .Label {
	padding:0.5em 0 0.5em 0;
	margin-right:20px;
}

#CurrentView h2 {
	margin-left:1.5em;
	padding-bottom:0;
}

.AddressList, .txtWide, .txtMedium, .txtNarrow, .txtVNarrow {
	padding:0.6em;
}

#dob_d, #dob_m, #dob_y {
	margin-top:0.8em;
}

em {
	top:0.2em;
}

#Gender_0, #Gender_1, #HomePhone, #EmailConfirm, #MarketingSource, #CC_CardNumber, #AccountName, #AccountNumber, #AgreeCheckbox {
	margin-top:1em;
}

#FindAddress {
	font-size:1rem;
	padding:0.4em 1.5em;
}

td.Right {
	font-weight:bold;
}

.CheckOptsList input {
	margin-top:1.05em;
}

#AgreeToConditions {
	margin-top:1.1em;
}

#CC_CardType, #CC_Country {
	box-sizing:content-box;
}

#helpCC-cardType {
	margin-left:180px;
	margin-top:0.2em;
}

ul {
	margin:0.6em 0;
}

.FieldHelpText {
	margin-left:180px;
	
}

.LabelRight {
	float: left;
	padding: 0.5em 0 0.5em 0;
}

#ProductInfoDiv {
	margin-left:1.7em;
	margin-right:2.5em;
}

@media screen and (max-width:960px) {
	#MainForm {
		width:100%;
	}
	#SnapInfo {
		float:left;
	}
	
	#Title {
		margin-bottom:1em;
		box-sizing:content-box;
	}
	
	#Title, #TitleOther {
		width:40%;
	}
	
	#CC_Expiry_M {
	width:30%;
}

#CC_Expiry_Y {
	width:50%;
} 

#AddressResults {
	display:inline;
	box-sizing:content-box;
	padding:10px;
}

#AddressResults select {
	width:94%;
	font-size:0.9rem;
}
}


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

.Product:hover *, .PromoProduct:hover * {
	background:#00b3e6;
	color:#fff;
	border-radius:4px;
	padding:0em;
}

#groupContainer .Product label:hover, #groupContainer .PromoProduct label:hover {
	background:#00b3e6;
	color:#fff;
	border-radius:4px;
	margin-right:0px;
	
}

#groupContainer .Product, #groupContainer .PromoProduct {
	margin:0;
}

#HomePhone, #EmailConfirm, #MarketingSource, #CC_CardNumber, #AccountName, #AccountNumber, #AgreeCheckbox {
	margin-top:0;
}

#buttonsContainer button {
	font-size:1em;
}

h2.Head, h2.Current, h2.Foot, h2.Head b, h2.Current b, h2.Foot b {
	font-size:1em;
}

fieldset {
	padding: 1em 0.1em;
	margin-top:0.2em;
}

fieldset legend {
	font-size:1em;
}

#CurrentView h2 {
	margin-left:0.4em;
	font-size:1.1em;
	color:#000;
}
#groupContainer .Product {
	margin-bottom:1em;
	
}

#groupContainer .PromoProduct {
	margin-bottom:1em;
	
}

#groupContainer .Product label {
	font-size:1em;
	
}

#ProductInfoDiv {
	margin-left:0;
	margin-right:0;
}

.CheckOptsList input, #AgreeToConditions {
	margin-top:0.5em;
}

div.FSWrap {
	margin-top:0;
	padding-top:0;
}

#CC_CardType, #CC_Country {
	box-sizing: border-box;
}



#AgreeCheckbox {
	margin:0.5em 0;
}

}