/*
	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.

	Colors:
	Background Grey: #c8c8c8
	Default Text: #574e47
	Pink Heading: #fcae81
	Grey Heading: #3f3a37
	
*/

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

html {
	height: 100.1%;
}

body {
	background: #c8c8c8;
}

/**************************************
 * LIGHTBOX POPUP DESCRIPTION
 * ***********************************/
body.popup {
	background: url(../images/lightbox_tiling_bg.gif);
	margin: 0;
}

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

body.popup h1 {
	font-size: 20px;
	text-align: left;
	color: #4B1704;
	font-weight: normal;
	margin: .3em 0 .5em .8em;
}

body.popup .productImageLarge {
	display: none;
}

body.popup div.content {
	text-align: left;
	overflow: auto;
	width: 255px;
	height: 385px;
	padding: 0 0 0 16px;
	font-size: 14px;
}

body.popup div.container div.description,
body.popup div.container div.instructions {
	margin-bottom: 1em;
	padding-right: 5px;
}

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

body.popup a.close {
	text-indent: -999em;
	overflow: hidden;
		position: absolute;
		bottom: 15px;
		right: 15px;
}
body.popup dt,
body.popup dd {
	font-size: 13px;
	padding-left: 5px;
}
#allergy {
margin: 0 0 0 28px;
	clear: left;
	float: left;
}
/**/

img.submit {
	cursor: pointer;
}

.newCustomer {
	width: 55%;
}

.moduleRow, .moduleRowSelected {
	background: #b8c992;
}

td.main input, td.main label {
	vertical-align: top;
}

p.steps {
	text-align: center;
	background: url(../images/session_bar.jpg) repeat-x;
	color: #7a5c44;
	line-height: 37px;
	position: absolute;
	top: 0;
	left: 0;
	height: 37px;
	width: 100%;
	margin: 0;
}

p.steps a {
	color: #7a5c44;
}

img.after-sessionbar {
	margin-top: 20px;
}

p.pricing {
	width: 90%;
	margin: 1em auto;
}

table.pricing {
	width: 80%;
	text-align: center;
	margin: 0 auto 0 30%;
}

.monthLink {
   text-align: right;
}

.spacer {
   clear: both;
}

#container {
	margin: 0 auto;
	width: 800px; /* 830 - 15 - 15 */
	padding: 0 15px;
	background: url(../images/body.gif) repeat-y;
}

body.home #container {
   background: url(../images/body_home.gif) repeat-y;
}

body.splash #container  {
   background: url(../images/body_splash.gif) repeat-y;
}

/*
* HEADER
*****************************************************************************/

#header {
	position: relative;
	margin: 0 auto;
	width: 800px;
	height: 68px;
	background: url(../images/header.gif) no-repeat;
}

#header h1 {
	margin: 0;
}

#header h1 a {
	display: block;
	position: relative;
	top: 23px;
	left: 23px;
	width: 220px;
	height: 30px;
	text-indent: -9999em;
	overflow: hidden;
}

#header #locationSelector {
	position: absolute;
	top: 38px;
	right: 0;
	width: 247px;
	height: 22px;
	background: #b7cc7b;
}

#header #locationSelector p.location {
	color: #ffffff;
	text-align: right;
	padding-right: 10px;
	margin: 0;
	line-height: 22px;
}

#header #locationSelector p.location a {
	color: #ffffff;
	text-decoration: underline;
}

#header #locationSelector p.location a:hover {
   text-decoration: none;
}

#header .account {
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 10px;
}

#header .account p {
	font-weight: bold;
	color: #ffffff;
}

#header .account p a {
   color: #fff;
   text-decoration: none;
}

#header .account p a:hover {
   text-decoration: underline;
}

/*
* HERO
*****************************************************************************/
#hero {
	margin: 0 auto;
	width: 800px;
	height: 186px;
	background: url(../images/hero_full.jpg) no-repeat;
}

/*
* NAV
*****************************************************************************/
#nav {
	margin: 0 auto;
	width: 800px;
	height: 32px;
	background: #a8be6b;
	overflow: hidden;
}

#nav ul {
	margin: 0 auto;
	width: 780px;
	height: 32px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	list-style-type: none;
}

#nav ul li {
	margin: 0;
	padding: 0;
	float: left;
	line-height: 32px;
}

#nav ul li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 0 7px;
	border-right: 1px solid white;
}

#nav ul li a:hover {
	background: url(../images/navbar.gif) repeat-x;
}

#nav ul li.last a {
	border-right: none;
}

/*
* CONTENT
*****************************************************************************/
#content {
	position: relative;
	width: 538px; /* 568 - 15 - 15 */
	margin-left: 232px;
	padding: 20px 15px 0 15px;
}

body.home #content {
   width: 780px;
   margin-left: 0;
   padding: 20px 10px 0 10px;
}

body.splash #content {
   width: 780px;
   margin-left: 0;
   padding: 20px 10px 0 10px;
   text-align: center;
}

body.splash #content h1 {
   font-family: myriad, arial, helvetica, sans-serif;
   font-weight: normal;
   font-style: italic;
   margin: 0;
}

body.splash #content a img {
   margin: 2em;
}

body.home #content .get_started {
   background: url(../images/get_started_middle.gif) repeat-y;
   width: 230px;
   margin: 0;
}

body.home #content .cta .middle {
   padding: 0px 10px 0px 10px;
}

body.home #content .cta .top {
   background: url(../images/get_started_top.gif) no-repeat;
   width: 100%;
   height: 37px;
}

body.home #content .cta .bottom {
   background: url(../images/get_started_bottom.gif) no-repeat;
   width: 100%;
   height: 13px;
}

.col {
   width: 250px;
   float: left;
}

.col1 {
   padding-right: 10px;
}

.col2 {
   padding-left: 15px;
   border-left: 1px solid #ccc;
}


/*
* FOOTER
*****************************************************************************/
#footer {
	position: relative;
	left: -15px; /* negative margin to compensate for the padding within the container */
	width: 830px;
	height: 30px;
	background: url(../images/footer.gif) no-repeat;
}

body.home #footer {
   background: url(../images/footer_home.gif) no-repeat;
}

body.splash #footer {
   background: url(../images/footer_splash.gif) no-repeat;
}

/*
* MENU
*****************************************************************************/
#jump {
	display: none;
}

a.more {
	display: block;
	margin-bottom: 1em;
}

table.productListing {
	margin: 20px 1em 0 1em;
	width: 530px;
}

span.productName {
	display: block;
}

span.productName a.productLink {
	font-weight: bold;
	text-decoration: none;
}

div.productImage {
	width: 155px;
	height: 100px;
	margin-right: 1em;
	padding: 1px;
	background: #ffffff url(../images/menu_image_bg.gif) no-repeat;
	overflow: hidden;
	padding: 1px;
}

div.productImage img {
	margin: 0 auto;
	display: block;
}

td.productListing-data {
	padding-bottom: 1em;
	vertical-align: top;
}

.oldPrice {
	text-decoration: line-through;
}

.specialPrice, .productSpecialPrice, .inputRequirement {
	color: red;
}

.price {
	font-size: 0.9em;
	width: 80px;
	height: 50px;
	display: block;
}

.buy_now {
	text-align: center;
	width: 50px;
	margin-bottom: 1em;
}


.categoryHeading {
	height: 23px;
	line-height: 23px;
	margin-bottom: 1em;
	padding: 0 6px;
	background: #f6efe7;	
	color: #ab7f70;
}

.categoryHeading h2 {
	margin: 0;
	font-weight: bold;
	float: left;
	color: #ab7f70;
}

.categoryHeading span.top {
	float: right;
}

.categoryHeading .jumpMenu {
	cursor: pointer;
	position: relative;
}

.categoryHeading .jumpMenu .jumpTo {
	background: url(../images/button_jump.gif) no-repeat;
	text-indent: -9999em;
	width: 63px;
	height: 17px;
	margin: 3px 0;
	display: block;
	overflow: hidden;
}

.categoryHeading .jumpMenu a.jumpTo:hover {
	background-position: 0 -17px;
}

.categoryHeading .jumpMenu a.jumpTo:active, .categoryHeading .jumpMenu a.jumpTo:focus {
	background-position: 0 -34px;
}

.categoryHeading .jumpMenu ul {
	position: absolute;
	right: 0px;
	display: block;
	text-align: right;
	width: 150px;
	border: 1px solid #ccc;
	list-style-type: none;
}

.categoryHeading .jumpMenu ul li {
	margin: 0;
	padding: 0;
}

.categoryHeading .jumpMenu ul li.odd a {
	background: #FAFAFA;
}

.categoryHeading .jumpMenu ul li.even a {
	background: #F5F5F5;
}

.categoryHeading .jumpMenu ul li a {
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 2px;
}

.categoryHeading .jumpMenu ul li a:hover {
	background: #f6efe7;
}

/*
* SIDEBAR
*****************************************************************************/
#sidebar {
	position: relative;
	float: left;
	width: 232px;
}

#sidebar .nav {
	width: 231px;
	height: 37px;
	background: url(../images/session_bar.jpg) repeat-x;
	text-align: center;
}

#sidebar .nav a {
	color: #7a5c44;
	text-decoration: none;
	line-height: 37px;
}

/*
* SHOPPING CART
*****************************************************************************/
#shoppingcart {
	position: relative;
}

#shoppingcart .shoppingcartlogo {
   margin-left: -1px;
}

#shoppingcart p {
	margin: 0; /* reset the margins to 0 for the cart */
	color: #737c5f;
}

#shoppingcart .infoBox {
	width: 208px;
	margin: 0 12px;
}

#shoppingcart .over {
	background: #e0e4d4;
}

#shoppingcart .newItem {
	font-style: italic;
}

/*
* SESSION SELECTION
*****************************************************************************/
#sessionbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 568px;
	height: 37px;
	line-height: 37px;
	font-size: 16px;
	color: #726459;
	background: url(../images/session_bar.jpg) repeat-x;
}

#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/sessionbar_message.gif) -20px 0 no-repeat;
	width: 543px;
	height: 121px;
	position: relative;
	top: 20px;
	display: none;
}

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

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

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

.open {
	display: block;
}

.closed {
	display: none;
}

#openAssistance  {
	font-size: 0.8em;
	position: absolute;
	top: 60px;
	left: 485px;
	z-index: 2;
	display: none;
}

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

button.continue {
	background-image: url(../languages/catalog/english/images/buttons/button_continue.gif);
	width: 92px;
}

button.add_to_cart {
	background-image: url(../languages/catalog/english/images/buttons/small_add.gif);
	width: 55px;
}

button.sign_in {
	background-image: url(../languages/catalog/english/images/buttons/button_login.gif);
	width: 92px;
}

button.send {
	background-image: url(../languages/catalog/english/images/buttons/button_send.gif);
	width: 92px;
}

button.update {
	background-image: url(../languages/catalog/english/images/buttons/button_update.gif);
	width: 92px;
}

button.confirm_order {
	background-image: url(../languages/catalog/english/images/buttons/button_confirm_order.gif);
	width: 92px;
}

button.zoom_in {
	background-image: url(../languages/catalog/english/images/buttons/button_zoom_in.gif);
	width: 92px;
}

button.select_location {
	background-image: url(../languages/catalog/english/images/buttons/button_select_location.gif);
	width: 92px;
}

a.button {
	display: block;
	height: 23px;
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	outline: none;
	-moz-outline-style: none;
}

a.button.continue {
	background-image: url(../languages/catalog/english/images/buttons/button_continue.gif);
	width: 92px;
}

a.button.back {
	background-image: url(../languages/catalog/english/images/buttons/button_back.gif);
	width: 92px;
}

a.button.checkout {
	background-image: url(../images/cart_checkout.gif);
	width: 92px;
}

a.button.checkoutgrey {
	background-image: url(../images/cart_checkout_grey.gif);
	width: 92px;
	background-position: 0 0;
}

a.button.view {
	background-image: url(../languages/catalog/english/images/buttons/small_view.gif);
	width: 55px;
}

a.button.edit {
	background-image: url(../languages/catalog/english/images/buttons/small_edit.gif);
	width: 55px;
}

a.button.delete {
	background-image: url(../languages/catalog/english/images/buttons/button_delete.gif);
	width: 55px;
}

a.button.add_address {
	background-image: url(../languages/catalog/english/images/buttons/button_add_address.gif);
	width: 92px;
}

a.button.redeem {
	background-image: url(../languages/catalog/english/images/buttons/button_redeem.gif);
	width: 92px;
}

a.button.back_to_menu {
	background-image: url(../languages/catalog/english/images/buttons/button_back_menu.gif);
	width: 92px;
	margin-top: 1em;
}

a.button.back:hover, a.button.continue:hover, a.button.checkout:hover, a.button.view:hover, a.button.edit:hover, a.button.delete:hover, a.button.add_address:hover, a.button.redeem:hover, a.button.back_to_menu:hover, button:hover {
	background-position: 0 -23px;
}

a.button.back:active, a.button.back:focus, a.button.continue:active, a.button.continue:focus, a.button.checkout:active, a.button.checkout:focus, 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.add_address:active, a.button.add_address:focus, a.button.redeem:active, a.button.redeem:focus, a.button.back_to_menu:active, a.button.back_to_menu:focus, button:active, button:focus {
	background-position: 0 -46px;
}

/*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: 55px;
		height: 23px;
		margin: 2px 0;
	}
	a.button.view:hover,
	a.button.edit:hover,
	a.button.delete:hover,
	a.button.close:hover {
	background-position: 0 -23px;
	}
	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 -46px;
	}

a.button img {
	display: none;
}

#nutritionalInfo {
	background: #fff;
}

/* Calendar */
table.month {
	width: 525px;
}

.monthname {
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
}

.prevMonthNav a, .nextMonthNav a {
	display: block;
	height: 17px;
	line-height: 17px;
	vertical-align: bottom;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.prevMonthNav a {
	text-align: left;
	padding-left: 26px;
	background-image: url(../images/arrow_previous.gif);
}

.nextMonthNav a {
	text-align: right;
	padding-right: 26px;
	background-image: url(../images/arrow_next.gif);
	background-position: 100% 0;
}

.prevMonthNav a:hover {
	background-position: 0 -17px;
}

.nextMonthNav a:hover {
	background-position: 100% -17px;
}

.prevMonthNav a:focus, .prevMonthNav a:active {
	background-position: 0 -34px;
}

.nextMonthNav a:focus, .nextMonthNav a:active {
	background-position: 100% -34px;
}

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

.dayname {
	width: 14%;
	text-align: center;
}

.monthday, .event, .saturday, .sunday, .nomonthday, .today, .todayevent {
	height: 90px;
	vertical-align: top;
	border: 1px solid #7b7b7b;
	padding: 2px;
	font-size: 0.8em;
	text-align: left;
}

.nomonthday {
	color: transparent;
	font-size: 0.7em;
}

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

.legendTop {
	text-align: center;
}

.legendBottom {
	text-align: center;
}

.schedule2  {
	display: none;
}

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

a .schedule1, span.schedule1 {
	color: #439A2E;
}

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

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

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

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

a .schedule6, span.schedule6 {
	color: #2A20E0;
}

#content .eventcontent a {
	text-decoration: none;
}

#content .eventcontent {
	display: block;
	margin: 2px;
}

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