﻿.errorMessage { color: Red; font-size: medium; }

.categoryBox { width: 140px; float: left; margin-right: 6px; }

.categoryBox h2 { font-size: small; margin: 0px; padding: 0px; }

.categoryPicBox { height: 105px; margin-bottom: 4px; }

.categoryPicBox img { max-width: 140px; height: auto; }

.categoryPicBox img { width: auto; max-height: 105px; }

.catThumb { max-width: 140px; max-height: 140px; }

.rowBreaker { height: 14px; }

#productInfo { width: 100%; }

#productImage { margin: 0px 0px 6px 6px; }

#productImage img { max-width: 210px; height: auto; }

#productImage img { width: auto; max-height: 144px; }

#priceTable { margin-bottom: 8px; }

.priceTable { border: 0px; width: 100%; }

.priceTable .col1 { width: 40%; }

.priceTable .col2 { text-align: right; width: 60%; }

.priceTable .header { color:#d48210; padding-bottom: 4px; font-weight: bold; }

.accessory { margin: 0px 0px 20px 0px; padding: 6px; border: dashed 1px Black; }

.accessory input { border: 0px; background-color: Transparent; }

.accessoryHeader { color:#d48210; padding-bottom: 4px; font-weight: bold; }

.productInfoBox { padding: 4px; border: dotted 1px black; margin-left: 0px; }

#orderForm div { display: block; margin-bottom: 4px; }

#orderForm .submit { width: 100%; font-weight: bold; font-size: medium; padding: 3px;  background-color: #e2ddd5; }

.lightForm { background-color: #c7bdaf; }

.lightForm input { background-color: White; color: Black; } 

.lightForm select { background-color: White; color: Black; } 

.lightForm .checkbox input { width: auto; background-color: Transparent; border: 0px; }

.cartTable { width: 100%; background-color: #c7bdaf; }

.cartTable .header { font-weight: bold; }

.cartTable .checkBoxColumn { width: 5%; }

.cartTable input { background-color: White; color: Black; }

.cartTable .checkBoxColumn input { background-color: Transparent; border: 0px; }

.cartTable .cartProduct { width: 54%; }

.cartTable .cartQuantity { width: 9%; }

.cartTable .cartCell { width: 16%; }

.cartTable .cartEntry { padding: 4px; }

.cartTable .accessoryText { font-size: small; }

.cartSubTotalTable { width: 100%; }

.toCheckout { font-weight: bold; text-align: right; }

.cartButton { font-weight: bold; padding: 3px; background-color: #c7bdaf; color: Black; }

.bold { font-weight: bold; }

.backLink { margin-top: 14px; }

.formTable { width: 100%; margin-bottom: 16px; background-color: #c7bdaf; }

.formTable .textCol { width: 18%; }

.formTable input { width: 26%; background-color: White; color: Black; } 

.formTable .checkbox a { color: Red; font-weight: bold; }

.formTable .checkbox input { width: auto; background-color: Transparent; border: 0px; }

.formButton { font-weight: bold; padding: 3px; background-color: #c7bdaf; color: Black; }

.checkoutFooter { text-align: right; margin-bottom: 2px; }

.orderSummary { margin-bottom: 16px; padding: 4px; border: dashed 1px Black; }

.orderSummaryTable { width: 100%; }

.orderSummaryTable td { padding: 4px; }

.orderSummaryTable .colProduct { width: 54%; }

.orderSummaryTable .colQuantity { width: 9%; }

.orderSummaryTable .colPrice { width: 16%; }

.orderSummaryTable .accessoryText { text-indent: 6px; font-style: italic; }

.orderMessageBox { border: solid 1px Black; background-color: White; color: Black; }

.loginForm { width: 60%; }

.loginTextField input { width: 80%; }

.bottomlinks { margin: 20px 0px 12px 0px; }

.logoTop { margin:0px 12px 0px 0px; height: 160px; position:relative; width: 100%; }

.logoTop img { max-height: 140px; width: auto; }

.topMenu { float: right; }

.topMenu div { position: absolute; bottom: 0px; right: 3px; }

/* rotator in-page placement */
    div#rotator {
	height:144px;
	width: 210px;
	overflow: hidden;
	margin: 0px 4px 6px 6px;
	text-align: right;
}
/* rotator css */
	div#rotator ul li {
	position:absolute;
	list-style: none;
	background: none;
	padding: 0px;
	text-align: right;
	height:144px;
	width: 210px;
	overflow: hidden;
}
/* rotator image style */	
	div#rotator ul li img {}
    div#rotator ul li.show {z-index:500}
    div#rotator img { max-width: 210px; height: auto; }
    div#rotator img { width: auto; max-height: 144px; }

#slider { margin: 0px 3px 0px 3px; }

#slider ul, #slider li{
	margin:0;
	padding:0;
	}
#slider, #slider li{ 
	overflow:hidden;
	}
#slider ul li { list-style:none; background: none; padding:0; }

.cateringSlide { text-align: center; }

.cateringSlide li { height: 160px; width: 880px; overflow: hidden; }

#sliderContainer { position: relative; left: 20px; }

#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:30px;
		position:absolute;
		left:-28px;
		top:24px;
		}	
	#nextBtn, #slider1next{ 
		left:886px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:30px;	
		background:url(../images/arrows.png) no-repeat 0 0;
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/arrows.png) no-repeat -30px 0px;
		}


ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background-color: Transparent;
		color:#000;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#c7bdaf;
		color:#000;
		font-weight: bold;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

.bubble{ display: none; width: 500px; z-index: 100000;
       background:transparent url(../images/bubble.png) no-repeat 0 0; color: Black; text-align: left; overflow: hidden;}

.bCell
{ padding: 32px 28px 0px 28px; overflow: hidden; min-height: 190px; max-height: 500px; 
    background-color: transparent;
    background-image: url(../images/bubble_middle.png); 
    background-repeat: no-repeat; 
    background-position: 0px 224px; 
}

.bBottom 
{
	height: 26px;
background-color: transparent;
    background-image: url(../images/bubble_bottom.png); 
    background-repeat: no-repeat; 
    background-position: 0px 0px;
}

.bInfo{ width: 60%; }

.bPrice { width: 38%; }

.bIndent { padding: 2px; }

.bTitle { display:block; float:left; text-decoration:none; width:100%; margin-bottom:4px}
.bTitle em { display:block; font-size:1.66em}
.bTtitle  b { display:block; padding:5px 15px 7px 10px; font-weight:normal; font-style:normal;}

.priceTableSmall { border: 0px; }

.priceTableSmall .col1 { width: 28%; }

.priceTableSmall .col2 { text-align: right; width: 62%; }

.priceTableSmall .header { color:#d48210; padding-bottom: 4px; font-weight: bold; }

.priceInfo { padding: 2px 28px 2px 28px; font-weight: bold; color: Red; }

.offers li { height: 240px; width: 980px; background-color: Black; display: table;  table-layout: fixed; }

.offer { background-color: Black; width: 326px; height: 240px; display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; float: none !important; float: left; }

.offer img { max-width: 320px; height: auto; }

.offer img { width: auto; max-height: 240px; }

.allergyHeader { color: Red; font-weight: bold; }

.allergies { color: Black; margin-bottom: 20px; }

.allergies .cartQuantity { width: 6%; }

.vAlignTop { vertical-align: top; }

.aboutHeader { font-weight: bold; text-decoration: underline; }

#subTitle { font-size: 15px; padding-left: 30px; font-family:Verdana,Helvetica,Arial,sans-serif; font-weight: normal; }

#slogan {  position: absolute; top: 60px; left: 284px; margin-bottom: 8px; color: #e77817; font-family:Mistral; font-size: 44px; }

#logo { padding-left: 0px; }

.breadcrumb { margin-bottom: 4px; padding-left: 2px; }

.payoff { color: Red; font-size: medium; font-weight: bold; font-family:Verdana,Helvetica,Arial,sans-serif; padding: 8px 0px 8px 0px; text-align: center; }

.topics { margin-bottom: 12px; }

.productList {width: 79%;  color: Black; text-align: left; overflow: hidden; padding-right: 4px; }

.productListTitle { margin: 2px 0px 6px 0px; color:  Black; font-weight: bold; font-size: medium; }

.productListCell { padding: 0px 0px 0px 0px; }

.productListInfo{ width: 60%; }

.productListIndent { padding: 2px; }

.productListPrice { width: 38%; }

.productList .priceTableSmall { width: 100%; }

.productList .priceTableSmall .col1 { width: 28%; }

.productList .priceTableSmall .col2 { text-align: right; width: 62%; }

.productList .priceTableSmall .header { padding-bottom: 4px; font-weight: bold; }

.productListImage { width: 20%;  overflow: hidden;}

.productListImage img { max-width: 100%; height: auto;}

.orderProduct { text-align: center; font-size: medium; margin-bottom: 6px; }

.categoryTitle { margin-bottom: 2px; }

.options { margin-bottom: 13px; padding: 0px; }

#ie-message { border: solid 1px black; background-color: Red; padding: 4px; }

#ie-message span { font-weight: bold; }

.hilite { border-bottom: 1px dotted #676767; font-weight: bold; cursor: help; }

#ui-datepicker-div { z-index: 100000; }


