body {
	background-image: url(images/bg.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* BEGIN text styles */
td {
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
	text-align: left;
	vertical-align: top;
}

.textThemeColor {
	color: #803300;
}

.bold {
	font-weight: bold;
}

.bigger {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;	
}

.red {
	color: #7E2E08;
}

.required {
	color: #CC0000;
}

.instructions {
	font-family:Arial;
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle;
	padding-bottom: 8px;
}

A:link { text-decoration: underline; color: #000000; }
A:visited { text-decoration: underline; color: #000000; }
A:hover { text-decoration: none; color: #a1190c; }
A:active { text-decoration: underline; color: #000000; }
A:disabled { text-decoration: none; color: #B39C79; }

/* BEGIN restaurant logo */
td.RestaurantLogo {
	text-align: center;
	vertical-align: bottom;
}

/* BEGIN restaurant name */
td.RestaurantName {
	font-family: Arial;
	font-size: 22px;
	color: #FDE8AF;
	font-weight: bold;
	font-style: italic;
	padding-top: 26px;
	text-indent: 12px;
}
td.RestaurantName2 {
	font-family: Times New Roman;
	font-size: 26px;
	color: #FDE8AF;
	font-weight: bold;
	font-style: italic;
	padding-top: 22px;
	text-indent: 12px;
}

/* BEGIN navigation menu */
#navcontainer
{
width: auto;
margin: 0 auto;
padding: 0;
font-family: Arial;
font-size: 13px;
font-style: italic;
font-weight: bold;
text-align: center;
text-transform: capitalize;
border-bottom: 1px solid #e2e2e2;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 166px;
padding: 6px 0 7px 2em;
border-width: 1px;
border-color: #ffe9a4 /*active border light*/ 
			  #e38e15 /*active right border*/ 
			  #e38e15 /*active border dark*/ 
			  #ffe9a4 /*active left border*/;
border-style: solid;
color: #8C1700;
text-decoration: none;
background: #ffc039;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #b2220f;
color: #ffffff;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #8C1700;
background: #ffd860;
border-color: #e38e15 /*hover border dark*/
			  #ffe9a4 /*hover border light*/
			  #ffe9a4
			  #ffe9a4; /*hover left border*/
}

/* BEGIN login */
.login {
	font-family: Arial;
	font-size: 14px;
	color: #a1190c;
	font-weight: bold;
}

/* BEGIN homepage items */
.welcomeTitle {
	font-family: Times New Roman;
	font-size: 24px;
	color: #971900;
	font-weight: normal;
	font-style: italic;
}

.bookTitle {
	font-family: Times New Roman;
	font-size: 22px;
	color: #63605D;
	font-weight: normal;
	font-style: italic;
}

.hrHomepage {
	border: 0;
	width: 100%;
	color: #e0a71a;
	background-color: #e0a71a;
	height: 1px;
}

/* BEGIN content */
td.content {
	padding-top:4px;
	padding-bottom:4px;
}

/* BEGIN dialogs */
td.dialogTitle {
	text-align: center;
	vertical-align: bottom;
	font-family:Arial;
	font-size:18px;
	color:#a1190c;
	font-weight:bold;
	padding-left:6px;
	height:26px;
}

hr.hrDialogs {
	border: 0;
	width: 100%;
	text-align: center;
	color: #C6B7A1;
	background-color: #e0a71a;
	height: 2px;
}

td.dialogPageTitle {
	text-align: left;
	vertical-align: bottom;
	font-family:Arial;
	font-size:18px;
	color:#a1190c;
	font-weight:bold;
	padding-left:6px;
	height:26px;
}

/* BEGIN coupon table */
table#couponTbl {
	border: 2px dashed #7E2E08;
	background-color: white;
}

/* BEGIN review styles */

td.dialogTitleReview {
	text-align: left;
	vertical-align: middle;
	font-family:Arial;
	font-size:16px;
	color:#a1190c;
	font-weight:bold;
	height:22px;
}

td.checkReview {
	font-family: Arial;
	font-style: italic;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	height:30px;
}

/* BEGIN checkout steps */
table#stepsTbl { 
	width:100%;
	height:24px;
	vertical-align:top;
	text-align:center;
	border-top:1px solid #c97600;
	border-bottom:1px solid #c97600;
}

table#stepsTbl td.sepDark { 
	width:1px;
	background-color:#d58300;
}

table#stepsTbl td.sepLight {
	width:1px;
	background-color:#fff1d6;
}

table#stepsTbl td.step {
	width:25%;
	background-color:#CCCC99;
	text-align:center;
	vertical-align:middle;
	font-family:Arial;
	font-weight:bold;
	text-transform:uppercase;
	background: url(images/bgStep.gif) repeat-x;
}

table#stepsTbl td.stepOn {
	width:25%;
	background-color:#CCCC99;
	text-align:center;
	vertical-align:middle;
	font-family:Arial;
	font-weight:bold;
	text-transform:uppercase;
	background: url(images/bgStepOn.gif) repeat-x;
}

/* BEGIN address book */
table#addressbookTbl { 
	width:100%; 
	border:1px solid #FFECBA;
}

table#addressbookTbl td.addressList {
	text-align:left; 
	vertical-align:top; 
	font-weight:normal; 
	color:black; 
	background-color:#FFFFFF;
	border-left: 1px solid #FFECBA;
	border-top: 1px solid #FFECBA;
	border-right: 1px solid #FFECBA;
	border-bottom: 1px solid #FFECBA;
}

table#addressbookTbl td.addressNickname {
	height:14px;
	text-align:left;
	vertical-align:middle; 
	font-weight:bold; 
	color:#565656; 
	background-color:#FFECBA;
	padding-left:6px;
	text-transform:uppercase;
}

table#addressbookTbl td.addressDetail {
	height:40px;
	padding-left:6px;
}

/* BEGIN time */
table#timeTbl { 
	width:90%; 
	text-align:center; 
}
table#timeTbl td.timeAMPM { 
	height:20px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;	
	background-color:#AD6E32;
	border-left:1px solid #F6D6B8; 
	border-top:1px solid #F6D6B8; 
	border-right:1px solid #6F3F10; 
	border-bottom:1px solid #6F3F10;
}
table#timeTbl td.timeSelect {
	height: 30px;
	text-align:center; 
	vertical-align:middle; 
	font-weight:normal; 
	color:black; 
	background-color:#FFFFFF; 
	border-left:1px solid #FFFFFF;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

/* BEGIN order review */
table#checkReviewTbl { width:100%; }

table#checkReviewTbl td.checkReviewQty {
	text-align:right;
	font-size: 13px;
}
table#checkReviewTbl td.checkReviewItem {
	font-family: Arial;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	height: 18px;
}
table#checkReviewTbl td.checkReviewPrice {
	text-align:right;
	font-weight:normal;
	vertical-align:top;
}
table#checkReviewTbl td.modbullet {
	vertical-align:top; 
	text-align:right; 
	font-family:Tahoma; 
	font-size:12px; 
	color:#8A0000; 
	font-weight:normal; 
	padding-bottom:2px; 
	padding-right:2px; 
}
table#checkReviewTbl td.checkReviewModItem {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #8A0000;
	text-align: left;
	vertical-align: top;
}
table#checkReviewTbl td.checkReviewTotal {
	font-family: Arial;
	font-size: 16px;
	text-align:right;
}

.fieldlabel {
	background-color: #FFFFFF;
	padding: 0px 6px 1px 6px;
	border: 1px solid #4E3F31;
}

/* BEGIN footer */
.footer {
	text-align: center;
	color: #FDE8AF;
	vertical-align: middle;
	background-image: url(images/footer.gif);
}

.footerMenu {
	text-align: center;
	color: #FDE8AF;	
	vertical-align: middle;
	background-image: url(images/footerMenu.gif);
}

/* Styles for the form fields */
.fieldState {
	font-family: Tahoma; 
	font-size: 11px; color: #000000; 
	font-weight: normal;
	padding-left: 2px;
	background-color: #FFFFFF;
	border: 1px solid #95380C;
	height: 18px;
}
.field3 {
	font-family: Tahoma; 
	font-size: 11px; color: #000000; 
	font-weight: normal;
	padding-left: 2px;
	background-color: #FFFFFF;
	border: 1px solid #95380C;
	width: 30px;
	height: 15px;
}
.field5 {
	font-family: Tahoma; 
	font-size: 11px; color: #000000; 
	font-weight: normal;
	padding-left: 2px;
	background-color: #FFFFFF;
	border: 1px solid #95380C;
	width: 60px;
	height: 15px;
}
.field10 {
	font-family: Tahoma; 
	font-size: 11px; color: #000000; 
	font-weight: normal;
	padding-left: 2px;
	background-color: #FFFFFF;
	border: 1px solid #95380C;
	width: 110px;
	height: 15px;
}
.field15 {
	font-family: Tahoma; 
	font-size: 11px; color: #000000; 
	font-weight: normal;
	padding-left: 2px;
	background-color: #FFFFFF;
	border: 1px solid #95380C;
	width: 140px;
	height: 15px;
}
.field20 {
	font-family: Tahoma; 
	font-size: 11px; color: #000000; 
	font-weight: normal;
	padding-left: 2px;
	background-color: #FFFFFF;
	border: 1px solid #95380C;
	width: 180px;
	height: 15px;
}
.field30 {
	font-family: Tahoma; 
	font-size: 11px; color: #000000; 
	font-weight: normal;
	padding-left: 2px;	
	background-color: #FFFFFF;
	border: 1px solid #95380C;
	width: 250px;
	height: 15px;
}
.textareaSmall {
	font-family: Tahoma; 
	font-size: 11px; color: #000000; 
	font-weight: normal;
	padding-left: 2px;	
	background-color: #FFFFFF;
	border: 1px solid #95380C;
	width: 250px;
	height: 100px;
}
.dropdown {
	font-family: Tahoma; 
	font-size: 11px; color: #000000; 
	font-weight: normal;
	padding-left: 2px;
	background-color: #FFFFFF;
	border: 1px solid #95380C;
	height: 18px;
}


a img { border:none; }

/* BEGIN Menu Styles*/
html {
overflow-x: hidden;
}

.menuBg {
	background-image: url(images/parchment.gif);
	background-color: #FAF9E4;
}

body.menuScroll {
scrollbar-face-color: #F2E4BA;
scrollbar-shadow-color: #D7C49E; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #F7E8F9; 
scrollbar-darkshadow-color: #7A4981;
scrollbar-track-color: #FAEFCD; 
scrollbar-arrow-color: #957941;
}

/* BEGIN category tab */
td.tabBg {
	background-color: #fbca56;
}

.tabAllCategories {
    background-color: #fbca56;
    text-align: center;
}

A:link.tab { text-decoration: none; color: #940d00; font-weight: bold; }
A:visited.tab { text-decoration: none; color: #940d00; font-weight: bold; }
A:hover.tab { text-decoration: none; color: #000000; font-weight: bold; }
A:active.tab { text-decoration: none; color: #940d00; font-weight: bold; }

A:link.tabOn { text-decoration: underline overline; color: #000000; font-weight: bold; text-transform:uppercase; }
A:visited.tabOn { text-decoration: underline overline; color: #000000; font-weight: bold; text-transform:uppercase; }
A:hover.tabOn { text-decoration: underline overline; color: #000000; font-weight: bold; text-transform:uppercase; }
A:active.tabOn { text-decoration: underline overline; color: #000000; font-weight: bold; text-transform:uppercase; }

/* BEGIN menu items */
h2 {
    font-family: Tahoma; color: #000000; font-size: 18px; font-weight: bold; font-style: italic;
    text-align: center; line-height: 6px; padding-top: 12px;
}


h3 {
    font-family: Tahoma;
    color: black;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    border-top: 2px dotted brown;
    margin-left: 14px;
    margin-right: 14px;
    padding-bottom: 4px;
    padding-top: 4px;
}

table.menuItem {
	width: 450px;
	margin: auto;
}

.menuTitle {
	font-family: Tahoma; color: #8A0000; font-size: 14px; font-weight: bold;
	background: url(images/parchment.gif);
	padding-left: 4px;
	padding-right: 2px;
	vertical-align: middle;
}

.menuPrice {
	font-family: Tahoma; color: #000000; font-size: 12px; font-weight: bold;
	text-align: right;
	padding-left: 2px;
	vertical-align: middle;	
}

.menuDescription {
	font-family: Tahoma; color: #000000; font-size: 12px; font-weight: normal; font-style: italic;
}

.menuThumbnail {
	width: 85px;
	padding-top: 4px;
	padding-left: 3px;
}

.menuConnector {
    background: url(images/dot.gif) repeat-x 0 1.6em;
	width: 100%;
	vertical-align: middle;		
}

/* BEGIN menu navigation below items */
div#navigation {
	position:absolute;
	width:461px;
	height:40px;
	z-index:1;
	top: 524px;
	background: url(images/parchment.gif);
}

.menuIndicator {
	width: 26%;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
}

.menuIndicatorMsg {
	text-align: right;
	vertical-align: middle;
	padding-left: 8px;
	font-family: Arial;
	color: #4B5157;	
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.menuNavigation {
	text-align: right;
	vertical-align: bottom;
}

/* BEGIN check total */
div#checkTotal {
	OVERFLOW: auto;
	overflow-x: hidden;
	WIDTH: 249px;
	HEIGHT: 52px;
	background: url(images/checkTotalBg.gif);
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;	
}

/* for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold	{ 
	position:relative; overflow:hidden;
	width:231px; height:321px; z-index:100; 
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:231px; height:321px; 
	clip:rect(0px, 231px, 321px, 0px); 
	overflow:hidden;	
	z-index:1;
	}
div#lyr1 { 
	position:absolute; 
	left:0px; top:0px; 
	z-index:1;
	}

table#imgTbl { width:231px; }
/*table#imgTbl td { height:22px; vertical-align:middle; text-align:center }*/
table#imgTbl td.del { width:16px; vertical-align:top; text-align:left; padding-top:4px; padding-left:3px; }
table#imgTbl td.note { width:16px; vertical-align:top; text-align:left; padding-top:2px; }
table#imgTbl td.qty { width:18px; vertical-align:top; text-align:center; font-family:Tahoma; font-size:12px; color:#000000; padding-top:2px; padding-bottom:5px; }
table#imgTbl td.item { vertical-align:top; text-align:left; font-family:Tahoma; font-size:12px; color:#000000; font-weight:bold; padding-top:2px; padding-bottom:5px; }
table#imgTbl td.price { width:43px; vertical-align:top; text-align:right; font-family:Tahoma; font-size:12px; color:#000000; padding-right:2px; padding-top:2px; padding-bottom:5px; }
table#imgTbl td.modbullet { vertical-align:top; text-align:right; font-family:Tahoma; font-size:12px; color:#8A0000; font-weight:normal; padding-bottom:2px; padding-right:2px; }
table#imgTbl td.moddel { vertical-align:top; text-align:center; padding-top: 1px; padding-right:2px; }
table#imgTbl td.moditem { vertical-align:top; text-align:left; font-family:Tahoma; font-size:12px; color:#8A0000; font-weight:normal; padding-bottom:2px; }
table#imgTbl td.modprice { width:43px; vertical-align:top; text-align:right; font-family:Tahoma; font-size:12px; color:#8A0000; padding-bottom:2px; }

A:link.moditem { text-decoration: none; color: #8A0000; }
A:visited.moditem { text-decoration: none; color: #8A0000; }
A:hover.moditem { text-decoration: underline; color: #8A0000; }
A:active.moditem { text-decoration: none; color: #8A0000; }

td.scroll { text-align:right; padding-right:2px; }

a img { border:none; }

.total { vertical-align:middle; text-align:right; padding-right:20px; font-family:Tahoma; font-size:13px; font-weight:bold; color:#000000; }

.finishandpay { vertical-align:top; text-align:center; }

/* BEGIN modul popup */
.modalPopup {
      background-color: #e5e6e8;
      border: 2px solid #b22312;
      width:190px;
}

.modalPopupTitle {
    font-family: Tahoma; 
    font-size: 11px;
    color: #fff;
    background-color: #b22312;
    vertical-align: middle;
    padding-top: 2px;
    padding-bottom: 4px;    
    padding-left: 4px;
}

.modalPopupContent {
    padding: 6px;
    vertical-align: middle;
    text-align: center;
}

.textareaModalPopup {
    font-family: Tahoma; 
    font-size: 11px;
    color: #000000; 
    font-weight: normal;
    padding-left: 2px;    
    background-color: #FFFFFF;
    border: 1px solid #b22312;
    width: 170px;
    height: 50px;
    overflow: auto;
    margin-bottom: 6px;
}

.modalPopupBtn {
    font-family: Tahoma; 
    font-size: 11px;
    font-weight: bold;
    width: 80px;
    padding: 3px;
    background-color: #fcbc2a;    
    border-left: 1px solid #fff7e3;
    border-top: 1px solid #fff7e3;    
    border-right: 1px solid #a97f40;
    border-bottom: 1px solid #a97f40;
}

A:link.modalPopupBtn { text-decoration: none; color: #960d00; }
A:visited.modalPopupBtn { text-decoration: none; color: #960d00; }
A:hover.modalPopupBtn { text-decoration: none; color: #960d00; }
A:active.modalPopupBtn { text-decoration: none; color: #960d00; }