body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-image: url(../kiosk/bg.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

#container {
	position: relative;
	width: 860px;
	min-height: 300px;
	margin-top: 50px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../kiosk/tile.png);
	background-repeat: repeat-y;
	background-attachment: scroll;
	padding-top: 0;
	padding-left: 29px;
	padding-right: 29px;
	z-index: 10;
}

#menuPrint #container {
	background: white;
	margin-top: 0px;
}

.print,
.openPrint {
	text-align: center;
}

#menu .print {
	position: absolute;
	left: -1000px;
}

#menuPrint .openPrint {
	position: absolute;
	left: -1000px;
}

.watermark {
	z-index: 1;
	position: fixed;
	bottom: 0;
	left: 0;
}

#menuPrint .watermark {
	bottom: 1000px;
	left: 1000px;
}

.top {
	position: absolute;
	top: -24px;
	left: -29px;
}

.base {
	position: absolute;
	bottom: -23px;
	left: 0;
}

.logo {
	position: absolute;
	top: 7px;
	right: 17px;
}

#copyrite {
	position: absolute;
	right: 9px;
	bottom: -50px;
	text-align: right;
	font-size: 12px;
	color: #757575;
}

#copyrite a {
	text-decoration: none;
	color: #b0b0b0;
}

#copyrite a:hover {
	text-decoration: underline;
	color: #7d0000;
}

#text {
	float: left;
	width: 562px;
	margin-top: 220px;
	padding-right: 20px;
	border-right: 1px solid #9b0000;
}

#menu #text,
#menuPrint #text {
	float: left;
	width: 860px;
	border: none 0;
}

#menuPrint #text {
	margin-top: 10px;
}

.clear {
	height: 1px;
	clear: both;
}

.clearLeft {
	height: 1px;
	clear: left;
}

.clearRight {
	height: 1px;
	clear: right;
}

#ads {
	float: left;
	margin-top: 220px;
	margin-left: -1px;
	width: 230px;
	padding-left: 22px;
	min-height: 300px;
	border-left: 1px solid #9b0000;
}

#voucher #ads,
#members #ads {
	width: 260px;
	padding-left: 15px;
}

#voucher form,
#members form {
	background-color: #eeeeee;
	padding: 0px 5px 0 5px;
	margin-top: -13px;
}

#voucher .formTitle, 
#members .formTitle {
	padding-top: 8px;
}

#ads a {
	display: block;
	width: 250px;
	height: 161px;
	background-position: 0px top;
	overflow: hidden;
	margin-bottom: 7px;
	text-indent: -20000px;
}

#ads a:hover {
	background-position: 250px top;
}

.ad1 {
	background-image: url(../kiosk/ads/voucher_ad.jpg);
	border: 1px solid #000;
}

.ad2 {
	background-image: url(../kiosk/ads/members_ad.jpg);
	border: 1px solid #9b0000;
}

.ad3 {
	background-image: url(../kiosk/ads/menu_ad.jpg);
	border: 1px solid #9b0000;
}

#banner {
	position: absolute;
	top: 0px;
	left: 29px;
	height: 200px;
	width: 860px;
}

.banner1 {
	z-index: 20;
	position: absolute;
	top: 7px;
	left: 0px;
}

.banner2 {
	z-index: 20;
	position: absolute;
	top: 7px;
	left: 252px;
}

.banner3 {
	z-index: 20;
	position: absolute;
	top: 7px;
	left: 503px;
}

.w3c {
	padding-top: 30px;
}

.w3c img {
	border: 0px none;
	z-index: 2;
}

.menuTable .text td {
	padding-bottom: 20px;
}

.menuTable td {
	vertical-align: top;
	margin: 0 none;
	padding: 0 none;
}

.menuTable .text td,
.menuTable p.text {
	font-size: 0.9em;
	color: gray;
}

.menuTable td span {
	float: right;
	font-size: 0.9em
}

#menu .note,
#menuPrint .note {
	display: block;
	width: 780px;
	background: lightgrey;
	margin: 20px;
	padding: 20px;
}

#lunch .note {
	display: block;
	background: lightgrey;
	margin: 10px 0 20px 0;
	padding: 20px;
}

#menuPrint .note {
	width: 680px;
}

.inlineTable {
	display: inline;
	margin-left: 15px;
}

#members table,
#voucher table {
	font-size: 14px;
	color: #666;
}

.webform_table {
	width: 100%;
}

form ul li {
	color: red;
}

#menu h2 span {
	float: right;
	color: grey;
	font-size: 0.7em;
}