/*
	SITE WIDE SPECIFIC STYLES

	All styles can go in here and can override the main.css file. Please include all custom classes etc in here this will not display in the cms on the backend only frontend design.
	
*/

@import "../menu/stylesheet.css";

body {
	background: #efdfaa;
}
img.submit {
	cursor: pointer;
}
button {
	cursor: pointer;
}

label.policy {
	line-height: 30px;
	vertical-align: top;
}
#container {
	width: 972px;
	margin: 0 auto;
	background-color: #fff8e2;
}
#header {
	width: 972px;
	height: 232px;
	background: url(../images/global/header_bg.gif) top left no-repeat;
}
	#header a.headerLogo {
	float: left;
		width: 241px;
		height: 210px;
		margin: 22px 0 0;
		background: url(../images/global/headerLogo.gif) top left no-repeat;
			text-indent: -999em;
	}
	#header a.headerLogo:hover {
		background-position: 0 -210px;}
	#header a#loginButton {
	float: right;
		width: 81px;
		height: 40px;
		margin: 23px 32px 37px;
			text-indent: -999em;
	}
	#header a#loginButton:hover {background-position: 0 -40px;}
	#header a.btn_login {background: url(../images/global/btn_login.gif) top left no-repeat;}
	#header a.btn_logout {background: url(../images/global/btn_logout.gif) top left no-repeat;}
#navbar {
float: right;
	width:627px;
	height:47px;
	margin-right:32px;
	_margin-right:16px;
}
#subnav {
/*background: #4b1704;	include for solid bg*/
float: right;
	width:666px;
	height:36px;
	margin-right:11px;
	_margin-right:5px;
	_padding-right: 1px;
		color: #fff8e2;
overflow: hidden;
}
#content {
background-color: #E1AF6B;
}
#scrollbar {
	overflow: auto;
}
.home #scrollbar {
	height: 341px;
}
#content.menu {background: #fff8e2 url(../images/global/contentIn_bg.gif) top left repeat-y;}
#innerContent {
	position: relative;
	background: #fff8e2;
	margin-left: 241px;
	_margin-left: 238px;
	padding: 45px 0 10px 25px;
		clear: right;
}
	#content.full #innerContent, #contentIn.full #innerContent {
		min-height:647px;
		_height:647px;
	}
	#content.short #innerContent, #contentIn.short #innerContent {
		min-height:480px;	/* shorter than #cart to accomodate padding 45px+10px */
		_height:495px;
	}
.pageTitle {
	margin-bottom: 20px;
	font: bold 30px "Times New Roman", Times, serif;
	color: #6c2106;
	font-variant: small-caps;
}
#pageText {margin-right: 25px;}
	#pageText p {margin-bottom: 5px;
	}
div#content a, div#contentIn a {color: #9d1f0a;}
div#content .inputRequirement, div#contentIn .inputRequirement {color: #cc0000;}

/*============= SHOPPINGCART ==============*/
#userNav {
	width: 240px;
}
#userNav ul.nav {
border-bottom: 1px solid #4B1704;
	margin: 0;
	width: 206px;
	padding: 11px 0 10px 35px;
	list-style-type: none;
	overflow: hidden;
}
#userNav ul.nav li {
	padding: 0 19px;
		float: left;
}
#userNav ul.nav li.account {
	border-left: 1px solid #4B1704;
	padding-right: 0;
}
#userNav ul.nav li a {
	color: #4B1704;
	font-weight: bold;
	text-decoration: none;
}
#userNav ul.nav li a:hover {
	text-decoration: underline;
}

#shoppingcart {
	width: 180px;
	margin-top: 15px;
	padding: 10px 30px 0 30px;
		clear: left;
		float: left;
		position: relative;
}
														/* CARTOUT */
div#cart {
float: left;
.width: 238px;
_width: 238px;
}
	#content.full #cart {
		min-height:647px;
		_height:647px;
	}
	#content.short #cart {
		min-height:535px;
		_height:550px;
	}
div.loggedOut {
	background: #e1af6b url(../images/cartOut_bg.gif) top left no-repeat;
	color: #fff8e2;
	width:241px;
	overflow: hidden;
}
	div.loggedOut {
		min-height: 535px;
		_height: 535px;
	}
div#cart.loggedIn {
	background-color: #fff8e2;
		width: 157px;	
	padding: 46px 0 0 42px;
}
div#cart.loggedIn h4 {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
div#cart.loggedIn h4.time {font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
div#cart.loggedIn a span {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #9d1f0a;
	line-height: 1.3em;
}
div#cart.loggedIn span.asterisk {display: none;
}
div#cart.loggedIn td.boxText span.small strong {font-weight: normal;
}
div#cart.loggedIn .boxText a img {margin-bottom: 5px;}
div#cart .over  {
	background: #FFF3CF;
}
img.locateMap {
	border: 2px solid #4b1704;
	border-top: 2px solid #be530e;
	border-left: 2px solid #be530e;
}
.store_location, .session_time {font-size: 10px;}
.store_location a.edit, .session_time a.edit {font-size:10px;}
														/* INDEX */
div#innerContent.index {
	display: inline;
	width: 374px;
	margin-right: 46px;
	padding: 0;
		float: right;
			position: static;
}
img.title_index {
float: left;
	margin-top: 25px;
}
div#pageText.index {
	margin-top: 11px;
	float: right;
}
/*a.inTheNews {
float: left;
	width: 195px;
	height: 50px;
	margin: 22px 0 0 85px;
	background: url(../images/btn_inTheNews.gif) top left no-repeat;
		text-indent: -999em;}*/
a.specials {
float: left;
	width: 115px;
	height: 50px;
	margin: 22px 0 0 130px;
	background: url(../images/btn_specials_off.gif) top left no-repeat;
		text-indent: -999em;}
														/* LOGIN / NEW */
td.newCustomer {width: 300px;}
td.returningCustomer {width: 250px;}
														/* SCHEDULE */
div#content.schedule img.schedule-title {margin-bottom: 10px;}
div#content.schedule p.instructions {margin: 10px 0 12px;}
table.month {
	float: none;}
table.month .monthname {
	text-align: center;
	color: #4b1704;
	font-weight: bold;
	font-size: 16px;
	line-height: 3.5em;
}
table.month .monthnavigation a {color: #9d1f0a; text-decoration: underline;
}
table.month .nextMonthNav {
vertical-align: middle;
	text-align: right;}
	table.month .nextMonthNav a {
		background: url(../images/calendar_next.gif) right center no-repeat;
		padding: 5px 20px 5px 5px;
	}
	table.month .nextMonthNav a img {display:none;}
table.month .prevMonthNav {
vertical-align:  middle;
	text-align: left;}
	table.month .prevMonthNav a {
		background: url(../images/calendar_prev.gif) left center no-repeat;
		padding: 5px 5px 5px 20px;
	}
	table.month .prevMonthNav a img {display:none;}
table.month .dayname {
	text-align: center;}
table.month .monthday, table.month .nomonthday, table.month .saturday, table.month .sunday, table.month .event, table.month .today, table.month .todayevent {
	background-color: #efdfaa;
	border: 1px solid #fff8e2;
	padding: 5px;
	width: 80px;
	height: 82px;
	_height: 72px;
	vertical-align: top;
	text-align: left;
	font-size: 10px;
}
table.month .todayevent {
	background-color: #e8d38f;
	}
	table.eventcontent {
	float: left;
	width:70px;
	}
	table.eventcontent span {
		line-height: .9em;
		margin: 0;
	}
	table.eventcontent a {text-decoration: none;}
table.month .nomonthday {
	color: #bcbcbc;}
.schedule1, .schedule2, .schedule3, .schedule4, .schedule5 {margin: 0 10px 0 6px; font-weight:bold}
.schedule1 {color: #b5250b;}
.schedule2 {color: #4b1704;}
.schedule3 {color: #ff7800;}
.schedule4 {color: #bb00b4;}
.schedule5 {color: #793b16;}
img.scheduleIcon {
	display: inline;
	margin-bottom: -1px;
}
td.legendTop {display:none;}
td.legendBottom {text-align: center; padding: 8px 0;}
a.back {}
														/* CREATE ACCOUNT */
														/* MENU */
#content .menu {
	padding-top: 10px;
}
#jump {display:none;}
.buy_now1 label, .buy_now2 label {display: block; font-weight: bold;}
td.monthlyProductPrice2 form
{
	position: relative;
	top: -15px;
}
div.menu a.monthLink {font-weight: bold;
}
div.productImage {
	margin-bottom: 8px;
}
div.productImage a img {border: 1px solid #e1dcc5;
}
#content td.smallText p strong a.productLink {
	color: #4B1704;
	text-decoration: none;
}
div.menu .infoBoxContents td.smallText {width: 80px; padding-bottom: 15px;}	/* width of individual product cells */

/* BEGIN MAKE FORMS LINE UP */
table.infoBoxContents td form {width: 160px; margin-bottom: 15px;}
table.infoBoxContents td form.buy_now1 {width: 160px; margin-bottom: 0px;}
table.infoBoxContents td form strong, table.infoBoxContents td form input {vertical-align: middle;}
/* END MAKE FORMS LINE UP */
/* EXTRAS in list format */
table.productListing tr.productListing-odd td,
table.productListing tr.productListing-even td {
height: 27px;
}
table.productListing tr.productListing-odd td {
	background-color: #f5e9c0;
}
table.productListing span.productName {
	display: block;
	width: 450px;
	margin-left: 8px;
}
table.productListing form {margin: 3px 0;}
table.productListing td.productListing-data form input {vertical-align: middle;
}
table.productListing td.prodDesc {padding: 0 0 12px 8px; border-bottom:1px solid #f5e9c0;border-top:1px solid #f5e9c0;
}
														/* PRODUCT INFO */
div#recipe img.product {
	margin-top: 10px;
}
div#recipe h1 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	margin-top: 10px;
}
div#recipe p {margin: 0;}
div#recipe label { font-weight:bold; }
div#recipe p strong {font-weight: normal;}
div#recipe form input {
	vertical-align: middle;}
														/* CHECKOUT */
table.infoBoxNotice tr.infoBoxNoticeContents td.main {
	color: #cc0000;}
.moduleRow, .moduleRowSelected, .over
{
	background: #efdfaa;
}
														/* ACCOUNT */
div#contentIn.account a {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #9d1f0a;
	text-decoration: underline
}
														/* NEWS */
#innerContent.news a {
	font-size: 11px;}
														/* CONTACT US */
#pageText.contactUs td.contactInfo {vertical-align: top;}
#pageText.contactUs td.contactInfo h3 {margin: 15px 0 0;}
														/* LOCATE - LOCATIONS */
#pageText.locate img.map {border:1px solid #6c2106; margin-top: 15px;}
#pageText.locate form {margin:0;float:left;}
#pageText.locate form input {vertical-align: top;}
#pageText.locate form input {margin-top:-4px;}
														/* FOOTER */
#footer {
	height:306px;
	background: url(../images/global/footer_bg.gif) top left no-repeat;
}
#footer .links,#footer a {
	color: #ad8f68;
	font: normal 11px Arial, Helvetica, sans-serif;}
#footer .links {padding: 32px 0 12px;}
#footer .links a:hover {text-decoration: underline;}
#footer p {
	color: #ad8f68;
}
#footer .eatsLogo {margin: 0 auto;}
#eatsfooter 
{
	margin: 0 auto;
	width: 99px;
	font-size: 8px;
}
a.eatsLogo {
display: block;
	width: 99px;
	height: 23px;
	margin: 10px auto 0;
	background: url(../images/global/footer_eatsLogo.gif) top left no-repeat;
	text-indent: -999em;
}
														/* BUTTONS */
/* NAVBAR */
#navbar a {
float: left;
	height: 47px;
		text-indent: -999em;
}
a.news { background: url(../images/navbar/btn_news.gif) top left no-repeat; width: 99px;}
/*a.concept { background: url(../images/navbar/btn_concept.gif) top left no-repeat; width: 138px;}*/
a.howItWorks { background: url(../images/navbar/btn_howItWorks.gif) top left no-repeat; width: 110px;}
a.menu { background: url(../images/navbar/btn_menu.gif) top left no-repeat; width: 67px;}
a.schedule { background: url(../images/navbar/btn_calendar.gif) top left no-repeat; width: 87px;}
a.register { background: url(../images/navbar/btn_register.gif) top left no-repeat; width: 81px;}
a.questions { background: url(../images/navbar/btn_questions.gif) top left no-repeat; width: 91px;}
a.contactUs { background: url(../images/navbar/btn_contactUs.gif) top left no-repeat; width: 92px;
}
#navbar a:hover, #navbar a.highlight {
	background-position: 0 -47px;
}
/* SUBNAV */
#subnav a, #subnav img {
float: left;
	height: 36px;
text-indent: -999em;
}
/* ORDER SUBNAV */
a.sub_signUp { background: url(../images/subnav/btn_signUp.gif) top left no-repeat; width: 96px;}
a.sub_locateAStore { background: url(../images/subnav/btn_locateAStore.gif) top left no-repeat; width: 101px;}
a.sub_scheduleSession { background: url(../images/subnav/btn_scheduleSession.gif) top left no-repeat; width: 118px;}
a.sub_policy { background: url(../images/subnav/btn_policy.gif) top left no-repeat; width: 113px;}
a.sub_menu { background: url(../images/subnav/btn_meals.gif) top left no-repeat; width: 125px;}
a.sub_checkout { background: url(../images/subnav/btn_checkout.gif) top left no-repeat; width: 111px;
}
/* HOW ITS MADE SUBNAV */
a.sub_howItWorks { background: url(../images/subnav/btn_howItWorks.gif) top left no-repeat; width: 93px;}
a.sub_pickup { background: url(../images/subnav/btn_pickupAndDelivery.gif) top left no-repeat; width: 128px;}
a.sub_referral { background: url(../images/subnav/btn_referralProgram.gif) top left no-repeat; width: 114px;}
a.sub_gift { background: url(../images/subnav/btn_giftCards.gif) top left no-repeat; width: 77px;
}

#subnav a.over, #subnav.howItWorks a:hover {background-position: 0 -36px;
}
/* Session Selection */
#sessionbox {
background: url(../images/session_selection_background.gif) 0 -1px repeat-x;
	border-bottom: 1px solid #F0E3C8;
	color: #4B1704;
	width: 731px;
	height: 31px;
	padding-top: 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
		float: right;
		position: absolute;
		top: 0;
		right: 0;
}

#typeSelection, #dateSelection, #timeSelection {
	width: 33%;
	height: 22px;
	text-align: center;
		float: left;
		position: relative;
}

#typeSelection select, #timeSelection select {
	width: 100px;
}

#sessionbox button {
background-position: 0px 0px;
	border: none;
	width: 24px;
	height: 24px;
	padding: 0px;
	margin: 0 4px;
	text-indent: -9999em;
	overflow: hidden;
		position: absolute;
		top: 0;
		right: 19px;
}

#sessionbar_message {
	background: url(../images/message.jpg) no-repeat;
	width: 543px;
	height: 121px;
	position: relative;
}

#sessionbar_message h1 {
	color: #99575B;
	position: absolute;
	top: 20px;
	left: 140px;
	font-weight: bold;
}

#sessionbar_message p {
	position: absolute;
	top: 40px;
	left: 140px;
	width: 300px;
	color: #7C705E;
}

#sessionbar_message p.assistance {
	top: 20px;
	left: 440px;
	width: 100px;
	font-size: 0.8em;
}

#sessionbar_help {
	height: 30px;
}

.open {
   display: block;
}

.closed {
   display: none;
}

#openAssistance  {
	font-size: 0.8em;
    position: absolute;
    top: 129px;
    left: 489px;
}

/* Session Bar Menus */
#sessionbox {
   z-index: 5;
}

#sessionbox input {
   position: relative;
   width: 75px;
   vertical-align: middle;
}
#sessionbox .sessionMenu .jumpSession {
   left: 2px;
   width: 24px;
   height: 24px;
   margin: 4px 2px;
   cursor: pointer;
   overflow: hidden;
}

#buttonSessionType {
background: url(../menu/images/red.gif) no-repeat;
}

#buttonSessionTime {
background: url(../menu/images/grey.gif) no-repeat;
}

#sessionbox .sessionMenu ul {
   display: block;
   border: 1px solid #ccc;
   margin: 0;
   padding: 0;
   text-align: center;
   cursor: pointer;
   list-style-type: none;
	   position: absolute;
	   top: 26px;
	   right: 15px;
}

#sessionbox .sessionMenu ul li {
	margin: 0;
}

#sessionbox .sessionMenu ul li.odd {
   background: #FAFAFA;
}

#sessionbox .sessionMenu ul li.even {
   background: #F5F5F5;
}

#sessionbox .sessionMenu ul li a {
   text-decoration: none;
   font-size: 12px;
   display: block;
   padding-right: 5px;
}

#sessionbox .sessionMenu ul li a:hover {
	background: #e8e4db;
}

#jumpSessionType {
	width: 120px;
}

#jumpSessionType li a {
	width: 115px;
}

#jumpSessionTime {
	width: 150px;	/* default width - js should set this based on max. length of content */
}

#jumpSessionTime li a {
	width: 145px;	/* default width - js should set this based on max. length of content */
}

/*=================== JUMP ===================*/
/*============================================*/

#innerContent .categoryHeading {
	overflow: visible;
	display: none;
}
#innerContent .categoryHeading h2 {
	float: left;
	display: none;
}
#innerContent .categoryHeading span.top {
	float: right;
}
#innerContent .categoryHeading .jumpMenu {
	cursor: pointer;
		position: relative;
}
#innerContent .categoryHeading .jumpMenu .jumpTo {
	display:block;
	width:73px;
	height:20px;
	margin:4px 0pt;
}
#innerContent .categoryHeading .jumpMenu a.jumpTo:hover {
background-position:0 -20px;
}
#innerContent .categoryHeading .jumpMenu a.jumpTo:active, #innerContent .categoryHeading .jumpMenu a.jumpTo:active {
background-position:0 -40px;
}
#innerContent .categoryHeading .jumpMenu ul {
	border:1px solid #CCCCCC;
	display:block;
	width:125px;
	margin: 0;
	padding: 0;
	text-align:right;
	list-style-type: none;
		position:absolute;
		top: 21px;
		right:-7px;
}
#innerContent .categoryHeading .jumpMenu ul li.odd a {
background:#FAFAFA none repeat scroll 0%;
}
#innerContent .categoryHeading .jumpMenu ul li.even a {
background:#F5F5F5 none repeat scroll 0%;
}
#innerContent .categoryHeading .jumpMenu ul li a {
	display:block;
	padding: 5px 10px;
	font-weight:bold;
	text-decoration:none;
}
#innerContent .categoryHeading .jumpMenu ul li a:hover {
background:#E8E4DB none repeat scroll 0%;
}
/* Description Lightbox */
body.popup {
	background: url(../images/lightbox_tiling_bg.gif);
	margin: 0;
}

body.popup div.container {
	width: 750px;
	margin: 0 auto;
}

body.popup h1 {
	font-size: 2em;
	text-align: left;
	color: #4B1704;
	font-weight: normal;
	margin: 0.4em;
}

body.popup .productImageLarge {
	float: left;
	border: 1px solid #ccc;
	width: 220px;
	height: 220px;
}

body.popup div.content {
	text-align: left;
	overflow: auto;
	width: 290px;
	height: 325px;
	padding: 0 10px;
	font-size: 14px;
}

body.popup div.container div.description {
	margin-bottom: 1em;
}

body.popup div.container h2 {
    font-weight: bold;
	font-size: 1.0em;
	margin: 0 0 1em 0;
}

body.popup a.close {
background: url(../languages/catalog/english/images/buttons/small_close.gif) 0 0 no-repeat;
	width: 64px;
	height: 25px;
	text-indent: -999em;
	overflow: hidden;
	   position: absolute;
	   bottom: 15px;
	   right: 15px;
}
body.popup dt,
body.popup dd {
	font-size: 12px;
	padding-left: 5px;
}

/* Nutritional Info Override */
#nutritionalInfo {
	background: #fff;
}