*,
html,
body {
margin:0; padding:0;
}

* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img { border:0; display: block }
/*===============================*/
a {
	color:#FFF;
	text-decoration:none
}
a:hover {
	text-decoration:underline;
}

body { font-family:arial; font-size:12px; color: #000; background:url(https://www.SimpsonTwins.com/new/join/images/bg.jpg) no-repeat; background-size:cover; background-attachment:fixed }
UL { margin:0; padding:0; list-style:none }
LI { margin:0; padding:0; }

.container {
	width:1243px;
	height:auto;
	background:url(https://www.SimpsonTwins.com/new/join/images/under-bg.png) repeat-y center center #FFF;
	margin:0px auto;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:0 20px;
}

nav {
	width:100%;
	height:63px;
	background:#690b50;
	margin:0;
	padding:0;
	display:block;
	-webkit-box-shadow: 0px 3px 23px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 23px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 23px 3px rgba(0,0,0,0.75);
	z-index:999
}
nav .redeem,
nav UL {
	width:1203px;
	height:63px;
    font-size:40px;
    color:#fff;
    font-weight: bold;
     font-family: 'Antonio', sans-serif;
    text-shadow: 2px 2px #000;
	margin:0px auto;
    letter-spacing: 2px;
    text-align:center;
}

nav UL LI {
     padding-top: 7px;
	display:inline-block;
}

nav .redeem { display:none }
.nav-scrolled {
	position:fixed;
}

.display {
	display:block !important
}
.nodisplay {
	display:none
}

header {
	width:1203px;
	height:auto;
	margin:0px auto;
	display:block
}
header IMG {
	width:100%;
	height:auto;
}

.header2,
.header3 {
	display:none;
}

.thumb{ position:relative; width:1203px; background:#690b50; margin:0px auto; overflow:hidden; }
.thumb LI{ width:300px; height:250px; background:#fff; margin-right:1px; margin-bottom:1px; float:left; position: relative; }
.thumb .tns { width:300px; height:250px; border: 0; }
.thumb img { width:300px; height:250px; border: 2px solid #3b3b3b;  }
.thumb .overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width:300px; height:250px; border:0;
	display:none;
}
.thumb .nomargin {
	margin:0px !important
}

footer {
	background:#690b50;
	color:#ffffff;
	text-align:center;
	padding:35px 0;
    
}

footer a {
    color:#ffffff;
}

footer LI {
	display:inline-block;
	padding:10px;
}

/* =========================JOIN=================================*/
.joincontainer{margin:10px 10px 10px 10px; width:98%px; position:relative;}
.arrow {
	position:absolute;
	bottom:105px;
	left:0;
}
.joinform{
	background:url(https://www.SimpsonTwins.com/new/join/images/joinpics/bgform.png);
	width:350px;
	height:490px;
	position:absolute;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
 	left: 0;
 	right:0;
 	margin-left:auto;
 	margin-right:auto;
 	margin-top:30px;
	padding-top:8px;
	-webkit-box-shadow: 0px 0px 9px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 9px 3px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 9px 3px rgba(50, 50, 50, 0.75);
	font-size:12px
}
.joinform img{ float:none !important; }

.formtitle{ text-align:center; padding:0px 0px;}
.formtxt{text-align:center;padding:10px 0px;}
.formwrap{width:274px; margin:0 auto;}

select,
.join_input{padding:0px 10px !important; height:30px; font-size:16px; font-weight:bold; color:#808080;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width:240px;
border:1px solid #c2c2c2;
margin-left:6px;

}
.sepdiv { margin:10px 0px 0px 10px; text-align:left !important }
.inner{ padding:10px 0 0 }
.inner div {
	padding:5px 10px;
	margin:1px 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background:#e1e1e1;
}
.inner span {
	color:#ec2094;
	font-weight:bold;
}
.inner input[type=radio] { position:relative; top:2px; }


.submit{text-align:center;}
.join_name{font-size:13px; font-weight:bold; float:left; margin-right:10px;}
.join_value{font-size:13px; float:left;margin-right:0px; text-align:center;}
#memtype{text-align:center;}
.opt{text-align:left;padding:2px 6px;;margin:4px;font-size:13px;}
.innerp{padding:6px 22px 0px;}
.clearfix{clear:both;}
.paywrap{ padding:0px 0px; text-align:center }
.paywrap h4, #memtype h4{ text-align:center; font-size:18px;}
.formtitle IMG,
.formtxt IMG,
.submit IMG,
.paywrap IMG { display:inline; }
.bigth {  }
.bigth img{float:left;}
.visamaster{ position:relative; top:5px }

.player,
.secimgs,
.mob-friendly,
.features { width:100%; height:auto; }

/* Large desktops and laptops */
@media (min-width: 1331px) {
	.header2,
	.header3 {
		display:none;
	}

}

/* Portrait tablets and medium desktops */
@media (min-width: 1011px) and (max-width: 1330px) {

	header,
	.container{ width:980px !important; background:#FFF; padding:0; }
	
	.thumb { width:100%; position:relative; display:block; text-align:center; overflow:hidden; }
	.thumb LI { float:inherit !important; display:inline-block !important; }
	.thumb .text { text-align:left !important; left:0; }
	
	.header1 {
	width:980px;
	height:auto;
	}
	
	nav,
	.header2,
	.header3 {
		display:none;
	}

	.warning .header {
	width:980px;
	height:360px;
	}
}

/* Portrait tablets and medium desktops */
@media (min-width: 681px) and (max-width: 1010px) {
	
	header,
	.joincontainer,
	.container{ width:675px !important; background:#FFF; padding:0; }
	
	.thumb { width:100%; position:relative;background:#690b50;display:block; text-align:center; overflow:hidden; }
	.thumb LI { float:inherit !important; display:inline-block !important; }
	.thumb .text { text-align:left !important; left:0; }

	.mob-nav,	
	.header2 {
	width:675px;
	height:auto;
	display:block;
	}

	nav,
	.header1,
	.header3,
	.separate {
		display:none !important;
	}

	/* mobile nav */
	.mob-nav UL {
		width:100%;
		height:auto;
		text-align:center;
		background:#1c2024;
		display:block;
	}
	.mob-nav UL LI {
		display:inline-block;
		color:#FFF;
		font-size:15px;
		padding:10px;
	}

	.arrow,
	.player,
	.mob-friendly,
	.secimgs { display:none }
	
	.joinform,
	.joincontainer{
		width:100% !important;
		border-left:0px !important;
		border-right:0px !important;
		position:relative;
		margin:0;
		border-radius:0;
	}

}

/* Portrait tablets and small desktops */
@media (min-width: 400px) and (max-width: 680px) {
	
	header,
	.joincontainer,
	.container{ width:100%; background:#FFF; padding:0; }

	.mob-nav,
	.header2 {
	width:100%;
	display:block !important;
	}
	
	nav,
	.header1,
	.header3,
	.separate,
	.separate2 {
		display:none;
	}

	.thumb { width:100%; position:relative;background:#690b50; display:block; text-align:center; overflow:hidden; }
	.thumb .text { width:100%; text-align:left !important; bottom:-10px; left:0; background:#000; color:#FFF; padding:5px; }		
	.thumb LI{ width:46%; height:auto !important; margin:1% !important; padding:0; float:inherit !important; display:inline-block !important; position: relative; }
	
	.thumb img,
	.thumb .tns,
	.thumb .overlay { width:100%; height:auto; }
	
	.thumb .nomargin {
		 margin:1% !important;
	}
	
	footer {
		margin-top:0px;text-align: center;
	}
	
	/* mobile nav */
	.mob-nav UL {
		width:100%;
		height:auto;
		text-align:center;
		background:#1c2024;
		display:block;
	}
	.mob-nav UL LI {
		display:inline-block;
		color:#FFF;
		font-size:15px;
		padding:10px;
	}

	.arrow,
	.player,
	.mob-friendly,
	.secimgs,
	.features { display:none }
	
	.joinform,
	.joincontainer{
		width:100% !important;
		border-left:0px !important;
		border-right:0px !important;
		position:relative
	}
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 400px) {
	
	header,
	.container{ width:100%; background:#FFF; padding:0; }

	.thumb { width:100%; position:relative; display:block; text-align:center; overflow:hidden; }
	.thumb .text { width:100%; text-align:left !important; bottom:-10px; left:0; background:#000; color:#FFF; padding:5px; }
	
	.mob-nav,
	.header3 {
	width:100%;
	display:block;
	}
	
	nav,
	.header1,
	.header2 {
		display:none;
	}
	
	.thumb { width:100%; position:relative; display:block; background:#690b50; text-align:center; overflow:hidden; }
	.thumb .text { width:100%; text-align:left !important; bottom:0px; left:0; background:#fff; color:#000; padding:5px;  }		
	.thumb LI{ margin:0 !important; padding:0; float:inherit !important; display:inline-block !important; position: relative; }
	
	.thumb img,
	.thumb .tns,
	.thumb .overlay { width:100%; height:auto; }
	
	.thumb .nomargin {
		 margin:1% !important;
	}
	
	footer {
       	margin-top:0px;text-align: center;
	} 
	
	/* mobile nav */
	.mob-nav UL {
		width:100%;
		height:auto;
		text-align:center;
		background:#1c2024;
		display:block;
	}
	.mob-nav UL LI {
		display:inline-block;
		color:#FFF;
		font-size:15px;
		padding:10px;
	}  
	
	.arrow,
	.player,
	.mob-friendly,
	.secimgs,
	.features { display:none }
	
	.joinform,
	.joincontainer{
		width:100% !important;
		border-left:0px !important;
		border-right:0px !important;
		position:relative
	}

}