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


h1, h3, h4, p, legend, label, fieldset, li, td, form, a, body {
	font-size:1.05rem;
	font-weight:400;
	font-family: 'Cormorant Garamond', serif;
}

fieldset p, td, label {
	font-weight:700;
	font-family: 'Cormorant Garamond', serif;
}

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

#TopBanner img {
	position:relative;
	width:300px;
	margin-right:auto;
	margin-left:auto;
	}


body {
	background-color: #000;
	background-image:url(Images/TheDillyBranding/BrandGraphics_Black.png);
	border: none;
	font-family: 'Cormorant Garamond', serif;
}

#MainForm {
	margin:0em 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;

}

#MainContainer {
	margin-top:5em;
}

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;
}
fieldset div{
	background-color:#f3f3f3;
	border-radius:4px;
	padding:0.75em;
}
h2.Current {
	background: #E01227;
	color:#fff;
	border:1px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:0.15em;
	text-transform: uppercase;
	font-size:1.3rem;
}

h2.Current b {
	background:#fff;
	color:#000;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:0;
}
h2.Head {
	background: #fff url("../GenericClub/Images/grey_tick_2.png") no-repeat scroll right 1em;
	color:#000;
	border:1px solid #eee; 
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size:1.3rem;
}

h2.Head b {
	background:#000;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:0;
	
}

h2.Foot {
		font-family: 'Montserrat', sans-serif;
		letter-spacing:0.15em;
		text-transform: uppercase;
		font-size:1.3rem;
		color:#000;
}

h2.Foot b {
	background:#000;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	
	letter-spacing:0;
}
p.Buttons input {
	background:#E01227;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	letter-spacing:0.15em;
}

.btnAuxillary, #FindAddress, p.Buttons input, input[type='button'], input[type='submit'] {
	border-radius:0em;
	background:#E01227;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	letter-spacing:0.15em;
	font-size:1rem;
	text-transform: uppercase;
	padding:0.8em 1.5em;
	
}

input[type='submit'].btnSecondary {
	color:#E01227;
}

p.Buttons .btnSecondary:hover, input[type='submit'].btnSecondary:hover {
	background:#c8d4db;
	color:#fff;
	border:solid 0px #000;
}

#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:#f3f3f3;
	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:#c8d4db;
	color:#fff;
}
.SelectedProduct {
	background: #E01227!important; /* override hover */
	
	}
	
.SelectedProduct * {		
			color: #fff !important; 
			}

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

#groupContainer .Product label:hover, #groupContainer .PromoProduct label:hover {
	background:#c8d4db;
	color:#000;
	border-radius:0em;
	margin-right:0px;
	
	
}
#SnapInfo {
	background-color:#000;
	width:290px;
	padding-top:0em;
	margin:0em 0em 0em 0em;
	font-weight:400;
}

h2 {
	font-family: 'Montserrat', sans-serif;
	letter-spacing:0.15em;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.5rem;
}

#SnapInfo p a {
	background-image:none;
	padding-left:0;
}

#SnapInfo p ,a {
	color:#fff;
	font-weight:400;
	background-image:none;
}
#SnapInfo p {
	margin-left:0.5em;
	font-weight:regular;
	
}
#SnapInfo p.Snap {
	color:#fff;
	border-top:0px;
	margin-left:0.5em;
	font-size:0.8em;
	font-weight:400;
}
#SnapInfo p.Snap a {
	color:#fff;
	border-top:0px;
	margin-left:0.5em;
	font-size:0.8em;
	font-weight:400;
}

#SnapInfo h2 {
	float:left;
	padding:0 0.4em;
	margin:0em 0em 0.6em 0.2em;
	font-size:1.5rem;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:0.15em;
	text-transform:uppercase;
	font-weight:bold;
}

hr {
	width:1em;
	margin-bottom:1em;
	margin-left:1em;
	text-align:left;
	height:3px;
	color:#E01227;
	background-color:#E01227;
	border:1px solid #E01227;
}

.Footer {
	padding-top:2em;
	padding-bottom:2em;
}

#UserPass {
	width:337px;
}

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


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

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

#groupContainer .Product label:hover, #groupContainer .PromoProduct label:hover {
	background:#c8d4db;
	color:#000;
	border-radius:0em;
	margin-right:0px;
	
}
#TopBanner img {
	background-image:url(Images/TheDillyBranding/TheDilly.png);
	width:200px;
}

}