@charset "utf-8";
/* === === === === === === === === ===
CSS Document for SepiaSolutions
Desc: Screen Style Sheet
Author: SepiaSolutions : xafaR
Copyrights SepiaSolutions.
=== === === === === === === === === === */

/**************************************/
/*          GLOBALS Schemes           */
/**************************************/

/*Primary colors 
Turquoise  #EE0D00
ORANGE  #F5AB0F
GRAY #666
LIGHT GRAY #a8a8a8
*/


html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, a {
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:150%;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:middle;
}
html, body {
	height:100%
}
body {
	font:normal 13px/1.3em Arial, Helvetica, tahoma, verdana, sans-serif;
	background:#fff url(https://www.casinocenter.com/savings-sub/images/body-bg.gif) repeat top center;
}
div {
	display:block;
	word-wrap:break-word;
}
form {
	vertical-align:middle;
}
sup {
	line-height:10px;
	font-size:9px;
	vertical-align:top;
}
a {
	outline:none;
}
a:focus, a:active {
	outline:none;
}
strong {
	font-weight:bold;
	color:inherit;
	vertical-align:baseline;
}
ul, li {
	list-style:none;
}
label {font-size:15px;}

/*-----Heading Styles*/

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family:"helvetica-n-b",Arial, Helvetica, sans-serif;
	color:#555;
	font-size:30px;
	font-weight:normal;
}

h2, h2 a {
	color:#ed1c24;
	font-size:24px;
}

	h2.heading {
		color:white; 
		text-transform:uppercase;
		background:url(https://www.casinocenter.com/savings-sub/images/sprite.png) no-repeat left -174px;
		height: 46px;
    	line-height: 1;
    	padding: 17px 25px;
		position:relative;
		display:block;
		left:-47px;
		margin:8px 0;
		}
.left-bodyh2, .right-body h2 {
	/*margin-left:25px;*/
	display:inline-block;
	*display:inline;
	zoom:1;
	* float:left;
}
h3, h3 a {
	color:#666;
	font-size: 21px;
	
}
	#sidebar h3 {display:inline-block; * display:inline; *zoom:1; * line-height:1;}
	h3 span.orgText {color:#F5AB0F;font-size:36px;}
	
h4, h5, h6, h4 a, h5 a, h6 a {
	font-weight:bold;
	color:#333;
	font-size:14px;
}
h5, h5 a {
	color:#2f6380;
}
h6, h6 a {
	color:#595a5b;
}
h1, h2, h3, h4, h5, h6 {
}
em {
	font-weight:bold; 
	color:#F5AB0F; 
	font-style:normal;
	font-size:inherit
}
/*-----Link Colors */
a, a:link, a:visited {
	color:#326597;
	text-decoration:none
}
a:active {
	color:#326597;
}
a:hover {
	text-decoration:none;
	/*color:#326597!important; /*#577107*/
}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {
	border-color: #EE0D00!important;
}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus , .errorInput {
	border-color: #EE0D00!important;
	outline: 2px solid #EE0D00!important;
}
input[type='submit'], input[type='button'] {
	border:none;
}
input[type='text'], input[type='password'], select {
	border:1px solid #969696;
	padding:2px 3px;
	margin:3px;
	margin-left:0px;
	vertical-align:baseline;
}

.cb { width:90%; clear:both; height:1px;overflow:hidden; }
/*===========  CORE ENDS   ==========*/

/*=================================
============ STRUCTURE ============
=================================*/
#header em {
	color:#EE0D00;
	font-weight:bold;
	font-size:inherit;
	}
#container {
	width:100%;
	/*overflow:hidden;*/
	margin-top:20px;
}
.register-home #container { margin-top:40px;}
#wrapper {
	width:844px;
	padding:0 0 30px;
	margin:auto;
	min-height:500px;
	height:auto!important;
	
}

#header .header-slide {
	overflow:hidden;
	width:355px;
	margin-top:30px;
	}
	 p.intro {
		font-size:20px;
		margin-bottom:10px;
	}
		 p.intro em {color:#F5AB0F;}
#dataBody {
	background:white;
	/*overflow:hidden;*/
	padding:0;
	float:left;
	margin-right:20px;
	width:631px;
	margin-bottom:30px;
	
}


	#dataBody > div {padding:5px 30px 15px;}
#header {
	position:relative;
	z-index:5;
	background:#fff;
	margin-bottom:15px;
	}
	
#sidebar {
	width:190px;
	padding:0;
	height:300px; 
	float:left;
	margin-top:0;
	}
	.register-home #sidebar {margin-top:-20px;}
	
	#sidebar .section {
		width:170px;
		* width:180px;
		padding:7px 20px;
		margin-bottom:30px;
		background:white;
		position:relative;
	}
	#sidebar .sidebar-side {position:absolute; top:15px; left:-20px;}
	#sidebar .section p {
		font-size:14px;
		}
	
	#dataBody , #sidebar > div.section {
		border:solid 1px #EE0D00;
		}


#navigator {
	height:40px;
	padding:30px 0 10px 0;
	width:100%;
	background:#eee;
}
#navigator ul {
	float:right;
	width:460px;
}
#navigator ul li {
	height:33px;
	width:auto;
	float:left;
	display:block;
	margin:3px;
}
#navigator ul li a {
	display:block;
	height:100%;
	text-indent:-99999px;
	position:relative;
	z-index:7;
}
#navigator ul li span.active {
	position:absolute;
	width:23px;
	height:23px;
	display:block;
	left:40%;
	top:31px;
	z-index:55;
	
}
.mental-floss-logo {
	width:320px;
	margin-top:20px;
}

.register-home .mental-floss-logo { margin-top:3px;}

#footer {
	padding:30px;
	background:white;
	border:1px solid  #EE0D00;
	width:571px;
	/*margin-bottom:30px;*/
}
.left-body, .right-body {
	padding:0/*5px 27px;*/;
	min-height:500px;
	width:100%
	
}
.left-body{
	float:left;/*background:green;*/
}
.right-body {
	float:right;/*background:gold;*/
}
/*======ELEMENTS=========*/
hr {
	display:block;
	height:1px;
	width:100%;
	border:gray 1px none!important;
}
hr.gray {
	margin:12px 0;
	display:block;
	height:5px;
	* height:1px;
	width:100%;
	background: url(https://www.casinocenter.com/savings-sub/images/hr-gray.gif) repeat-x center top;
	border:none!important;
}
hr.dual {
	display:block;
	height:5px;
	width:100%;
	background: url(https://www.casinocenter.com/savings-sub/images/hr-dual.gif) repeat-x center top;
	border:none!important;
	border-width:0!important;
}
/*====================================*/
.free-issues {
	height:90px;
	display:block;
	width:350px;
	background:url(https://www.casinocenter.com/savings-sub/images/sprite.png) no-repeat top left;
	text-indent:-900px;
	margin-top:60px;
	
	}
.mag-current {
	position:absolute;
	z-index:10;
	top:-36px;
	right:-58px
	}
/*================================*/
.form-detail {
	position:relative;
	overflow:hidden;
	
}
.form-cont {margin-bottom:15px}
.forms {
	width:auto;
	padding:0 0 10px ;
	margin:0 0 25px;
	clear:both;
	overflow:hidden;
	/*overflow:hidden;*/
}
.forms > div {
	clear:both;
	min-height:43px;
	margin:4px 0;
	/*overflow:hidden;*/
	height:auto!important;
	position:relative;
}
.forms label {
	width:80px;
	height:25px;
	float:left;
	padding-top:9px;
	display:inline-block;
	font-size:15px;
	text-align:right;
	margin-right:10px;
}
	.forms label.error {
		color:#f20000; width:192px;
		position:absolute;
		line-height:120%;
		left:368px; top:1px;
		font-size:11px;
		margin:0 0 0 5px;
		float:left;
		z-index:100;
		text-align:left;
		
		}
		
		.info-detail .forms label.error {
			left:370px; 
			}
		.subscription label.error {width:170px; bottom:0; left:142px; top:auto}
		label.state-error {top:-7px!important;}
		label.zip-error {top:8px!important;}
		label.cc-date-error {top:45px!important; left:140px!important;}
		 
.billing label {width:134px;}
.varify {position:absolute!important; top:0 ;right:-3px; z-index:10;}

.forms .txtInput, .selectState select, .txtZipCode input ,.selectMonth select, .selectYear  select,.txtArea , .selectDay , select	 {
	width:212px;
	padding:8px 4px!important;
	float:left;
	background:url(https://www.casinocenter.com/savings-sub/images/txt-bg.gif) no-repeat left top;
	border:1px solid #d7d7d7!important;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
}

	.info-detail .txtInput {
		width:266px;
		}
	
.txtArea {height:70px; resize:none; width:240px;margin-bottom:6px;}
.gray {color:gray;}
.txtZipCode input {
	width:90px;
}



div.desc { padding:10px 0;}
.desc p , p.desc {font-size:13px}
.desc p strong. p.desc strong {font-size:15px;}

.accountInfo {
	position:relative;
	width:230px; 
	padding:2px;
	width:100%;
}
.accountInfo div {overflow:visible; padding-bottom:20px; height:60px!Important;}
.accountInfo label {
	text-align:left;
	height:auto;
	width:230px;
	}
.accountInfo .help {
	position:absolute;
	top:44px;
	right:10px;
	height:30px; 
	width:70px;
	* width:74px;
	padding:8px 0 0 30px; 
	background:url(https://www.casinocenter.com/savings-sub/images/sprite.png) no-repeat -440px -90px;
}
.accountInfo .help a {
	color:#ed1c24;
	font-size:13px;
	}

.selectState select {
	width:115px;
	* margin-top:10px;
}
.selectCountry  select {width:200px;}
.selectCard select {width:222px; }
.selectMonth select {width:90px; * margin-top:10px; margin-right:15px;}
.selectYear select {width:117px;* margin-top:10px; }

.remove, .form-detail .USTag {
	float:right;
	padding: 5px 20px;
	font-size:12px;
	color:#979797!important
}
.USTag {
	background:none!important;
}
.remove:hover {
	background-position:right -22px;
	color:#000!important;
}
.subsEmail {
	margin-left:125px;
	text-align:left!important;
	width:250px!important;
}
.subsEmail input {
	float:left;
	margin-right:13px;
}
.subsEmail span {
	width:180px;
	display:block;
	float:left;
	line-height:120%;
}
.agreement {
	text-align:left!important;
	width:100%!important;
	height:auto!important;
}
.agreement input {
	float:left;
	margin:8px;
	margin-left:0;
}
.agreement span {
	display:inline	;
	line-height:120%;
	color:black; font-size:15px;
}
.btnAddRecip {
	width:222px;
	height:39px;
	float:left;
	text-indent:-9999px;
	display:block;
	margin:24px 10px 0 25px;
}

.lblCost {
	height:30px;
	width:120px;
	display:block;
	margin-top:30px;
	float:left
}
.lblCost span {
	display:none;
}
.btnSubmit , .btnPlaceOrder {
	display:block;
	text-indent:-9999px;
	width:86px; 
	height:35px;
	background:#F5AB0F url(https://www.casinocenter.com/savings-sub/images/sprite.png) no-repeat left -420px;
	margin:5px;
	cursor:pointer;
	
}


.btnPlaceOrder {
	background:#F5AB0F url(https://www.casinocenter.com/savings-sub/images/sprite.png) no-repeat left top;
	width:220px;
	height:55px;
	margin:23px 23px 20px 0;
	}
.submit {height:90px; margin-bottom:5px;}
.cardType {
	float:left;
	width:218px;
	height:150px!important;
	clear:right!Important;
}
.payMethod {
	height:38px;
	border-bottom:1px solid black;
	width:100%;
	display:inline-block;
	padding-left:23px;
}
.CC, .DD {
	width:172px;
	height:46px; 
	display:block;
	float:left;
	margin-right:10px;
}
.CC a, .DD a {	text-indent:-800px; display:block; height:100%; width:100%;}

.CC a{
	background:url(https://www.casinocenter.com/savings-sub/images/sprite.png) no-repeat left -309px;
}

.DD a {
	background:url(https://www.casinocenter.com/savings-sub/images/sprite.png) no-repeat -181px -371px;
}
.CC a.active {background-position: left -371px;}
.DD a.active {background-position:-181px -309px;}

.billType {vertical-align:middle; margin-right:10px;}

.cardType p {
	margin-bottom:20px;
	clear:both;
    width: 90px;
	* width: 94px;
    display: block;
    float: left;
	text-align:left;
	line-height:100%!important;
	font-size:12px!important;
}
.cardType p.right {
	text-align:right; 
	float:right; 
	clear:none!important;
	}
.YesNo {
	width:60px!important;
	float:none!important;
	text-align:left!important;
	
	height:auto!Important;
}

.noBtm {
	border-bottom:none!important;
}
.noTop {
	border-top:none!important;
}

.grayTop { bor}

.amount {
	color:black;
	margin:2px 0 0 26px!important;
	font-size:22px;
}
	.amount em {font-size:22px;}


.copyright  {
	color:#666;
	font-size:11px!important;
	}
.copyright a {font-size:12px; color:black; text-decoration:underline;}
.secureTag {float:right; padding:20px;}
.billing {position:relative; border-bottom:1px solid #cecece; padding-bottom:30px}
.border-bottom {border-bottom:1px solid #cecece;}
.subscription label{ width:140px;}
.subscription .txtInput {width:230px; padding:9px 4px!important;}
.subscription .forms {padding:20px 0 30px; position:relative}
.subscription .btnSubmit {position:absolute; top:18px; left:396px;}

 #directDebit { display:none;}
.overlay {display:none; height:100%!important; width:100%!important; position:absolute!important; background:url(https://secure.palmcoastd.com/austin/mentalfloss/overlay.png) top left; top:0; left:0;}
.overlayBG {
	z-index:900;
	display:none; 
	height:100%!important; 
	width:100%!important; 
	position:fixed; 
	background:url(https://www.casinocenter.com/savings-sub/images/overlayBG.png) top left; 
	top:0;
	left:0;
	}
	
.notice {background:#E3E2AF;}
p.msg {margin-bottom:25px;}
img.gift-mag-shot {position:absolute; right:23px; top:36px;z-index:30;}

/* top region area */
.region-selection {position:relative;}
	.region-selection ul {
			left: -31px;
			position: relative;
			top: -26px;
			width: 150%;
		}
		.region-selection ul li {
			background:#154D98;
		    border: 0px solid #154D98;
			border-bottom:none;
		    float: left;
			padding-top:4px;
		    margin-right: 3px;
		    text-align: center;
		    width: 207px;
			height:16px;
			
			}
			.region-selection ul li.active ,.region-selection ul li.active:hover {background-color:#154D98; line-height:1.5; border-color:#EE0D00}
				.region-selection ul li.active a, .region-selection ul li.active a:hover {color:#fff;}
				.region-selection ul li:hover {
					background-color:#F5AB0F;
					border-color:#fff;
					}
			.region-selection ul li a , .region-selection ul li a:hover {color:white; font-size:11px; display:block; line-height:1.3 }

.select-offer label {
	margin-bottom:10px;
	display:inline-block;
	}
span.best-deal { 
	background: url("https://www.casinocenter.com/savings-sub/images/sprite.png") no-repeat scroll left -340px transparent;
    color: white;
    display: inline-block;
    font-family: "helvetica-n-b",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    padding: 5px 0 13px 17px;
    text-transform: uppercase;
    width: 100px;
	}
	
.select-region-link {display:block; clear:both; margin:0 0 10px 90px; overflow:hidden; padding:6px 0;}
	.select-region-link li {float:left; margin-right:7px; }
	.select-region-link li a {font-size:11px; color:#EE0D00; text-decoration:underline;}
div.discount label{ margin:10px 20px 10px 0; display:inline-block}

ul.discount-detail, ul.social-media {width:105%;margin-top:20px;}
	.discount-detail li {font-size:14px; margin-bottom:10px; line-height:1;}
	.discount-detail li em {color:#F5AB0F;}
	

ul.social-media li a {
	margin-bottom:20px;
	padding-left:42px;
	line-height:1;
	background:url(https://www.casinocenter.com/savings-sub/images/sprite.png) no-repeat;
	display:block;
	color:#666;
	}	
	li.facebook a {background-position:-517px -130px!important;}
	li.twitter a {background-position:-517px -263px!important;}
	li.rss a {background-position:-517px -404px!important;}
	li.newsletter a {background-position:-517px -550px!important;}
	ul.social-media li a strong {
		font-weight:normal;
		font-size:18px;
		display:block;}
.home-link {text-align:center;}
.home-link a {
	background:url(https://www.casinocenter.com/savings-sub/images/sprite.png) -518px top no-repeat;
	color:#EE0D00;text-decoration:none;
	padding:6px 20px 20px 40px;
	display:inline-block;
	}