body {
	background: #000;
	background-image:none;
	border: none;
}

p, legend, label, fieldset, li, td, form {
    color: #fff;
}

h1, h2, h3, h4, a, legend.h1 {
    color: #93C47D;
}

legend.familyMemberRow.lineAbove {
	 color: #93C47D;
}

#MainContainer {
	max-width:920px;
	background: #000;
	
}

.Product input, .PromoProduct input {
    display: none;
}

#AddressResults select, .AddressList, .txtWide, .txtMedium, .txtNarrow, .txtVNarrow {
    background: #333;
    border: 2px solid #aaa;
    color: #fff;
}

#CurrentView {
    background: #000;
}

fieldset div {
    background: #1a1a1a;
    border: 0px solid #000;
    border-radius: 0;
}

#SnapInfo {
	width: 250px;
	background: #000;
}

#FormContainer {
	padding: 30px;
	border-radius: 5px;
	border: 0px solid #dce3e9;
	background: #000;
}

h2 {
	font-weight:bold;
	font-size:18px;
}

input, select {
	height:40px;
	outline-color: #aaa;
}
.CheckOptsList input, #AgreeCheckbox, #Gender_0, #Gender_1, #AgreeToConditions,#JointMemberGender_0, #JointMemberGender_1,  #M1_Gender_0, #M1_Gender_1, #M2_Gender_0, #M2_Gender_1, #M3_Gender_0, #M3_Gender_1, #M4_Gender_0, #M4_Gender_1, #m5_Gender_0, #m5_Gender_1, #m6_Gender_0, #m6_Gender_1,  #ProductSelection input  {	
		height: auto;
}

h2.Head {
	background: #000 url("../GenericClub/Images/grey_tick_2.png") no-repeat scroll right 1em
}
h2.Current {
	background: #1A1A1A;
	color: #F1FBFA;
	border:0;
}
h2.Foot {
	background: #1A1A1A;
	color:#F1FBFA;
	margin: 2px;
	border-top:0;
}
#TopBanner {
	height: auto;
	background: #000;
}

#TopBanner img {
	display: block;
	margin: 0 auto;
	height: 152px;
	width:  470px;
}

}

#Header {			
	width:100%; 
	height:85px;  
	background:#333; 
}

#MainForm {
	border: 0px;

}

p.Buttons Input {
	width:150px;
	cursor:pointer;
	padding:8px;
	
}

.btnNext_Disabled {
	background: #000;
	font-size:13px;
	font-weight:bold;
	color:#F1FBFA;
	opacity: 0.3;
	border:1px solid #aaa;
	
}

#btnLogoff {
	padding:7px;
}

.btnNext, #btnLogoff {
	background: #000;
	font-size:13px;
	font-weight:bold;
	color:#F1FBFA;
	border:1px solid #aaa;
	
}
	.btnNext:hover, .btnConfirm:hover, .btnGo:hover, #btnLogoff:hover {	
						border:1px solid #aaa; background:#333333; color:#fff; transition:background-color 0.3s ease;  }
.btnSecondary {
	border:1px;
	color: #fff;
}
.btnGo {
	background:#F3F3F3;
	color:#fff;
	padding:2px;
	width:40px;
	height:27px;
	font-weight:bold;
	border:0px;
	margin-left:10px;
}


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: #333;
}

.SelectedProduct * {
	color: #F6B249;
}

#groupContainer .Product label, #groupContainer .PromoProduct label {
	padding: 0.5em 1em;
	cursor: pointer;
}

#groupContainer
{
	margin-top: -40px;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#buttonsContainer {
	border-bottom: none;
}



#buttonsContainer button
{
	background: #ddd;
	font-family: Arial;
	//color: #bbb;
	border: 1px solid #ccc;
	padding: 15px;
	border-radius: 2px;
	margin-right: 5px;
	margin-top: 5px;
	font-size: 1.2em;
	font-weight: 700;
	outline-color: #aaa;
}

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

#buttonsContainer button.active
{
	background-color: #333;
	color: #fff;
	font-family: Arial;
	border-color: #aaa;
}

@media only screen and (max-width: 599px) {
	
#TopBanner img {
	display: block;
	margin: 0 auto;
	height: auto;
	max-width: 250px;
}
	
	#PromoCode {
		width: 80%;
	}
		
}