/*
	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";

html {height: 100.1%;}

form input, form select {vertical-align: middle;}
img.submit {cursor: pointer;}
table {}
a.noUnderline {
	text-decoration: none;
}
.over {
	background: #ecf5d0;
}
.moduleRowSelected, .moduleRow {
	background: #e3edc1;
}
#container {	/* wraps all content */
	width: 974px;
	margin: 0 auto;
}
#header {	/* usually includes navbar sometimes subnav too */
	width: 100%;
	height:160px;
	padding-top: 0px;
		position: relative;
		float:left;
}
#header h1.bannerLogo {
	width: 217px;
	/*margin: 27px 0 61px 20px;*/
	margin: 0 0 90px 0px;
	padding-top: 10px;
	text-align: center;
}
	#header h1.bannerLogo a {
			position: relative;
			z-index: 100;
	}
	#header h1.bannerLogo a img {
		display: inline;
	}
#locationnav {
	height: 28px;
	padding-right: 11px;
		float: right;
		position: absolute;
		top: 9px;
		right: 250px;
}
	#locationnav span {
		width: 10px;
		height: 28px;
		margin-right: 2px;
			float: left;
	}
	#locationnav p {
		padding: 4px 0 0 12px;
	}
#accountnav {	/* image inside header, not always used */
	display: inline;
	/*width: 221px;*/
	height: 28px;
	margin-right: 20px;
		float: right;
		text-align: center;
}
#header div.steps {
	width: 974px;
	height: 82px;
	text-indent: -999em;
		position: absolute;
		bottom: 0;
		left: 0;
}

/*SIDEBAR*/
#sidebar {
	width: 217px;
	padding-left: 20px;	
		float: left;
		position: relative;
		z-index: 2;
}

/*NAVBAR*/
#navbar {
	width: 217px;
	margin-top: 10px;
		float: left;
		position:relative;
		z-index: 50;
}

/*CONTENT*/
#content {
	width: 100%;
	min-height: 510px;
	padding-bottom: 20px;
	float: left;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;

}

img.pageTitle {
	padding-left: 11px;
	margin-bottom: 15px;
}

#innerContent {
	width: 717px;
	min-height: 400px;
	padding-top: 27px;
	/*margin-left: 257px;*/
	float: right;}

#innerContent  h6{
	font:bold 22px  Verdana, Geneva, sans-serif;
	color:#666666;
}
	
#pageText {
	padding: 0 30px 15px 10px;
}

/*BLACKBOARD*/
#blackboard {
	margin-top: 9px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
		float: left;}
#blackboard .blackBoardTop {
	width: 181px;	/*217-(18x2)*/
	padding: 49px 18px 15px;}
.blackBoardBottom {
	height: 5px;
	margin-bottom: 15px;
		clear: left;}
#blackboard a {
display: compact;
}

/* CART */
#shoppingcart {
	margin-top: 15px;
		float: left;
		position: relative;
}
	#shoppingcart .cartText {
		padding: 5px 15px 0;
	}

#orderBorder, #orderBorderCran {
	padding: 15px 0 0 0;
}
														/* INDEX */
img.indexFood {border: none;}

/*INDEX HOME*/
#innerContent.index {
	padding-top: 100px;
		position: relative;
}
#innerContent.index a.get_started_now {
		position: absolute;
		top: 47px;
		right: 21px;
}
#pageText.index {display: none;}	/* if you ever need text on the index page comment out or delete this line */

/* CREATE ACCOUNT */
#pageText.signup td.note {
	font-size: 14px;
	font-weight: bold;
	color:#666666;
}
#pageText.signup span.inputOptional {font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
span.dobText {/*COLOUR.CSS*/}

/* LOGIN */
#pageText.login td.newCustomer {
	width: 220px;
}

/* LOCATION */
#pageText.location input {
	margin-top: 5px;
}
#map img {margin-right: 10px;}

/* CONTACT US */
img.map {/*COLOUR.CSS*/}
#pageText.contactUs textarea {
	width: 415px;
	height: 258px;
}

/* SCHEDULE */
img.useChefService {float:right; margin: -12px 20px 0;}

/* END */
table.month {width: 675px; border-collapse: collapse;}
table.month .monthname {
	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 {
		margin-bottom:10px;
		text-indent: -999em;
	}
		table.month .nextMonthNav a {
			float: right;
			width: 187px;
			height: 30px;
		}
		table.month .prevMonthNav a {
			float: left;
			width: 187px;
			height: 30px;
		}
	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 {display: none;} /* on older sites the image is default in the php */
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 {
	padding: 2px;
	width: 94px;
	height: 79px;
	vertical-align: top;
	text-align: left;
	font-size: 10px;
}
	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}

img.scheduleIcon {
	display: inline;
	margin-bottom: -1px;
}
				/* 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: 3px 0;}

/* MENU */
.menu .productListing-data span.productName {
	display: block;
}
.menu .productListing-data a.more {
	display: none;
}
.menu .productListing .price,
.menu .productListing .buy_now {
	display: block;
	margin-bottom: 5px;
}

.menu .productImage {
	width: 160px;
	height: 100px;
	overflow: hidden;
	border: 1px solid #aaa;
}

/**/
#pageText.menu h2 {
	float: left;
}
table.productListing a {
	}
table.productListing form {
	width: 180px;
	height: auto;
	margin: 0;}
tr.productListing-odd td, tr.productListing-even td {
	padding: 10px;
}
table.productListing td.prodDesc {
	padding: 0 10px 10px;
	}
a.productLink {
	font-size: 14px;
}
#pageText.menu a.monthLink {
	display: compact;
}
/* FEATURED ITEM */
td.entreeImage img {
margin: 5px;
}
.featuredEntree td {
	vertical-align: top;
}
td.entreeName {
padding: 5px;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	}
	td.entreeName .featuredPrice{
		font-size: 12px;
	}
	td.entreeName form {
		margin:5px 3px 0 0;
	}
	td.entreeDesc {padding: 5px;}
	td.entreeDesc ul#allergy {display: none;}
														/* LOGIN */
td.newCustomer {width: 350px; /* 320px - 400px ideal range */
}
td.returningCustomer {width: 250px; /* good width to display all */
}
														/* ACCOUNT */

														/* FOOTER */
#footer {
clear: both;
	height: 94px;
}
#footer .footerLinks {
	padding: 14px 0 12px 0;
}
#footer span {
	padding: 0 7px 0 11px;
}
#footer .footerLinks a {
	font-size: 12px;
}
a.eatsLogo {/* create anchor classed 'eatsLogo' /image 'footer_eatsLogo.gif' in the global folder*/
	display: block;
	width: 58px;
	height: 19px;
	margin: 5px auto;
	padding: 3px 43px 3px 0;
	font-size: 10px;
	text-decoration: none;
}
														/* BUTTONS */
a.signup img {display: inline; vertical-align: middle;}
/* ACCOUNTNAV */
#accountnav a, #accountnav img {
	float:left;
	height: 28px;
	text-indent: -999em;
}
#accountnav a.register {background: url(../images/accountnav/btn_register.gif) top left no-repeat; width:75px;}
#accountnav a.login {background: url(../images/accountnav/btn_login.gif) top left no-repeat; width:48px;}
#accountnav a.logoff {background: url(../images/accountnav/btn_logout.gif) top left no-repeat; width:59px;}
#accountnav a.myAccount {background: url(../images/accountnav/btn_my_account.gif) top left no-repeat; width:90px;
}
#accountnav a:hover {
	background-position: 0 -28px;
}
/* NAVBAR */
#navbar a {
	width: 217px;
	height: 36px;
	margin-bottom: 0px;
	border-bottom:1px solid #e6daa6;
	text-indent: -999em;
		float: left;
}
#navbar a.faq,
#navbar a.howItWorks {
	height: 36px;}
#navbar a.howItWorks {background: url(../images/navbar/btn_how.gif) top left no-repeat;}
#navbar a.schedule {background: url(../images/navbar/btn_calendar.gif) top left no-repeat;}
#navbar a.menu {background: url(../images/navbar/btn_menu.gif) top left no-repeat;}
#navbar a.aboutUs {background: url(../images/navbar/btn_about.gif) top left no-repeat;}
#navbar a.contactUs {background: url(../images/navbar/btn_contact.gif) top left no-repeat;}
#navbar a.faq {background: url(../images/navbar/btn_faq.gif) top left no-repeat;
}
#navbar a:hover, #navbar a.highlight {
	background-position: 0 -36px;}
	#navbar a:active {
		background-position: 0 -72px;
	}
	#navbar a.active {
		background-position: 0 -108px;
	}
#navbar a.howItWorks:hover, #navbar a.faq:hover {
	background-position: 0 -40px;}
	#navbar a.howItWorks:active, #navbar a.faq:active  {
		background-position: 0 -80px;
	}
	#navbar a.activeCap  {
		background-position: 0 -120px;
	}

/**/
/* Session Selection */
#sessionbox {
background: url(../images/session_selection_bg.gif) 0 0 repeat-x;
	border-top: 1px solid #d7cdc3;
	/*width: 618px;*/
	height: 31px;
	padding-top: 5px;
	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;
}

#sessionbox button {
background-position: 0px 0px;
	border: none;
	width: 24px;
	height: 24px;
	margin: 0 4px;
	padding: 0px;
	text-indent: -9999em;
	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: #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;
}

/* 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 {
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: 27px;
	   z-index: 1;
}

#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;
}

.open {
   display: block;
}

.closed {
   display: none;
}

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

#jumpSessionType {
	right: 18px;
	width: 120px;
}

#jumpSessionType li a {
	width: 115px;
}

#jumpSessionTime {
	right: 18px;
	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 */
}

/* Buttons */
button { border: 1px solid red;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;
	margin: 0;
	height: 36px;
	padding: 0;
	color: white;
	overflow: hidden;
	cursor: pointer;
	outline: none;
	-moz-outline-style: none;
	outline: none;
}
button.continue,
button.sign_in,
button.send,
button.update,
button.confirm_order,
button.zoom_in,
button.select_location {/*remove conflict with other buttons*/
	text-indent: -999em;
}
	button:hover {
	background-position: 0 -36px;
	}
	button:active {
	background-position: 0 -72px;
	}

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

a.button {
background-position: 0 0;
background-repeat: no-repeat;
	display: block;
	height: 36px;
	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: 153px;
}
a.button.add_address {
	background-image: url(../languages/catalog/english/images/buttons/button_add_address.gif);
	width: 153px;
}
a.button.continue {
	background-image: url(../languages/catalog/english/images/buttons/button_continue.gif);
	width: 153px;
}
a.button.back {
	background-image: url(../languages/catalog/english/images/buttons/button_back.gif);
	width: 153px;
}
a.button.checkout {
	background-image: url(../images/cart_checkout.gif);
	width: 153px;
}
a.button.redeem {
	background-image: url(../languages/catalog/english/images/buttons/button_redeem.gif);
	width: 153px;
}

	a.button:hover {
	background-position: 0 -36px;
	}
	a.button:focus,
	a.button:active {
	background-position: 0 -72px;
	}
a.button.checkoutgrey {
	background-image: url(../images/cart_checkout_grey.gif);
	width: 153px;
}
	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: 63px;
		height: 21px;
	}
	a.button.view:hover,
	a.button.edit:hover,
	a.button.delete:hover,
	a.button.close:hover {
	background-position: 0 -21px;
	}
	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 -42px;
	}

a.button img {
	display: none;
}

/*JUMP MENU - JUMPTO*/
#content .categoryHeading .jumpMenu {
	cursor: pointer;
	position: relative;
		float: right;
}
#content .categoryHeading .jumpMenu .jumpTo {
	background: url(../languages/catalog/english/images/buttons/small_jumpTo.gif) no-repeat;
	text-indent: -9999em;
	width: 63px;
	height: 21px;
	margin: 4px 0;
	display: block;
	overflow: hidden;
}
#content .categoryHeading .jumpMenu a.jumpTo:hover {
	background-position: 0 -21px;
}
#content .categoryHeading .jumpMenu a.jumpTo:active, #content .categoryHeading .jumpMenu a.jumpTo:active {
	background-position: 0 -42px;
}
#content .categoryHeading .jumpMenu ul {
border: 1px solid #ccc;
   display: block;
   width: 100px;
   margin: 0;
   padding:0;
   list-style: none;
   text-align: right;
	   right: 0px;
	   position: absolute;
}
#content .categoryHeading .jumpMenu ul li.odd a {
   background: #FAFAFA;
}
#content .categoryHeading .jumpMenu ul li.even a {
   background: #F5F5F5;
}
#content .categoryHeading .jumpMenu ul li a {
   display: block;
	padding: 3px 5px;
   text-decoration: none;
   font-weight: bold;
}
#content .categoryHeading .jumpMenu ul li a:hover {
	background: #e8e4db;
}

/* 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: #41723E;
	margin: 0.4em;
}
body.popup .productImageLarge {
	float: left;
	border: 1px solid #aaa;
}
body.popup div.content {
	text-align: left;
	overflow: auto;
	width: 280px;
	height: 385px;
	padding: 0 10px;
	color:#666666;
}
body.popup div.container div.description,
body.popup div.container div.instructions {
	margin-bottom: 1em;
	font-size: 12px;
}
body.popup div.container h2 {
color: #5b5544;
	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;
}

/* FLASH VIDEO */
#flashVideo {
	width: 480px;
	height: 365px;
	margin-bottom: 1em;
}
#flashVideo a {
background: #ffffff url(../videos/flash_about_thumb.gif) 0 0 no-repeat;
	width: 480px;
	height: 365px;
}