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

img.submit { cursor: pointer; }

body	{
	font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #616F32;
	line-height: 16px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-weight: normal;
	text-decoration: none;
	background-color: #C4D08F;
	margin: 0px;
	padding: 0px;
}

img	{
	border: none;
}
input
{
	vertical-align: middle;
}

#container	{
background: #FFF url(../images/BodyBG.jpg) repeat-y;
	display: block;
	border: 0px solid #575216;
	width: 884px;
	margin: 8px auto;
}

#header {
background: url(../images/header.gif);
   width: 884px;
   height: 172px;
		position: relative;
}
#header h1 {
   width: 425px;
   height: 100px;
   margin: 0;
   text-indent: -9999em;
	   position: relative;
	   top: 35px;
	   left: 65px;
}
#header h1 a {
   display: block;
   width: 425px;
   height: 100px;
   overflow: hidden;
}

#LoginNav	{
	display: block;
	position: absolute;
	z-index: 100;
	top: 0px;
	right: 5px;
	width: 300px;
	padding: 5px;
	border: 0px solid #575216;
}

#sidebar	{
	border: 0px solid #575216;
	display: block;
	width: 186px;
	padding: 2px;
		float: left;
		position: relative;
}

#shoppingcart	{
	display: block;
	position: relative;
	width: 149px;
	padding: 15px;
	background: url(../images/ShoppingCartBG.gif) repeat-y;
	border: 2px solid #F1DC41;
	border-left: 0px;
	border-right: 0px;
}

#news  {
	background: url(../images/NewsBox.jpg) no-repeat;
	width: 313px;
	height: 321px;
	float: right;
	clear: both;
	margin-top: 0.5em;
}

#newscontent {
	margin: 56px 15px 20px 15px;
	height: 250px;
	overflow: auto;
}

#mainContent	{
	display: block;
	position: relative;
	float: left;
	padding: 15px;
	width: 650px;
	_width: 620px;
	border: 0px solid #575216;
	margin: 0px 5px 0px 0px;
	_margin: 0px 0px 0px 0px;
}
#footer {
	width: 884px;
	margin: 0 auto;
		clear: both;
}

.EatsFooter	{
	margin: 0 auto;
	text-align: center;
}

.EatsFooter a
{
	text-decoration: none;
}

/* ----- TEXT ----- */
.LoginText	{
	font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
	line-height: 16px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-weight: normal;
	text-decoration: none;
}

.caption	{
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-style: italic;
	font-size: 12px;
	color: #616F32;
}

.CartHeader	{
	font-family: Tahoma, Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #516F32;
}

.CartText	{
	font-family: Tahoma, Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #516F32;
}

/* ----- NAVIGATION ----- */

.LoginLink	{
	font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #EEE;
	text-align: right;
	line-height: 16px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-weight: normal;
	text-decoration: none;
	border: solid #EEE;
	border-width: 0px 0px 0px 0px;
}

.LoginLink:hover	{
	color: #FFF;
	border: solid #AAA;
	border-width: 0px 0px 1px 0px;
}

.Checkout	{
	display: block;
	position: relative;
	float: right;
	width: 69px;
	height: 19px;
	background: url(../images/Button_Checkout.gif) no-repeat;
}

.Checkout:hover	{
	background: url(../images/Button_Checkout.gif) no-repeat;
	background-position: 0px -19px;
}

.Checkout:active	{
	background: url(../images/Button_Checkout.gif) no-repeat;
	background-position: 0px -38px;
}

/*================= SIDEBAR ===================*/
#sidebar ul.nav{
	margin: 10px 0 0 9px;
	padding: 0;
}
#sidebar ul.nav li
{
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#sidebar ul.mainNav li{
   margin: 0px 0px 4px 0;
}
#sidebar ul.mainNav li a {
   display: block;
   width: 160px;
   height: 42px;
   overflow: hidden;
   text-indent: -9999em;
}

#sidebar ul.mainNav .about {
	background: url(../images/Nav_About.gif) no-repeat;}
#sidebar ul.mainNav .how {
	background: url(../images/Nav_HowItWorks.gif) no-repeat;}
#sidebar ul.mainNav .menu {
	background: url(../images/Nav_Menu.gif) no-repeat;}
#sidebar ul.mainNav .calendar {
	background: url(../images/Nav_Calendar.gif) no-repeat;}
#sidebar ul.mainNav .faq {
	background: url(../images/Nav_FAQ.gif) no-repeat;}
#sidebar ul.mainNav .contact {
	background: url(../images/Nav_Contact.gif) no-repeat;
}
#sidebar ul.mainNav .bakery {
	background: url(../images/Nav_Bakery.gif) no-repeat;
}
#sidebar ul.mainNav .delivery {
	background: url(../images/deliverservices.gif) no-repeat;
}
#sidebar ul.mainNav li a:hover {
	display: block;
	width: 160px;
	height: 42px;
	background-position: 0px -42px;
	overflow: hidden;
}

.newCustomer {
	width: 55%;
}
.returningCustomer {
	width: 45%;
}
.main , td {
}

.moduleRowSelected, .moduleRow {
	color: #000;
	background: #b1d86c;
}

.nutritional {
	width: 240px;
	float: left;
	text-align: left;
}

.nutritional img {
	border: 1px solid #000;
}

.nutritional a img
{
   border: none;
}

.nutritional .value
{
	text-align: right;
}

.nutritional form
{
   margin-bottom: 10px;
}

.nutritional form label
{
   display: block;
}

#content .description {
	width: 320px;
	float: left;
	text-align: left;
}

.description form
{
	margin-top: 20px;
}

.nutritional img, .description img
{
	margin: 15px 0;
}

.productListing
{
}

.productListing div.buy_now
{
	background: #5c6f2e;
	border: 1px solid #97a284;
	width: 116px;
	text-align: center;
	padding: 5px 0px;
	color: #fff;
	font-weight: bold;
	margin-left: 5px;
	margin-bottom: 1em;
}

.productListing div.buy_now .addtocart, .productListing div.buy_now .deletefromcart {
	vertical-align: middle;
}

.productListing form input
{
	margin: 3px 0px;
}

.productListing .productImage img
{
	width: 132px;
	height: 132px;
	border: 1px solid #000;
	margin-right: 10px;
}

.productLink
{
	display: block;
}

.productListing-data
{
	vertical-align: top;
	padding-bottom: 18px;
}

.boxText p 
{
	margin: 0;
}

.cartwarning
{
	font-weight: bold;
	font-size: 125%;
	width: 150px;
	margin: 0 10px;
	text-align:center;
}

.cartwarning a
{
	color: #B2071E;
}

.price
{
   display: block;
   text-align: center;
   width: 65px;
   margin-bottom: 1em;
}

.price .label, label .label
{
   font-weight: bold;
}

s
{
   display: block;
}

#location
{
	margin: 0 0 10px 0;
}

.locate form
{
	margin: 5px 0;
	padding: 0;
}

.privacy_policy
{
	text-align: left;
	height: 400px;
	overflow: auto;
}

a.monthLink{
	display: block;
	margin: 0 0 5px;
		clear: both;
		text-align: center;
}

.more
{
	display: none;
}

.weightwatchers {
	margin: 0 0 .5em;
	font-size: 80%;
	font-style: italic;
	text-align: center;
}

.shoppingcartlogo
{
	width: 147px;
}

.over {
	background: #FBF39E;
}

.approval_id
{
	display: block;
	text-align: center;
}

#map img
{
   border: 1px solid black;
}

/* Calendar */
#schedule img
{
	margin-bottom: 20px;
}

table.month
{
	border-collapse: collapse;
}

.monthnavigation a, .monthname, a.back
{
	color: #5c6f2e;
	font-weight: bold;
}

.monthnavigation a
{
	text-decoration: underline;
}

.monthname
{
	font-size: 20px;
	text-align: center;
}

.prevMonthNav a, .nextMonthNav a
{
	display: block;
	height: 29px;
	line-height: 29px;
	vertical-align: bottom;
}

.prevMonthNav a
{
	text-align: left;
	padding-left: 28px;
	background: url(../images/calendar_prev.gif) no-repeat;
}

.nextMonthNav a
{
	text-align: right;
	padding-right: 28px;
	background: url(../images/calendar_next.gif) 100% 50% no-repeat;
}

.monthnavigation a:hover
{
   text-decoration: none;
}

.prevMonthNav img, .nextMonthNav img
{
	display: none;
}

.dayname
{
	color: #8d967d;
	font-size: 80%;
	text-align: center;
	width: 14%;
	height: 40px;
	vertical-align: bottom;
}

.monthday, .event, .saturday, .sunday, .nomonthday, .today, .todayevent
{
	height: 90px;
	vertical-align: top;
	border: 1px solid #5a5c4e;
	font-size: 80%;
}
.todayevent {
	background-color: #e3e3e3;
	}

.monthday a, .event a, .saturday a, .sunday a, .nomonthday a, .today a, .todayevent a
{
	text-decoration: none;
}

.monthday, .event, .saturday, .sunday, .today, .todayevent
{
	color: #121212;
}

.nomonthday
{
	color: #c3c3c3;
}

.legendTop
{
	display: none;
}

.legendBottom
{
	text-align: center;
}

a .schedule1, span.schedule1, span.schedule2, a .schedule3, span.schedule3, a .schedule4, span.schedule4, a .schedule5, span.schedule5
{
	font-weight: bold;
}

a .schedule1, span.schedule1
{
	color: #5c6f2e;
}

a .schedule2, span.schedule2
{
	color: #000;
}

a .schedule3, span.schedule3
{
	color: #a84b81;
}

a .schedule4, span.schedule4
{
	color: #d37d2e;
}

a .schedule5, span.schedule5
{
	color: #dd422e;
}

a:hover .schedule1, a:hover .schedule3, a:hover .schedule4,  a:hover .schedule5
{
	text-decoration: underline;
}

/*============= SHOPPINGCART ==============*/
#userNav {
	width: 160px;
}
#userNav ul.nav {
border-bottom: 1px solid #4B1704;
	margin: 0 0 10px 9px;
	width: 150px;
	padding: 4px 0 6px 10px;
	list-style-type: none;
	overflow: hidden;
}
#userNav ul.nav li {
	padding: 0 6px;
		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;
	text-indent: 0;
}
#userNav ul.nav li a:hover {
	text-decoration: underline;
}
#shoppingcart {
background-color: #ffffff;
	border-top: 2px solid #f1dc41;
	border-bottom: 2px solid #f1dc41;
	width: 165px;
	padding: 5px 0 0 10px;
		position: relative;
}

/*============== Session Selection ===============*/
#sessionbox {
background: url(../images/session_selection_background.gif) 0 -1px repeat-x;
	color: #4B1704;
	width: 650px;
	height: 28px;
	margin-bottom: 5px;
	padding-bottom: 13px;
	line-height: 36px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #5D5D10;
		float: right;
}

#typeSelection, #dateSelection, #timeSelection {
	width: 33%;
	float: left;
	text-align: center;
}

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

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

#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 {
   position: relative;
}

#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 #ccc;
   margin: 0;
   padding: 0;
   text-align: center;
   cursor: pointer;
   list-style-type: none;
	   position: absolute;
	   top: 6px;
	   left: -110px;
}

#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 {
	top: 22px;
	left: -80px;
	width: 120px;
}

#jumpSessionType li a {
	width: 115px;
}

#jumpSessionTime {
	top: 22px;
	left: -80px;
	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 ===================*/
/*============================================*/

#content .categoryHeading {
	background: #FBF39E;
	height: 23px;
	padding: 2px;
	margin-bottom: 10px;
}
#content .categoryHeading h2 {
	float: left;
	margin: 0;
	line-height: 23px;
}
#content .categoryHeading span.top {
	float: right;
}
#content .categoryHeading .jumpMenu {
	cursor: pointer;
		position: relative;
}
#content .categoryHeading .jumpMenu .jumpTo {
	background: url(../images/small_jump.gif) no-repeat;
	display:block;
	width:70px;
	height:23px;
	margin:0px 0pt;
	text-indent: -9999em;
	overflow: hidden;
}
#content .categoryHeading .jumpMenu ul {
	border:1px solid #CCCCCC;
	display:block;
	width:150px;
	margin: 0;
	padding: 0;
	list-style-type: none;
		position:absolute;
		top: 23px;
		right: 0px;
}
#content .categoryHeading .jumpMenu ul li.odd a {
background:#FAFAFA none repeat scroll 0%;
}
#content .categoryHeading .jumpMenu ul li.even a {
background:#F5F5F5 none repeat scroll 0%;
}
#content .categoryHeading .jumpMenu ul li a {
	display:block;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	vertical-align: bottom;
}
#content .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: 530px;
	margin: 0 auto;
}

body.popup h1 {
	font-size: 20px;
	text-align: left;
	color: #4B1704;
	font-weight: normal;
	margin: .7em;
	line-height: 22px;
}

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

body.popup div.content {
	text-align: left;
	overflow: auto;
	width: 290px;
	height: 325px;
	padding: 0 0 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: 70px;
	height: 23px;
	text-indent: -999em;
	overflow: hidden;
	   position: absolute;
	   bottom: 15px;
	   right: 15px;
}
body.popup dt,
body.popup dd {
	font-size: 13px;
	padding-left: 5px;
}

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