/*
	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.
	
	Content below: EAP! Oct.2K6
*/

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

#container {
	position: relative;
}
a { overflow: hidden;
}
form input, form select {vertical-align: middle;}
td.main {vertical-align: top;}
#container {
	width: 974px;
	margin: 0 auto;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
}
#header {
background: transparent url(../images/global/header_bg.gif) 0 0 repeat-x;
}
#banner {
background: transparent url(../images/global/banner_bg.gif) left bottom repeat-x;
	height: 100%;
	padding-bottom: 25px;
	}
#header h1.bannerLogo {
	width: 974px;
	/*margin: 27px 0 61px 20px;*/
	margin: 0 auto;
	padding-top: 25px;
	text-align: center;
}
	#header h1.bannerLogo a {
		outline: none;
			position: relative;
			z-index: 100;
	}
	#header h1.bannerLogo a img {
		display: inline;
	}
#navbar {background: url(../images/global/navbar_bg.gif) top left repeat-x; width: 974px; height: 34px; position: relative; clear: both; float: left;}
	a span.myaccount {
	background: url(../languages/catalog/english/images/buttons/button_my_account.gif) 0 0 no-repeat;
		display: block;
		width: 118px;
		height: 25px;
		margin: 0;
		text-indent: -999em;
		position: absolute;
		top: 147px;
		right: 5px;
	}
		a span.myaccount:hover {
		background-position: 0 -25px;
		}
		a span.myaccount:active {
		background-position: 0 -50px;
		}
	#navbar a span.myaccount {
			position: absolute;
			top: 4px;
			right: 40px;
	}
/* DIV CONTENT */
#content {
		clear: both;
}

/* INNERCONTENT */
#innerContent {
	width: 580px;
	padding: 14px 30px;
}

/*PAGETITLE*/
img.pageTitle {
	margin-bottom: 15px;
}

/* PHILOSOPHY */
div.sidebar {
	float: right;
	width: 323px;
	margin-bottom: 30px;
}
div.sidebar img.bg {
	margin:0;
	z-index: 1;
}
div.sidebar img.text {
display: block;
	margin: -34px 0 0 32px;
		z-index: 10;
}
#content .columnRight {
	float: right;
}

/*****************************************************************/
/* INDEX */
.index #content {
	width: 974px;
}
.index #content .columnRightIndex {
	width: 486px;
		float: right;
}
.index #content .pageText {
	width: 330px;
	margin: 39px 0 0 89px;
	padding: 0;
}
h1.getStarted {
background: url(../images/btn_getStarted_bg.jpg) 0 0 no-repeat;
	width: 292px;
	height: 77px;
	margin: 27px 0 0 92px;
	padding: 36px 0 0 15px;
}
	h1.getStarted a {
	background: url(../images/btn_getStarted.gif) 0 0 no-repeat;
		width: 277px;
		height: 56px;
			float: left;
	}
	h1.getStarted a:hover {
	background-position: 0 -56px;
	}
	h1.getStarted a:active {
	background-position: 0 -112px;
	}

														/* MENU */
.menu #innerContent,
.account #innerContent,
.checkout #innerContent {
	width: 730px;
	padding-left: 12px;
		float: left;
}
/* DISPLAY STYLE - BOTH STYLES*/
	.monthlyProduct strong,
	.productListing-data strong {
		color: #000;
		font-weight: normal;
	}
	.monthlyProduct .more,
	.productListing-data .more {
	}
	.buy_now .oldPrice,
	.productListing-data s {
		display: none;
	}
	.buy_now .productSpecialPrice,
	.price .productSpecialPrice {
		color: #990000;
		font-weight: bold;
	}


/* DISPLAY STYLE - COLUMNS */
.monthlyProduct {
}
	.extraProduct img,
	.monthlyProduct img {
		border: 1px solid #ccc;
		margin-bottom: 5px;
	}
	.monthlyProduct .productLink {
		font-weight: bold;
	}
	.buy_now {
		margin: 0 2px;
		text-align: right;
	}
	.buy_now label {
		float: left;
		margin-top: .3em;
	}

/* DISPLAY STYLE - LIST */
.productListing-data {
	padding-bottom: 1em;
}
	.productListing-data img {
		border: 1px solid #ccc;
		margin-right: 15px;
	}
	.productListing-data .productName {
		display: block;
		margin-bottom: 3px;
	}
	.productListing-data .productName a {
		font-weight: bold;
	}
	.productListing-data .price {
		display: block;
		width: 170px;
		margin-bottom: 6px;
	}
	.productListing-data .buy_now label {
		display: none;
	}
	.productListing-data .buy_now select {
		margin: 0 0 3px 10px;
	}

														/* CART */
#cart {
	width: 180px;
	margin: 10px;
		float: right;
}
#shoppingcart {
		float: left;
		position: relative;
}
#shoppingcart img.shoppingcartlogo {
	margin-top: 10px;
}
													/*
													#content.menu table {
														float: right;
														width: 500px;
													}
													*/
#content.menu div.featuredEntree {
margin:0 0 35px 0;
	width:500px;
	min-height:129px;
	_height:129px;
	padding: 15px 0;
	background-color: #f4f2f2;
	border:1px solid #d8d8d8;
}
#content.menu div.featuredEntree table {	/* LACK OF TABLE ID/CLASS CAUSES !important */
float: left !important;
margin-left: 28px !important;
_margin-left: 14px !important;
	width: 444px !important;
	}
#content.menu td.productListing-data, div.menu td.productListing-data {
	height: 35px;
	margin:0;
	padding:0;
}
#content.menu a.productLink {
	color: #666666;
	text-decoration: underline;
	}
	#content.menu span.productName {
	display: block;
		width: 310px;
	}
#content.menu span.addToCartForm form {
	width: 125px;
	}
.prodDesc {
	width: 100%;
}
#content.menu a.more {
	color: #959595;
}
#content.menu a.more:hover {
	text-decoration: underline;
}


/* FOOTER */
#footer {
background: url(../images/global/header_bg.gif) top left repeat-x;
clear: both;
	height: 188px;
}
#footer .contactUs, #footer .contactUs a {
	color: #ffffff;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 5px 0;
	text-decoration: none;
}
#footer .nav, #footer .nav a {
	text-align: center;
	color: white;
	margin-top: 5px;
}
a.eatsLogo {/* create anchor classed 'eatsLogo' /image 'footer_eatsLogo.gif' in the global folder*/
background: url(../images/global/footer_eatsLogo.gif) top right no-repeat;
display: block;
color: #ffffff;
	width: 65px;
	height: 19px;
	margin: 15px auto;
	padding: 3px 43px 3px 0;
	font-size: 10px;
	text-decoration: none;
}

/* CALENDAR */
table.month {width: 675px; border-collapse: collapse;}
table.month .monthname {
color: #666666;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 15px;
}
table.month .nextMonthNav,
table.month .prevMonthNav {}
	table.month .nextMonthNav a,
	table.month .prevMonthNav a {
		text-decoration: none;
	}
	table.month .nextMonthNav a:hover,
	table.month .prevMonthNav a:hover {
		text-decoration: underline;
	}
		table.month .nextMonthNav a {
			float: right;
			height: 25px;
		}
		table.month .prevMonthNav a {
			float: left;
			height: 25px;
		}
	table.month .nextMonthNav a:hover,
	table.month .prevMonthNav a:hover {
	background-position: 0 -30px;
	}
	table.month .nextMonthNav a:active,
	table.month .prevMonthNav a:active {
	background-position: 0 -60px;
	}
	table.month .nextMonthNav a img,
	table.month .prevMonthNav a img {vertical-align: middle;}
table.month .dayname {
	text-align: center;
	padding: 5px 0;}
table.month .monthday, table.month .nomonthday, table.month .saturday, table.month .sunday, table.month .event, table.month .today, table.month .todayevent {
border: 1px solid #dddddd;
	padding: 2px;
	width: 94px;
	height: 79px;
	vertical-align: top;
	text-align: left;
	font-size: 10px;
}
table.month .nomonthday {
background-color: #eaeaea;
	color: #999;
}
	table.eventcontent {
	float: left;
	width: 94px; /* = width above */
	}
	table.eventcontent span {
		line-height: .9em;
		margin: 0;}
	table.eventcontent a {text-decoration: none;}

				/* MAY NEED 7 .schedule DEPENDING ON THE SITE REQUIREMENTS */
.schedule1, .schedule2, .schedule3, .schedule4, .schedule5, .schedule6, .schedule7, .schedule8 {
	margin: 0 2px 0 2px; font-weight:bold}
.schedule1 {color: #006600;}
.schedule2 {color: #000000;}
.schedule3 {color: #003399;}
.schedule4 {color: #990000;}
.schedule5 {color: #FF9900;}
.schedule6 {color: #33FFFF;}
.schedule7 {color: #FF3399;}
.schedule8 {color: #996699;}

				/* div will need to be added around query at bottom of 'schedule.php' */
div.scheduleLegend {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 200px;
}
td.legendTop {display:none;}
td.legendBottom {text-align:center; padding: 1em 0 0;}

													/* BUTTONS */
div#navbar a {
	float: left;
	height:34px;
	overflow: hidden;
	text-indent: -999em;
	outline: none;
}
a.howItWorks {	background: url(../images/global/btn_howItWorks.gif) top left no-repeat;width:104px;
	margin-left: 280px;}
a.schedule {	background: url(../images/global/btn_schedule.gif) top left no-repeat;width:104px;}			
a.menu {background: url(../images/global/btn_menu.gif) top left no-repeat;width:63px;}
a.orderYourMeals {background: url(../images/global/btn_orderYourMeals.gif) top left no-repeat;width:126px;}
a.about {background: url(../images/global/btn_aboutUs.gif) top left no-repeat;width:82px;}
a.contact {background: url(../images/global/btn_contactUs.gif) top left no-repeat;width:91px;}
a.faq {background: url(../images/global/btn_faq.gif) top left no-repeat;width:56px;
}
div#navbar a:hover {
float: left;
height:34px;
background-position: 0 -34px;
text-indent: -999em;
}
div#navbar a:active {
	background-position: 0 -68px;
}
div#navbar a.active {
	background-position: 0 -102px;
}
a#loginButton {
float: right;
width: 125px;
height: 34px;
	margin-right: 68px;
	text-indent: -999em;
}
a#loginButton:hover {
	background-position: 0 -34px;}
a.memberLogin {
	background: url(../images/global/btn_login.gif) top left no-repeat;}
a.memberLogout {
	background: url(../images/global/btn_logout.gif) top left no-repeat;}

													/* ERROR */
	td.messageStackError {color: #bb0000;}
	td.messageStackError img {display: inline;}

/* Session Selection */
#sessionbox {
background: url(../images/session_selection_background.gif) 0 -1px repeat-x;
	color: #333333;
	border-bottom: 1px solid #cccccc;
	width: 574px;
	height: 31px;
	padding: 5px 200px 0 200px;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	z-index: 5;
}

#typeSelection, #dateSelection, #timeSelection {
	width: 33%;
	height: 22px;
	text-align: center;
		float: left;
		position: relative;
}
#typeSelection select, #timeSelection select {
	width: 100px;
}
#typeSelection input, #dateSelection input, #timeSelection input {
	border: 1px solid #aaaaaa;
}

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

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

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

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

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

#sessionbar_help {
	height: 30px;
}

/* Session Bar Menus */
#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 {
	position: relative;
	top: -5px;
	background: url(../menu/images/red.gif) no-repeat;
}

#buttonSessionTime {
	position: relative;
	top: -5px;
	background: url(../menu/images/grey.gif) no-repeat;
}

#sessionbox .sessionMenu ul {
   display: block;
   border: 1px solid #cccccc;
   margin: 0;
   padding: 0;
   text-align: center;
   cursor: pointer;
   list-style-type: none;
	   position: absolute;
	   /*top: 8px;
	   left: -112px;*/
	   z-index: 10;
}

#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;
			top: 27px;
			right: -2px;
	}
#jumpSessionType li a {
	width: 115px;
}
	#jumpSessionTime {
		width: 140px;
			top: 27px;
			right: -2px;
	}

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

.categoryHeading {
	display: none;
}

.open {
   display: block;
}
.closed {
   display: none;
}

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

/* Buttons */
button {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;
	margin: 0;
	height: 25px;
	padding: 0;
	color: white;
	overflow: hidden;
	cursor: pointer;
	outline: none;
	padding-top: 25px;
	-moz-outline-style: none;
}
	button:hover {
	background-position: 0 -25px;
	}
	button:active {
	background-position: 0 -50px;
	}

button.continue {
	background-image: url(../languages/catalog/english/images/buttons/button_continue.gif);
	width: 119px;
}
button.sign_in {
	background-image: url(../languages/catalog/english/images/buttons/button_login.gif);
	width: 119px;
}
button.send {
	background-image: url(../languages/catalog/english/images/buttons/button_send.gif);
	width: 119px;
}
button.update {
	background-image: url(../languages/catalog/english/images/buttons/button_update.gif);
	width: 119px;
}
button.confirm_order {
	background-image: url(../languages/catalog/english/images/buttons/button_confirm_order.gif);
	width: 119px;
}
button.zoom_in {
	background-image: url(../languages/catalog/english/images/buttons/button_zoom_in.gif);
	width: 119px;
}
button.select_location {
	background-image: url(../languages/catalog/english/images/buttons/button_select_location.gif);
	width: 119px;
}

a.button {
background-position: 0 0;
background-repeat: no-repeat;
	display: block;
	height: 25px;
	text-indent: -999em;
	cursor: pointer;
	outline: none;
    -moz-outline-style: none;
}

/*LARGE BUTTONS*/
a.button.get_started_now {
	background-image: url(../languages/catalog/english/images/buttons/button_get_started_now.gif);
	width: 119px;
}
a.button.add_address {
	background-image: url(../languages/catalog/english/images/buttons/button_add_address.gif);
	width: 119px;
}
a.button.continue {
	background-image: url(../languages/catalog/english/images/buttons/button_continue.gif);
	width: 119px;
}
a.button.back {
	background-image: url(../languages/catalog/english/images/buttons/button_back.gif);
	width: 119px;
}
a.button.checkout {
	background-image: url(../images/cart_checkout.gif);
	width: 119px;
}
a.button.redeem {
	background-image: url(../languages/catalog/english/images/buttons/button_redeem.gif);
	width: 119px;
}

	a.button:hover {
	background-position: 0 -25px;
	}
	a.button:focus,
	a.button:active {
	background-position: 0 -50px;
	}
a.button.checkoutgrey {
	background-image: url(../images/cart_checkout_grey.gif);
	width: 119px;
}
	a.button.checkoutgrey:hover,
	a.button.checkoutgrey:focus,
	a.button.checkoutgrey:active {
	background-position: 0 0;
	}

/*SMALL BUTTONS*/
a.button.view {
	background-image: url(../languages/catalog/english/images/buttons/small_view.gif);}
a.button.edit {
	background-image: url(../languages/catalog/english/images/buttons/small_edit.gif);}
a.button.delete {
	background-image: url(../languages/catalog/english/images/buttons/small_delete.gif);}
a.button.close {
	background-image: url(../languages/catalog/english/images/buttons/small_close.gif);
}
	a.button.view,
	a.button.edit,
	a.button.delete,
	a.button.close {
		width: 74px;
		height: 25px;
	}
	a.button.view:hover,
	a.button.edit:hover,
	a.button.delete:hover,
	a.button.close:hover {
	background-position: 0 -25px;
	}
	a.button.view:active,
	a.button.view:focus,
	a.button.edit:active,
	a.button.edit:focus,
	a.button.delete:active,
	a.button.delete:focus,
	a.button.close:active,
	a.button.close:focus {
	background-position: 0 -50px;
	}

a.button img {
	display: none;
}

/* Description Lightbox */
body.popup {
background: url(../images/lightbox_tiling_bg.gif);
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

body.popup div.container {
	width: 750px;
	margin: 0 auto;
	height: 440px;
	position: relative;
}
body.popup h1 {
	font-size: 24px;
	text-align: left;
	color: #444444;
	margin: 0.4em;
}
body.popup .productImageLarge {
	float: left;
	border: 1px solid #aaa;
}
body.popup div.content {
	text-align: left;
	overflow: auto;
	width: 280px;
	height: 325px;
	padding: 0 10px;
}
body.popup div.container div.description,
body.popup div.container div.instructions {
	margin-bottom: 1em;
	font-size: 12px;
}
body.popup div.container h2 {
color: #555555;
	font-size: 16px;
	margin: 0 0 .3em 0;
}
body.popup a.close {
	   position: absolute;
	   bottom: 5px;
	   right: 15px;
}
body.popup dt,
body.popup dd {
	font-size: 13px;
	padding-left: 5px;
}