/*--------------------------*/
/* =GLOBAL RESET */
/* c/o http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, 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,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit; font-size: 100%;	font-family: inherit;	vertical-align: baseline; }
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*--------------------------*/
/* =COLOUR SCHEME ----------*/
/*--------------------------*/
/* RED TRIM : #c3161c ------*/
/* RED TEXT : #e91b23 ------*/

/*--------------------------*/
/* =GLOBAL */
html
{
   
	/*background: url(/images/main_bg.jpg) repeat-x #5a0c01;*/
	background: #6E121D url(/images/main_bg.jpg) no-repeat top center;
	
	text-align: center;
}
body{
	width: 962px;
	margin: 0 auto;
	text-align: left;
	display: block;
	font: 62.5% arial, "sans-serif";
	position: relative;
}

/*--------------------------*/
/* =LAYOUT */

#topbubble{
	background-image: url(/images/top_bubble.png); 
	position: absolute;
	width: 652px;
	height: 242px;
	margin: 206px 0 0 172px;
}
#bottombubble{
	background-image: url(/images/bottome_bubble.png);
	position: absolute;
	width: 357px;
	height: 233px;
	margin: 381px 0 0 303px;
}

/*--------- More info button -------------*/
div.moreinfo a{
		background: url(/images/moreinfo_main.png) no-repeat; 
		height: 81px;
		width: 324px;
		margin: 570px 0 0 320px;
		position: absolute;
		z-index: 1000;
	}
	div.moreinfo a:hover{
			background: url(/images/moreinfo_rollover.png) no-repeat;
		}


/*
div.bigButtons a{
		background: url(/images/big_button_bg.png) no-repeat;
		height: 76px;
		padding: 23px 10px 0 10px;
		width: 189px;
		display: inline-block;
		
		margin-right: 20px;
		text-align: center;
		font-weight: normal;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 0.9em;
		line-height: 1.5em;
	}
	div.bigButtons a:hover{
			background: url(/images/big_button_bg_hover.png) 0 0 no-repeat;
		}


*/

#hold{
	background: url(/images/frame_middle.gif) repeat-y;
	position: relative;
	min-height: 650px; /* ie6 */
	width: 962px;
	margin: 0 auto;
}
#beta{
	position: absolute;
	z-index: 20;
	width: 63px;
	height: 63px;
	left: 380px;
	top: 0;
	background: url(/images/beta.png) no-repeat;
	text-indent: -5000px;
}
#sponsor_header
{
    width: 100%;
    background-color: #4B000F;
    height: 28px;
    text-align: center;
}

#sponsor_header a
{
    color: #E9E9E9;   
    margin-left: 10px; 
}
#sponsor_header a:hover
{
    color: #FF0000;   
}

#sponsor_header li 
{
    float: left;    
}


#sponsor_header .contents
{
    width: 962px;
    text-align: right;
    padding-top: 5px;
    height: 28px;
    font-size: 12px;
}

#sponsor_header .logo
{
    margin-left: 10px;
    margin-right: 4px;
}

	/*--------------------------*/
	/* =LOGIN */
	#cPanel{
		background: url(/images/frame_top.png) no-repeat;
		height: 78px;
		position: relative;
		width: 962px;
		margin: 0 auto;
		left: 0;
		}
	#cPanel #signUpBox
	{
/*		background-color:#9d0206;
		 border:1px solid #00FF00;*/
		position: relative;
		 float: left;
		 width:300px;
		 left: 337px;
		 height: 78px;
	}

	#cPanel #login{
		background: url(/images/frame_top.png) no-repeat;
		height: 78px;
		/* position: relative; */
		width: 962px;
		margin: 0 auto;
		left: 0;
		}
		#login input{
			height: 16px;
			position: relative;
			top: 18px;
			background: transparent;
			border: none;
			color: #c3161c;
			text-align: center;
			font-size: 100%;
			padding-top: 3px;
		}
		#login .loginusername{
			width: 100px;
			left: 367px;
			background: url(/images/login_input.png) no-repeat;
		}
		#login .loginpassword{
			width: 100px;
			left: 375px;
			background: url(/images/login_input.png) no-repeat;
		}
		#login .loginsubmit{
			position: absolute;
			width: 66px;
			left: 886px; 
			height: 20px;
			color: #fff;
			font-weight: bold;
		}
	#loggedin{
		position: relative;
		left: 375px;
		height: 48px;
		padding-top: 13px;
	}
	
		#loggedin span.loggedusername{
			color: #FFFFFF;
			font-weight: bold;
			font-size: 1.4em;
		}
		#loggedin a.loggedacc{
			color: #fff;
			font-weight: bold;
			font-size: 0.8em;		
		}

	/*--------------------------*/
	/* =COUPON OVERLAY */
	
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	height: 200%;
	display: block;
	padding: 0;
	width: 100%;
	background: url(/images/coupon/overlay.png) scroll;
	z-index: 100;
	text-align: center;
}

#popupframe 
{    
    position:relative;
    top:40px;
    width:620px;
    margin: 0 auto;
}
		
		
		
	/*--------------------------*/
	/* =SEARCH */
	#search{
		width: 390px;
		padding-left: 22px;
		position: absolute;
		z-index: 10;
	}
	
		/*--------------------------*/
		/* =WHICHMEAL */
		#whichmeal{
			background: url(/images/search_top.png) no-repeat;
			width: 390px;
			height: 113px;
		}
			#whichmeal label{
				color: #fff;
				font-weight: bold;
				position: relative; 
				top: 38px; 
				font-size: 1.2em;
				left: 98px;
			}
			#whichmeal select{
				position: relative; 
				top: 58px;
				left: 20px;
				/*height: 28px;*/
				width: 273px;
			}
			
		/*--------------------------*/
		/* =SEARCHOPTIONS */
		#searchoptionshold{
			background: url(/images/search_bg.png) repeat-y;
			width: 320px;
			margin-left: 50px;
		}
		#searchoptions{
			background: url(/images/search_section.png) left no-repeat;
			min-height: 407px;
			width: 274px;
			padding-left: 46px;
			
		}
			#searchoptions label{
				color: #fff;
				font-weight: bold;
				font-size: 1.2em;
				display: block;
				padding: 45px 0 5px 0;
			}
			
			
		/*--------------------------*/
		/* =SEARCHBOTTOM */
		#searchbottom{
			width: 320px;
			height: 121px;
			background: url(/images/search_bottom.png) no-repeat;
			margin-left: 50px;
		}
			#searchbottom input{
				font-size: 1.8em;
				color: #fff;
				font-weight: bold;
				background: transparent;
				border: none; 
				position: relative;
				top: 7px;
				left: 63px;
				*top: 8px;
				*left: 13px;
				width: 174px;
				height: 50px;
				margin: 0 auto;
			}
			
		/*--------------------------*/
		/* =WIDGET */
		#widget
		{
		    margin-left: 55px; 
		    width: 300px;
		    text-align: center;
		}
		
		#widget a
		{
		    color: #4B000F;
		    font-size: 1.3em;
		    font-weight: bold;
		}
			
			
	/*--------------------------*/
	/* =CONTENT */	
	#content{
		background: url(/images/fold_out_bg.jpg) no-repeat;
		padding-top: 17px;
		color: #fff;
		font-size: 1.1em;
	}
	#contenthold{
		padding-top: 105px;
		width: 523px;
		margin-left: 370px;
	}
	#contentbg{
		background: url(/images/fold_rep_bg.jpg) repeat-y;
	}
	#maincontent{
		background: url(/images/fold_out_bottom.jpg) bottom no-repeat;
		padding-bottom: 20px;
		min-height: 515px;
	}
	#maincontent_secondary{
		background: url(/images/fold_out_bottom.jpg) bottom no-repeat;
		padding-bottom: 20px;
		padding-left: 50px;
		padding-right: 20px;
		min-height: 515px;
	}
	
	#maincontent_secondary a
	{
	    color: #FFFFFF;
	    font-weight: bold;
	}
	
	#maincontent_secondary p
	{
	    margin-bottom: 10px;
	}

	
		/*--------------------------*/
		/* =SEARCHRESULTS */
		#searchresults{
			width: 220px;
			float: left;
			padding: 0 10px 0 23px;
		}
		#pagination{
			color: #810304;
			/*
			text-align: right;
			float: right;
            */
			clear: left;
		}
		#pagination a{
			color: #fff;
			padding: 2px;
		}
		#pagination a:hover{
			color: #e91b23;
		}		
		#pagination a img{
			margin-bottom: -3px;
		}
		#lady{
			background: url(/images/lady.png) no-repeat;
			width: 118px;
			height: 165px;
			position: absolute;
			right: -17px;
			bottom: 20px;
			text-indent: -5000px;
		}
		
			/*--------------------------*/
			/* =VCARD */
			#searchresults .vcard{
				line-height: 1.4em;
				clear: left;
			}
			#searchresults .vcard .fn{
				font-size: 1.2em;
				font-weight: bold;
			}
			#searchresults .vcard a{
				color: #fff;
				text-decoration: none;
				display: block;
				padding: 10px;
				float: left;
				width: 172px;
			}
			#searchresults .vcard .bullet{
				float: left;
				clear: left;
				margin-top: 10px;
				display: block;
				width: 28px;
				height: 28px;
				line-height: 28px;
				text-align: center;
				background: url(/images/bullet.gif) center center no-repeat;
			}
			#searchresults .vcard .special{
				background: url(/images/bullet_special.gif) center center no-repeat;
				color: #e91b23;
			}
			#searchresults .vcard a:hover{
				background: url(/images/fold_div_bg.png);
			}
			#searchresults .vcard .offer{
				color: #e91b23;
			}
			#searchresults .vcard .tel{
				display: block;
			}
		
		/*--------------------------*/
		/* =SUBCONTENT */
		#subcontent{
			width: 242px;
			float: left;
		}
		div#subcontent div#coupons
		{
			z-index: 10;
		}
		#subcontent #coupons,
		#subcontent #deals{
			background: url(/images/fold_div_bg.png);
			margin-bottom: 10px;
			position: relative;
		}
			#subcontent #coupons{
				padding: 10px;
			}
		#subcontent #coupons h2{
			background: url(/images/click.png) no-repeat;
			width: 76px;
			height: 76px;
			text-indent: -5000px;
			position: absolute; 
			z-index: 10;
			right: -40px;
			top: 0;
		}
		#subcontent #coupons li{
			margin-bottom: 10px;
			text-align: center;
			list-style-type: none;
		}
		#subcontent #deals h2{
			font-size: 1em;
			text-decoration: none;
			font-weight: bold;
			text-align: center;
			background-color: #D10508;
			padding: 2px;
			
		}
		#subcontent #deals h2 span{
			background: url(/images/deals_h2_bg.jpg) repeat-x bottom left #D10508;
			padding: 6px 0;
			text-decoration: none;
		}
		#subcontent #deals span{
			font-size: 1.1em;
			font-weight: bold;
			display: block;
			color: #fff;
			text-decoration: underline;
		}
		#subcontent #deals ul{
			padding: 10px;
		}
		#subcontent #deals #pagination a{
			color: #fff;
		}
		#subcontent #deals a{
			color: #ACACAC;
			text-decoration: none;
			display: block;
			padding: 10px;
			text-transform: uppercase;
		}
		#subcontent #deals a:hover{
			background: url(/images/fold_div_bg.png);
		}
		
	/*--------------------------*/
	/* =NAV */
	#nav{
		background: url(/images/frame_bottom.png) no-repeat;
		padding: 40px 0 30px 180px;
		text-align: center;
		color: #fff;
		width: 782px;
	}
		#nav li{
			float: left;
		}
		#nav a{
			color: #fff;
			font-weight: bold;
			font-size: 1.2em;
			padding: 5px;
			text-decoration: none;
		}
		#nav a:hover{
			text-decoration: underline; 
		}

	/*--------------------------*/
	/* =WELCOME NAV */
	#welcome-nav{
		text-align: center;
		color: #999999;
		width: 535px;
		margin: 0 auto;
		list-style-type:none;
	
	}
		#welcome-nav li{
			float: left;
		}
		#welcome-nav a{
			color: #999;
			font-weight: bold;
			font-size: 1em;
			padding: 5px;
			text-decoration: none;
		}
		#welcome-nav a:hover{
			text-decoration: underline; 
		}


/*--------------------------*/
/* =LANDING */	
html#landingBody{
	background: #5A0C01 url(/images/landing/main_bg.jpg) center top repeat-x #5a0c01;
}
div#landingHold{
	width: 700px;
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: center;
}
div#landingHold h1{
	position: absolute;
	left: -5000px;
}
div#welcomeAlt{
	height: 420px;
	width: 655px;
	margin: 0 auto 0 auto;
	background: url(/images/static_landing.png) no-repeat;
	}
	div#welcomeAltHold{
		padding-top: 100px;
	}
	div#welcomeAlt input.welcomeAltZip{
		width: 342px; 
		height: 25px; 
		position: absolute; 
		top: 386px; 
		left: 320px; 
		color: #EA0A0B; 
		font-size: 2em; 
		font-weight: bold; 
		text-align: center; 
		background: transparent; 
		border: none; 
		padding-top:5px
	}
	div#welcomeAlt input.welcomeAltGo{
		border: none ; 
		background: transparent ; 
		position: absolute; 
		top: 375px; 
		left: 695px; 
		width: 88px; 
		height: 88px;
	}
	
	div#brb{
	height: 420px;
	width: 655px;
	margin: 25px auto 0 auto;
	background: url(/images/landing/brb.png) no-repeat;
	}
	
	
	
	
div#landingFooter{
	font-size: 1.5em;
	color: #FFFFFF;
	font-family: century gothic, sans-serif;
	padding: 20px 0;
}
	div#landingFooter a{
		color: #fff;
		font-weight: bold;
		font-family: arial, sans-serif;
	}
	div#landingFooter p{
		padding: 10px 0;
	}
	div#landingFooter input.textbox{
		background: url(/images/landing/email_field.png) no-repeat;
		width: 151px;
		padding: 8px 5px 0 5px;
		height: 22px;
		border: none;
		font-weight: bold;
		color: #5D0D02;
		display: inline-block;
		float:left;
		margin: 10px 10px 0 190px;
	}
	div#landingFooter input.submit{
		color: #fff;
		text-align: center;
		background: url(/images/landing/submit.png) no-repeat;
		border: none;
		width: 157px;
		height: 50px;
		font-weight: bold;
		display: block;
		float:left;
	}

/*--------------------------*/
/* =MCCLOSED */
	#mcclosed{
		width: 551px;
		height: 558px;
		background: url(/images/mc_closed_bg.png) bottom no-repeat;
		position: relative;
		z-index: 100;
		text-indent: -5000px;
		padding-top: 50px;
		margin-left: 361px;
	}
	


/*--------------------------*/
/* =MEMBER */

	/*--------------------------*/
	/* =MEMBERSTABS */
	#membersTabs{
		position: absolute;
		top: 85px;
		left: 415px;
	}
		#membersTabs li{
			float: left;
		}
			#membersTabs li a{
				display: block;
				background: url(/images/members/member_tab_left.png) left no-repeat;
				color: #fff;
				height: 20px;
				line-height: 20px;
				text-decoration: none;
				padding-left: 7px;
				font-size: 1.2em;
				font-weight: bold;
				margin-left: 2px;
				display: inline-block;
			}
				#membersTabs li a span{
					display: block;
					background: url(/images/members/member_tab_right.png) right no-repeat;
					padding-right: 7px;
					display: inline-block;
				}
			#membersTabs li a:hover,
			#membersTabs li a.current
			{
				background: url(/images/members/members_tab_left_hover.png) left no-repeat;
			}
				#membersTabs li a:hover span,
				#membersTabs li a.current span
				{
					background: url(/images/members/members_tab_right_hover.png) right no-repeat;
				}
				
#membersHold{
	/*width: 280px;*/
	margin: 0 auto;
}


#membersHold td{
    padding: 4px;    
}

#membersHold th{
    padding: 4px;
    font-weight: bold;    
}

#membersPref,
#membersAdd,
#membersProfile,
#membersHold h3,
#membersGroups,
#membersFavorites
{
	/*text-align: center;*/
}
	/*--------------------------*/
	/* =MEMBERSADD */
	#membersAdd label{
		font-size: 1.4em;
		padding-left: 5px;
	}
	#membersAdd ul{
		width: 180px;
		margin: 20px auto;
	}
	#membersAdd ul li{
		text-align: left;
		margin-bottom: 10px;
	}
	
	/*--------------------------*/
	/* =MEMBERSPROFILE */
	#membersProfImage{
		padding-top: 20px;
		width: 250px;
		margin: 0 auto;
	}
		#membersProfImageCurrent{
			width: 95px;
			float: left;
		}
			div#membersProfImageCurrent h3{
				color: #fff;
				background: #d10407;
				text-align: center;
				font-size: 0.8em;
				width: 95px;
				padding: 3px 0;
				margin: 0 0 2px 0;
			}
		#membersProfImageChange{
			padding: 20px 0 0 30px;
			width: 120px;
			float: left;
		}
		#membersProfImageChange p{
			color: #ff0000;
			font-size: 1.1em;
		}
	#membersProfileChange{
		clear: left;
		padding-top: 5px;
	}

#membersFavorites #searchresults{
	margin: 0 auto;
	text-align: left;
}

#membersGroupsList{
	background-color: #fff;
	width: 200px;
	margin: 0 auto;
	height: 230px;
	padding: 20px;
	overflow: scroll;
	color: #d10407;
}
	#membersGroupsList ul{
		padding-left: 30px;
	}
	#membersGroupsList ul li{
		text-align: left;
		margin-bottom: 10px;
		font-size: 1.2em;
	}

#membersDownload{
	font-size: 3em;
	text-align: center;
	padding: 150px 0;
	clear: left;  /* temporary while all sections in one in members page*/
	color: #e91b23;
}
#membersHold input.textbox{
	width: 157px;
	height: 20px;
	padding: 3px 10px 0 10px;
	background: url(/images/members/members_input.png) no-repeat;
	border: none;
	font-weight: bold;
	font-size: 1.4em;
	color: #c3161c;
}
#membersHold input.submit{
	font-size: 1.4em;
	font-weight: bold; 
	background: url(/images/members/submit_small.png) left no-repeat;
	display: block;
	height: 28px;
	line-height: 28px;
	padding-bottom: 4px;
	width: 86px;
	margin: 20px auto;
	color: #fff;
	border: none;
	text-decoration: none;
}
#membersHold a.memberButton{
	font-size: 1.4em;
	font-weight: bold; 
	background: url(/images/members/submit_small.png) left no-repeat;
	display: block;
	height: 28px;
	line-height: 28px;
	width: 86px;
	margin: 5px auto;
	color: #fff;
	text-decoration: none;
}
#membersHold #membersPref label,
#membersHold h2,
#membersHold h3,
.membersAddFriend label,
#membersProfile label,
#membersGroups label
{
	font-size: 1.4em;
	font-weight: bold; 
	display: block;
	margin: 28px 0 8px 0;
}

#membersHold h4
{
	font-size: 1.2em;
	font-weight: bold; 
	display: block;
	margin: 28px 0 8px 0;
}

/*--------------------------*/
/* =CLASSES */
a.signup{
	color: #FFFFFF;/*#c3161c;*/
	font-weight: bold;
	position: absolute;
	right: 20px;
	top: 18px;
	font-size: 1.2em;
}
	a:hover.signup{
		text-decoration: none;
	}
.h2tab{
	background: url(/images/h2_tab.png) no-repeat;
	width: 243px;
	height: 49px;
	line-height: 39px;
	position: absolute;
	top: 66px;
	right: 80px;
	vertical-align: middle;
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	color: #fff;
}
span.prefcheckbox{
	display: block;
	margin: 28px 0;
}

.prefcheckbox label{
	display: inline !important;
}
ul.item_list{
	list-style-type: disc;
	padding-left: 20px;
	margin-bottom: 10px;
}


/*--------------------------*/
/* =CLEARFIX */
.searchresults_1
{
			padding: 0 10px 0 0px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

#restSearch{
	color: #c3161c;
	font-weight: bold;
	position: absolute;
	right: 20px;
	top: 5px;
	font-size: 1.2em;
}