﻿body 
{
	background: url('Images/bg.jpg');
	font-family: Arial, Helvetica, Sans-Serif;
	color: #666666;
	font-size: 10pt;
}
img 
{
	border: 0px;
}
h1 
{
	font-size: 13pt;
}
h2 
{
	font-size: 11pt;
	margin-bottom: 10px;
}
p 
{
	margin: 10px 0px;
}
a 
{
	color: #92141c;
	text-decoration: none;
}
a:hover
{
	color: #92141c;
	text-decoration: underline;
}
input[type='text'], select 
{
	font-size: 9pt;
	color: #666666;
}
input[type='button'], input[type='submit'] 
{
	background: #A34149;
	padding: 2px;
	color: White;
	cursor: pointer;
	border: solid 1px #DBCCAB; 
}
input[type='button']:hover, input[type='submit']:hover
{
	color: #DBCCAB;
}

/* Quote */
#quoteContent input[type='text']
{
	width: 224px;
}
#quoteContent select
{
	width: 228px;
	.width: 230px;
}
#quoteContent textarea
{
	width: 430px;
	height: 50px;
}
fieldset
{
	border: solid 1px #DBCCAB;
	background: url(images/fieldsetBg.gif) repeat-x bottom;
	margin-bottom: 15px;
	 .padding: 15px;
}
	legend
	{
		font-size: 12pt;
		font-weight: bold;
		padding: 3px 10px;
		border: solid 1px #DBCCAB; 
		background-color: #A34149;
		color: #FFFFFF;
	}
	fieldset label
	{
		float: left;
		clear: both;
		margin-bottom: 10px;
		font-weight: bold;
		 .width: 100%;
	}
	
	.formComments
	{
		font-weight: normal;
		color: #A19374;
	}
	
	.checkBoxes
	{
		float: left;
		clear: both;
		width: 100%;
	}
	fieldset label span label
	{
		float: none;
		margin: 0 !important;
		font-weight: normal !important;
	}
/* End Quote */

.clear 
{
	clear: both;
}
.requiredField 
{
	color: #92141c;
}
#wrap 
{
	width: 759px;
	margin: 25px auto;
	.margin: 10px auto;
}
#body 
{
	background: url('Images/bodyBg.png') repeat-y;
	_background: url('Images/bodyBg.gif') repeat-y;
	width: 759px;	
	_width: 779px;
}
#nav 
{
	float: left;
	margin-left: 32px;
	#margin-left: 17px;	
	_margin-left: 7px;	
	_margin-right: 17px;	
}
#nav #award 
{
	margin: 20px 0px 0px 0px;
	.margin: 20px 0px 0px 18px;
}
#nav #logo 
{
	margin: 0px 0px 20px -8px;
	.margin: 0px 0px 20px 7px;
	cursor: pointer;
}
#nav ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline;
	float: left	
}
#nav li
{
	
}
#nav a
{
	width: 145px;
	padding-top: 46px;
	overflow: hidden;
	display: block;
	height: 0px;
}
#services 
{
	background: url('Images/services-ov.gif');	
	.background: url('Images/services-ov.gif') no-repeat 16px;	
}
#services a 
{
	background: url('Images/services.gif'); 
}
#menu
{
	background: url('Images/menu-ov.gif');
	.background: url('Images/menu-ov.gif') no-repeat 16px;
}
#menu a 
{
	background: url('Images/menu.gif'); 
}
#quote 
{
	background: url('Images/quote-ov.gif');
	.background: url('Images/quote-ov.gif') no-repeat 16px;
}
#quote a 
{
	background: url('Images/quote.gif'); 
}
#home
{
	background: url('Images/home-ov.gif');
	.background: url('Images/home-ov.gif') no-repeat 16px;
}
#home a 
{
	background: url('Images/home.gif'); 
}
#about
{
	background: url('Images/about-ov.gif');
	.background: url('Images/about-ov.gif') no-repeat 16px;
	margin-top: 10px;
}
#about a 
{
	background: url('Images/about.gif'); 
}
#aboutTheCafe 
{
	background: url('Images/aboutTheCafe-ov.gif');
	.background: url('Images/aboutTheCafe-ov.gif') no-repeat 16px;
}
#aboutTheCafe a 
{
	background: url('Images/aboutTheCafe.gif'); 
}
#cafeMenu 
{
	background: url('Images/cafeMenu-ov.gif');
	.background: url('Images/cafeMenu-ov.gif') no-repeat 16px;
}
#cafeMenu a 
{
	background: url('Images/cafeMenu.gif'); 
}
#order 
{
	background: url('Images/order-ov.gif');
	.background: url('Images/order-ov.gif') no-repeat 16px;
}
#order a 
{
	background: url('Images/order.gif'); 
}
#cateringServices 
{
	background: url('Images/cateringServices-ov.gif');
	.background: url('Images/cateringServices-ov.gif') no-repeat 16px;
	margin-top: 10px;
}
#cateringServices a 
{
	background: url('Images/cateringServices.gif'); 
}
#nav a:hover 
{
	background: none;
}
#content 
{
	float: right;
	width: 515px;
	/*min-height: 383px;
	_height: 373px;*/
	margin: 0px 40px 20px 0px;
}
#content #bg
{
	background: url('Images/contentBg.gif');
}
#content #main
{
	background: url('Images/contentMain.gif') no-repeat;
	text-align: left;
	padding: 20px;
	min-height: 400px;
	_height: 400px;
}
#content #main #title
{	
	margin-bottom: 20px;
}
#rightImg 
{
	float: right;
	margin-left: 10px;
}
.leftImg 
{
	float: left;
	margin-right: 10px;
}
#special
{
	width: 759px;
	height: 137px;
	background: url('Images/specialBg.png') no-repeat;
	_background: url('Images/specialBg.gif') no-repeat;
}
#bottomContent 
{
	float: right;
	width: 515px;
	/*min-height: 383px;
	_height: 373px;*/
	margin: 0px 40px 20px 0px;
}
#special #dish 
{
	position: absolute;
	margin: -25px 0px 0px -10px;
}
#special #bottomContent 
{
	float: right;
	text-align: center;
	padding: 0px 20px;	
	_margin: 0px auto;
	margin-top: -10px;
}
#special #food
{
	margin: 10px 0px 20px 0px;	
	color: White;
	text-transform: uppercase;
	width: 550px;
	font-size: 9pt;
}
#specialsPdf 
{
	margin: 0px auto;
	.margin: 0px;
	margin-top: 7px;
	.margin-top: 10px;
	width: 210px;
	cursor: pointer;
}
#specialsPdf:hover
{
	text-decoration: underline;
}
#footer 
{
	position: absolute;
	width: 755px;
	text-align: center;
	color: #92141c;
	line-height: 25px;
	margin-top: 5px;
	_margin-top: 0px;
}
/* Menu */
#timer 
{
	text-align: center;
	margin-bottom: 10px;
}
#timer label 
{
	font-weight: bold;
}
.todaySpecials 
{
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 10px;
}
.noSpecials 
{
	text-align: center;
	margin-top: 100px;
}
#menuContent 
{
	float: left;
	width: 428px;
	margin-left: 35px;	
	_margin-left: 17px;	
	text-align: center;	
}
#menuContent #title 
{
	margin-bottom: 20px;
}
#menuTop
{
	margin-left: -2px;
	.margin-left: -1px;
}
#menuContent #content
{
	float: left;	
	width: 428px;
	text-align: left;
}
#menuContent #bg 
{
	background: url('Images/menuBg.gif') repeat-y;
	overflow-y: scroll;
	height: 372px;
	#height: 377px;
	_height: 367px;
	scrollbar-face-color: #eae1c7;
	scrollbar-shadow-color: #666666;
	scrollbar-highlight-color: #eae1c7;
	scrollbar-3dlight-color: #666666;
	scrollbar-darkshadow-color: #eae1c7;
	scrollbar-track-color: #eae1c7;
	scrollbar-arrow-color: #92141c;
	margin: -2px 1px 0px 0px;
	_margin: -15px 2px 0px 0px;
}
#menuContent #main 
{
	background: url('Images/menuMain.gif') no-repeat;
	text-align: left;
	/*width: 400px;*/
	width: 370px;
	padding: 20px;
	/*min-height: 372px;
	#min-height: 377px;
	_height: 367px;*/
}
#menuBottom 
{
	margin-left: -1px;
	.margin-left: 0px;
}
#tabs ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline;
	float: left;
}
#tabs li
{
	float: left;
	margin-right: 2px;
	width: 105px;
	height: 30px;
}
#tabs a
{
	width: 105px;
	padding-top: 30px;
	overflow: hidden;
	display: block;
	height: 0px;
}
#specials 
{
	background: url('Images/specials-ov.gif');	
}
#specials a 
{
	background: url('Images/specials.gif'); 
}
#specials-off 
{
	background: url('Images/specials-off.gif'); 	
} 
#breakfast 
{
	background: url('Images/breakfast-ov.gif');	
}
#breakfast a 
{
	background: url('Images/breakfast.gif'); 
}
#breakfast-off
{
	background: url('Images/breakfast-off.gif');	
}
#lunch 
{
	background: url('Images/lunch-ov.gif');	
}
#lunch a 
{
	background: url('Images/lunch.gif'); 
}
#lunch-off
{
	background: url('Images/lunch-off.gif');	
}
#other 
{
	background: url('Images/other-ov.gif');	
}
#other a 
{
	background: url('Images/other.gif'); 
}
#other-off
{
	background: url('Images/other-off.gif');	
}
#tabs a:hover 
{
	background: none;
}
#specialContent, #breakfastContent, #lunchContent, #otherContent
{
	display: none;
}
.btns 
{
	width: 191px;
	margin: 0px auto;	
}
.btn 
{
	float: left;
	margin: 0px 2px;
}
.btn #btnLeft
{
	width: 60px;
}
.btn #btnRight
{
	width: 115px;
}
.btn input 
{
	font-size: 8pt;
}
.selectPlatesNumber 
{
	text-align: center;	
}

/* Cart */
.tool-tip {
	color: #666666;
	width: 150px;
	z-index: 100;
}
 
.tool-title {
	font-weight: bold;
	margin: 0px;
	padding: 8px 8px 4px;
	background: url('Images/bubble.png') top left;
}

.tool-text {
	padding: 4px 8px 8px;
	background: url('Images/bubble.png') bottom right;
}

#items
{
    float: left;
    /*width: 400px;*/
    width: 370px;
}
#items .wrap 
{
    float: left;    
    width: 380px;
    _width: 370px;
    min-height: 30px;
    #min-height: 50px;
    _height: 50px;
    margin-top: 5px; 
}
.img
{
	float: left;
	margin-right: 10px;
	width: 70px;
	text-align: center;
}
.img .notIe6
{
	_display: none;
}
.ie6 
{
	display: none;
	_display: block;
	_margin-top: -15px;
}
.img .imgBg
{
	display: none;
	#display: none;
	_display: block;
	_position: relative;
	_margin-top: -15px;	
}
.text 
{
	float: left;
	width: 300px;
	_width: 290px;
}
.item .left, .item-off .left  
{
	display: none;	
}
.item .right, .item-off .right
{
	width: 300px;
	_width: 290px;
}
.item .title
{
    cursor: move;   
    margin-bottom: 10px;	
    font-weight: bold;
}
.item-off .title
{
    margin-bottom: 10px;	
    font-weight: bold;
}
.item .description p, .item-off .description p
{
	margin-bottom: 10px;
}
.text .info p, .item-off .info p
{
	margin: 0px;
	margin-bottom: 10px;
	width: 300px;		
}
.info .space 
{
	.margin-bottom: 10px;
}
.optionGroup input
{
	float: left;
	.margin-top: -2px;
}
.optionGroup .name
{
	float: left;
	width: 105px;
	cursor: default;
}
.optionGroup .price
{
	float: left;
	text-align: right;
	width: 49px;
	cursor: default;
}
.optionGroup .line
{
	width: 126px;
	_width: 116px;
}
.price 
{
	text-align: right;
}
.txtQty 
{
	width: 15px;
	text-align: right;
}
.qty 
{
	float: left;
	text-align: left;
	width: 125px;
}
.line
{	
	float: left;
	width: 126px;/*251px;*/
	_width: 116px;
	border-bottom: 1px dotted #666666;
	height: 12px;
	_margin-top: -4px;
}
.item .price, .item-off .price 
{
	display: none;
}
.hide 
{
	display: none;
}
#cart
{
    float: right;
    width: 238px;
    margin-right: 32px;
    text-align: center;
    _position: absolute;
    _margin-left: -54px;
}
#cart #cartBg
{
	background: url('Images/cartBg.gif') repeat-y;	
}
#cart #cartMain
{
	background: url('Images/cartMain.gif') no-repeat;	
	min-height: 510px;
	_height: 480px;
}
#cart #cartMain-off
{
	background: url('Images/cartMain.gif') no-repeat;	
	min-height: 390px;
	_height: 390px;
}
#cart .item 
{
	width: 188px;
	text-align: left;
	border-top: 1px solid #dbccab;
	margin: 5px 20px;
	margin-bottom: -5px;
	.margin-bottom: -10px;
	padding: 5px;
	cursor: default;
	clear: both;
}
#cart .item .left
{
	display: block;
	float: left;
	margin-right: 10px;
	width: 70px;
	text-align: center;
}
#cart .item .left img 
{
	_display: none;	
}
#cart .item .left .imgBg
{
	display: none;
	#display: none;
	_display: block;
	_position: relative;
	_margin-top: -15px;	
}
#cart .item .right
{
	float: left;
	width: 108px;
}
#cart .price 
{
	display: block;
}
#cart .qty 
{
	float: left;
	width: 41px;
}
#cart .qty label
{
	float: left;
	padding-right: 2px;
}
#cart .qty div 
{
	float: left;
	width: 14px;
	text-align: right;
}
#cart .line 
{
	width: 20px;/*59px;*/
}
#cart .item .info
{
	display: none;
}
#cart .description
{
	display: none;
}
#cart .add
{
	display: none;
}
#cart .hideItem 
{
	display: none;
}
#cart #total 
{
	text-align: right;
	margin: 5px 25px 0px 20px;
	width: 188px;
	padding: 5px 5px 0px 5px;
	border-top: 1px solid #dbccab;
	font-weight: bold;	
}
#cart #total label
{
	float: right;
}
.checkout
{
	width: 134px;
	margin: 0px auto;
	.margin: 0px;
	margin-top: 10px;
	background: url('Images/checkout-ov.gif');	
}
.checkout a
{
	padding-top: 29px;
	overflow: hidden;
	display: block;
	height: 0px;	
	background: url('Images/checkout.gif');
}
.checkout a:hover
{
	background: none;
}
.hours 
{
	width: 170px;	
	font-size: 9pt;
	margin: 0px auto;
}
.hours h1 
{
	margin-bottom: 5px;
}
.hours span
{
	float: left;
	width: 60px;
	text-align: left;
}
.hours label
{
	float: left;
	width: 110px;
	text-align: right;
}
.hours .spacer 
{
	height: 5px;
}
.add
{
	width: 70px;
	margin: 0px auto;
	.margin: 0px;
	margin-top: 5px;
	background: url('Images/add-ov.gif');
}
.add a
{
	padding-top: 13px;
	overflow: hidden;
	display: block;
	height: 0px;	
	background: url('Images/add.gif');
}
.add-off
{
	display: none;
}
.add a:hover
{
	background: none;
}
.remove
{
	width: 70px;
	margin: 0px auto;
	.margin: 0px;
	margin-top: 10px;
	background: url('Images/remove-ov.gif');
}
.remove a
{
	padding-top: 13px;
	overflow: hidden;
	display: block;
	height: 0px;	
	background: url('Images/remove.gif');
}
.remove a:hover
{
	background: none;
}
.options
{
	width: 70px;
	margin: 0px auto;
	.margin: 0px;
	margin-top: 10px;
	background: url('Images/options-ov.gif');
}
.options a
{
	padding-top: 13px;
	overflow: hidden;
	display: block;
	height: 0px;	
	background: url('Images/options.gif');
}
.options a:hover
{
	background: none;
}
#paging 
{
	display: none;	
}
/* End Cart */

/* Multiple Cart */
.multipleCart 
{	
	width: 198px;
	border: 1px solid #a34149;
	margin-left: 20px;
	.margin: -3px 0px 0px 2px;
	_overflow-x: hidden;
}
.plates2
{	
	background: url('Images/cartMainMultiple.gif') no-repeat center 50px;
	min-height: 400px;
	_background: url('Images/cartMainMultiple.gif') no-repeat center 40px;	
	_height: 380px;
}
.plates3
{	
	background: url('Images/cartMainMultiple.gif') no-repeat center 25px;
	min-height: 350px;
	_background: url('Images/cartMainMultiple.gif') no-repeat center 15px;	
	_height: 330px;
}
.plates4
{	
	background: url('Images/cartMainMultiple.gif') no-repeat center;	
	min-height: 300px;
	_background: url('Images/cartMainMultiple.gif') no-repeat center -10px;	
	_height: 280px;
}
.plates5
{
	background: url('Images/cartMainMultiple.gif') no-repeat center -25px;	
	min-height: 250px;
	_background: url('Images/cartMainMultiple.gif') no-repeat center -35px;
	_height: 230px;
}
.multipleCart .item 
{
	margin-left: 0px !important;
}
.multipleTotal 
{
	text-align: right;
	width: 186px;
	margin: 0px 20px;	
	padding: 2px 7px;
	color: White;
	background: #a34149;
	margin-bottom: 5px;
}
.tab 
{	
	background: url('Images/tab.gif') no-repeat;
	width: 105px;
	height: 30px;
	text-align: left;
	margin-left: 20px;	
	color: White;
	font-weight: bold;
	cursor: pointer;	
	text-transform: capitalize;
}
.tab div
{
	margin: 7px;
}
/* End Multiple Cart */

/* Confirm */
#confirmOrder
{
	text-align: center;
	margin: 0px 35px;	
}
#confirmOrder p 
{
	text-align: left;
}
#confirmOrder .order 
{
	padding: 5px 0px;
	border-bottom: 1px solid #dbccab;	
}
.confirmIcon
{
	float: left;
	margin-right: 10px;
	width: 50px; 
	height: 39px;
}
.confirmIcon .imgBg 
{
	display: none;
	_display: block;
}
.confirmDetails 
{
	float: left;
	width: 607px;
}
.confirmTitle 
{
	text-align: left;
	margin-bottom: 10px;
	font-weight: bold;
}
.confirmDescription
{
	text-align: left;
}
.confirmDescription p
{
	margin: 0px;
	margin-bottom: 10px;
}
.confirmOptions
{
	text-align: left;
	margin-left: 10px;
}
.confirmQty
{
	float: left;
	text-align: left;
}
.confirmQty div
{
	float: left;
	width: 50px;
	color: Red;
}
#confirmOrder .line
{
	width: 491px;
	_width: 489px;
}
.confirmPrice
{
	text-align: right;
}
.confirmName 
{
	font-weight: bold;
	font-size: 12pt;
	text-align: left;
	margin-bottom: 5px;
	border-bottom: 1px solid #666666;
	text-transform: capitalize;
}
#confirmOrder #total, #confirmOrder .subtotal
{
	font-weight: bold;
	text-align: right;
	margin-top: 5px;
	margin-right: 23px;
}
#confirmOrder #total label, #confirmOrder .subtotal label
{
	float: left;
	width: 56px;
	text-align: left;
}
#confirmOrder #total .line, #confirmOrder .subtotal .line
{
	width: 563px;
	_width: 561px;
}
#confirmOrder #btns 
{
	width: 288px;
	_width: 293px;
	margin: 0px auto;
	margin-top: 10px;
}
#editOrder 
{
	float: left;
	width: 134px;
	margin: 0px 5px;
	margin-top: 10px;
	background: url('Images/editOrder-ov.gif');	
}
#editOrder a
{
	padding-top: 29px;
	overflow: hidden;
	display: block;
	height: 0px;	
	background: url('Images/editOrder.gif');
}
#editOrder a:hover
{
	background: none;
}
#submitOrder 
{
	float: left;
	width: 134px;
	margin: 0px 5px;	
	margin-top: 10px;
	background: url('Images/submitOrder-ov.gif');	
}
#submitOrder a
{
	padding-top: 29px;
	overflow: hidden;
	display: block;
	height: 0px;	
	background: url('Images/submitOrder.gif');
}
#submitOrder a:hover
{
	background: none;
}
.mainSubtotal
{
	border-top: 1px solid #666666;	
}
/* End Confirm */

/* Check Out */
#checkoutOrder 
{
	float: left;
	margin-left: 35px;
	_margin-left: 20px;
}
#checkoutOrder #bg
{
	width: 366px;
	height: 440px;
	.height: 480px;	
	background: url('Images/welcomeBg.gif') repeat-y;
}
#checkoutOrder #main
{
	background: url('Images/welcomeMain.gif') no-repeat;
	height: 273px;
	padding: 10px 0px;
	.padding: 20px 0px;
}
#waiter 
{
	float: right;
	margin: 50px 70px 0px 0px;
	_margin-right: 90px;
}
.login, .register, #ccInfo 
{
	text-align: left;
	margin: 0px 35px;		
}
#checkoutOrder label
{
	float: left;
	width: 110px;
	padding-top: 4px;
}
#checkoutOrder input[type='text'], #checkoutOrder input[type='password']
{
	width: 150px;
	padding-top: 2px;
}
#checkoutOrder select
{
	width: 154px;
	.width: 156px;
	padding-top: 2px;
}
#checkoutOrder .ddlExpiration
{
	width: auto;
}
.remember *
{
	float: left;
}
.remember label
{	
	white-space: nowrap;
	margin-top: -2px;
}
#loginBtn
{
	float: left;
	width: 92px;
	background: url('Images/login-ov.gif');	
}
#loginBtn a
{
	padding-top: 35px;
	overflow: hidden;
	display: block;
	height: 0px;	
	background: url('Images/login.gif');
}
#loginBtn a:hover
{
	background: none;
}
#registerBtn
{
	width: 140px;
	background: url('Images/createAccount-ov.gif');	
}
#registerBtn a
{
	padding-top: 35px;
	overflow: hidden;
	display: block;
	height: 0px;	
	background: url('Images/createAccount.gif');
}
#registerBtn a:hover
{
	background: none;
}
#submit 
{
	float: left;
	width: 92px;
	background: url('Images/submit-ov.gif');	
}
#submit a
{
	padding-top: 35px;
	overflow: hidden;
	display: block;
	height: 0px;	
	background: url('Images/submit.gif');
}
#submit a:hover
{
	background: none;
}
.logout 
{
	float: left;
	width: 92px;
	background: url('Images/logout-ov.gif');	
}
.logout a
{
	padding-top: 35px;
	overflow: hidden;
	display: block;
	height: 0px;	
	background: url('Images/logout.gif');
}
.logout a:hover
{
	background: none;
}
/* End Check Out */

/* Catering Menu */
#cateringMenu .wrap
{
	margin-bottom: 5px;	
	_margin-bottom: -5px;
}
#cateringMenu .category 
{
	font-weight: bold;
	font-size: 12pt;
	padding-bottom: 10px;
	#margin-top: 15px;
	_margin-top: 20px;
}
#cateringMenu .title 
{
	font-weight: bold;
}
#cateringMenu .info
{
	_margin-bottom: 10px;
}
/* End Catering Menu */
.rightImage
{
	float: right;
	margin: 0 0 15px 15px;
}
.leftImage
{
	float: left;
	margin: 0 15px 15px 0;	
}
#TB_window p
{
	margin: 0px;
}
#TB_window label 
{
	margin-top: 4px;
}
#TB_window input
{
	margin-top: 2px;
}