/*
	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: #D2E3B3;
	margin: 8px 0 0 0;
}

.infoBox label {
   display: block;
   font-weight: bold;
   width: 130px;
   float: left;
   clear: both;
   padding-right: 10px;
}

label.policy {
	text-align: right;
	display: inline;
	float: none;
	height: 25px;
}

input.text
{
   display: block;
   float: left;
}

fieldset 
{
   margin: 1em 0 1em 0.5em;
   border: none;
}

br 
{
	clear: both;
}

/* some basic standard classes */
.spacer 
{
   clear:both;
   font-size: 1px;
   text-indent: -9999em;
}

.asterisk, .inputRequirement
{
	color: #f00;
}

.banner
{
   margin: 70px 0 0 6px;
}

/*.privacy_policy
{
	height: 45em;
	overflow: auto;
}*/

.address a
{
   cursor: pointer;
}

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

/* More specific styles */
#sidebar1 .box.support h3, #sidebar1 .box.support p, #sidebar1 .box.menu h3, #sidebar1 .box.menu p
{
   margin-left: 100px;
}

#sidebar1 .box.support h3 a, #sidebar1 .box.menu h3 a
{
   font: 18px times new roman, serif;
   color: #666666;
}

#sidebar1 .box.menu 
{
   background: url(../images/home_menus.jpg) no-repeat;
}

#sidebar1 .box.support
{
   background: url(../images/chefshat.jpg) no-repeat;
}

#store form table .infoBoxContents td
{
	width: 180px;
}

form 
{
	clear: both;
}

form strong
{
	font-weight: normal;
}
img.submit { cursor: pointer; }

input 
{
	vertical-align: bottom;
}

#container
{
	width: 700px;
	background: #fff url(../images/container-top.gif) no-repeat;
	padding: 25px;
	margin: 0 auto;
	position: relative;
}

/* Header Styles */
#header
{
	float: left;
	width: 160px;
	min-height: 500px;
	_height: 500px;
}

#header h1 a
{
	background: url(../images/logo.gif) no-repeat;
	width: 160px;
	height: 174px;
	text-indent: -9999em;
	overflow: hidden;
	margin: 0;
	display: block;
}

/* Nav Style */
#nav
{
	margin: 0px 0 0 10px;
	border: 1px solid #ccc;
	border-left: 0px;
	border-right: 0px;
	height: 20px;
	padding: 13px 0;
	float: left;
	width: 530px;
}

#nav.home
{
   border-top: 0px;
   height: 272px;
   margin-bottom: 20px;
}
#nav.home h1.title {
background: url(../images/home_banner.jpg) no-repeat;
	border: 1px solid #999999;
	display: block;
	height: 231px;
	margin-bottom: 20px;
	text-indent: -9999em;
	overflow: hidden;
}
/*#nav.home h1 a
{
   display: block;
   background: url(../images/home_banner.jpg) no-repeat;
   height: 232px;
   margin-bottom: 20px;
   text-indent: -9999em;
   overflow: hidden;
}*/

#nav ul
{
	margin: 0;
	padding: 0;
}

#nav li
{
	list-style-type: none;
	display: block;
	margin: 5px 0;
	width: 24.9%;
	float: left;
}

#nav li a, #shoppingCartColumn li a
{
	display: block;
	background: url(../images/nav-bullet.gif) 0 50% no-repeat;
	padding-left: 12px;
}

/* Today's Date */
#date-old
{
	position: absolute;
	top: 10px;
	right: 25px;
	background: url(../images/date.jpg) no-repeat;
	width: 55px;
	height: 72px;
	text-align: center;
	padding-top: 10px;
	border: 1px solid red;
}

#date
{
   float: right;
   position: relative;
   background: url(../images/date.jpg) no-repeat;
   width: 55px;
   height: 72px;
   text-align: center;
   padding-top: 10px;
}

#date .month, #date .day
{
	color: #999;
}

#date .month
{
	font-size: 10px;
}

#date .day
{
	font-size: 30pt;
	font-weight: bold;
}

/* Main Body Content Area Style */
#body
{
   float: left;
   width: 540px;
}

/* Shopping Cart Column */
#shoppingCartColumn
{
   float: left;
   width: 160px;
   margin-top: 30px;
   padding-bottom: 90px;
}

#shoppingCartColumn ul
{
	margin: 0;
	padding: 0;
}

#shoppingCartColumn li
{
	list-style-type: none;
	display: block;
	margin: 5px 0 10px 0;
	_margin: 2px 0;
}

#shoppingCartColumn p
{
   margin: 0;
   padding: 0;
}

#shoppingCartColumn .box ul
{
   margin: 0;
   padding: 0 1em;
}

#shoppingCartColumn .box li
{
   line-height: 2em;
}

#shoppingCartColumn .box
{
   margin-top: 1em;
   padding-top: 1em;
   border-top: 1px solid #ccc;
   width: 150px;
}

#shoppingCartColumn em
{
   font-size: 14px;
   font-style: normal;
}

#shoppingcart {
   position: relative;
}

#featured p
{
	margin: 0.5em 0;
}

#featured ul li
{
	margin: 0.5em 0;
}

#cart 
{
	float: left;
	clear: both;
	width: 160px;
}

#cart table
{
	border-collapse: collapse;
}

#cart .infoBoxContents p
{
	margin: 0;
}

#cart .boxText img 
{
}

#cart .boxText td p.subtotal
{
   color: #cf1e21;
}

#cart li a 
{
	background: none;
}

#cart span.small strong, #cart .asterisk
{
	display: block;
	margin-top: 10px;
}

#cart .over {
	background: #F2F2F2;
}

#content1, #content2, #content3, #store, #menu
{
   float: left;
   margin-left: 10px;
   _margin-left: 5px;
}

#content1 ul, #content2 ul, #content3 ul
{
   padding: 0 1em;
   margin: 0 1em;
}

#content1 li, #content2 li, #content3 li
{
   margin: 1em;
}

#content1
{
   width: 250px;
   _width: 230px;
}

#content2
{
   width: 343px;
   _width: 323px;
}

#content3, #store, #menu
{
   width: 530px;
}

#sidebar1, #sidebar2
{
   float: left;
   margin-left: 15px;
}

#sidebar1
{
   width: 260px;
}

#sidebar2
{
   width: 167px;
   margin-top: 40px;
   text-align: right;
}

#sidebar1 .box
{
   border-bottom: 1px solid #ccc;
   padding-bottom: 15px;
   margin-bottom: 15px;
}

/* Menu & Descriptions */
.categoryHeading 
{
   position: relative;
   background: #ccc;
}

.categoryHeading h2
{
   display: inline;
   font-size: 1.5em;
   color: #000;
   text-indent: 0.5em;
}

.categoryHeading .top
{
   position: absolute;
   top: 30%;
   right: 5px;
}

.categoryHeading .top {
	display: none;
}

.regularPrice 
{
   font-weight: normal;
}

.specialPrice
{
   color: red;
   font-weight: normal;
}

.oldPrice
{
   display: none;
}

td.monthlyProductPrice2
{
	border-bottom: 1px solid #ccc;
}

td.monthlyProductPrice form label, td.monthlyProductPrice2 form label, #recipe form label
{
	height: 1em;
}

.monthlyProductPrice form, .monthlyProductPrice2 form 
{
	margin: 0;
	padding-bottom: 5px;
}

.monthlyProduct
{
	padding-bottom: 0px;
}

.monthlyProduct img
{
	border: 1px solid #ccc;
}

#recipeImage
{
	float: left;
	overflow: hidden;
	width: 148px;
}

#recipe
{
	float: left;
	margin-left: 15px;
	width: 350px;
}

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

/* Footer Styles */
#footer
{
	width: 750px;
	height: 30px;
	background: #fff url(../images/container-bottom.gif) 0 100% no-repeat;
	color: #999;
	border-top: 1px solid #ccc;
	margin: 0 auto 10px auto;
}

#footer p.copyright 
{
	margin: 12px 0 0 5px;
	float: left;
}

#footer ul
{
	float: right;
	margin: 12px 0 0 0;
}

#footer li 
{
	display: block;
	float: left;
	list-style-type: none;
	margin: 0 10px;
}

/* Calendar Style */
table.month
{
	border-collapse: collapse;
	width: 100%;
}

.eventcontent 
{
	text-align: left;
}

.monthname
{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.monthday, .nomonthday, .sunday, .saturday, .event, .today, .todayevent, .dayname
{
	border: 1px solid #ccc;
	text-align: right;
	width: 14%;
	padding: 3px;
	vertical-align: top;
}
.today,
.todayevent {background-color: #e3e3e3;}
.monthday, .sunday, .saturday, .event, .today, .todayevent
{
	height: 90px;
	color: #666;
	font-weight: bold;
}

.nomonthday
{
	color: #999;
	font-weight: bold;
}

.dayname
{
	text-transform: uppercase;
	text-align: center;
}

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

.nextMonthNav
{
	text-align:right;
}

.legend 
{
   text-align: center;
}

span.calendar 
{
   font-weight: normal;
}

/* Calendar Session time colors & Styles */
.schedule1, a .schedule1
{
	color: red;
}

.schedule2, a .schedule2
{
	color: black;
}

.schedule3, a .schedule3
{
	color: blue;
}

.schedule4, a .schedule4
{
	color: green;
}

.schedule5, a .schedule5 {
	color: #4f191b;
}

a .schedule1, a .schedule2, a .schedule3, a .schedule4
{
	text-decoration: none;
}

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

.legendBottom  {
	text-align: center;
	padding: 1em 0;
}

.legendBottom span {
	font-weight: bold;
	font-size: 120%;
	text-align: center;
}

.legendTop {
	display: none;
}

.Authorize {
	position: absolute;
	bottom: 15px;
	left: 25px;
}

/* Eats */
.eats
{
   text-align: center;
   margin-bottom: 10px;
}

.eats a
{
   text-decoration: none;
   font-size: 8px;
   color: #666;
}
/* Session Selection */
#sessionbox {
background: url(../images/session_selection_background.gif) 0 -1px repeat-x;
	color: #30a0ce;
	/*width: 618px;*/
	height: 31px;
	padding-top: 5px;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	border-bottom: 1px solid #d7cdc3;
}

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

.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 {
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;
}

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

#jumpSessionType li a {
	width: 115px;
}

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

/*SUBNAV*/
#subnav {
	float: left;
		position: relative;
		top: 57px;
		left: 10px;
}
#subnav a {
	height: 14px;
	margin-right: 30px;
	overflow: hidden;
	text-indent: -999em;
		float: left;
}
#subnav a.login {
background: url(../images/buttons/nav_login.png) 0 0 no-repeat;
	width: 61px;}
#subnav a.logout {
background: url(../images/buttons/nav_logout.png) 0 0 no-repeat;
	width: 82px;}
#subnav a.menu {
background: url(../images/buttons/nav_view-menu.png) 0 0 no-repeat;
	width: 100px;}
#subnav a.calendar {
background: url(../images/buttons/nav_calendar.png) 0 0 no-repeat;
	width: 91px;}

#subnav a:hover {
background-position: 0 -14px;
}

/*POPUP*/
body.popup {
background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}

body.popup div.container {
	width: 530px;
	margin: 0 auto;
	padding: 0 10px 0 5px;
}

body.popup h1 {
	font-size: 18px;
	text-align: left;
	color: #4B1704;
	font-weight: bold;
	margin: 0.7em;
}

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: 300px;
	height: 385px;
	padding: 0 0 0 10px;
	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 {
background: url(../languages/catalog/english/images/buttons/small_close.gif) 0 0 no-repeat;
	width: 54px;
	height: 25px;
	text-indent: -999em;
	overflow: hidden;
		position: absolute;
		bottom: 15px;
		right: 15px;
}
body.popup dt,
body.popup dd {
	font-size: 13px;
	padding-left: 5px;
}