/*==================================================
	[menu-select.css]
	http://www.bistromd.com
	October 6, 2009
==================================================*/

body {
	xfont: 12px/14px Arial,Helvetica,Verdana,sans-serif;
	color: #2F1110;
	padding-left: 10px;
	}

.box {
	font: 12px/14px Arial,Helvetica,Verdana,sans-serif;
	text-align: left;
	padding-left: 15px;
	}
	
h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 4px;
	}
	
ul.facts li {
	background: url(../images/menus/facts.gif) no-repeat;
	font-weight: bold;
	padding-left: 12px;
	} /* checked lists */

.hed {
	background: #F1E8D7;
	height: 33px;
	margin-bottom: 11px;
	}
	.hed img {
		float: left;
		}
	.hed div {
		float: right;
		}


/* content intro */
#intro {
	border-top: 1px solid #CABFAB;
	border-bottom: 1px solid #CABFAB;
	margin: 0 0 11px 7px;
	padding: 16px 0 12px 0;
	width: 864px;
	height: 90px;
	}
	#intro li {
		float: left;
		}
	#intro li.a {
		width: 375px; 
		margin-right: 13px;
		}
	#intro li.b {
		border-left: 1px solid #CABFAB; 
		padding-left: 17px;
		width: 155px;
		height: 85px;
		}
	#intro li.c {
		border-right: 1px solid #CABFAB;
		margin-right:20px;
		width: 125px;
		height: 85px;
		}


/* carousel content */
#featured {
	float: left;
	margin-right: 14px;
	width: 327px;
	}
	.featured-wrap {
		background: #FFFBF2;
		border: 1px solid #C8C0AB;
		height: 303px;
		padding: 11px 9px;
		}
		#slider {
			background: url(../images/menus/bg-carousel.gif) repeat-x left bottom;
			border: 1px solid #C8C0AB;
			position: relative;
			}
		#slider li { 
			width: 305px;
			height: 301px;
			overflow: hidden; 
			position: relative;
			}
		#slider li h4 {
			text-align: center;
			line-height: 40px;
			}
		#slider li div {
			position: absolute;
			top: 0px;
			z-index: 1000;
			}
			#slider li div .meal-title {
				color: #fff;
				cursor: pointer;
				font-size: 14px;
				background: #190600 url(../images/menus/open.png) no-repeat center right;
				display: block;
				line-height: 29px;
				padding-left: 12px;
				height: 29px;
				width: 293px;
				}
			#slider li div .meal-title:hover {
				background: #190600 url(../images/menus/close.png) no-repeat center right;
				}
			#slider li div .meal-sum {
				display: block;
				background: url(../images/menus/bg_meal-sum.png);
				font-size: 11px;
				color: #fff;
				padding: 4px 0 0 12px;
				width: 293px;
				height: 32px;
				}
			#slider li div .meal-sum.show {
				display: block;
				}
		#prevBtn, #nextBtn { 
			display: block;
			width: 37px;
			height: 31px;
			}														
		#prevBtn a, #nextBtn a {  
			display: block;
			position: relative;
			width: 37px;
			height: 31px;
			text-indent: -9999px;	
			}
		#prevBtn a {
			background: url(../images/menus/prev.png) no-repeat 0 0;
			top: -37px;
			left: 6px;
			}
		#nextBtn a { 
			background: url(../images/menus/next.png) no-repeat 0 0;
			top: -68px;
			left: 263px;
			}	


/* menus content */
#sample {
	float: left;
	margin-bottom: 12px;
	width: 539px;
	}
	.sample-wrap {
		background: #FFFBF2;
		border: 1px solid #C8C0AB;
		height: 313px;
		padding: 6px;
		}
		
	/* select box */
.js ul.newList {
	left: -9999px;
	}
ul.newList {
	font-weight: normal;
	width: 154px; 
	background: #fff;
	border: 1px solid #ccc;
	position: absolute;
	top: 23px;
	left: 0;
	overflow: auto;
	z-index: 9999;
	}
	ul.newList li {
		padding: 3px 8px;
		}
.newListSelected {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #2F1110;
	margin: 6px 6px 0 0;
	padding: 4px 0 0 10px;
	width: 144px;
	height: 22px;
	background: url(../images/menus/bg-select.png) no-repeat;
	}
	.newListSelected span {
		width: 144px;
		display: block;
		}
.selectedTxt {
	width: 122px; 
	overflow: hidden; 
	height: 16px; 
	padding: 0 23px 0 0;
	}
.hiLite {
	}
.newListHover {
	color: #fff;
	background: #c8c0ab!important;
	cursor: default;
	}
.newListSelHover, .newListSelFocus {
 cursor: default;
 }
		
.menu {
	height: 313px;
	overflow: auto;
	}
	.menu li {
		border: 1px solid #C8C0AB;
		clear: both;
		font-size: 11px;
		line-height: 12px;
		overflow: hidden;
		margin: 0 8px 3px 0;
		/*padding: 7px 0 7px 26px;*/
		}
		.menu ul {
			float: left;
			padding-left: 26px;
			}
		.menu ul.day1 {
			background: #fff url(../images/menus/day1.png) no-repeat;
			}
		.menu ul.day1:hover {
			background: #EFE8D6 url(../images/menus/day1.png) no-repeat;
			background-position: -498px;
			cursor: pointer;
			}
		.menu ul.day2 {
			background: #fff url(../images/menus/day2.png) no-repeat;
			}
		.menu ul.day2:hover {
			background: #EFE8D6 url(../images/menus/day2.png) no-repeat;
			background-position: -498px;
			cursor: pointer;
			}
		.menu ul.day3 {
			background: #fff url(../images/menus/day3.png) no-repeat;
			}
		.menu ul.day3:hover {
			background: #EFE8D6 url(../images/menus/day3.png) no-repeat;
			background-position: -498px;
			cursor: pointer;
			}
		.menu ul.day4 {
			background: #fff url(../images/menus/day4.png) no-repeat;
			}
		.menu ul.day4:hover {
			background: #EFE8D6 url(../images/menus/day4.png) no-repeat;
			background-position: -498px;
			cursor: pointer;
			}
		.menu ul.day5 {
			background: #fff url(../images/menus/day5.png) no-repeat;
			}
		.menu ul.day5:hover {
			background: #EFE8D6 url(../images/menus/day5.png) no-repeat;
			background-position: -498px;
			cursor: pointer;
			}
		.menu ul.day6 {
			background: #fff url(../images/menus/day6.png) no-repeat;
			}
		.menu ul.day6:hover {
			background: #EFE8D6 url(../images/menus/day6.png) no-repeat;
			background-position: -498px;
			cursor: pointer;
			}
		.menu ul.day7 {
			background: #fff url(../images/menus/day7.png) no-repeat;
			}
		.menu ul.day7:hover {
			background: #EFE8D6 url(../images/menus/day7.png) no-repeat;
			background-position: -498px;
			cursor: pointer;
			}
			.menu ul li {
				border: none;
				border-right: 1px solid #c9bea8;
				clear: none;
				float: left;
				margin: 7px 0;
				padding: 0 12px;
				width: 80px;
				}
			.menu ul li.last {
				border: none;
				padding: 0;
				width: 50px;
				}
				.menu ul li span {
					display: block;
					font-weight: bold;
					}
				.menu ul li .day-detail-link {
					display: block;
					width: 27px;
					height: 27px;
					margin: 5px 0 0 10px;
					background: url(../images/menus/pluss.png) no-repeat;
					}
				.menu ul li .day-detail-link:hover {
					background-position: -27px; 
					}

		.day-detail {
			clear: both;
			overflow: hidden;
			}
		.menu div.remove {
			background: none;
			}
		.day-detail.day1 {
			background: #EFE8D6 url(../images/menus/day1.png) no-repeat -498px top;
			}
		.day-detail.day2 {
			background: #EFE8D6 url(../images/menus/day2.png) no-repeat -498px top;
			}
		.day-detail.day3 {
			background: #EFE8D6 url(../images/menus/day3.png) no-repeat -498px top;
			}
		.day-detail.day4 {
			background: #EFE8D6 url(../images/menus/day4.png) no-repeat -498px top;
			}
		.day-detail.day5 {
			background: #EFE8D6 url(../images/menus/day5.png) no-repeat -498px top;
			}
		.day-detail.day6 {
			background: #EFE8D6 url(../images/menus/day6.png) no-repeat -498px top;
			}
		.day-detail.day7 {
			background: #EFE8D6 url(../images/menus/day7.png) no-repeat -498px top;
			}
		.day-detail dl {
			float: left;
			margin: 19px 0 0 38px;
			width: 410px;
			}
			.day-detail dt {
				clear: both;
				float: left;
				font-weight: bold;
				margin: 0 5px 0 0;
				}
			.day-detail dd {
				background: url(../images/menus/bg-dd.gif) repeat-x left bottom;
				padding: 0 0 8px 0;
				margin-bottom: 8px;
				}
			.day-detail dd.none {
				background: none;
				padding: 0;
				}
		.day-detail .day-sum-link {
			float: right;
			display: block;
			width: 27px;
			height: 27px;
			margin: 13px 15px 0 0;
			background: url(../images/menus/minus.png) no-repeat;
			}
 
 
/* touts */
#tout-left {
	margin: 16px 15px 21px 0;
	float: left;
	}
#tout-right {
	margin: 10px 0 21px 0;
	float: left;
	position: relative;
	}
	#tout-right img {
		position: absolute;
		z-index: 10;
		}
	#tout-right p {
		font: bold 11px/16px Arial;
		color: #FFF9ED;
		position: absolute;
		top: 123px;
		left: 161px;
		width: 230px;
		z-index: 50;
		}
		#tout-right p a {
			color: #FCC40F;
			padding-right: 11px;
			background: url(../images/menus/more-yellow.gif) no-repeat right center;
			text-decoration: none;
			}
		#tout-right p a:hover {
			color: #F5C45A;
			}