/* COPYRIGHT 2007 BULLSEYE CREATIVE (www.bullseyecreative.net) */

@import url(reset.css);

html, body
{
	height: 100%;
	margin: 0;
	padding: 0;
}

body
{
	margin-top: 10px;
	font: 13px/22px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
	color: #191919;
	background: url(../_img/new_tile.jpg) repeat center top;
}

/** ====================
 * Standard fonts and rollovers 
 */ 

a
{
	color:#941b26;
	text-decoration:none;
}

a:hover
{
	color:#000000;
	text-decoration:none;
}

.clear {
	clear: both;
}

textarea {
	overflow-y: auto;	
}

/** ====================
 * Standard fonts and rollovers 
 */ 

.error
{

}

.postAction
{

}

.back
{

}

p.ie6_sucks {
	padding: 4px;
	margin: 0 auto;
	margin-bottom: 12px;
	width: 820px;
	background-color: #ffffff;
	border: 2px solid #9b0e16;
}

/* Main Type */

p {
	margin-bottom: 10px;
}

h1 {
	width: 130px;
	height: 180px;
	position: absolute;
	display: block;
	text-indent: -100000px;
	left: 330px;
}

h1 a {
	width: 130px;
	height: 180px;
	display: block;
}

h2 {
	font-size: 30px; 
	color: #941b26; 
	text-transform: uppercase;
	font-weight: bold;
	line-height: 30px;
}


h4 {
	font-size: 11px; 
	color: #941b26; 
	text-transform: uppercase;	
}

.light_gray {
	font-size: 11px;
	color: #999999;
}

.strike {
	text-decoration: line-through;	
}

.red {
	color: #9b0e16;		
}

.dotted {
	width: 800px;
	height: 1px;
	border-bottom: 1px dotted #9b0e16;
}

/* Main Structure */

#container {
	position: relative;
	margin: 0 auto;
	width: 900px;
	text-align: left;
}

#containerFooter {
	position: relative;
	margin-top: 20px;
	width: 100%;
	height: 260px;
	background: url(../_img/counter.jpg) repeat-x center top;
}

#header {
	width: 870px;
	height: 200px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 10px;
}

div#twitter a {
	position: absolute;
	top: 76px;
	right: -46px;
	width: 122px;
	height: 146px;
	cursor: pointer;
	background: url(../_img/twitter.png) no-repeat;
}

div#twitter a:hover {
	position: absolute;
	top: 76px;
	right: -46px;
	cursor: pointer;
	background-position: -122px 0px;
}

#content {
	width: 870px;
	padding: 15px;
	background: url(../_img/steel.jpg) no-repeat #1a1a1a;
}

#content p {
	padding: 0 20px 0 0;	
}

#copy {
	padding-bottom: 20px;	
}

#copy p {
	padding: 0 26px 0 190px;	
}

#copy img {
	border: 4px solid #9b0e16;	
}

table#copy_table tr {
	height: 36px;	
}

table#copy_table td {
	vertical-align: middle;	
}

#contentInner {
	background-color: #fff;
	width: 870px;
	position: relative;
	z-index: 0;
	min-height: 400px;
}

#footer {
	position: relative;
	margin: 0 auto;
	width: 900px;
	text-align: left;
	z-index: 10;
}

#call_in {
	position: absolute;
	top: -46px;
	left: 28px;
	width: 208px;
	height: 160px;
	background: url(../_img/call_in.png) no-repeat top left;
}

#lunchbox {
	width: 431px;
	height: 511px;
	position: absolute;
	right: -100px;
	top: -280px;
	z-index: 10;
}

#bell {
	width: 305px;
	height: 270px;
	display: block;
	position: absolute;
	right: -50px;
	top: -115px;
	z-index: 10;
}

div#baseline {
	margin: 0 auto;
	padding-top: 226px;
	width: 1000px;
	text-align: center;
	color: #555555;
}

div#baseline a {
	color: #555555;
}

div#baseline a:hover {
	color: #ffffff;
}

/* Checkout Info */



div#commerceZone {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px dotted #ccc;
	
}

div#commerceZone ul li {
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	margin-bottom: 5px;
}

li#comTotal {
	font-size: 11px;
}

li#comReview {
	background: url(../_img/cart.gif) no-repeat 0 -5px;
	padding-left: 25px;
}

li#comCheckout {
	
}

/* Sub Menu */

div#subMenu {
	width: 200px;
	position: relative;
	top: 10px;
	right: 30px;
	float: left;
	margin-right: -10px;
	background-color: #9b0e16;
	margin-bottom: 20px;
}

div#subMenu ul {
	margin: 10px;
	position: relative;
	background: #9b0e16 url(../_img/subMenuBG.jpg) -5px -5px;
}

div#subMenu ul li {
	border-bottom: 1px solid #bf1e2e;
	cursor: pointer;
}

div#subMenu ul li a {
	padding: 10px;
	display: block;
	width: 160px;
	height: 14px;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
}

div#subMenu ul li#active a, div#subMenu ul li a:hover, div#subMenu ul li a.stack:hover {
	background: #fff url(../_img/subMenuBGWhite.jpg) -5px -5px;
	color: #9b0e16;
}

div#subMenu ul li a.stack {
	padding: 2px 10px 10px 10px;
	display: block;
	width: 160px;
	height: 22px;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
}

div#subMenu ul li.lastItem {
	border-bottom: 1px solid #9b0e16;	
}

/* Extra Element */

div#headingHolder {
	margin: 0 0 12px 0;
	padding-top: 10px;
}

/* Columns */

.lSide {
	width: 260px;
	float: left;
	padding: 10px;
	font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.rSide {
	width: 590px;
	height: 500px;
	float: left;
}

/* Main Menu */

ul#mainMenu {
	float: left;
}

ul#mainMenu li {
	float: left;
}

ul#mainMenu li a {
	float: left;
	display: block;
	height: 150px;
	width: 160px;
	text-indent: -100000px;
}

ul#mainMenu li#tabCatering a {
	margin-right: 140px;
}

ul#mainMenu li#tabAbout a {
	width: 130px;
}

ul#mainMenu li#tabContact a {
	width: 130px;
}

/* Home Page */


div#introPoints {
	display: block;
	width: 212px;
	height: 114px;
	margin: 20px 0;
}

div#introPoints ul li {
		
}

div#introNews {
	font-size: 11px;
	line-height: 16px;
}

div#introNews p {
	border-left: 5px solid #ccc;
	padding-left: 5px;
}

div#introNews p span {
	font-weight: bold;
}

/* Terms and Privacy	*/

div#large_content {
	position: relative;
	padding: 20px;	
}

div#large_content h2 {
	margin-bottom: 12px;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	color: #941b26; 
}

div#checkout_step {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 96px;	
}

div#checkout_step img{
	margin-right: 10px;
}

/* Interior Meal */

div#mealContainer {
	padding: 20px;
}

div#mealContainer #mealIntro img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

div#mealContainer #mealIntro #meal_title {
	float: left;	
	margin: 0 20px 10px 0;
}

div#mealContainer #mealIntro #meal_title h3 {
	font-size: 30px;
	font-weight: 100;
	text-transform: uppercase;
	color: #941b26;
	letter-spacing: 7px;
	text-align: center;
}

div#mealContainer #mealIntro #meal_title h2 {
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	color: #941b26; 
	text-align: center;
}

div#mealContainer div#mealIntro {
	float: left;
	width: 650px;
}

ul#foodCrumb {
	width: 810px;
	padding: 5px 10px;
	margin: 10px 0;
	background-color: #e5e5e5;
}

ul#foodCrumb li {
	display: inline;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #191919;
}

ul#foodList {
	float: left;
}

ul#foodList li {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

ul#foodList li h3 {
	color: #fff;
	padding: 8px 10px 10px 10px;
	width: 246px;
	height: 22px;
	background: #9b0e16 url(../_img/subMenuBG.jpg) -5px -5px;
}

ul#foodList li h3.double {
	color: #fff;
	padding: 3px 10px 10px 10px;
	width: 246px;
	height: 27px;
	background: #9b0e16 url(../_img/subMenuBG.jpg) -5px -5px;
	line-height: 16px;
}

ul#foodList li#lastItem {
	margin-right: 0;
}

ul#foodList li img {
	display: block;
}

div#foodDetail {
	
}

div#foodDetail h3 {
	font-size: 18px;
	margin-bottom: 20px;	
}

div#foodDetail p {
	margin-bottom: 20px;
}

div#foodDetail img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

div#foodDetail div {
	float: left;
	width: 350px;
}

div#foodDetail p#foodPrice, p#scratchedPrice {
	font-weight: bold;
	font-size: 14px;
	color: #9b0e16;
	float: left;
	margin-bottom: 0;
	margin-top: 5px;
}

p#scratchedPrice {
	text-decoration:line-through;
	color:#666;
}

div#foodDetail ul#orderArea {
	float: right;
}

input.btn {
	display: block;
	padding: 2px 4px 2px 4px;
	font-size: 12px;
	color: #ffffff;
	background-color: #9b0e16;
	border: 2px solid #bf1e2e;
	outline: none;
	cursor: pointer;
}

input.btn:hover {
	background-color: #bf1e2e;	
}

/*div#foodDetail input#orderQty {
	font-size: 12px;
	color: #000;
	padding: 4px 5px;
	display: block;
	width: 40px;
	border: 1px solid #ccc;
}

div#foodDetail input#orderSubmit {
	background: #9b0e16;
	font-size: 12px;
	color: #fff;
	padding: 2px 5px 5px 5px;
	border: none;
	display: block;
	cursor: pointer;
}

div#foodDetail input#orderSubmit:hover {
	background: #bf1e2e;
	font-size: 12px;
	color: #fff;
	padding: 2px 5px 5px 5px;
	border: none;
	display: block;
	cursor: pointer;
}

input.orderAdd, input.orderContinue, input.orderPayment {	
	background: #9b0e16 url(../_img/subMenuBG.jpg) -5px -5px;
	font-size: 12px;
	color: #fff;
	padding: 5px;
	border: none;
	cursor: pointer;
}

p input.orderContinue, p input.orderPayment {
	float:right;
	margin-top:30px;
	margin-right:160px;
}
p input.orderPayment {
	margin-right:0;
}*/


div#order_form {
	width: 550px;	
}

div#order_form p {
	text-align: center;
}	

p#order_btns {
	width: 550px;
	text-align: center;
}

input.orderAdd {
	display: inline;
}

div.special {
	position: relative;
	height: 140px;
	border-bottom: 1px dotted #9b0e16;
	padding-bottom: 20px;
	margin-bottom: 20px;
	clear: both;
}

div.special img{
	float: left;
	margin: 0 24px 12px 0;
}

div.special h3 {
	font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
	font-size: 18px;
}

div.special_link {
	position: absolute;
	top: 0px;
	right: 10px;
	padding: 2px 2px 0 4px;
	text-align: center;
	background-color: #9b0e16;
}

div.special_link a {
	line-height: 22px;
	display: block;
	height: 26px;
	width: 100px;
	color: #ffffff;	
}

/* Testimonails */

div#testimonials {
	float: left;
	width: 625px;
	margin-bottom: 20px;
}

div#testimonials ul {
	background: url(../_img/opening_quote.gif) no-repeat -5px -8px;
	border-bottom: 1px dotted #9b0e16;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

div#testimonials ul li.testQuote {
	padding-left: 16px;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 5px;
}

div#testimonials ul li.testPerson {
	font-style: italic;
}

/* FAQ Page */

div#faq {
	float: left;
	width: 625px;
	margin-bottom: 20px;
}

div#faq ul {
	border-bottom: 1px dotted #9b0e16;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

div#faq ul li.question {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 5px;
	color: #9b0e16;
}

div#faq ul li.answer {
	
}

/* Bios Page */

div#bios {
	padding-left: 190px; 
}

div#bios ul {
	width: 664px;
	padding: 20px 0 20px 0;
}

div#bios ul li {
	border-bottom: 1px dotted #9b0e16;
}

ul.bio_list li {
	padding-bottom: 20px;
}

ul.bio_list img {
	float: left;
	margin-right: 10px;
	border: 2px solid #9b0e16;
}

span.bio_name {
	text-transform: uppercase;
	color: #9b0e16;
}

div#bios h4 {
	font-size: 14px;
}

div#bios p {
	margin: 0;
	padding: 0;
}

/* News Page */

div#news {
	float: left;
	width: 664px;
}

div#news ul {
	width: 664px;
	padding: 20px 0 20px 0;
	margin-bottom: 20px;
	border-top: 1px dotted #9b0e16;
}

div#news h4 {
	font-size: 14px;
}

img.news_img {
	float: left;
	margin: 0 10px 0 0;
	border: 2px solid #9b0e16;
}

div.news_top {
	margin-bottom: 12px;
	line-height: 16px;
	color: #999999;
}

div.news_pdf {
	float: right;
	font-size: 10px;
	line-height: 8px;
}

div#news p {
	margin: 0;
	padding: 0;
}


table#orderDisplay {
	width:640px;
	padding:0 0 0 20px;
	margin-top:20px;
/* 	border:1px solid black; */
}

table#orderDisplay td{
	vertical-align: top;
}
	table#orderDisplay tr.orderTableHeader th {
		text-align:left;
	}
	table#orderDisplay tr.orderTableBody td {
		padding-top:5px;
		padding-bottom:5px;
	}
	
	table#orderDisplay tr.orderTableBody td.item_name_area {
		padding-top:5px;
		padding-bottom:5px;
		width: 300px;
	}
	table#orderDisplay tr.finalTotal td {
		padding-top:10px;
		font-weight:bold;
	}
	table#orderDisplay tr .colSmall {
		width:80px;
	}
	table#orderDisplay tr .colLarge {
		width:230px;
	}
	table#orderDisplay tr .colSmallPrice {
		width:70px;
	}
	table#orderDisplay tr .colSmallQuantity {
		width:100px;
	}
	table#orderDisplay tr td.infoCell {
		text-align:right;
		padding-right:10px;
	}
	table#orderDisplay tr td.priceCell {
		text-align:right;
/* 		padding-right:60px; */
	}
	table#orderDisplay tr td.hr {
		padding-top:10px;
		padding-bottom:10px;
	}
		table#orderDisplay tr td.hr hr {
			width:650px;
			float:left;
		}

div#customer_input_form1 {
	width:420px;
	float:left;
}
	div#customer_input_form1 fieldset{
		border:1px solid #ccc;
		padding:10px 0 10px 20px;
	}
		div#customer_input_form1 fieldset div {
			margin-bottom:3px;
		}
		div#customer_input_form1 fieldset legend {
			font-weight:bold;
			color:#616161;
		}
		div#customer_input_form1 fieldset label {
			width:180px;
			display:block;
			float:left;
		}
		
div#customer_input_form2 {
	margin-right: 20px;
	width:380px;
	float:right;
}
	div#customer_input_form2 fieldset{
		border:1px solid #ccc;
		padding:10px 0 10px 20px;
	}
		div#customer_input_form2 fieldset div {
			margin-bottom:3px;
		}
		div#customer_input_form2 fieldset legend {
			font-weight:bold;
			color:#616161;
		}
		div#customer_input_form2 fieldset label {
			width:140px;
			display:block;
			float:left;
		}
		
p#info_input {
	margin-top: 44px;
	margin-right: -40px;
	float: right;
}
		
span.addNote2 {
	font-size:10px;
}
#security_code {
	background:#e8e7e6;
	font-size:12px;
	line-height:16px;
}
#creditContainer {
	padding-right:40px;
	padding-left:20px;
	text-align:left;
}
	#creditContainer h2 {
		font-size:18px;
	}
	
table#order_recap { margin-top:10px; }
table#order_recap tr td { width:140px; padding:4px 6px; }
table tr td.final_total { font-weight:bold; }
table tr td.order_value { text-align:right; }

table#checkoutDateTime tr td {
	padding:3px;
}

ul#payment_options {
	margin-bottom:20px;
}
