/* Servings Screen Stylesheet */

/* ---------- RESET & SET GLOBALS ---------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
body {
	background: #a9af89 url(images/ornamentsBG.gif) top center no-repeat;
	color: #000;
	font-size: 62.5%;
	font-family: 'lucida grande', verdana, tahoma, helvetica, arial, san-serif;
}

/* ---------- Layout & Positioning ---------- */

#wrapper {
	margin: 0 auto;
	background-color: #fff;
	width: 940px;
}
#header {
	width: 940px;
	height: 534px;
	background: #fff url(images/headerBG.png) no-repeat;
	position: relative;
}
#logo{
	width: 240px;
	height: 95px;
	background: #fff url(images/servingsLogo.gif) no-repeat;
	position: relative;
	top: 45px;
	left: 55px;
}
#logo span {
	display: none;
}
#headerStatement {
	width: 395px;
	height: 85px;
	position: absolute;
	top: 425px;
	left: 281px;
}
#headerPlate {
	width: 205px;
	height: 120px;
	position: absolute;
	background: url(images/headerPlate1.jpg) no-repeat;
	bottom: 7px;
	right: 10px;
}
#content {
	width: 940px;
	background: url(images/contentBG.gif) repeat-y;
	padding: 25px 0 25px 0;
}
.oneColumnContainer {
	width: 880px;
	margin-left: 30px;
	background: none;
}
.oneColumnContentContainer {
	width: 880px;
	margin: 0;
	padding: 0;
}
.twoColumnContainer {
	width: 880px;
	margin-left: 30px;
	background: url(images/twoColumnBG.gif) repeat-y;
}
.twoColumnWideLeftContainer {
	width: 880px;
	margin-left: 30px;
	background: url(images/twoColumnWideLeftBG.gif) repeat-y;
}
.twoColumnContentContainer {
	width: 440px;
	display: inline;
	float: left;
}
.twoColumnWideLeftContentLeftContainer {
	width: 640px;
	margin-right: 20px;
	float: left;
}
.twoColumnWideLeftContentRightContainer {
	width: 220px;
	float: left;
}
.fourColumnContainer {
	width: 880px;
	margin-left: 30px;
	background: url(images/fourColumnBG.gif) repeat-y;
}
.fourColumnContentContainer {
	width: 220px;
	float: left;
}
.menuColumnContentContainer {
	width: 880px;
	background: url(images/menuColumnBG.gif) repeat-y;
}
.menuItemContainer {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e0e0e0;
	padding: 25px 0 25px 0;
}
.menuItemLeft {
	float: left;
	width: 600px;
	margin: 0 60px 0 30px;
	display: inline;
}
.menuItemRight {
	float: left;
	width: 160px;
	display: inline;
}
.clearFix {
	clear: both;
}
.containerSpacer {
	height: 35px;
}
.monthContainerSpacer {
	height: 65px;
	background-color: #fff;
}
.printIcon {
	margin-bottom: -3px;
}
#googleCalendarContainer {
	width: 852px;
	margin: 30px 0 25px 15px;
	padding: 0 0 5px 0;
}
#footer {
	width: 940px;
	background: url(images/footerBG.gif) repeat-y;
	position: relative;
}
#footerBGTop {
	width: 940px;
	height: 10px;
	background: url(images/footerBGTop.gif) no-repeat;
}
#footerBGBottom {
	width: 940px;
	height: 120px;
	background: url(images/footerBGBottom.gif) no-repeat;
}
#cmNewsletterLink {
	margin: -5px 0 15px 30px;
}
.separatorLine {
	height: 1px;
	margin: 10px 25px;
	border-top: 1px dotted #ccc;
}
#fbLike {
	width: 200px;
	height: 50px;
	position: absolute;
	top: 492px;
	left: 59px;
}

/* ---------- Links ---------- */
a:link, a:visited {
	color: #7598cf;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	text-decoration: underline;
}

/* ---------- Main Site Nav and Buttons ---------- */

#mainNav {
	list-style: none;
	position: relative;
	width: 135px;
	top: 175px;
	left: 56px;
}
#mainNav a {
	display: block;
	width: 135px;
	height: 30px;
}
#mainNav a span {
	display: none;
}
#homeButton a:link, #homeButton a:visited {
	background: url(images/homeButton.gif) top;
}
#homeButton a:hover, #homeButton a:focus, #homeButton a:active {
	background-position: bottom;
}
#homeButtonActive a:link, #homeButtonActive a:visited, #homeButtonActive a:hover, #homeButtonActive a:focus, #homeButtonActive a:active {
	background: url(images/homeButton.gif) bottom;
}
#aboutUsButton a:link, #aboutUsButton a:visited {
	background: url(images/aboutUsButton.gif) top;
}
#aboutUsButton a:hover, #aboutUsButton a:focus, #aboutUsButton a:active {
	background-position: bottom;
}
#aboutUsButtonActive a:link, #aboutUsButtonActive a:visited, #aboutUsButtonActive a:hover, #aboutUsButtonActive a:focus, #aboutUsButtonActive a:active {
	background: url(images/aboutUsButton.gif) bottom;
}
#howItWorksButton a:link, #howItWorksButton a:visited {
	background: url(images/howItWorksButton.gif) top;
}
#howItWorksButton a:hover, #howItWorksButton a:focus, #howItWorksButton a:active {
	background-position: bottom;
}
#howItWorksButtonActive a:link, #howItWorksButtonActive a:visited, #howItWorksButtonActive a:hover, #howItWorksButtonActive a:focus, #howItWorksButtonActive a:active {
	background: url(images/howItWorksButton.gif) bottom;
}
#monthlyMenusButton a:link, #monthlyMenusButton a:visited {
	background: url(images/monthlyMenusButton.gif) top;
}
#monthlyMenusButton a:hover, #monthlyMenusButton a:focus, #monthlyMenusButton a:active {
	background-position: bottom;
}
#monthlyMenusButtonActive a:link, #monthlyMenusButtonActive a:visited, #monthlyMenusButtonActive a:hover, #monthlyMenusButtonActive a:focus, #monthlyMenusButtonActive a:active {
	background: url(images/monthlyMenusButton.gif) bottom;
}
#calendarButton a:link, #calendarButton a:visited {
	background: url(images/calendarButton.gif) top;
}
#calendarButton a:hover, #calendarButton a:focus, #calendarButton a:active {
	background-position: bottom;
}
#calendarButtonActive a:link, #calendarButtonActive a:visited, #calendarButtonActive a:hover, #calendarButtonActive a:focus, #calendarButtonActive a:active {
	background: url(images/calendarButton.gif) bottom;
}
#bookASessionButton a:link, #bookASessionButton a:visited {
	background: url(images/bookASessionButton.gif) top;
}
#bookASessionButton a:hover, #bookASessionButton a:focus, #bookASessionButton a:active {
	background-position: bottom;
}
#bookASessionButtonActive a:link, #bookASessionButtonActive a:visited, #bookASessionButtonActive a:hover, #bookASessionButtonActive a:focus, #bookASessionButtonActive a:active {
	background: url(images/bookASessionButton.gif) bottom;
}
#contactButton a:link, #contactButton a:visited {
	background: url(images/contactButton.gif) top;
}
#contactButton a:hover, #contactButton a:focus, #contactButton a:active {
	background-position: bottom;
}
#contactButtonActive a:link, #contactButtonActive a:visited, #contactButtonActive a:hover, #contactButtonActive a:focus, #contactButtonActive a:active {
	background: url(images/contactButton.gif) bottom;
}

/* ---------- Typography ---------- */
#headerStatement h2 {
	color: #71273d;
	font-size: 18px;
	width: 395px;
	height: 33px;
	overflow: hidden;
}
#headerStatement h2 span {
	visibility: hidden;
}
#headerStatement p {
	font-size: 14px;
	line-height: 18px;
	color: #707070;
}
#content p {
	color: #707070;
	font-size: 13px;
	line-height: 1.4em;
	margin: 0 20px 1em 30px;
}
#content p.finePrint {
	font-size: 10px;
	color: #999;
	margin: 0 20px 25px 30px;
}
h3 {
	color: #71273d;
	font-size: 16px;
	height: 50px;
	margin-bottom: 20px;
	overflow: hidden;
}
h3 span {
	visibility: hidden;
}
.oneColumnContentContainer h3 {
	width: 880px;
}
.twoColumnContentContainer h3 {
	width: 440px;
}
.fourColumnContentContainer h3 {
	width: 220px;
}
h3.menuMonths {
	margin-bottom: 0;
}
h3.mealTitle {
	height: auto;
	line-height: 1.2em;
	margin: 0 0 20px 0;
}
h3.mealTitle span {
	color: #999;
	visibility: visible; 
}
h3.cookingInstructions {
	font-weight: normal;
	font-size: 10px;
	text-transform: uppercase;
	color: #919675;
	margin: 20px 0 0.5em 20px;
	height: auto;
}
h3.nutritionTitle {
	font-weight: normal;
	font-size: 11px;
	line-height: 1.2em;
	color: #919675;
	margin: 0 0 1em 0;
	height: auto;
}
h4 {
	color: #404040;
	font-size: 13px;
	line-height: 1.3em;
	margin: 0 20px 0.3em 30px;
}
h4.subTitle {
	font-size: 14px;
	line-height: 1.2em;
	margin: 0 0 0.4em 30px;
}
h5.orderTotal {
	font-size: 15px;
	color: #707070;
	margin-bottom: 15px;
}
h5.orderTotal span {
	color: #919675;
}
#content p.buttonInstructions {
	margin-left: 0px;
}
#content p.menuItemDescription {
	font-size: 13px;
	margin: 0 70px 1em 20px;
}
#content p.instructions {
	font-size: 11px;
	margin: 0 80px 1em 30px;
	color: #999;
}
#content p.backToTop {
	margin: 0px 0 0 20px;
	font-size: 11px;
}
#content p.customerQuotes {
	font-size: 12px;
	margin: 25px 20px 0 30px;
	line-height: 1.6em;
}
#content p.customerQuotesBy {
	color: #919675;
	margin: 0.75em 20px 40px 30px;
	font-weight: bold;
	text-align: right;
}
#footer p {
	color: #707070;
	font-size: 12px;
	line-height: 1.4em;
	text-align: center;
	padding: 0 60px 20px 60px;
}
#cmNewsletterLink p {
	display: inline;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* ---------- Lists ---------- */

.footerNav {
	list-style: none;
	margin: 20px 60px 20px 60px;
	text-align: center;
}
.footerNav li {
	display: inline;
	font-size: 11px;
	padding-right: 8px;
	border-right: 1px solid #999;
	margin-right: 8px;
}
.footerNav li.footerNavLast {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}
.footerNavActive {
	font-weight: bold;
}
.footerNav li.footerNavLastActive {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
	font-weight: bold;
}
ul.menuFeatures {
	list-style: none;
	list-style-position: outside;
	float: left;
	width: 184px;
	margin-right: 5px;
	margin-left: 30px;
	padding: 0;
	position: relative;
	font-size: 12px;
	color: #bbb;
}
ul.menuFeatures li {
	line-height: 1.2em;
	margin-bottom: 0.5em;
}
ul.nutritionalInfo {
	list-style: none;
	color: #999;
	font-size: 10px;
}
ul.nutritionalInfo li {
	line-height: 1.2em;
	margin-bottom: 0.25em;
}
#content ul.nutritionalInfo li:hover {
	text-decoration: underline;
	text-decoration: none;
	background-color: #fff;
	cursor: default;
}

/* ---------- Forms ---------- */
#contactFeedbackForm, #subscribeForm {
	width: 340px;
	margin: 20px 0 15px 30px;
	padding: 20px;
	background-color: #f2f3ed;
}
.fbFormLabel, .newsletterLabel{
	font-size: 11px;
	color: #707070;
	font-weight: bold;
	margin-left: 6px;
}
.fbFormLabel span {
	font-weight: normal;
	color: #999999;
}
.fbFormInput, .fbFormTextArea, .captchaInput, .newsletterInputField {
	width: 66%;
	font-size: 12px;
	color: #707070;
	border: #dddecc solid 1px;
	background-color: #fff;
	padding: 2px 5px 2px 5px;
	margin: 3px 0 10px 0;
}
.fbFormTextArea {
	width: 95%;
	line-height: 1.3em;
}
.fbFormInput:hover, .fbFormInput:focus, .fbFormTextArea:hover, fbFormTextArea:focus, .captchaInput:hover, .captchaInput:focus {
	background-color: #feffef;
	border: #c0c1b1 1px solid;
}
#captchaContainer {
	margin-left: -2px;
	margin-bottom: 5px;
}
.captchaInput {
	margin-bottom: 0;
	width: 12%;
}
#chooseSessionForm, #chooseMonthForm, #orderFormCurrentMonth6, #orderFormNextMonth6, #orderFormCurrentMonth12, #orderFormNextMonth12, #appetizerOrderForm6, #appetizerOrderForm12 {
	width: 840px;
	padding: 20px;
	margin: 0px 0 25px 0;
	background-color: #f2f3ed;
}
#chooseSessionForm {
	background: #f2f3ed url(images/bookStep1BG.gif) no-repeat top right;
}
#chooseMonthForm {
	background: #f2f3ed url(images/bookStep2BG.gif) no-repeat top right;
}
#orderFormCurrentMonth6, #orderFormNextMonth6, #orderFormCurrentMonth12, #orderFormNextMonth12, #appetizerOrderForm6, #appetizerOrderForm12 {
	background: #f2f3ed url(images/bookStep3BG.gif) no-repeat top right;
}
.mealLabel {
	font-size: 13px;
	color: #404040;
	margin: 0 0 0 10px;
	font-weight: bold;
}
.chooseSessionLabel {
	display: block;
	line-height: 1.4em;
	font-size: 14px;
	color: #71273d;
}
.chooseSessionLabel span {
	color: #707070;
}
select {
	margin: 10px 0 35px 15px;
	width: 300px;
	font-size: 12px;
	color: #707070;
	border: #707070 solid 1px;
	background-color: #fff;
	padding: 2px 5px 2px 5px;
}
#chooseMonthButton {
	cursor: pointer;
}
.mealGroup {
	width: 800px;
	padding: 20px;
	margin: 10px 0 10px 0;
}
.orderFormTextArea {
	width: 50%;
	font-size: 12px;
	color: #707070;
	border: #dddecc solid 1px;
	background-color: #fff;
	padding: 3px 5px 3px 5px;
	margin: 5px 0 30px 15px;
	line-height: 1.3em;
}

/* ---------- Tables ---------- */
.priceGuide {
	width: 500px;
	margin: 10px 0 50px 30px;
	background-color: #f2f3ed;
}
.priceGuide th {
	padding: 5px 20px 5px 25px;
	border: 1px solid #ccc;
	font-size: 13px;
	color: #404040;
}
.priceGuide td {
	padding: 5px 20px 5px 25px;
	border: 1px solid #ccc;
	font-size: 12px;
	color: #707070;
	background-color: #fbfcf6;
}
.priceGuideHIW {
	width: 820px;
	margin: 10px 0 10px 30px;
	background-color: #f2f3ed;
}
.priceGuideHIW th {
	padding: 5px 20px 5px 25px;
	border: 1px solid #ccc;
	font-size: 13px;
	color: #404040;
}
.priceGuideHIW td {
	padding: 5px 20px 5px 25px;
	border: 1px solid #ccc;
	font-size: 12px;
	color: #707070;
	background-color: #fbfcf6;
}

/* ---------- Image Floats ---------- */
.imgRight {
	float: right;
}
.imgLeft {
	float: left;
}

/* ---------- Content Area Headlines Image Replacement ---------- */

/* ---- Item that may change monthly ---- */

#januaryMenuFeatures {
	background: url(images/imageReplacement/januaryMenuFeatures.png) no-repeat;
}
#januaryMenu {
	background: url(images/imageReplacement/januaryMenu.png) no-repeat;
}
#newJanuaryMenu {
	background: url(images/imageReplacement/newJanuaryMenu.png) no-repeat;
}
#februaryMenuFeatures {
	background: url(images/imageReplacement/februaryMenuFeatures.png) no-repeat;
}
#februaryMenu {
	background: url(images/imageReplacement/februaryMenu.png) no-repeat;
}
#newFebruaryMenu {
	background: url(images/imageReplacement/newFebruaryMenu.png) no-repeat;
}
#marchMenuFeatures {
	background: url(images/imageReplacement/marchMenuFeatures.png) no-repeat;
}
#marchMenu {
	background: url(images/imageReplacement/marchMenu.png) no-repeat;
}
#newMarchMenu {
	background: url(images/imageReplacement/newMarchMenu.png) no-repeat;
}
#aprilMenuFeatures {
	background: url(images/imageReplacement/aprilMenuFeatures.png) no-repeat;
}
#aprilMenu {
	background: url(images/imageReplacement/aprilMenu.png) no-repeat;
}
#newAprilMenu {
	background: url(images/imageReplacement/newAprilMenu.png) no-repeat;
}
#mayMenuFeatures {
	background: url(images/imageReplacement/mayMenuFeatures.png) no-repeat;
}
#mayMenu {
	background: url(images/imageReplacement/mayMenu.png) no-repeat;
}
#newMayMenu {
	background: url(images/imageReplacement/newMayMenu.png) no-repeat;
}
#juneMenuFeatures {
	background: url(images/imageReplacement/juneMenuFeatures.png) no-repeat;
}
#juneMenu {
	background: url(images/imageReplacement/juneMenu.png) no-repeat;
}
#newJuneMenu {
	background: url(images/imageReplacement/newJuneMenu.png) no-repeat;
}
#julyMenuFeatures {
	background: url(images/imageReplacement/julyMenuFeatures.png) no-repeat;
}
#julyMenu {
	background: url(images/imageReplacement/julyMenu.png) no-repeat;
}
#newJulyMenu {
	background: url(images/imageReplacement/newJulyMenu.png) no-repeat;
}
#augustMenuFeatures {
	background: url(images/imageReplacement/augustMenuFeatures.png) no-repeat;
}
#augustMenu {
	background: url(images/imageReplacement/augustMenu.png) no-repeat;
}
#newAugustMenu {
	background: url(images/imageReplacement/newAugustMenu.png) no-repeat;
}
#septemberMenuFeatures {
	background: url(images/imageReplacement/septemberMenuFeatures.png) no-repeat;
}
#septemberMenu {
	background: url(images/imageReplacement/septemberMenu.png) no-repeat;
}
#newSeptemberMenu {
	background: url(images/imageReplacement/newSeptemberMenu.png) no-repeat;
}
#octoberMenuFeatures {
	background: url(images/imageReplacement/octoberMenuFeatures.png) no-repeat;
}
#octoberMenu {
	background: url(images/imageReplacement/octoberMenu.png) no-repeat;
}
#newOctoberMenu {
	background: url(images/imageReplacement/newOctoberMenu.png) no-repeat;
}
#novemberMenuFeatures {
	background: url(images/imageReplacement/novemberMenuFeatures.png) no-repeat;
}
#novemberMenu {
	background: url(images/imageReplacement/novemberMenu.png) no-repeat;
}
#newNovemberMenu {
	background: url(images/imageReplacement/newNovemberMenu.png) no-repeat;
}
#decemberMenuFeatures {
	background: url(images/imageReplacement/decemberMenuFeatures.png) no-repeat;
}
#decemberMenu {
	background: url(images/imageReplacement/decemberMenu.png) no-repeat;
}
#newDecemberMenu {
	background: url(images/imageReplacement/newDecemberMenu.png) no-repeat;
}

/* ------------------- */

#notEnoughTime {
	background: url(images/imageReplacement/notEnoughTime.gif) no-repeat;
}
#welcomeToServings {
	background: url(images/imageReplacement/welcomeToServings.gif) no-repeat;
}
#grabNGo {
	background: url(images/imageReplacement/grabNGo.png) no-repeat;
}
#takeNBake {
	background: url(images/imageReplacement/newTakeNBake.png) no-repeat;
}
#monthlyNewsletter {
	background: url(images/imageReplacement/monthlyNewsletter.gif) no-repeat;
}
#servingsOnFacebook {
	background: url(images/imageReplacement/servingsOnFacebook.gif) no-repeat;
}
#newHotLunch {
	background: url(images/imageReplacement/newHotLunch.gif) no-repeat;
}
#hotLunch {
	background: url(images/imageReplacement/hotLunch.gif) no-repeat;
}
#recommendedFoodWebsites {
	background: url(images/imageReplacement/recommendedFoodWebsites.gif) no-repeat;
}
#contactUs {
	background: url(images/imageReplacement/contactUs.gif) no-repeat;
}
#feedbackForm {
	background: url(images/imageReplacement/feedbackForm.gif) no-repeat;
}
#feedbackReceived {
	background: url(images/imageReplacement/feedbackReceived.gif) no-repeat;
}
#bookASession {
	background: url(images/imageReplacement/bookASession.gif) no-repeat;
}
#bookASession2 {
	background: url(images/imageReplacement/bookASession2.gif) no-repeat;
}
#bookASession3, #bookASession3-2 {
	background: url(images/imageReplacement/bookASession3.gif) no-repeat;
}
#checkOutH3 {
	background: url(images/imageReplacement/checkOutH3.gif) no-repeat;
}
#receiptH3 {
	background: url(images/imageReplacement/receiptH3.gif) no-repeat;
}
#orderComplete {
	background: url(images/imageReplacement/orderComplete.gif) no-repeat;
}
#assemblySessionTimes {
	background: url(images/imageReplacement/assemblySessionTimes.gif) no-repeat;
}
#pickUpSessionTimes {
	background: url(images/imageReplacement/pickUpSessionTimes.gif) no-repeat;
}
#calendarH3 {
	background: url(images/imageReplacement/calendarH3.gif) no-repeat;
}
#newsletterSignUp {
	background: url(images/imageReplacement/newsletterSignUp.gif) no-repeat;
}
#latestWinner {
	background: url(images/imageReplacement/latestWinner.gif) no-repeat;
}
#howToBook {
	background: url(images/imageReplacement/howToBook.png) no-repeat;
}
#aboutUs {
	background: url(images/imageReplacement/aboutUs.png) no-repeat;
}
#customerComments {
	background: url(images/imageReplacement/customerComments.png) no-repeat;
}
#howServingsWorks {
	background: url(images/imageReplacement/howServingsWorks.png) no-repeat;
}
#frequentlyAskedQuestions {
	background: url(images/imageReplacement/frequentlyAskedQuestions.png) no-repeat;
}
#policies {
	background: url(images/imageReplacement/policies.png) no-repeat;
}
#signUpSuccess {
	background: url(images/imageReplacement/signUpSuccess.png) no-repeat;
}


