/* =General
---------------------- 
	General Styles applied to 'normalize' things
	Notes:
		EM styling generally following (http://www.clagnut.com/blog/348/) from this point 10px=1em, 11px=1.1em, etc
---------------------- */
html {
	padding: 0;
	margin: 0;
	font-size: 100%; /* ensures font consistency across browsers */
	height: 100%;
}
body {
	padding: 0;
	margin: 0;
	font-size: 10px; /* Sets base font-size for browsers that resize text correctly */
	line-height: 1.5; /* Sets base leading for lines of text */
	background-color: #fff;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	height: 100%;
}
p {
	padding: 0;
	margin: 0 0 1.2em 0;
}
img, a img {
	border: none;
}

INPUT, SELECT, TH, TD {font-size: 1em}
H1 {font-size: 2em}  /* displayed at 24px */
H2 {font-size: 1.5em}  /* displayed at 18px */
H3 {font-size: 1.25em}  /* displayed at 15px */
H4 {font-size: 1em}  /* displayed at 12px */


/* Basic Link Styles 
---------------------- */
a:link {
	color: #981B1E;
	text-decoration: underline;
}
a:visited {
	color: #A56A3F;
	text-decoration: underline;
}
a:active {
	color: #E80006;
	text-decoration: underline;
}
a:hover {
	color: #E80006;
	text-decoration: underline;
}


/* =Master
---------------------- 
	Master Container
	Notes:
		margin: 0px auto; centers the container horizontally except in IE5, which is fixed in the body tag
---------------------- */
#container {
	position: relative;
	margin: 0px auto;
	padding: 0;
	width: 770px;
	font-size: 1.2em; /* displayed at 12px */
	text-align: left; /* unfix all other browsers from the IE fix in the body tag above */
}
	#content-container {
		width: 752px;
		border: solid 1px #B9B18E;
		padding: 8px;
	}


/* =Branding
----------------------
	Branding styles: Usually the logo and tagline
	Notes:
		Image replacement: Usually Phark Method (http://www.mezzoblue.com/tests/revised-image-replacement/)
---------------------- */
#branding {
	padding: 15px 0 5px;
}
	#branding-logo {
		width: 185px;
		height: 56px; /* Set dimensions once here, and use 100% for all dimensions in both rules below */
	}
		#branding-logo h1 {
			text-indent: -5000px;
			overflow: hidden;
			background: transparent url(../images/branding/letseat_logo_web.gif) 0 0 no-repeat;
			height: 100%;
			width: 100%;
			margin: 0;
			padding: 0;
		}
			#branding-logo h1 a {
				display: block;
				width: 100%;
				height: 100%;
			}
	
	/* Skip link(s) */
		#skiplink a {
			position : absolute;
			top : -1000px;
			left : -2000px;
		}
		#skiplink a:focus, #skiplink a:active {
			position : absolute;
			margin : 0;
			top : 0;
			left: 0;
			display : block;
			padding : 0;
			background: #000;
			color : #fff;
			font-weight: bold;
		}
		#skiplink a:hover { 
		}
		
	#branding-tagline {
		width: 185px;
		height: 19px;
	}
		#branding-tagline h2 {
			text-indent: -5000px;
			overflow: hidden;
			background: transparent url(../images/branding/letseat_tagline_web.gif) 0 0 no-repeat;
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
		}
	#branding-info {
	}


/* =Nav
---------------------- 
	Notes:
		Font sizes and vertical padding are in ems, to make text-resizing work correctly, so watch out.
---------------------- */
#nav {
	margin-bottom: 0;
}

/* Main Nav - Bar #1
----------------------- */
#nav-main {
	background: transparent url(../images/nav/navmain_bg_bottom2.gif) left bottom no-repeat;
	padding: 10px 25px 24px;
	margin: 0;
	height: auto;
	text-align: center;
	position: absolute;
	z-index: 100;
	width: 732px;
}
	#nav-main ul {
		list-style: none outside;
		margin: 0;
		padding: 0 0 0 30px;
		xwidth: 720px;
	}
		#nav-main ul li {
			float: left;
			position: relative;
			clear: none;
			margin: 0 0 0 0;
			padding: 0;
			color: #981B1E;
			font-weight: normal;
			border: none;
		}
		#nav-main ul li.last {
			border-right: none;
		}
			#nav-main ul li a {
				margin: 0;
				padding: 0;
				display: inline;
				margin-bottom: 0px;
				text-transform: uppercase;
			}
			#nav-main ul li a:link, #nav-main ul li a:visited {
				color: #fff;
				text-decoration: none;
			}
			#nav-main ul li.last a:link, #nav-main ul li.last a:visited {
				/* In case you need a different background image */
			}
			#nav-main ul li a.current:link, #nav-main ul li a.current:visited {
				color: #fff;
				font-weight: bold;
			}
			#nav-main ul li.last a.current:link, #nav-main ul li.last a.current:visited {
				color: #fff;
				font-weight: bold;
				/* In case you need a different background image */
			}
			#nav-main ul li a:hover, #nav-main ul li a:active {
				color: #fff;
				text-decoration: underline;
				font-weight: inherit;
			}
			#nav-main ul li.last a:hover, #nav-main ul li.last a:active {
				color: #fff;
				text-decoration: underline;
				font-weight: inherit;
			}

/* Main Nav - Bar #2
----------------------- */
#nav-main2 {
		background: #D5CEB9 url(../images/nav/navsection_bg_top.gif) 0 0 no-repeat;
		padding: 1.7em 0px 0.8em 10px;
		margin: 0 0 1em 0;
		text-align: right;
	}
		#nav-main2 ul {
			list-style: none outside;
			margin: 0;
			padding: 0 2px 0 42px;
			width: 440px;
		}
			#nav-main2 ul li {
				float: left;
				display: inline;
				color: #981B1E;
				color: #F5F2EA;
				font-weight: normal;
			}
				#nav-main2 ul li a {
					text-transform: uppercase;
				}
				#nav-main2 ul li a, #nav-main2 ul li a:link, #nav-main2 ul li a:visited {
					color: #786D4C;
					text-decoration: none;
					background: transparent;
				}
				#nav-main2 ul li.last a:link, #nav-main2 ul li.last a:visited {
					/* In case you need a different background image */
				}
				#nav-main2 ul li a.current:link, #nav-main2 ul li a.current:visited {
					color: #786D4C;
					font-weight: bold;
					background: transparent;
				}
				#nav-main2 ul li.last a.current:link, #nav-main2 ul li.last a.current:visited {
					color: #786D4C;
					font-weight: bold;
					background: transparent;
					/* In case you need a different background image */
				}
				#nav-main2 ul li a:hover, #nav-main2 ul li a:active {
					color: #786D4C;
					text-decoration: underline;
					font-weight: inherit;
					background: transparent;
				}
				#nav-main2 ul li.last a:hover, #nav-main2 ul li.last a:active {
					color: #786D4C;
					text-decoration: underline;
					font-weight: inherit;
					background: transparent;
				}

/* Section Nav (main col, below photography)
----------------------- */
.nav-section {
	margin: 0 0 1em 0;
}
	.nav-section ul {
		list-style: none outside;
		margin: 0;
		padding: 0;
	}
		.nav-section li {
			float: left;
			color: #B9B18E;
		}
			.nav-section li a, .nav-section li a:link, .nav-section li a:visited {
				color: #7C993E;
				text-decoration: none;
			}
			.nav-section li a.current, .nav-section li a.current:link, .nav-section li a.current:visited {
				color: #5E5337;
				text-decoration: none;
			}
			.nav-section li a:hover, .nav-section li a:active {
				color: #7C993E;
				text-decoration: underline;
			}
		
/* Accompaniments Nav (left col)
----------------------- */			
.nav-accompaniments {
	margin: 0 0 1em 0;
	font-size: 1.1em;
}
	.nav-accompaniments .lgtext {
		font-size: 1.15em;
	}
		.nav-accompaniments .lgtext a, .nav-accompaniments .lgtext a:link, .nav-accompaniments .lgtext a:visited {
			color: #7C993E;
			text-decoration: none;
		}
		.nav-accompaniments .lgtext a:active, .nav-accompaniments .lgtext a:hover {
			color: #7C993E;
			text-decoration: underline;
		}
	.nav-accompaniments ul {
		list-style: none outside;
		margin: 0;
		padding: 0 0 1.4em 0;
	}
		.nav-accompaniments ul li {
			color: #B9B18E;
			margin-bottom: 0.8em;
		}
			.nav-accompaniments ul li a, .nav-accompaniments ul li a:link, .nav-accompaniments ul li a:visited {
				color: #7C993E;
				text-decoration: none;
			}
			.nav-accompaniments ul li a.current, .nav-accompaniments ul li a.current:link, .nav-accompaniments ul li a.current:visited {
				color: #5E5337;
				font-weight: bold;
				text-decoration: none;
			}
			.nav-accompaniments ul li a:hover, .nav-accompaniments ul li a:active {
				color: #7C993E;
				text-decoration: underline;
			}
			
			.nav-accompaniments ul li ul {
				padding: 0.2em 0 0 1.5em;
				margin: 0;
				font-size: 0.92em;
			}
				.nav-accompaniments ul li ul li {
					margin-bottom: 0.2em;
				}
					.nav-accompaniments ul li ul li a {
						font-weight: normal;
					}
					.nav-accompaniments ul li ul li a.current, .nav-accompaniments ul li ul li a.current:link, .nav-accompaniments ul li ul li a.current:visited, .nav-accompaniments ul li ul li a.current:active, .nav-accompaniments ul li ul li a.current:hover {
						font-weight: normal;
						color: #000;
					}

/* Order Process Breadcrumb Nav (Let's Get Started)
----------------------- */
#breadcrumbs { 
	font-size: 1em;
	width: 100%;
	margin: 0px auto 10px;
	padding: 1.2em 0 10px 0;
	display:block;
	background:url('../images/form_divider.gif') bottom left repeat-x;
}
	#breadcrumbs ul {
		list-style: none;
		margin: 0 0 0 0px;
		padding: 0 0 0 0px;
	}
		#breadcrumbs ul li {
			width: 100px;
			float: left;
			display: inline;
			clear: none;
			margin: 0;
			padding: 2px 10px 0px 10px;
			color: #000;
			position: relative;
			text-align: center;
			line-height: 1.4;
		}
		#breadcrumbs ul li.current {
			color: #000;
		}
			#breadcrumbs ul li span.stepnumber {
				display: block;
				margin-bottom: 1em;
				color: #000;
				line-height: 1.6;
			}
			#breadcrumbs ul li span.iefix {
				padding-left: 0;
			}
			#breadcrumbs ul li.current span.stepnumber {
				color: #fff;
			}
			#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited {
				color: #981B1E;
				text-decoration: none;
			}
			#breadcrumbs a:hover, #breadcrumbs a:active {
				color: #981B1E;
				text-decoration: underline;
			}

/* Supplemental Nav (top right)
----------------------- */
#nav-supp { 
	position: absolute;
	top: 42px;
	right: 9px;
	z-index: 50;
	color: #B9B18E;
	width: 570px;
	text-align: right;
	font-size: 0.92em;
	padding: 0 0 0 0;
	line-height: 2.0;
}
.cart {
	background: transparent url(../images/icons/shoppingcart.gif) right 2.5em no-repeat;
}
	#nav-supp .blacktext {
		color: #000;
	}
	#nav-supp a.carticon, #nav-supp a.carticon:link, #nav-supp a.carticon:visited, #nav-supp a.carticon:active, #nav-supp a.carticon:hover {
		text-decoration: none;
	}
	#nav-supp a:visited {
		color: #981B1E;
	}
		#nav-supp a.carticon img {
			height: 9px;
			width: 17px;
		}
		
/* External Nav (footer)
----------------------- */
#nav-external {
	width: 752px;
	border: solid 1px #B9B18E;
	border-top: none;
	padding: 5px 8px 5px;
	text-align: center;
}
	#nav-external ul {
		list-style: none outside;
		padding: 0 0px 0 0px;
		margin-left: 110px;
		margin-bottom:0px;
		width: 695px;
		color: #B9B18E;
	}
		#nav-external ul li {
			float: left;
			margin: 0;
			padding: 0;
		}
			#nav-external ul li a, #nav-external ul li a:link, #nav-external ul li a:visited {
				color: #5E5337;
				text-decoration: none;
			}
			#nav-external ul li a:hover, #nav-external ul li a:active {
				color: #5E5337;
				text-decoration: underline;
			}


/* =Content
----------------------
	Main Content styles
	Notes:
		font-size: 1em makes the text 10px but expandable in IE
		Remember: The font is inherited, so some math will be necessary to size children up or down correctly
---------------------- */
#content {
	padding-top: 3.6em;
	font-size: 1em;
	padding-bottom: 1.5em;
}
#body-home #content {
	padding-bottom: 0;
}
	#content .nav-section h3 {
		margin: 0.5em 0 0.5em 0;
		padding: 0;
		color: #B5BF85;
		font-size: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
	}	
		#content .nav-section h3 a, #content .nav-section h3 a:link, #content .nav-section h3 a:visited {
			color: #B5BF85;
			text-decoration: none;
		}
		#content .nav-section h3 a:active, #content .nav-section h3 a:hover {
			color: #B5BF85;
			text-decoration: underline;
		}
		ul, ol {
			margin: 0 0 1.2em 0;
			padding: 0 0 0 1.3em;
		}
		ul {
			padding: 0 0 0 1.3em; /* Fx value */
		}
		ol {
			padding-left: 1.9em;
		}
			ul li, ol li {
				padding: 0;
				margin: 0 0 0.5em 0;
			}
				ul li ul {
					padding: 0 0 0 1.7em;
					margin: 0.5em 0 1.2em 0; 
				}
		
/* Sidebar content 
----------------------- */
.content-sidebar {
	width: 224px;
	background: #E9E5DA url(../images/bg/sidebar_bg_top.gif) 0 0 no-repeat;
	padding: 0;
	margin-bottom: 1em;
}
	.content-sidebar-inner {
		background: transparent url(../images/bg/sidebar_bg_bottom.gif) left bottom no-repeat;
		padding: 20px 15px 25px;
		font-size: 0.92em;
	}
		.content-sidebar .lgtext {
			color: #7C993E;
			font-size: 1.3em;
			font-weight: bold;
			margin-bottom: 0.6em;
		}

/* Main column content
----------------------- */
	#content-main, #content-main-short {
		padding: 0.6em 15px 0 0;
		font-size: 0.92em;
		line-height: 1.6;
		clear: left;
	}
		#content-main h3, #content-main-short h3 {
			margin: 0 0 0.3em 0;
			padding: 0;
			color: #85995B;
			color: #B5BF85;
			font-size: 1.5em;
			font-weight: bold;
			text-transform: uppercase;
		}
		#content-main h3.cart-h3 {
			font-size: 1.4em;
			font-weight: bold;
			text-transform: none;
			padding-left: 6px;
			color: #85995B;
		}
		#content-main h3.flushleft {
			padding-left: 0px;
		}
		#content-main h3.dkred {
			color: #981B1E;
		}
		#content-main h4 {
		}
		#content-main h5 {
			font-size: 1em;
			font-weight: bold;
			color: #000;
			margin: 0 0 0.2em 0;
			padding: 0;
		}
		#content-main ol {
			padding-left: 1.9em;
		}
		#content-main p.intro,#content-main-short p.intro {
			font-size: 1.1em;
			margin-bottom: 1em;
			font-weight: bold;
			clear: both;
		}
			#content-main p.intro span.viewall {
				font-size: 0.92em;
				font-weight: normal;
			}
		#content-main p.location {
			color: #7C993E;
			margin-bottom: 0.3em;
		}
			#content-main .location .franchisename {
				display: block;
				font-size: 1.3em;
			}
			#content-main .location .franchisename span {
				display: inline;
				font-size: 1em;
				white-space: nowrap;
			}
		#content-main p.callout, #content-main-short p.callout {
			padding: 0.5em 0 0.7em;
			border-top: solid 1px #D5CEB9;
			border-bottom: solid 1px #D5CEB9;
			margin-bottom: 1.4em;
		}
		#content-main p.long {
			padding-left: 1.0em;
			padding-right: 1.0em;
			border-left: solid 1px #D5CEB9;
			border-right: solid 1px #D5CEB9;
		}

/* Homepage
--------------------- */
#body-home a.getstartedbutton {
	display: block;
	width: 161px;
	height: 35px;
	padding: 0;
	margin: 463px 0 0 76px;
}
#homebtn-container {
	padding-top: 447px;
}

/* ALL Menus Styles - Both order and non-order
-------------------------- */
.menuTopLeft {
	width: 26%;
	margin-right: 5%;
	text-align: center;
}
.menuTopRight {
	width: 68.5%;
}

/* Top tabs to display month */
.menu-item-list {
	border: solid 1px #D5CEB9;
	padding: 0;
}
	.menu-tabs {
		margin-bottom: 0;
	}
		.menu-tabs .tab-hilite {
			background: #fff;
			font-weight: normal;
			font-size: 1.1em;
			text-transform: uppercase;
			width: 170px;
			padding: 3px 20px;
			margin: 0;
			float: left;
			display: inline;
			text-align: center;
		}
		.menu-tabs .tab-tan {
			float: left;
			display: inline;
			background: #E9E5DA;
			width: 470px;
			padding: 3px 20px 5px;
			margin: 0;
		}
		
.menu-item-container {
	clear: both;
	border-bottom: solid 5px #D5CEB9;
	background: transparent;
	position: relative;
}
.menu-item-list .alt {
	border-bottom: solid 5px #ECE9E1;
	color: #000;
	background: transparent;
}
.getstarted .menu-item-container {
	background: transparent url(../images/bg/menuitem_ctr_bg1.gif) 515px 0 repeat-y;
}
.getstarted .menu-item-list .alt {
	border-bottom: solid 5px #ECE9E1;
	color: #000;
	background: transparent url(../images/bg/menuitem_ctr_bg1alt.gif) 515px 0 repeat-y;
}
	.menu-item {
		padding: 1.7em 0 0.4em 0;
		margin: 0 20px 0;
		border-bottom: none;
	}
	.getstarted .menu-item {
		width: 515px;
		padding: 1.3em 0 0 0;
		margin: 0;
		float: left;
		display: inline;
		border-bottom: none;
	}
	
	.menu-item .mealimage
	{
		float:left;
		padding:3px;
		border:1px solid #D5CEB9;
		margin-right:20px;
	}
	
	.getstarted .menu-item .mealimage
	{
		margin-left:20px;
	}
	
		.menu-item .item-title {
			font-weight: bold;
		}
		.getstarted .menu-item .item-title {
			padding-left: 0.8em;
			padding-right: 15px;
		}
		/* Special meal "tags" */
		.menu-item .new-meal {
			color: #cc0000;
			padding: 0 2px 0 5px;
		}
		.menu-item .premium-meal {
			color: #008D60;
			padding: 0 2px 0 5px;
		}
		.menu-item .item-desc {
			padding-left: 1.05em;
		}
		.getstarted .menu-item .item-desc {
			padding-left: 1.9em;
			margin-bottom: 1.2em;
			padding-right: 15px;
		}
		
		.menu-item-list .item-links {
			display: block;
			clear: both;
			padding: 0; 
			margin: 0;
			list-style: none outside;
			height: auto;
			width: 100%;
		}
			.menu-item-list .item-links li {
				float: left;
				display: inline;
				width: 98px;
				margin: 0 5px 0 0;
			}
			.menu-item-list .item-links li.last {
				margin: 0;
			}
				.menu-item-list .item-links li a,
				.menu-item-list .item-links li a:link,
				.menu-item-list .item-links li a:visited {
					display: block;
					width: 88px;
					padding: 5px 5px;
					background-color: #D5CEB9;
					font-weight: bold;
					color: #5E5337;
					text-decoration: none;
					line-height: 1.3;
					text-align: center;
					cursor: pointer;
				}
				
				.menu-item-list .item-links li a.videotab
				{
					background: url(../images/icons/video_tabicon_trans.png) 6px 9px no-repeat;
					background-color:inherit;
					padding-top:12px;
					padding-left:12px;					
					padding-bottom:12px;	
				}				

	.menu-item-list .alt .item-links li a,
	.menu-item-list .alt .item-links li a:link,
	.menu-item-list .alt .item-links li a:visited {
		background-color: #ECE9E1;
	}
	.menu-item-list .item-links li a:active,
	.menu-item-list .item-links li a:hover,
	.menu-item-list .alt .item-links li a:active,
	.menu-item-list .alt .item-links li a:hover {
		background-color: #E3DDCB;
		color: #000;
	}	
	
	/* Meal additional items */
	.menu-item-list .item-links li a.current,
	.menu-item-list .item-links li a.current:link,
	.menu-item-list .item-links li a.current:visited,
	.menu-item-list .item-links li a.current:active,
	.menu-item-list .alt .item-links li a.current,
	.menu-item-list .alt .item-links li a.current:link,
	.menu-item-list .alt .item-links li a.current:visited {
		background-color: #E3DDCB;
		color: #000;
	}
	.meal-addition-container {
		background-color: #E3DDCB;
		padding: 10px 5px 6px 15px;
		line-height: 1.2;
		height: auto;
	}
		.meal-addition-left {
			width: 650px;
			float: left;
			display: inline;
			margin-right: 30px;
		}
			.meal-addition-left table {
				width: 100%;
				border-collapse: collapse;
			}
				.meal-addition-left table td {
					padding: 2px;
				}
				.meal-addition-left table td.additem-name {
					width: 33%;
					margin-right: 4%;
					font-weight: bold;
				}
				.meal-addition-left table td.additem-price {
					width: 6%;
				}
				.meal-addition-left table td.additem-qty {
					width: 15%;
					margin-right: 4%;
				}
				.meal-addition-left table td.additem-link {
					text-align: left;
					width: 27%;
				}
				.meal-addition-left table td.additem-link a {
					cursor: pointer;
				}
					.meal-addition-left table td p {
						margin: 0;
						padding: 0;
					}
		.meal-addition-right {
			width: 17px;
			float: left;
			display: inline;
			text-align: right;
		}
			.item-added {
				/*display: none;*/
				font-style: italic;
			}
		.meal-addition-container p {
			margin: 0;
			padding: 0 0 0.4em 0;
		}
		
/* Items specific to Get Started order process */		
	.getstarted .menu-add {
		width: 165px;
		float: left;
		display: inline;
		padding: 10px 10px 10px 20px;
	}
		.getstarted .menu-add ul {
			margin: 0;
			padding: 0.2em 0 0 1.2em;
			list-style: disc outside;
		}
			.getstarted .menu-add ul li {
				margin: 0 0 0.1em 0;
			}
.menu-total {
	background: #E9E5DA;
	border-top: solid 1px #D5CEB9;
	padding: 24px 20px 20px 20px;
}
	.menu-total-left {
		float: left;
		display: inline;
		clear: none;
		width: 448px;
		margin-right: 60px;
		padding: 0;
	}
	.menu-total-right {
		float: left;
		display: inline;
		clear: none;
		width: 135px;
		margin: 0;
		padding: 0;
		text-align: right;
	}
	
	
	/* Heart-smart and Low-carb legend code */
	
	#menu-legend
	{
		padding-left:10px;
		margin: 0;
		padding: 0;
		background-color: #E9E5DA;
		border: solid 2px #D5CEB9;
		margin-bottom:10px;
	}
	.legend-item 
	{
		padding-top:5px; 
		padding-left:5px;
	}
		
	.legend-desc
	{
		display:block;
		float:left;
		clear:right;		
	}
	
	.legend-top
	{
		padding-top:10px;
	}
	
	.legend-bottom
	{
		margin-bottom:10px;
	}
	
	 .legend-symbol
	{
		width:60px; 
		display:block; 
		float:left;
	}

/* What to Expect - Customer Comments
-------------------------------------- */
.comment {
}
.expect-comment .alt {
	color: #7C993E;
}

/* My Account and Account History 
-------------------------------------- */
.rowborders td {
	border-bottom: 1px solid #EEEEEE;
}

/* Let's Get Started - Pricing/Location
----------------------------------------- */
.content-pricing {
	padding-right: 0 !important;
	padding-top: 0 !important; /* Somehow this doesn't work, so there's an inline style in the .TPL */
}
#content .pricing {
	padding-top: 156px;
	width: 514px;
	background: transparent url(../images/inline/photo_getstarted_short.jpg) 0 0 no-repeat;
}

		
/* Let's Get Started - Menu Selection
--------------------------------------- */

/* See above under All Menus */


/* Let's Get Started - Calendar
--------------------------------- */
.content-calendar #content-main {
	padding-top: 0 !important;
}
.calendar-sidebar {
	margin-bottom: 0;
}
#calendar h3 {
	margin-top: 0;
	padding-top: 0;
	line-height: 1;
	padding-bottom: 3px;
}

.deliverynotes {
	padding: 5px 5px 7px;
	border-top: solid 1px #D5CEB9;
	border-bottom: solid 1px #D5CEB9;
	margin: 30px 0 10px;
}

/* Order type / key */
.ordertype-key {
	margin: 0;
	padding: 0;
	background-color: #E9E5DA;
	border: solid 2px #D5CEB9;
	width: 707px;
}
	.calendar-key {
		float: left;
		display: inline;
		width: 34%;
		border-left: solid 1px #D5CEB9;
		margin: 0;
		padding: 5px 5px 7px 18px;
	}
		.key-line1 {
		}
			.key-private {
				float: left;
				display: inline;
				width: 37%;
				font-weight: bold;
				padding: 0 0 0 8%;
				background: transparent url(../images/icons/privateparty.gif) 0 0.2em no-repeat;
			}
			.key-special {
				float: right;
				display: inline;
				width: 40%;
				font-weight: bold;
				padding: 0 0 0 8%;
				background: transparent url(../images/icons/specialevent.gif) 0 0.2em no-repeat;
			}
		.key-line2 {
			clear: both;
			padding-top: 3px;
		}
		.key-line1 img {
			margin-right: 2px;
		}

ul.calendar-learnmore {
	margin: -0.8em 0 0.3em 0;
	padding: 0 0 0 5px;
	list-style: none outside;
}
	ul.calendar-learnmore li {
		margin: 0 0 0.2em 0;
	}
		ul.calendar-learnmore li a {
			padding: 2px 0 2px 18px;
			background: transparent url(../images/icons/help_icon1.gif) 0 0.4em no-repeat;
			display: block;
		}
		ul.calendar-learnmore li p {
			display: none;
			position:absolute;
			width: 200px;
			padding: 8px;
			background-color: #F5F3ED;
			border: 1px solid #595138;
			margin: 0 0 0 30px;
		}
		ul.calendar-learnmore li p a {
			padding: 0;
			background: none;
			display: inline;
		}

#calendar th {
	padding: 0;
	margin: 0;
}
#calendar td {
	vertical-align: top;
	padding: 0px;
	width: auto;
}
#calendar .day_name {
	font-weight: bold;
	color: #BAB28E;
	text-align: right;
}

/* This is the containing TD for a day */
#calendar .week .date_box, #calendar .week .weekend_box, #calendar .week .today_date_box, #calendar .week .dark_date_box {
	border: 2px solid #BAB28E;
	background: #E1DDD1;
	margin: 2px;
	padding: 0;
	/* width: auto !important; - In Fx, this makes item content overflow its box */
	width: 15%;
	overflow: hidden;
}
#calendar .week .last-column { /* This doesn't work */
}
#calendar .week .weekend_box {
}
#calendar .week .dark_date_box {
	background: #BAB28E;
}
#calendar .daynumber {
	float: right;
	clear: left;
	background: #BAB28E;
	padding: 0 0 3px 5px;
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	display: block;
	position: relative;
}
/* This is the containing div for all content on a given day */
#calendar .daycontent {
	xwidth: 100% !important;
	width: 92px; /* stop IE breaking the width on hover */
	float: left;
	margin: 5px 0 0 0;
	overflow: hidden; /* magic attribute that fixes TD breakage */
}
#calendar .week .weekend_box .daycontent {
	xwidth: 100% !important;
	width: 94px; /* stop IE breaking the width on hover */
}
#calendar .noevents {
	border-top: none;
}
/* Each separate session or event is its own P
#calendar .daycontent p {
	padding: 0;
	margin: 0;
	color: #000000;
} */
/* The A in each P should take up the whole space, except top/bottom margins */
#calendar .daycontent a, #calendar .daycontent .fullcalendaritem {
	display: block;
	color: #7B7256;
	text-decoration: none;
	margin: 0; /* For some reason, putting the margin/padding on the P doesn't fly */
	padding: 5px 3px 6px;
	line-height: 1.4;
	border-bottom: solid 1px #CDC5AE;
	background: #E1DDD1; /* IE6 only */
	position: relative;
	/* text-align: center; Probably not a good idea */
}
#calendar .daycontent .first {
	border-top: solid 1px #CDC5AE;
}
#calendar .daycontent div.first {
	position: static; /* IE only */
}
#calendar .daycontent a.private-event, #calendar .daycontent .full-pp {
	/* xbackground: #E0D7C0;
	xbackground: #D9D3BF;
	xbackground: #E9CFA7; */
	background: #E1DDD1 url(../images/icons/privateparty.gif) 72px 7px no-repeat;
	/* border-bottom-color: #C4BCA4; */
}
#calendar .daycontent a.special-event, #calendar .daycontent .full-se {
	/* xbackground: #DADCC5;
	xbackground: #D7DAB7;
	xbackground: #E3E8B4; */
	background: #E1DDD1 url(../images/icons/specialevent.gif) 72px 7px no-repeat;
}
	#calendar .daycontent a .eventtime, .calendarkey .eventtime {
		color: #574F36;
		font-weight: bold;
		display: block;
		margin-bottom: 2px;
	}
	#calendar .daycontent a.private-event .eventtime, #calendar .daycontent .full-pp .eventtime {
		color: #852E1D;
	}
	#calendar .daycontent a.special-event .eventtime, #calendar .daycontent .full-se .eventtime {
		color: #638A0F;
	}
	#calendar .daycontent a .remainslots, .calendarkey .remainslots {
		display: block;
		padding: 0px 0 0 0.1em;
		font-size: 0.92em;
	}
		#calendar .daycontent a .remainslots .slotimg {
			float: left;
			display: inline;
			margin: 2px 2px 0 0;
			padding: 0;
			line-height: 1;
		}
#calendar .daycontent a:hover {
	background-color: #F5F3ED;
	text-decoration: none;
	border-bottom: solid 1px #CDC5AE;
}
#calendar .daycontent a.special-event:hover {
	/* background-color: #F5F3ED; */
	background-color: #F2F5D5;
}
#calendar .daycontent a.private-event:hover {
	/* background-color: #F5F3ED; */
	background-color: #F9ECD9;
}

#calendar .hoverwindow {
	position: absolute;
	z-index: 200;
	top: 15px;
	left: 70px;
	border: solid 1px #595138;
	background-color: #F5F3ED;
	width: 100px;
	padding: 10px;
	display: none; /* JS magic makes these appear */
}
	.hover-private {
	}
	.hover-special {
	}
#HoverInfo .bd {
	border: solid 1px #595138;
	background-color: #F5F3ED;
	width: 120px;
	padding: 5px 10px 7px;
	line-height: 1.5;
	position: absolute;
	left: 70px;
}


/* Let's Get Started - Cart Contents 
------------------------------------- */
table.cart-contents {
	width: 100%;
	xborder: solid 1px #B9B18E;
	border: solid 1px #D4CEB9;
	border-collapse: collapse;
	background-color: #F1EEE7;
	margin-bottom: 2em;
}
	.cart-contents td {
		padding: 1px 6px;
	}
	.cart-contents .xleftcol {
		width: 8px;
	}
	.cart-contents .leftcol {
		width: 530px;
	}
	.nonmeals .leftcol {
		width: 550px;
	}
	/* .cart-contents .middlecol {
		background-color: #E6E2D6;
		border-left: solid 1px #D4CEB9;
		border-right: solid 1px #D4CEB9;
	} */
	.cart-contents .categories {
		border: none;
		background-color: #E6E2D6;
		padding: 3px inherit;
		color: #6D634A;
	}
	.nonmeals .categories {
		border-bottom: solid 1px #D4CEB9;
	}
	.cart-contents tr.hdr-row {
		border-top: solid 1px #D4CEB9;
		background-color: #fff;
	}
		.cart-contents tr.hdr-row td {
			padding-top: 0.4em;
			padding-bottom: 0.4em;
			background-color: #fff;
		}
		.cart-contents tr.hdr-row td.sessioninfo {
			/* background: #fff url(../images/icons/leaf.gif) 8px 50% no-repeat;
			padding-left: 35px; */
		}
		.cart-contents td.actions {
		}
			.cart-contents td.actions a.remove {
				display: block;
				padding: 0 0 0 15px;
				background: transparent url(../images/icons/remove_item.gif) 0 0.4em no-repeat;
				text-decoration: none;
			}
			.cart-contents td.actions a.remove:hover, .cart-contents td.actions a.remove:active {
				text-decoration: underline;
			}
			.cart-contents td.actions a.remove:link, .cart-contents td.actions a.remove:visited {
				color: #981B1E;
			}
	
	.cart-contents tr.first-item td {
		padding-top: 0.6em;
	}
	.cart-contents tr.last-item {
	}
		.cart-contents tr.last-item td {
			padding-bottom: 0.8em;
		}
	.cart-contents .total {
		background-color: #fff;
		font-weight: bold;
		font-size: 1.1em;
		border-top: solid 1px #D4CEB9;
	}
		.cart-contents .total td {
			padding: 0.3em 6px;
		}

	.cart-upsell {
		border: solid 1px #D5CEB9;
		background-color: #F2EEE7;
		padding: 10px 20px 0;
		text-align: center;
		/* width: 69%; */
		margin: 0 auto 2em;
	}
		.cart-upsell .cta {
			font-size: 1.2em;
			font-weight: bold;
			margin-bottom: 1.3em;
		}
		.cart-upsell .accomp-container {
			margin: 0 auto;
			width: 75%;
		}

	.cart-grandtotal {
		border: solid 1px #B9B18E;
		/* background-color: #D4CEB9; */
		background-color: #E6E2D6;
		background-color: #fff;
		padding: 0;
		margin-bottom: 2em;
	}
		.cart-grandtotal table {
			width: 100%;
			border-collapse: collapse;
		}
			.cart-grandtotal table td {
				padding: 2px 6px;
			}
			.cart-grandtotal table td.leftcolumn {
				width: 554px;
			}
			.cart-grandtotal table .last-item td {
				padding-bottom: 0.6em;
			}
			.cart-grandtotal table .grandtotal {
				font-weight: bold;
				/* text-transform: uppercase; */
				font-size: 1.3em;
				border-top: solid 1px #B9B18E;
				background-color: #fff;
				background-color: #E2E7D0;
			}
	
	/* .checkout-final {
		margin-top: 1.5em;
		text-align: center;
	} */
	.checkout-final {
	}
		.checkout-final form .checkoutLeft {
			width: 565px;
			float: left;
			display: inline;
		}
		.checkout-final form .checkoutRight {
			width: 157px;
			float: left;
			display: inline;
			/* text-align: right; */
		}

/* Enter Payment Information */
.pgrandtotal {
	padding: 2px 9px;
	border: solid 1px #B9B18E;
	background-color: #E2E7D0;
	font-size: 1.1em;
	font-weight: bold;
}

/* Accompaniments -  3-Up view 
-------------------------------- */
.item-3up {
	width: 140px;
	float: left;
	display: inline;
	clear: none;
	margin-right: 25px;
	margin-bottom: 2.8em;
	height: 21em; /* Needed to fix the floaty bug wherein long item names break the display */
}
.cart-upsell .lesstall {	/* This is for the cart contents page */
	height: 17em;
	margin-bottom: 0.6em;
}
	.item-3up a.itemthumb-3up, .item-3up a.itemthumb-3up:link, .item-3up a.itemthumb-3up:visited, .item-3up a.itemthumb-3up:active, .item-3up a.itemthumb-3up:hover {
		display: block;
		width: 128px;
		height: 128px;
		padding: 5px;
		background: #fff url(../images/bg/no_img_avail.gif) 5px 5px no-repeat;
		border: solid 1px #D5CEB9;
		margin-bottom: 0.5em;
		text-decoration: none;
	}
	.item-3up a.itemthumb-3up:hover {
		border-color: #E80006;
		margin-bottom: 0.5em;
	}
		.item-3up a.itemthumb-3up img {
			border: none;
			width: 128px;
			height: 128px;
		}
	.item-3up p {
		margin-bottom: 0.1em;
	}
	.item-3up p.name {
	}
	.item-3up p.price {
		/* padding: 0.2em 0.4em;
		border: solid 1px #D5CEB9; */
		padding-top: 0.3em;
		border-top: solid 1px #D5CEB9;
	}
		.item-3up p.price .price-text {
			float: left;
			display: inline;
			width: 78px;
		}
		.item-3up p.price a {
			float: right;
			display: inline;
			width: 58px;
			height: 20px;
			text-align: right;
		}
			.item-3up p.price a img {
				border: none;
				width: 58px;
				height: 20px;
			}

/* Accompaniments - 1-Up view 
------------------------------- */
.item-1up {
}
	.item-1up div.itemthumb-1up {
		display: block;
		width: 230px;
		height: 230px;
		padding: 8px;
		background: #fff url(../images/bg/no_img_avail_230.gif) 8px 8px no-repeat;
		border: solid 1px #D5CEB9;
		margin-bottom: 0.8em;
		text-decoration: none;
	}
		.item-1up .itemthumb-1up img {
			height: 230px;
			width: 230px;
		}
	.item-1up p.name {
		font-size: 1.1em;
		font-weight: bold;
		margin-bottom: 0.3em;
		width: 220px;
	}
	.item-1up p.price {
		font-size: 1.1em;
		font-weight: normal;
		padding-bottom: 0.6em;
		padding-right: 380px;
		border-bottom: solid 1px #D5CEB9;
		margin-bottom: 0.3em;
	}
	.item-1up p.desc {
		padding-bottom: 0.3em;
		border-bottom: solid 1px #D5CEB9;
		margin-bottom: 1.3em;
	}

/* News & Events - News Landing View 
------------------------------- */
.news-link-container {
	padding: 0 0 0.7em 0;
	border-bottom: solid 1px #E9E5DA;
	margin: 0 0 0.3em 0;
	width: 99%;
}
.newsColumnRight {
}
h4.news-header {
	margin: 0 0 0.5em 0;
	padding: 2px 2%;
	font-size: 1.1em;
	line-height: 1.5;
	background-color: #E9E5DA;
	font-weight: bold;
}
h4.news-item-title {
	margin: 0 0 0.4em 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.5;
}
.news-item-date {
	font-weight: normal;
	padding: 0 0 0.4em 0;
	border-bottom: solid 1px #E9E5DA;
	margin: 0 0 1.4em 0;
}
.news-item-back {
	padding: 0.2em 0 0 0;
	border-top: solid 1px #E9E5DA;
	margin: 0.8em 0 0 0;
}

/* Job Postings
------------------------------- */
.jobs-intro {
	padding-bottom: 1.0em;
	border-bottom: solid 1px #E9E5DA;
	margin-bottom: 0.6em;
}
.jobs-posting {
	padding-bottom: 0.6em;
	border-bottom: solid 1px #E9E5DA;
	margin-bottom: 0.8em;
}
	.jobs-posting h4 {
		margin-bottom: 0.4em;
	}

/* Let's Eat! Menus - Storing & Cooking
------------------------------- */
table.store-times {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.5em 0;
	padding: 0;
	background-color: #E4D1A5;
	width: 100%;
}
	.store-times .th-left {
		width: 65%;
	}
	.store-times .th-right {
		width: 30%;
	}
	.store-times .alt td {
		background-color: #F1E6D0;
	}
	.store-times th, .store-times td {
		padding: 2px 6px;
	}
	.store-times th {
		padding-top: 6px;
	}
	.store-times tfoot {
		border-top: solid 1px #fff;
		background-color: #F1E6D0;
	}
	.store-times tfoot td {
		padding-bottom: 6px;
		font-style: italic;
	}

table.cook-temps {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.5em 0;
	padding: 0;
	background-color: #F1E6D0;
	width: 100%;
}
	.cook-temps td {
		padding: 0px 8px 0px 8px;
		margin: 0;
	}
	.cook-temps td.leftcell {
		padding: 8px 4px 0px 8px;
		margin: 0;
	}
	.cook-temps td.rightcell {
		padding: 8px 8px 0px 4px;
		margin: 0;
	}
		.cook-temps td table {
			background-color: #E4D1A5;
			width: 100%;
			padding: 0;
			border-collapse: collapse;
			border-spacing: 0;
			margin: 0 0 8px 0;
		}
		.cook-temps td table.last-table {
			margin: 0;
		}
			.cook-temps td table .th-left {
				width: 68%;
			}
			.cook-temps td table .th-right {
				width: 27%;
			}
			.cook-temps td table .th-left2 {
				width: 35%;
			}
			.cook-temps td table .th-right2 {
				width: 60%;
			}
			.cook-temps td table th, .cook-temps td table td {
				padding: 3px 6px;
				vertical-align: top;
				text-align: left;
				line-height: 1.4;
			}
			
/* Locations page */
.loc-franchise {
	margin: 0 0 2em 0;
}
.loc-franchise p {
	margin: 0 0 0.5em 0;
}

/* Thanksgiving Menu page */
.tg-menu-item {
	padding: 0 0 1.5em 0;
}
	.tg-menu-header {
		background: #e0decf;
		padding: 6px 10px;
	}
		.menu-header-left {
			width: 35%;
			margin: 0 2% 0 0;
			float: left;
			display: inline;
		}
			.tg-item-title {
				display: block;
				font-size: 1.3em;
				font-weight: bold;
			}
			.tg-item-subtitle {
				display: block;
				line-height: 1.3;
			}
		.menu-header-middle {
			width: 25%;
			margin: 0 8% 0 0;
			float: left;
			display: inline;
		}
		.menu-header-right {
			width: 25%;
			margin: 0 2% 0 0;
			float: left;
			display: inline;
		}
			.tg-order-subtitle {
				display: block;
			}
			.tg-qty-ctr {
				display: block;
				padding-top: 0.2em;
			}
				#tgmenuForm .tg-qty-ctr select {
					margin: 0 6px 0 0;
					float: left;
					display: inline;
					width: 45px;
				}
				#tgmenuForm .tg-qty-ctr a {
					margin: 0 6px 0 0;
					float: left;
					display: inline;
					width: 60px;
				}
				#tgmenuForm .tg-qty-ctr input {
					width: 35px;
					margin: 0;
					float: left;
					display: inline;
				}
	.tg-menu-desc {
		padding: 10px 60px 10px 10px;
	}
		.tg-menu-desc h6 {
			font-weight: normal;
			font-size: 1em;
			padding: 0;
			margin: 0 0 0.1em 0;
		}
		.tg-menu-desc p {
			padding: 0 0 0 1.3em;
			margin: 0 0 1em 0;
		}


/* =Multicol
----------------------
	Multi-Column Content styles
	Notes:
		This is ONLY for content text. Navigation that goes on the left as a "column" is part of #nav-section
		If you need "pixel-perfect", you'll have to stop using percentages and use actual pixels
---------------------- */
#content div.twoColumnLayout {
	float: left;
	display: inline;
	clear: none;
}
	/* Main layout divisions */
	#content div.twoColumnLeft {
		width: 224px;
		margin-right: 14px;
		padding-top: 1.2em;
	}
	#content div.twoColumnRight {
		width: 514px;
		margin: 0;
	}
	
	/* General-use half-width columns */
	#content div.halfColumnLeft {
		width: 45%;
		margin-right: 4%;
	}
	#content div.halfColumnRight {
		width: 45%;
		margin: 0;
	}
	
	/* News landing page columns */
	#content div.newsColumnLeft {
		width: 20%;
		margin-left: 2%;
		margin-right: 3%;
	}
	#content div.newsColumnRight {
		width: 74%;
		margin: 0;
	}
	
/* Homepage column versions */	
	#body-home #content div.twoColumnLeft {
		width: 467px;
		margin-right: 18px;
		padding-top: 10px;
		height: 518px;
		background: transparent url(../images/bg/home_leftcol.jpg) 0 0 no-repeat;
	}
	#body-home #content div.holidayLeft {
		background: transparent url(../images/bg/home_leftcol_holiday.jpg) 0 0 no-repeat;
	}
	#body-home #content div.twoColumnRight {
		width: 266px;
		margin-right: 0px;
		padding-top: 0;
		height: 528px;
		background: transparent url(../images/bg/home_rightcol.jpg) 0 0 no-repeat;
	}
	#body-home #content div.holidayRight {
		background: transparent url(../images/bg/home_rightcol_women.jpg) 0 0 no-repeat;
	}
	/* Thanksgiving */
	#body-home #content div.tgLeft {
		background: transparent url(../images/bg/home_leftcol_tg.jpg) 0 0 no-repeat;
	}
	#body-home #content div.tgRight {
		background: transparent url(../images/bg/home_rightcol.jpg) 0 0 no-repeat;
	}
	
	
#homebtn-container div.threeColumnLayout {
	width: 30%;
	float: left;
	clear: none;
}
	#homebtn-container a {
		display: block;
	}
	#homebtn-container div.threeColumnLeft {
		margin-right: 13px;
	}
		#homebtn-container div.threeColumnLeft a {
			margin-left: 14px !important;
			margin-top: 33px;
		}
	#homebtn-container div.threeColumnMiddle {
		margin-right: 22px;
	}
		#homebtn-container div.threeColumnMiddle a {
			margin-left: 44px;
			margin-top: 19px;
		}
	#homebtn-container div.threeColumnRight {
		margin-right: 0;
	}
		#homebtn-container div.threeColumnRight a {
			margin-left: 22px;
			margin-top: 7px;
		}
	.holidayLeft #homebtn-container div.threeColumnRight {
		margin-right: 0;
	}
		.holidayLeft #homebtn-container div.threeColumnRight a {
			margin-left: 8px;
			margin-top: 0px;
		}
	/* Thanksgiving.Holiday */
	.homeleft-cta {
		position: absolute;
		z-index: 100;
		top: 180px;
		left: 25px;
		color: #37321a;				
		width:350px;
		height:	50px;
	}
		.homeleft-cta a 
		{						
			display: block;		
			width:100%;
			height:90px;						
		}
		.homeleft-cta a:hover, .homeleft-cta a:active {
			text-decoration: underline;
			cursor:hand;
		}
	.homeright-text {
		position: absolute;
		z-index: 100;
		top: 455px;
		left: 550px;
		color: #fff;
		width: 150px;
		font-size: 1.1em;
		text-align: center;
		line-height: 1.4;
	}
	.tgLeft #homebtn-container {
		padding-top: 380px;
	}
	.tgLeft #homebtn-container div.threeColumnLayout a {
		margin-top: 0;
		margin-left: 20px;
		padding-top: 60px;
		font-size: 0.92em;
		color: #555;
		text-decoration: none;
		line-height: 1.4;
	}
	
	/* Regular Styles */
	#homebtn-container {
		padding-top: 380px;
	}
	#homebtn-container div.threeColumnLayout a {
		margin-top: 0;
		margin-left: 20px;
		padding-top: 60px;
		font-size: 0.92em;
		color: #555;
		text-decoration: none;
		line-height: 1.4;
	}
	
	.holidayLeft #homebtn-container div.threeColumnLayout a:hover, .tgLeft #homebtn-container div.threeColumnLayout a:active {
		color: #000;
		text-decoration: underline;
	}
	
	.tgLeft #homebtn-container {
		padding-top: 380px;
	}
	.holidayLeft #homebtn-container div.threeColumnLayout a {
		margin-top: 0;
		margin-left: 20px;
		padding-top: 60px;
		font-size: 0.92em;
		color: #555;
		text-decoration: none;
		line-height: 1.4;
	}
	.holidayLeft #homebtn-container div.threeColumnLayout a:hover, .tgLeft #homebtn-container div.threeColumnLayout a:active {
		color: #000;
		text-decoration: underline;
	}
	
		
	.holidayLeft #homebtn-container {
		padding-top: 380px;
	}
	

#content div.oneColumnLayout {
	padding: 0 0px 0 15px;
}

#content-main div.threeColumnLayout {
	width: 30%;
	float: left;
	clear: none;
}
	#content-main div.threeColumnLeft {
		margin-right: 3%;
	}
	#content-main div.threeColumnMiddle {
		margin-right: 3%;
	}
	#content-main div.threeColumnRight {
		margin-right: 0;
	}


/* =Form
----------------------
	Form styles within #content
	Notes:
		Widths are in % to start, so that they scale, but they are the attributes most likely to change.
		Watch out, slight differences between IE and Fx play havoc with widths. Thus the use of !imporant.
		
---------------------- */
form {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}
form.checkout-login {
	margin: 0 0 0.8em 0;
	background-color: #E9E5DA;
	border: solid 1px #D5CEB9;
	padding: 10px;
	width: auto !important;
}
	form fieldset {
		border: none;
		border: 0 solid;
		padding: 0;
		margin: 0 0 1.7em 0;
	}
		form fieldset legend.h4 {
			margin: 0 0 0.5em 0 !important;
			padding: 0 !important;
			color: #000;
			font-weight: bold;
			font-size: 1em;
		}
	form p {
		display: block;
		clear: both;
		margin: 0 0 0.6em 0;
		padding: 0;	
	}
		form p label {
			display: inline;
			float: left;
			width: 35%;
			padding: 0 5% 0 0;
			margin: 0;
		}
		form p input, form p select, form p textarea {
		   margin: 0;
		   padding: 0;
		   width: 59.2%;
		   font-size: 1em;
		   border: solid 1px #999;
		   border-bottom-color: #ccc;
		   background-color: #fff;
		   font-family: Verdana, sans-serif;
		}
		form select optgroup {
			font-family: Verdana, sans-serif;
		}
		form p input {height: 1.3em;}
		form p select {width: 59.5%; height: 1.7em;}  /* selects are not the same as inputs */
		form p textarea {height: 6em;}
		
		form p input.radio {
			text-align: left;
			width: 1.3em;
			margin: 0.3em 0.2em 0 0;
			padding: 0;
			border: none;
			background: none;
		}
		form p .radiotext {
			margin: 0 1em 0 0;
		}
		form p input.ckbx {
			text-align: left;
			width: 1.2em;
			margin: 0.3em 0.2em 0 0;
			padding: 0;
			border: none;
			background: none;
		}
		
		form p.shortinput label {
			width: 62.2%;
		}
		form p.shortinput input, form p.shortinput select {
			width: 32%;
		}
		form p.shortinput2 label {
			width: 60.2%;
		}
		form p.shortinput2 input, form p.shortinput2 select {
			width: 34%;
		}
		
		/* Get Started - Menu selection - Premium meals */		
		form div.submeal-desc {
			margin: 0 20px 8px 14px;
			padding: 2px 8px 2px;
			background-color: #F3F3F3;
			border: solid 1px #E1E1E1;
			color: #000;
		}
		.submeal-red {
			color: #B3191D;
		}
		
		form div.premium {
			padding: 2px 5px 5px 5px;
			background-color: #EFF1DA;
			border: solid 1px #E0E3C2;
		}
			form div.premium p {
				clear: both;
				margin: 0;
				padding: 0;
			}
			form div.premium p.prem-desc {
				padding: 0.2em 0 0 1.7em;
				margin-bottom: 0;
			}
			form div.premium input.ckbx {
				text-align: left;
				float: left;
				display: inline;
				width: 1.2em !important;
				margin: 0.2em 0.5em 0 0;
				padding: 0;
				border: none;
				background: none;
			}
			form div.premium label {
				display: block;
				width: 84%;
				padding: 0 0 0 0;
				margin: 0;
				line-height: 1.5;
			}
		
		form td p {
			margin: 0;
		}
			form td p label {
				width: 20%;
			}
			form td p input {
				width: 30%;
			}
		form p.inline {
		}
			form p.inline label {
				width: 2%;
				margin-top: 3px;
			}
			form p.inline input {
				width: 4% !important;
				float: left;
				display: inline;
				margin-right: 20px;
				margin-top: 4px;
			}
			form p.inline button {
				float: left;
				width: 20%;
				clear: none;
			}
		
		form.ordertype {
			float: left;
			display: inline;
			width: 57%;
			margin: 0;
			padding: 5px 5px 5px 18px;
		}
			form.ordertype p {
				width: 78px;
				float: left;
				clear: none;
				margin: 0 4px 0 0;
				padding: 0;
			}
			form.ordertype p.longer {
				width: 130px;
				margin: 0;
				float: right;
				text-align: right;
			}
			form.ordertype p.hdr {
				width: 130px;
				font-weight: bold;
				/* text-transform: uppercase; */
			}
				form.ordertype p label {
					width: 70%;
					float: right;
					margin-left: 0;
				}
				form.ordertype p input {
					width: 1.5em !important;
					margin-right: 0;
					padding: 0;
				}
				form.ordertype a, form.ordertype a:link, form.ordertype a:visited {
					color: #981B1E;
				}
				
	form .notes-container {
		width: 678px;
		padding: 14px 21px 25px;
		border-top: solid 1px #B8AF93;
	}
		form .notes-container p {
			margin-top: 0.9em;
		}
		form .notes-container p label {
			float: none;
			width: 80%;
			margin-left: 0.7em;
		}
		form .notes-container p #bf, form .notes-container p #altattend {
			text-align: left;
			width: 1.2em !important;
			margin: 0.3em 0.2em 0 0;
			padding: 0;
			border: none;
			background: none;
			float: left;
			display: inline;
		}
		form .notes-container #altattenddiv {
			margin-left: 2.5em;
		}
			form .notes-container #altattenddiv p {
				margin: 0.6em 0 0.5em 0;
			}
				form .notes-container #altattenddiv p label {
					width: 15% !important;
					margin: 0 0.5em 0 0;
					padding: 0;
					float: left;
				}
				form .notes-container #altattenddiv p input {
					width: 30% !important;
				}
		
		form .notes-container .notesLeft {
			width: 45%;
			margin-right: 4%;
			float: left;
			display: inline;
		}
		form .notes-container .notesRight {
			width: 50%;
			margin-right: 0;
			float: left;
			display: inline;
		}
		form .notes-container .notesLeft label {
			display: block;
			float: none;
			width: auto;
			padding: 0;
			margin: 0;
		}
		form .notes-container .notesRight textarea {
			display: block;
			width: 100%;
			font-size: 1em;
			border: solid 1px #999;
			border-bottom-color: #ccc;
			background-color: #fff;
			font-family: Verdana, sans-serif;
			padding: 0;
			margin: 2.7em 0 0 0;
		}
		
	form.franchinq {
	}
		form.franchinq .shorterinputs {
			padding-top: 1.5em;
		}
			form.franchinq .shorterinputs label {
				width: 52% !important;
				padding-right: 2% !important;
			}
			form.franchinq .shorterinputs input {
				width: 45.3%;
			}
			form.franchinq .shorterinputs select {
				width: 45.7%;
			}
		form.franchinq .wide-textarea {
		}
			form.franchinq .wide-textarea label {
				width: 90%;
				float: none;
				display: block;
			}
			form.franchinq .wide-textarea textarea {
				float: none;
				display: block;
				margin-top: 0.4em;
				padding: 0;
				width: 100%;
			}
		
	form p.xspa { /* "extra space after" */
		margin-bottom: 2.0em;
	}
	form p.xspa2 {
		margin-bottom: 1.2em;
	}
	form p.indent {
		margin-left: 40%;
	}
	form p.indentless {
		margin-left: 40%;
	}
	form p.indentless2 {
		margin-left: 40%;
	}
	form .req {
		color: red;
	}
	form input:focus {
		/* however we want the focused field to look */
	}
	form input.submit, form button {
		border: 3px double #999;
		border-top-color: #ccc;
		border-left-color: #ccc;
		padding: 1px 2px;
		background: #f6f6f6;
		color: #555;
		font-size: 0.9em;
		font-weight: bold;
		height: auto;
		width: auto;
		cursor: pointer;
		margin: 0;
	}
	form input.secondary, form button.secondary {
		background-color: #ddd;
	}
	form button {
		font-family: inherit; /* for good browsers */
		font-family: Verdana, sans-serif; /* must be specified for IE */
	}
	form input.submit:active, form button:active { /* restores feedback behavior to Fx */
		border: 3px double #ccc;
		border-top-color: #999;
		border-left-color: #999;
	}
	form button.nostyle, form input.nostyle {
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
		background: none !important;
		line-height: 1 !important;
		width: auto !important;
		height: auto !important;
	}
	form button.marginright {
		margin-right: 5px !important;
	}
	
/*
	Tabs for Franchise Landing Page, My Account Page
*/
	.yui-nav
	{		
		width:100%;
		padding-right:0 !important;
		margin-bottom:10px;
		padding-left:0;
		border-bottom:1px solid #786D4D;
		height:23px; /* Mozilla/FF displays too low */
	}
	
	.yui-nav li
	{
		float:left;
		list-style:none;
		margin-right:4px;		
		background-color: #EEEBE4;
		padding-left:0px;
		margin-left:0px;
	}
	
	.yui-nav li a
	{
		text-decoration:none;
		font-size:12px;
		font-weight:bold;
		padding:2px 10px 2px 10px !important;
		display:block;		
	}
	
	.yui-nav .selected
	{
		background-color:#786d4d;
	}
	
	.yui-nav .selected a
	{
		color: #ffffff;
	}


/* =Footer
----------------------
	Credit/footer styles: Usually the copyright/company info
	Notes:
---------------------- */
#siteinfo {
	font-size: 0.85em;
	padding: 6px 2px 20px;
	color: #B9B18E;
}
	#siteinfo a, #siteinfo a:link, #siteinfo a:visited {
		color: #5E5337;
		text-decoration: none;
	}
	#siteinfo a:hover, #siteinfo a:active {
		color: #5E5337;
		text-decoration: underline;
	}
	#siteinfo-legal {
		float: left;
		display: inline;
		text-align: left;
		width: 48%;
	}
	#siteinfo-links {
		float: right;
		display: inline;
		text-align: right;
		width: 50%;
	}
.err {
	color:#981B1E;
	font-weight:bold;
	border:1px solid #981b1e;
	padding: 3px 7px;
	margin:10px 0px;
}
.confirm {
	padding:10px 10px 10px 27px; 
	border:2px solid #4C690E; 
	color:#4C690E; 
	background: url('../images/icons/confirm.gif') 10px 12px no-repeat #fff;
	width:54%;
	margin:10px 0px 20px 0px;
}


/* =Uni
----------------------
	Universal styles: Styles that apply to elements found throughout the site
	Notes:
		The best example of this is the "clear" div
---------------------- */
.clear {
	clear: left;
}
.bold {
	font-weight: bold;
}
.em {
	font-style: italic;
}
.redtext {
	color: #981B1E;
}
.xmargin {
	margin-bottom: 20px
}
.lgrtext {
	font-size: 1.1em;
}
.smrtext {
	font-size: 0.92em;
}
.xspa { /* "extra space after" */
	margin-bottom: 2.0em;
}
.xspa2 {
	margin-bottom: 1.2em;
}
p.pagebreak { page-break-after: always }

/* for popup news window*/
#pagination {
	margin-bottom: 5px;
	margin-top: -22px;
	float: right;
	display: inline;
	width: 470px;
	text-align: right;
}
	#pagination .closewindow {
	}
	#pagination .grey {
		color: #999;
	}
/*#pagination a {
	text-decoration:none;
	color:#585939;
}
#pagination a.on {
	padding:0 2px;
	border:1px solid #D5CEBB;				
}*/