div#wrap {
	font-family: "Verdana", Helvetica, sans-serif;
	width: 840px;
	width /**/: 800px;
	margin: 5px auto;
	padding: 0;
}

div#left_col {
	width: 501px;
	float: left;
	margin: 5px 10px 5px 0;
	padding: 0;
}

 div#left_box_top {
/*	background: #ffffff url("left_big_bottom.gif") bottom left no-repeat;*/
	padding: 0;
	width: 501px;
	_width: 503px; /* for ie */
	margin: 0 6px 0 0;
	min-height: 300px;
/*	float: left;*/
	border-left: 1px solid #9C3334; 
	border-right: 1px solid #9C3334; 
	
}

div.maintraytop {
	background: #ffffff url("left_big_top.gif") bottom left no-repeat;
	height: 17px;
}

div.maintraybottom {
	background: #ffffff url("left_big_bottom.gif") top left no-repeat;
	height: 17px;
}

div#left_box_top .recommendationhead {
	margin: 0 0 10px 0;
}

div#left_box_top .recommendationhead img {
	border: none;
	float: right;
	margin: 0 15px 10px 0;
	cursor: pointer;
}

div#left_box_top .recommendationhead h2 {
	color: #9C3334; 
	font-size: 80%;
}

div#left_box_top h2 {
	padding: 10px 0 0 5px;
	font-size: 16px;
	color: #f26e36;
/*	text-transform: uppercase; */
	margin: 0 5px 0 0;
}

div#left_box_top h3 {
/*	background: #ffffff url("left_big_top.gif") top left no-repeat;*/
	padding: 0 0 0 20px;
	font-size: 12px;
	font-weight: normal;
	color: #9C3334;
	margin: 0 10px;
	padding: 0 0 5px 0;
}

div#left_box_top h3 span {
	color: #f99b33;
	text-transform: capitalize;
}

div#left_box_top h5 {
	padding: 10px 0 10px 20px;
	font-size: 10px;
	font-weight: normal;
	color: #9C3334;
	margin: 0;
}

div#left_box_top form h5 {
	padding: 0;
}

div#left_box_top #selection {
	border-bottom: none;
}

div#subnavbar {
	background: #b21811; 
	color: white;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	padding: 0 0 10px 0;
	position: relative;
}

div#subnavbar span {
	cursor: pointer;
}

div#subnavbar span img {
	position: relative;
	top: 5px;
}

div.section {
	border-top: 1px dotted #94B049;
	border-bottom: 1px dotted #94B049;
	margin: 10px 20px -11px 10px;
	padding: 5px 0;
}

p.outline {
	color:#000000;
	font-size: 12px;
	font-weight: normal;
	margin: 10px 0;
	padding: 2px;
	width: 100%;
	text-align: center;
}

p.outline span {
	background:#FDC382 none repeat scroll 0%;
	height:10px;
	margin:0pt;
	text-align:center;
	width:10px;
}

div.section table {
	font-size: 12px;
	width: 400px
}

div.section table td {
	padding: 2px 5px;
	color: #94B049;
}

div.section table td.item {
	font-weight: bold;
	color: #F99B33;
	width: 100px;
}

div.section table th {
	font-size: 10px;
	color: #333333;
	text-transform: capitalize;
	width: 50px;
	text-align: left;
	padding-left: 5px;
}

div.section table th.type {
	width: 200px;
}

div.section table th.blank {
	width: 50px;
}

div.section table td.total_price {
	border-top: 1px solid #F99B33;
	font-weight: bold;
	color: #333333;
}

div#selection {
	height: 107px;
	width: 497x;
/*	margin: 5px 0 0 0;*/
	padding: 0 0 0 3px;
	border-bottom: 1px solid #f99b33;
}

div#selection div.item {
	height: 107px;
	width: 99px;
/*	padding: 15px 5px 5px 5px;*/
	font-size: 10px;
	font-weight: bold;
	color: #9c3334;
	float: left;
	text-align: center;
	cursor: pointer;
}

div#selection div.item img, div#selection div.item span {
	position: relative;
	top: 8px;
}

div#selection div.item img {
	border: none;
}

div#selection .selecteditem {
	background: #ffe8db url('/art/cateringSelectedItem.gif') no-repeat;
/*	border: solid 1px #9c3334;*/
}

div#selection div.item_selected {
	height: 70px;
	width: 75px;
	padding: 5px 5px 5px 5px;
	font-size: 10px;
	font-weight: bold;
	color: #9c3334;
	background: #fdc382;
	float: left;
}

div#left_box_top #subnavleft {
	height: 80px;
	width: 90px;
	float: left; 
	margin: 0 2px 0 0;
	border-right: 1px solid #f99b33;
	cursor: pointer;
}

div#left_box_top #subnavleft img {
	padding: 10px;
	float: right;
}

div#left_box_top #subnavleft div {
	color: #9C3334;
	padding: 0 5px;
	font-weight: bold;
	font-size: 70%;
	text-transform: uppercase;
	text-align: right;
	clear: both;
}

div#left_box_top #subnavright {
	height: 80px;
	width: 90px;
	float: right; 
	border-left: 1px solid #f99b33;
	cursor: pointer;
}

div#left_box_top #subnavright img {
	padding: 10px;
	float: left;
}

div#left_box_top #subnavright div {
	color: #9C3334;
	padding: 0 5px;
	font-weight: bold;
	font-size: 70%;
	text-transform: uppercase;
	clear: both;
}

div#selection_recommend {
	height: 107px;
/*	width: 480px;*/
	margin: 5px 0 0 0;
	border-bottom: 4px solid #b21811;
}

div#selection_recommend h4 {
	margin: 0 0 5px 0;
	padding: 0;
        color: #F26E36;
}

div#selection_recommend div.item {
/*	height: 70px;*/
	width: 99px;
	margin: 0 3px;
	font-size: 10px;
	font-weight: bold;
	color: #9c3334;
	float: left;
	text-align: center;
	cursor: pointer;
}

div#selection_recommend div.item img, div#selection_recommend div.item span {
	position: relative;
	top: 8px;
}

div#selection_recommend div.item img {
	border: none;
}

div#selection_recommend .selecteditem {
	background: #ffe8db url('/art/cateringSelectedItem.gif');
/*	border: solid 1px #9c3334;*/
/*	padding: 0  0 20px 0;*/
	height: 107px;
}

div#selection_recommend div.item_selected {
	height: 110px;
	width: 50px;
	margin: 0 10px 0 10px;
	padding: 5px 5px 5px 5px;
	font-size: 10px;
	font-weight: bold;
	color: #9c3334;
	background: #fdc382;
	float: left;
}

div#selection_recommend div.item img {
	margin: 0;
}

div#justordered {
	border: 2px solid #f99b33;
}

div#justordered img {
	float: right;
}

div#justordered div {
	clear: both;
}

div#select_body {
/*	width: 481px;*/
	margin: 5px 4px;
	float: left;
	display: inline;
}

div#item_pic {
	float: left;
	padding: 10px 0;
	margin: 0 10px 0 0;
	color: #CE353A;
	font-size: 11px;
}

div#item_pic div {
	margin: 20px 0 0 0;
	width: 212px;
	color: #999999;
}

div#item_pic div ul {
	padding: 0 0 0 20px;
	margin: 0;
}

div#item_pic div ul li {
	padding: 2px 0;
}

div#item_pic div h5 {
	font-weight: bold;
	color: #999999;
	padding: 10px 0 10px 0px;
}

div#item_pic h2 {
	margin: 5px 20px;
	font-size: 12px;
	text-transform: uppercase;
}

div#item_form img {
	float: left;
	margin: 10px 0 0 0;
}

div#item_form h4 {
	margin: 0 0px 0px 0;
	font-size: 14px;
	text-transform: uppercase;
}

div#item_form {
	float: right;
	width: 222px;
}

div#item_form h2 {
	font-size: 10px;
	text-transform: uppercase;
	color: #9c3334;
	padding: 10px 0 0 0;
}

div#item_form h4 {
	text-transform: none;
	color: #9c3334;
}

div#item_form h5 {
	margin: 0 0 0 0;
	clear: both;
}

div#item_form p {
	font-size: 10px;
	font-weight: normal;
	color: #ce353a;
}

div#item_form span.title {
	color: #9c3334;
	font-weight: normal;
	font-size: 12px;
}

div#item_form .subitem {
	padding: 5px 0 5px 0;
	color: #9c3334;
	clear: both;
}

div.recommendation_item_form {
	padding: 5px 19px 0 0;
	_padding: 5px 0 0 0; /* for ie */
}

.item_formInput  {
	border: 1px solid #9c3334;
	width: 20px;
	height: 16px;
	color: #9c3334;
	float: left;
	font-size: 9px;
	margin: 5px 0;
	text-align: center;
}

.item_formDiv {
	width: 8px;
	float: left;
	padding: 4px 5px 0 5px;
	clear: none;
	margin: 2px;
	cursor: pointer;
}

div#item_form .subitem input {
	border: 1px solid #9c3334;
	width: 20px;
	color: #9c3334;
	float: left;
	font-size: 12px;
	margin: 5px 0;
	text-align: center;
}

div#item_form .subitem div {
	width: 8px;
	float: left;
	padding: 0;
	clear: none;
	margin: 6px 0pt 0pt 2px;
	_margin: 8px 0pt 0pt 0; /* for ie */
}

div#item_form .subitem div img {
	margin: 0;
	padding: 0;
	cursor: pointer;
}

div#item_form .subitem span {
	width: 170px;
	_width: 160px; /* for ie */
	float: left;
	font-size: 11px;
}

div#item_form .subitem a {
	float: left;
	margin: 5px 0 0 5px;
}

div#item_form .subitem a img {
	border: none;
	margin: 0;
	padding: 0;
}

div#item_form .subitem img {
	margin: 5px 0 5px 0;
	padding: 0;
	cursor: pointer;
	float: left;
}

div#item_form .subitem label {
	float: left;
	color: #9C3334;
	font-size: 10px;
	font-weight: bold;
	margin: 5px 0 5px 0;
/*	width: 47px;*/
}

div#item_form .modifiers {
	clear: both;
}

div#item_form .modifiers label {
	color: #9C3334;
	font-size: 11px;
	font-weight: bold;
	margin: 5px 0 5px 0;
}

div#item_form .modifiers select {
	font-size: 10px;
	color: #990000;
	background-color: #FFFFFF;
	border: 1px solid #990000;
	font-weight: normal;
	font-family: "Verdana", Helvetica, sans-serif;
	display: block;
	margin: 5px 0 5px 0;
}

div#item_form .modifiers div {
	padding: 5px 0;
	white-space: nowrap;
/*	clear: both;*/
}

div#item_form .modifiers div label {
	color:#9C3334;
	font-size:12px;
	font-weight:normal;
}

div#left_box_bottom {
/*	padding: 0 0 20px 0;*/
	width: 250px;
	_width: 252px; /* for ie */
/*	margin: 1px 7px 10px 0;*/
	word-wrap:normal;
	float: left;
	border-left: 1px solid #f99b33;
	border-right: 1px solid #f99b33;
	
/*	background: #ffffff url("left_bottom_box_bottom.gif") bottom left no-repeat;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	min-height: 150px;
	clear: both; */
}

div.tray {
	float: left;
	width: 252px;
}

div.traytop {
	background: #ffffff url("left_bottom_box_top.gif") bottom left no-repeat;
	height: 17px;
}

div.traybottom {
	background: #ffffff url("left_bottom_box_bottom.gif") top left no-repeat;
	height: 17px;
	clear: both;
}

div#left_box_bottom td span {
	color: black;
	font-style: italic;
	font-size: 11px;
	text-align: justify;
	display: block;
}

div#left_box_bottom td label {
	color: #a9a9a9; /* ie doesn't recognise grey!! */
	font-style: italic;
	line-height: 100px;
	margin: 30px;
	padding: 0;
	display: inline;
	text-align: center;
}

div#left_box_bottom h3 {
	background: none;
	padding: 0 0 0 10px;
/*	width: 205px; */
	font-size: 14px;
	font-weight: bold;
	color: #B21811;
	text-transform: uppercase;
	margin: 0; 
	/*
	background: #ffffff url("left_bottom_box_top.gif") top left no-repeat;
	padding: 10px 0 0 20px;
	font-size: 14px;
	color: #ce353a;
	text-transform: capitalize; 
	*/
}

div#left_box_bottom h3 span {
	font-size: 10px;
	color: #000;
	font-weight: normal;
	padding: 2px;
	margin: 0 0 0 10px;
}

div#item_form #price {
	border: 1px solid #9c3334;
	width: 60px;
	height: 15px;
	color: #9c3334;
	margin: 5px;
	text-align: center;
	float: left;
}

div#item_form #guests {
    margin: 5px 1px 5px 5px;
}

div#left_box_bottom td span {
	color: black;
	font-style: italic;
	font-size: 11px;
	text-align: justify;
	display: block;
}

div#left_box_bottom td label {
	color: #a9a9a9; /* ie doesn't recognise grey!! */
	font-style: italic;
	line-height: 100px;
	margin: 30px;
	padding: 0;
	display: inline;
	text-align: center;
}

div#left_box_bottom h3 span {
	font-size: 10px;
	color: #000;
	font-weight: normal;
	padding: 2px;
	margin: 0 0 0 10px;
}

div#left_box_bottom h3 span span {
	width: 10px;
	height: 10px;
	text-align: center;
	background: #fdc382;
	margin: 0;
}

div#left_box_bottom input {
	float: right;
	position: relative;
	top: 10px;
}

div#left_box_bottom table {
	margin /**/: 10px 0 0 10px;
	margin: 10px 0 0 5px;
	font-size: 10px;
	border-bottom: 1px solid #f99b33;
	padding: 0 0 5px 0;
	width: 230px;
}

div#left_box_bottom table tr {
	border-left: 1px solid #B21811;
	border-right: 1px solid #B21811;
}

/*div#left_box_bottom table thead {*/
/*	border-bottom: 1px solid #F99B33;*/
/*	display: table-caption;*/
/*	text-align: center;*/
/*}*/

div#left_box_bottom table th {
	font-size: 11px;
	border-bottom: 1px solid #F99B33;
	font-weight: bold;
	color: #B21811;
	text-align: left;
	padding /**/: 0 0 0 10px;
	margin: 0;
}	

div#left_box_bottom table td {
	padding /**/: 1px 0 1px 10px;
	margin: 1px 0;
	color: #b21811;
}

div#left_box_bottom table#total {
	border: none;
}

div#left_box_bottom table#total td.price {
	text-align: right;
	font-size: 14px;
	color: #B21811;
	font-weight: bold;
}

div#left_box_bottom table td.hilite {
	width /**/: 10px;
	padding: 0;
	height: 10px;
	text-align: center;
	background: #fdc382;
	margin: 0;
	width: 0;
}


/*
#left_box_bottom table {
	margin: 0 0 0 0;
	font-size: 10px;
	border-bottom: 1px solid #f99b33;
	padding: 0 0 5px 0;
}

#left_box_bottom table th {
	font-size: 11px;
	font-weight: normal;
	color: #9c3334;
	text-align: left;
	padding: 0 0 0 10px;
}	

#left_box_bottom table td {
	padding: 1px 0 1px 10px;
	margin: 1px 0;
}

#left_box_bottom table#total {
	border: none;
}

#left_box_bottom table#total td.price {
	text-align: right;
	width: 200px;
	font-size: 14px;
	color: #94b049;
	font-weight: bold;
}
*/

div#right_col {
	width: 245px;
	float: left;
	margin: 0 0;
	padding: 0;
	
}

div#justadded {
	background: #ffffff url("right_col_box_bottom.gif") bottom left no-repeat;
	padding: 0 0 20px 0;
	width: 250px;
	margin: 1px 0 10px 0;
	word-wrap:normal;
	float: left;
}

div#justadded h3 {
	background: #ffffff url("right_col_box_top_plain.gif") top left no-repeat;
	padding: 12px 0 0 10px;
/*	width: 205px; */
	font-size: 14px;
	text-transform: capitalize;
	margin: 0;
	color:#9C3334;
}

div#justadded img {
	margin: 20px;
	float: left;
}

div#justadded input {
	margin: 20px 20px 0 20px;
	float: right;
}

div#justadded span {
	width: 120px;
	padding: 20px 20px 0 0;
	float: right;
	text-transform: capitalize;
	color:#9C3334;
	font-size: 75%;
}

div#cart {
	background: #ffffff url("right_col_box_bottom.gif") bottom left no-repeat;
	padding: 0 0 20px 0;
	width: 250px;
	margin: 1px 0 10px 0;
	word-wrap:normal;
	float: left;
}

div#cart h3 {
	background: #ffffff url("right_col_box_top_plain.gif") top left no-repeat;
	padding: 12px 0 29px 10px;
/*	width: 205px; */
	font-size: 14px;
	color: #ce353a;
	text-transform: capitalize;
	margin: 0; 
}

#cart table {
	margin /**/: 10px 0 0 10px;
	margin: 10px 0 0 5px;
	font-size: 10px;
	border-bottom: 1px solid #f99b33;
	padding: 0 0 5px 0;
	width: 230px;
}

#cart table th {
	font-size: 11px;
	font-weight: bold;
	color: #9c3334;
	text-align: left;
	padding /**/: 0 0 0 10px;
	margin: 0;
}	

#cart table td {
	padding /**/: 1px 0 1px 10px;
	margin: 1px 0;
}

#cart table#total {
	border: none;
}

#cart table#total td.price {
	text-align: right;
	font-size: 14px;
	color: #94b049;
	font-weight: bold;
}

#cart table td.hilite {
	width /**/: 10px;
	padding: 0;
	height: 10px;
	text-align: center;
	background: #fdc382;
	margin: 0;
	width: 0;
}

#cart h4 {
	margin: 25px 30px 0 0;
	float: right;
	font-size: 14px;
	color: #94b049;
	font-weight: bold;
}

#cart input {
	float: right;
	margin: 10px 30px 0 0;
}

/* placemat wrapper - copied almost entirely from 'cart'*/

div#placemat {
	background: #ffffff url("right_col_box_bottom.gif") bottom left no-repeat;
	padding: 0 0 20px 0;
	width: 250px;
	margin: 1px 0 10px 0;
	word-wrap:normal;
	float: left;
}

div#placemat h3 {
	background: #ffffff url("right_col_box_top_plain.gif") top left no-repeat;
	padding: 12px 0 0px 10px;
/*	width: 205px; */
	font-size: 14px;
	color: #ce353a;
	text-transform: capitalize;
	margin: 0; 
}

#placemat table {
	margin: 10px 0 0 5px;
	font-size: 10px;
/*	border-bottom: 1px solid #f99b33; */
	padding: 0 0 0px 0;
	width: 230px;
}

#placemat table th {
	font-size: 11px;
	font-weight: bold;
	color: #9c3334;
	text-align: left;
	padding /**/: 0 0 0 10px;
	margin: 0;
}	

#placemat table td {
	padding /**/: 1px 0 1px 10px;
	margin: 1px 0;
}

#placemat table#total {
	border: none;
}

#placemat table#total td.price {
	text-align: right;
	font-size: 14px;
	color: #94b049;
	font-weight: bold;
}

#placemat table td.hilite {
	width /**/: 10px;
	padding: 0;
	height: 10px;
	text-align: center;
	background: #fdc382;
	margin: 0;
	width: 0;
}

#placemat h4 {
	margin: 0px 0px 0 0;
	float: right;
	font-size: 14px;
	color: #94b049;
	font-weight: bold;
}

#placemat input {
	float: right;
	margin: 0px 0px 0 0;
}

/* end placat wrapper */

/* test submit */

.submit_button {
	margin: 0 20px 0 0;
}

/*table.menu_item_bottom_image {
	background: #ffffff url(menuItemBottom.gif) bottom left no-repeat;
	width: 105px;
        padding: 4px 2px 2px 2px;
	margin: 2px 0;
	display: block;
	height: 47px;
}*/

.magnifying_glass {
	border: none;
	float: right;
}

.menu_item_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
}

img.arrow {
	margin: 0 0 0 5px;
}

/* catering menu navigation (more dropdown) css */
.morenavigationmenu {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.morenavigationmenu div {
	height: 17px;
	margin: 0;
	padding: 0 0 0 10px;
	position: relative;
	cursor: pointer;
	top: 5px;
}

.morenavigationmenu ul a {
	text-decoration: none;
	color: white;
}

.morenavigationmenu ul {
	padding: 0;
	margin: 5px 0 0 0;
}

.morenavigationmenu ul ul {
	display: none;
	position: absolute;
	margin: 0;
	z-index: 10;
}

.morenavigationmenu ul li {
	position: relative;
	list-style-type: none;
	padding: 5px;
	width: 200px;
}

/* end catering menu navigation (more dropdown) css */





/* jquery date picker */

/* located in demo.css and creates a little calendar icon
 * instead of a text link for 'Choose date'
 */

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

/* jquery date picker calendar location css */

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 6px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/art/homeCalendar.gif) no-repeat; 
}

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon)
 */
input.dp-applied {
	width: 140px;
	float: left;
}

/* end jquery date picker */