html,body {
	height: 100%;
	width: 100%;
}

body{
	width: 100%;
	height: 100%;
	background-color: #fcf3e5;
	background-image:url("/img/bg.png");
	background-repeat:repeat-x;
}

.clear{
	clear: both;
}



body > #container {
	height: auto;
	min-height: 100%;
}

#container{
	width: 940px;
	min-height: 100%;
	position: relative;
	margin: 0 auto;
	}

h1{

	white-space: nowrap;
	font: 40px georgia, serif;
	color: #000;
	letter-spacing:1px;
	margin-bottom:30px;


	}

h2, h2 a{
	font: 22px georgia, serif;
	color: #000000;
	padding: 0px 0px 10px 0px;
	margin-bottom: 20px;
	text-decoration: none;
	}

	h2 a:hover{
		color: #a79975;
		}



h3, h3 a, a h3{
	font: bold 16px Arial, serif;
	color: #a79975;
	text-decoration: none;
	}

	h3 a:hover, a:hover h3{
		color: #000000;
		}

h4, h4 a{
	font: 12px verdana, sans-serif;
	color: #000;
	line-height: 12pt;
	}

	h4 a:hover{
		color: #a79975;
		}


p, p a{
	font: 12px verdana, sans-serif;
	color: #666666;
	line-height: 12pt;
	}

p a:hover{
		color: #a79975;
		}

strong {
font-weight:bold;

}

h4 .note{
	font: 10px verdana, sans-serif;
}


h4 .big-text-dialog{


}


#thanks-image{
	width: 300px;
	padding: 0px 20px 80px 0px;
	float: left;
	}


#thanks-copy{

padding: 0px 30px 0px 0px;
float:left;
width:600px;
}

.popHead h2{

	font: 18px georgia, serif;
	color: #000000;
	padding: 0 10 10 0;
	margin: 10px;
	text-decoration: none;

}



h5, h5 a{
	width: 978px;
	font: 17px georgia, serif;
	color: #000000;
	padding: 0px 0px 10px 0px;
	text-decoration: none;
	}

	h5 a:hover{
		color: #a79975;
	}



/* ft epaper */

#epaper{

margin-bottom:50px;

}


#epaper h2{

	font: 32px georgia, serif;
	color: #000000;
	margin-bottom: 10px;
	text-decoration: none;



}

#epaper h3{

	font: 16px georgia, serif;
	color: #a1a098;
	margin-bottom: 20px;
	text-decoration: none;

}

#epaper h4{

	font: 20px georgia, serif;
	color: #000;
	margin-bottom: 20px;
	text-decoration: none;

}




#mainContent{

margin: 40px 0;



}


#leftFront{
width:480px;
float:left;

}

#rightFront{
width:400px;
margin-top:60px;
float:right;

}

#leftFront p{

width:480px;
float:left;
font: 13px Arial, serif;
margin-bottom:25px;
line-height: 22px;
color:#1e1e1e;

}




/* HEADER STYLE
__________________________*/


#logoContainer{
height:90px;



}

#header{
	width: 940px;
	/*background: url("../img/header-bg.png") no-repeat;*/
	}

#tagline{

	padding: 40px 0px 0px 0px;
	float: right;

	}


#header-logo{
	padding: 20px 0px 0px 0px;
	float: left;
	}


#header-content{
	width: 940px;
	margin: 6px auto;
	}


#header-menu{
	margin: 10px 0px 0px 0px;
	color: #000;
	float: left;
	width:300px;
	}






	#header-menu .link, #header-menu .active, #header-menu{
			font: 14px arial, sans-serif;
			color: #3e3e3e;
			text-decoration: none;
			}

	#header-menu a{
			font: 14px arial, sans-serif;
			color: #3e3e3e;
			margin-right: 30px;
			padding:2px 4px;
			text-decoration: none;
			}

	#header-menu a:hover{
			color: #fff;
			background:#a8a59b;
			border-radius:3px;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;

			}

	#header-sign-in-box{
		float: right;
		margin: 10px 0px 0px 0px;

	}


.bluelink a{

	font: 14px arial, sans-serif;
	color: #2775a2;
	text-decoration: none;
}

.bluelink a:hover{

	font: 14px arial, sans-serif;
	color: #2775a2;
	text-decoration: none;
}


#header-signed-in-box{

			font: 11px arial, sans-serif;
			color: #000;
			word-spacing: 3px;
			text-decoration: none;
			margin-top:12px;
			width:600px;
			float:right;
			text-align:right;

			}

#header-signed-in-box a{
			color: #000;
			border-right: 1px solid #000;
			padding-right: 7px;
			}

#header-signed-in-box .no-border{
			border-right: 0px;
			padding-right: 0px;
			}




#header-account{

	top:7px;
	float: right;
	padding: 0px;
	}

		#header-account h4{
			color: #0000;
			font-size: 11px;
			}

.header-sign-in-wrapper{
	position: absolute;
	right: 100px;
	}



#header-subscribe{
	float: right;
	margin: -20px 0px 0px 0px;
	}





/* INDEX PAGE
__________________________*/

#home{
	width: 998px;
	margin: 0px auto;
	}

#home-bottom{
	height: 300px;
	}

#home-bottom h4{
	padding: 10px 0px 0px 0px;
	}



#home-left, #home-left h2 {
	width: 625px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
	float: left;
	}

#home-left{
	padding-left: 10px;
	}

	#home-left p{
		padding: 0px 20px 20px 0px;
		}

#home-right{
	width: 310px;
	float: left;
	margin-bottom: 20px;
	}

.index-form-item{
	display: block;
	}

		#index-form-help{
			float: right;
			width: 40px;
			}

			#index-form-help a{
				font: 12px verdana, sans-serif;
				color: #666666;
				line-height: 12pt;
			}

		#redeem-deal-form .index-form-item-check, #redeem-deal-form .index-form-item-check h5{
			width: 600px !important;
			}

		#index-form-submit{
			float: right;
			padding-right: 80px;
			}

		.index-form-item label{
			float: left;
			width:200px;
			font: 12px verdana, sans-serif;
			color: #666666;
			line-height: 12pt;
			}

		.index-form-item input{
			float: left;
			margin-top: 5px;
			width: 200px;
			}

			.index-form-item-submit input{
				width: 97px !important;
				}

	#gallery-wrapper{
	width: 980px;
	height: 432px;
	background: url("../img/gallery-bg.png") no-repeat;
	margin: 0px auto 30px auto;
	padding-top:4px;
	}

	#gallery-wrapper2{
	width: 737px;
	height: 331px;
	background: url("../img/gallery-bg.png") no-repeat;
	margin: 0px auto 30px auto;
	padding-top:4px;
	}

	#gallery-wrapper3, #gallery-wrapper4{
	width: 980px;
	height: 331px;
	background: url("../img/gallery-bg.png") no-repeat;
	margin: 0px auto 30px auto;
	padding-top:4px;
	}

	#gallery-wrapper4{
		height: 301px;
		}

			.content-media2 {
				width: 729px;
				margin: 0px auto;
				overflow: hidden;
				position: relative;
				background-color: black;
				}


			.content-media {
				width: 972px;
				margin: 0px auto;
				overflow: hidden;
				position: relative;
				background-color: black;
				}

			.content-media3, .content-media4 {
				width: 972px;
				margin: 0px auto;
				overflow: hidden;
				position: relative;
				background-color: black;
				}

				.content-media4 {
					height: 296px;
					}

			.content-media-gallery {
				overflow: hidden;
				}

				.content-media-gallery img {
					position: absolute;
					left: 0;
					top: 0;
					display: none;
					}

				.content-media-gallery img.active {
					z-index: 10;
					display: inline;
					position: relative;
					clear: both;
				}


				.content-media-gallery-controls {
					height: 27px;
					background: url(../img/body_gallery-control_bg.png) repeat-x;
					padding-left: 5px;
					padding-right: 5px;
					position: relative;
					padding-top: 4px;
					/* margin-top: -3px; */
				}

				.content-media-gallery-controls ul {
					height: 6px;
					margin: 0 auto;
					padding-top: 5px;
					width: 34px;
					_width: 40px;
				}

				.content-media-gallery-controls ul li {
					width: 12px;
					height: 12px;
					background: url(../img/body_gallery-active-indicator.png) no-repeat 0 -12px;
					margin-right: 5px;
					margin-left: 5px;
					float: left;
					overflow: hidden;
				}

				.content-media-gallery-controls ul a {
					height: 12px;
					width: 12px;
					display: block;
				}

				.content-media-gallery-controls ul .active {
					background-position: 0 0;
				}



/* PRIVILEGE PAGE
__________________________*/

#main-content{
	width: 1200px;
	padding-bottom: 200px;
}

#privileges{
	width: 998px;
	_width: 1008px;
	margin: 0px auto 100px auto;
	min-height: 400px;
	}

	#privileges h1{
		width: 998px;
		_width: 1008px;
		margin-bottom: 20px;
	}

.privileges-column{
	margin: 40px 0px 0px 0px;
	}

		.block-copy{
		margin: 8px 0px;
		}

		.privileges-block a{
			text-decoration: none;
			}

		.privileges-block-left{
			width: 140px;
			float: left;
			}

			.privileges-block-left h4{
				padding-right: 5px;
				}

		.privileges-block{
			width: 310px;
			height: 275px;
			margin: 0px 10px 20px 10px;
			_margin: 0px 8px 20px 8px;
			float: left;
			overflow: hidden;
			}

		.home-privileges-block{
			width: 310px;
			margin: 0px 10px 20px 10px;
			_margin: 0px 8px 20px 8px;
			float: left;
			overflow: hidden;
			}

		.home-privileges-block.test{
			background: url(../img/box_bg.png) 0 0 no-repeat;
			width: 290px!important;
			padding: 12px;
			}


		.privileges-column .no-margin, #home-bottom .no-margin{
			margin: 0px 0px 40px 0px;
			}

		.privileges-block-right{
			width: 170px;
			float: left;
			vertical-align: bottom;
			}

		.privileges-block-image{
			padding-top: 14px;
			}


		.device-desktop{
			display: none;
			}
		.device-mobile{
			display: none;
			}



/* FAQ */


#faqLeft{

float:left;
width:617px;

}

#faqLeft p{

width:617px;
float:left;
font: 13px Arial, serif;
margin-bottom:25px;
line-height: 22px;
color:#1e1e1e;

}



#faqRight{

float:right;
width:300px;
background:#f7e8d7;
background-image:url("/img/top-contact.png");
background-repeat:repeat-x;

}

#contactDetails{

margin:10px;
font: 13px Arial, serif;


}

#contactDetails p{

margin:10px 0;

}







/* SIGN IN PAGE
__________________________*/


	#signin{
		width: 550px;
		padding-bottom: 200px;
		}

	#exisiting-user, #new-user{
		width: 550px;
		}

		#exisiting-user label, #new-user label, #new-user input{
				float: left;
				vertical-align: middle;
				}

			#exisiting-user .submit, #new-user .submit{
				float: right;
			}

		#exisiting-user .submit{
				margin: 30px 0 0 0;
			}



	#signisn-form{


		margin: 10px 0px 10px 0px;
		}


	.signin-copy{
		margin:0 0 10px 0;
		}

	.form-item{
		padding: 20px 0px 20px 0px;
		font: 13px Arial, sans-serif;
		color: #000;
		line-height: 12pt;

		}

	.signin-subtitle{
		width: 550px;
		margin: 60px 0px 10px 0px;
		}

	#signin-fields{

		margin: 0;


		}

			#signin-fields label{
				width: 200px;
				}

			.forgot-pass{
				float: left;
				padding: 10px 10px 0px 0px !important;
				}
		#username input{

			width:300px;
			float:right;
			}
				#exisiting-user input{
				float:right;

				}



/* HELP / LIONELS MESSAGE / NEWSMINE PAGE
__________________________*/


	#help, #lionelsMessage, #region{
		width: 940px;
		margin: 0px auto;
		padding-bottom: 100px;
		}

		#region{
			width: 940px;
			}


		#help-item-wrapper, #lionelsMessage-item-wrapper{
			padding: 30px 0px 0px 0px;
			}

		.help-item, .lionelsMessage-item{
			width: 978px;
			padding-bottom: 30px;
			}

		.region-intro{
			padding-top: 10px;
			}

		.region-item{
			padding-top: 10px;
			}

			.region-item img{
				padding-right: 2px;
				}

			.already-redeemed h1{
				font-size: 32px !important;
				}

	#newsmine{
		width: 998px;
		_width: 1008px;
		margin: 0px auto 100px auto;
		min-height: 400px;
		}

		#newsmine blockquote{
			padding-bottom:10px;
			font: 12px verdana, sans-serif;
			color: #666666;
			line-height: 12pt;
			}

		#newsmine h4{
			padding: 5px 0px 0px 0px;
			font-weight: bold;
			}

		#newsmine h5{
			padding: 5px 0px 0px 0px;
			font-weight: bold;
			}

			#newsmine p{
			padding: 15px 0px 15px 25px;
			font: 12px verdana, sans-serif;
			color: #666666;
			}



/* DEAL PAGE
__________________________*/


#deal{
		width: 978px;
		margin: 0px auto;
		padding-bottom: 50px;
		}

		#deal .submit{
			float: right;
			}

#deal-image{
	width: 472px;
	padding: 20px 30px 0px 0px;
	float: left;
	}

#deal-copy{
	width: 470px;
	padding: 20px 0px 20px 0px;
	float: left;
	}

		#deal-copy h2{
			padding: 0px;
			border: 0px;
			margin-bottom: 10px;
			}

		#deal-copy h4{

			line-height: 22px;
			}

#deal-bottom{
	padding: 20px 0px 0px 0px;
	}

		.deal-gallery{
			float: left;
			padding-right: 18px;
			}

		#deal .no-margin{
			padding-right: 0px;
			}

		.magnify-icon{
			position: relative;
			z-index: 10;
			margin-bottom: -39px;
			width: 35px;
			}

		.play-icon{
			width: 130px;
			position: relative;
			z-index: 10;
			margin: 50px auto -184px auto;
			*margin: 50px 0px -184px 92px;
			}




/* THANK YOU PAGE
__________________________*/


	#thankyou{
		width: 978px;
		margin: 0px auto;
		padding-bottom: 100px;
		}

			#thankyou-intro h4{
				padding: 15px 0px 25px 0px;
				}

			#thankyou-intro h2{
				padding: 0px;
				border: 0px;
				}

			#thankyou .no-margin{
				margin: 0px;
				}

			#thankyou .privileges-block{
				margin-bottom: 20px;
				}

			#thankyou-button{
				float: right;
				margin: 20px 0px 50px 0px;
				}




/* TERMS PAGE
__________________________*/

	#terms-wrapper{
		padding: 30px 0px 0px 0px;
		font: 12px verdana, sans-serif;
		color: #666666;
		line-height: 12pt;
		}

		#terms-wrapper p{
			width: 978px;
			font: 17px georgia, serif;
			color: #000000;
			padding: 0px 0px 0px 0px;
			text-decoration: none;
			}



/* FOOTER STYLES
__________________________*/

#footer{
				border-top: 9px #ebdecf solid;
				margin: 0 auto;
				padding: 18px 0 0 0;
				width: 940px;
				}

				#footer ul{
					margin: 0 0 2px 0;
					}

					#footer ul li{
						display: inline;
						font: 12px arial, sans-serif;
						margin: 2px 3px 0 0;
						}

						#footer ul li a{
							color: #2e6e9e;
							display: inline;
							margin: 0 0 0 5px;
							text-decoration: none;
							}
				#footer .copyright{
					color: #000;
					font: 12px arial, sans-serif;
					text-transform: uppercase;
					}

				#footer span{
					color: #999;
					font: 12px arial, sans-serif;
					line-height: 1;
					}

				#footer strong{
					margin: 0 0 0 5px;
					font-weight: bold;
					}

				#footer #logos{
					background: #ebdecf;
					margin: 15px 0 0 0;
					padding: 10px 0 0 0;
					width: 940px;
					}
					#footer .left{
					float:left;

					}

					#footer .right{
					float:right;

					}




/* VIDEO / IMAGE POPUP
__________________________*/

		.popup-border{
			border: 2px #74a6c3 solid;
			margin: 0 10px 10px 10px;

		}

		.popup-border h2{
			border: none!important;
		}

		.popup-border h4{
			margin: 5px 25px 5px 10px!important;
			width: 460px!important;
		}

		#mask {
				position:fixed;
				_position: absolute;
				left:0;
				top:0;
 			z-index:10;
 			display:none;
 			overflow: hidden;
			background: url(../img/mask-bg.png) repeat;
			width: 100%;
			_width: 1200px;
			height: 100%;
			_height: 1000px;
			}

		.boxes .window {
		 	 position:absolute;
		 	 width: 512px;
		 	 left:50%;
		 	 top:30%;
		 	 display:none;
		 	 z-index:25;
		 	 margin-left:-256px;
		 	 }

		 .boxes .windowVideo {
		 	 position:absolute;
		 	 width: 640px;
		 	 left:50%;
		 	 top:30%;
		 	 display:none;
		 	 z-index:25;
		 	 margin-left:-320px;
		 	 }

		.boxes .dialog {
		 	 position:absolute;
		 	 z-index:25;
		 	 background-color:#fcf3e5;
		 	 border: 3px #74a6c3 solid;
		 	 }

		 .boxes2 .window2 {
		 	 position:absolute;
		 	 left:50%;
			 width: 500px;
		 	 top:30%;
		 	 display:none;
		 	 z-index:25;
		 	 margin-left:-250px;
		 	 padding:10px;
		 	 }

			#dialog2form label{
				padding-left: 15px;
				}

			#dialog2form input{
				margin-bottom: 10px;
				}

		.boxes2 .dialog2 {
		 	 position:absolute;
		 	 z-index:25;
		 	 padding-bottom: 20px;
		 	 background-color:#fcf3e5;
		 	 border: 3px #74a6c3 solid;
		 	 }

		 	.boxes2 h1, .boxes2 h4{
		 		width: 470px;
		 		margin: 10px 15px 10px 15px;
		 		}


		 .close{
			position: absolute;
		 	top: 10px;
			right: 17px;
		 	}

		 .popup-title{
		 	float: left;
		 	padding: 8px 0px 0px 20px;
		 	font: bold 16px arial, sans-serif;
		 	color: #B6A67F;
		 	margin: -30px 0px 0px 0px;
		 	}

		 #popup1, #popup2, #popup3{
		 	text-align: center;
		 	display: none;
		 	/*position: absolute;
		 	left: 50%;
		 	top: 33%;
		 	margin-left:-298px;*/
		 	z-index: 300;
			padding: 40px 0px 20px 0px;
			float:right;
		 	}

		 	#videowrapper{
		 		width: 600px !important;
		 		height: 336px !important;
		 		}


input.submit.login {
	width: 82px;
	height: 30px;

	background: url(../img/signin-button.png) no-repeat;
	border: none;
	color: #fff;
	cursor: pointer;
	text-indent: -9999px;
}


div.byline{ margin-bottom:4px; padding-top: 10px; }
span.posted-on{ display: block; float: left; height:20px; margin-right: 7px; }
span.social-counter{ display:block; float:left; margin-right: 10px; padding-bottom: 18px; }
span.social-counter a {text-decoration: none; color: #4781AA; font: bold 12px Arial, Helvetica, sans-serif;}
span.twitter-counter{ margin:0px; }
span.twitter-counter iframe{ display: block; float: left; }
span.social-counter a.facebook-counter{ display: block; width: 27px; padding-left: 63px; height:22px; line-height: 20px; font-weight: 700; text-align:center; background:url("../img/facebook-counter.png") 0 50% no-repeat; padding-top: 1px;}
span.linkedin-counter{ margin:0px; padding-top: 1px;}


/*---------------------------------
	EDITOR NOTE PAGE
---------------------------------*/

.left{ float: left!important; }
.clear{ clear: both!important; }

.note_intro{ height: 227px; margin: 0 0 -10px 0; _margin: 0 0 -250px 0; }
.note_intro div{ height: 227px; }
.quote_wrapper{ width: 800px; height: 100px!important; padding: 75px 0 0 0; }
.quote_wrapper .intro_quote{ font: 24px georgia, serif; color: #767676; }
.quote_wrapper .byline{ font: 16px georgia, serif; color: #4b4b4b; padding: 20px 0 0 0; }
.editor_note_title{ font: 26px georgia, serif; color: #767676; padding: 30px 0; }
#notes_wrapper .note_item{ font: 23px georgia, serif; color: #908568; padding: 0 0 40px 0;	}
#notes_wrapper .note_item .number{ width: 20px; }
#notes_wrapper .note_item .copy{ width: 930px; padding: 0 0 0 10px; }
#notes_wrapper .note_item .copy a{ display: block; font: 23px georgia, serif; color: #000; text-decoration: underline; }
#notes_wrapper .note_item .copy a:hover{ color: #908568; }
#notes_wrapper .note_item .copy p{ padding: 15px 0 0 0; font: 13px/20px verdana, arial, sans-serif; color: #444444; }
.big_themes{ margin: 10px 0 0 0; padding: 30px 0 0 0; border-top: 5px solid #b6a67f; }
.big_themes h1{ border: none; padding: 0 0 40px 0; }
.big_themes ul{ padding: 0 0 0 30px; }
.big_themes ul li{ list-style-type: disc; list-style-position: inside; font: 13px arial, sans-serif; color: #444444; padding: 0 0 15px 0;	}
.big_themes ul li a{ color: #444444; }



/*---------------------------------
	SECONDARY PRIVILEGE
---------------------------------*/
#secondary_privilege{ width: 313px; background: url(../img/priv_top.png) top center no-repeat; height: auto; padding: 16px 0 0 0; margin: 0 0 0 38px; }
.secondary_copy{ background: #e0cdac url(../img/priv_middle.png) bottom center no-repeat; }
.secondary_copy h2{ margin: 0 10px; }
.secondary_copy p{ padding: 15px; color: #333333; }
.secondary_copy p a{ color: #fff; text-decoration: none; font-weight: bold; }
.secondary_copy p a:hover{ text-decoration: underline; }