body {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#header {
	width: inherit;
	height: 480px;
	background: url('../images/grad_back_top.jpg') repeat-x left top;
	
}

#headerContent {
	width: 843px;
	margin: 0px auto;
}

#headerContent #logo {
	display: inline-block;
	float: left;
	width: 375px;
	height: 192px;
	margin-left: -25px;
}

#headerContent #logo123 {
	float: right;
	margin-top: 50px;
	margin-right: 25px;
	width: 211px;
	height: 117px;
	background: url('../images/123_logo.jpg') no-repeat left top;
	color: #010101;
	font-size: 0em;
}

#headerContent #logo123 a {
	display: block;
	height: 117px;
	width: 211px;
	text-decoration: none;
	border: none;
}

#headerContent #topnavOuter {
	width: 843px;
	height: 47px;
	background: url('../images/topnav_back.gif') repeat-x left top;
	clear: both;
}

#headerContent #topnavOuter #topnavInner {
	width: 843px;
	height: 47px;
	background: url('../images/topnav_left.gif') no-repeat left top;
}

#headerContent #topnavOuter #topnavInner #topnavContent{
	width: 743px;
	height: 41px;
	padding: 6px 50px 0px;
	background: url('../images/topnav_right.gif') no-repeat right top;
}

#topnavContent ul {
	height: 41px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background: url('../images/btn_back.gif') no-repeat right top;
}

#topnavContent ul li {
	float: left;
	padding: 0px 2px;
	margin: 0px;
	background: url('../images/btn_back.gif') no-repeat left top;
}



#topnavContent ul li span {
	display: inline-block;
	height: 41px;
	padding: 0px 35px;
	
}

#topnavContent ul li a {
	display: inline-block;
	height: 41px;
	line-height: 35px;
	color: #FFF;
	font-size: 16px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 2px;
}

#topnavContent ul li a:hover {
	text-decoration: none;
}

#headerContent #imgContainer {
	/*background: url('../images/img_placeholder2.jpg') no-repeat left top;*/
	height: 241px;
	width: 843px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#mainContent {
	min-height: 351px;
	padding-top: 45px;
	background: url('../images/content_back.jpg') repeat-x left top #F9F9F9;
	font-family: Arial, Verdana;
	
}

#mainContent #innerContainer {
	margin: 0px auto;
	width: 843px;
}

#mainContent #mcLeft {
	float: left;
	width: 452px;
	padding: 0px 10px;
}

#mcLeft #pickImgs div.pickImg {
	width: 211px;
	background: url('../images/pic_grad_back.jpg') repeat-x top left;
	height: 254px;
	margin-right: 6px;
	float: left;
	padding-left: 6px;
	padding-right: 6px;
	
}

#mcLeft #pickImgs div.pickImg + div.pickImg {
	margin: 0px;
}

#mcLeft #pickImgs h4 {
	margin: 0px;
	padding: 0px;
	color: #FFF;
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	text-transform: capitalize;
}

#mcLeft #pickImgs div.special {
	font-size: 14px;
}

#mcLeft #pickImgs p.content {
	font-size: 12px;
	line-height: 13px;
	margin: 5px 0px;
}

#mcLeft #pickImgs .luxpic div.special {
	color: #FFD200;
	font-weight: bold;
	
}

#mcLeft #pickImgs .finepic div.special {
	color: #950786;
	font-weight: bold;
	
}


div.pickImg img {
	margin: 5px 0px;
	border: 1px solid #DBE0E4;
}

#mcLeft .bannerSpecial {
	margin-top: 20px;
}

#mcLeft .bannerSpecial img {
	border: 1px solid #DBE0E4;
}

#mcLeft .bannerSpecial img a {
	text-decoration: none;
	border: none;
}

#mcLeft #aboutBanner {
	border: 1px solid #DBE0E4;
	background: url('../images/aboutustopleft.jpg') no-repeat left top;
	width: 450px;
	height: 235px;
}

#mainContent {
	font-size: 14px;
	color: #000;
	font-family: Arial, Verdana;
}

#mainContent #mcRight {
	padding-left: 8px;
	padding-right: 10px;
	float: left;
	width: 353px;
	font-size: 14px;
	line-height: 15px;
	color: #000;
	font-family: Arial, Verdana;
	overflow: hidden;
}

#mcRight #aboutBanner_right {
	border: 1px solid #DBE0E4;
	background: url('../images/aboutonder.jpg') no-repeat left top;
	width: 350px;
	height: 216px;
}


#mainContent h1 {
	margin: 5px 0px;
	padding: 0px;
	color: #FFF;
	font-family: Arial;
	font-weight: bold;
	font-size: 22px;
	text-transform: uppercase;
}

#mainContent h1 span {
	color: #FFD200;
	
}

#mainContent p.intro {
	margin-top: 0px;
	color: #FFD200;
}

#mainContent .orders #ordLeft {
	float: left;
	width: 410px;
	padding-right: 12px;
	font-family: Arial, Verdana;
	
}

#mainContent .orders #ordRight {
	float: left;
	width: 410px;
	padding-left: 11px;
	padding-bottom: 100px;
	font-family: Arial, Verdana;
	
}

.contact #contactBanner {
	border: 1px solid #DBE0E4;
	width: 450px;
	height: 306px;
	background: url('../images/imagecontactus.jpg') no-repeat left top;
}

#mainContent .contact  h3 {
	margin: 5px 0px;
	padding: 0px;
	color: #FFF;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}

.contact #frmContact {
	padding: 5px;
	border: 1px solid #DBE0E4;
}

.contact #submitbtn {
	margin-top: 10px;
}

.contact #frmSubmit {
	
}

.contact #frmClear {
	margin-left: 20px;
}

.contact #frmTable input,
.contact #frmTable textarea {
	width: 175px;
	padding: 2px 3px;
}

.contact a,
.contact a:link,
.contact a:visited,
.contact a:hover,
.contact a:active {
	color: #950786;
}


.catering #tblRatio {
	width: 350px;
	border-top: 1px solid #DBE0E4;
	border-right: 1px solid #DBE0E4;
}

.catering #tblRatio tr th,
.catering #tblRatio tr td {
	border-left: 1px solid #DBE0E4;
	border-bottom: 1px solid #DBE0E4;
}
	

.catering #tblRatio td,
.catering #tblRatio th {
	text-align: left;
} 

.catering #tblRatio tr.heading {
	color: #950786;
}


.catering #tblRatio tr td {
	width: 235px;
}

.catering #tblRatio tr td + td{
	width: 107px;
}

.catering #cateringBanner #cateringBanner1,
.catering #cateringBanner #cateringBanner2 {
	float: left;
}

.catering #cateringBanner #cateringBanner1 {
	width: 169px;
	height: 199px;
	background: url('../images/cateringleftbottom.jpg') no-repeat left top;
	border: 1px solid #DBE0E4;
}

.catering #cateringBanner #cateringBanner2 {
	width: 261px;
	height: 199px;
	margin-left: 10px;
	background: url('../images/cateringright.jpg') no-repeat left top;
	border: 1px solid #DBE0E4;
}

.terms #imgContainer h1 {
	margin: 10px 0px 5px 0px;
	padding: 0px;
	color: #FFF;
	font-family: Arial;
	font-weight: bold;
	font-size: 22px;
	text-transform: uppercase;
}

.terms #imgContainer h3 {
	margin: 5px 0px;
	padding: 0px;
	color: #000;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}

.terms #imgContainer {
	color: #000;
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
	
}

.order .orders {
	background: url('../images/txt_fillinform.png') no-repeat 575px bottom;
}

.order #imgContainer h3 {
	text-align: center;
	margin-top: 40px;
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
}

.order table.listing tr td {
	padding: 5px 2px;
	vertical-align: bottom;
}

/* --- accordion headers --- */
#mainContent .accordion h2 {
	width: 220px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	line-height: 35px;
	margin-bottom: 5px;
	margin-left: 110px;
}
#mainContent #acc1 h2 {
	background: url('../images/txt_canapes_selection.png') transparent no-repeat left top;
}

#mainContent #acc2 h2 {
	background: url('../images/txt_classic_pick.png') transparent no-repeat left 8px;
}

#mainContent #acc3 h2 {
	background: url('../images/txt_elegance_pick.png') transparent no-repeat left 8px;
}

#mainContent #acc4 h2 {
	background: url('../images/txt_fine_pick.png') transparent no-repeat left 8px;
}

#mainContent #acc5 h2 {
	background: url('../images/txt_bowl_food.png') transparent no-repeat left 8px;
}

#mainContent #acc6 h2 {
	background: url('../images/txt_open_sandwich.png') transparent no-repeat left 8px;
}

#mainContent #acc7 h2 {
	background: url('../images/txt_dinner_parties.png') transparent no-repeat left 8px;
}

#mainContent #acc8 h2 {
	background: url('../images/txt_starters.png') transparent no-repeat left 8px;
}

#mainContent #acc9 h2 {
	background: url('../images/txt_main.png') transparent no-repeat left 8px;
}

#mainContent #acc10 h2 {
	background: url('../images/txt_dessert.png') transparent no-repeat left 8px;
}

#mainContent #acc11 h2 {
	background: url('../images/txt_bbq.png') transparent no-repeat left 8px;
	width: 275px;
}


/* ---- accordion trigger links ---- */
#mainContent #acc1 .trigger,
#mainContent #acc5 .trigger,
#mainContent #acc6 .trigger,
#mainContent #acc7 .trigger,
#mainContent #acc8 .trigger,
#mainContent #acc9 .trigger,
#mainContent #acc10 .trigger,
#mainContent #acc11 .trigger {
	background: url('../images/back_black.gif') transparent no-repeat left top;
	height: 32px;
	width: 274px;
	padding-left: 112px;
	color: #fff;
	font-size: 14px;
	padding-top: 20px;
	line-height: 15px;
}

#mainContent #acc2 .trigger {
	background: url('../images/back_green.gif') transparent no-repeat left top;
	height: 32px;
	width: 274px;
	padding-left: 112px;
	color: #fff;
	font-size: 14px;
	padding-top: 20px;
	line-height: 15px;
}

#mainContent #acc3 .trigger {
	background: url('../images/back_orange.gif') transparent no-repeat left top;
	height: 32px;
	width: 274px;
	padding-left: 112px;
	color: #fff;
	font-size: 14px;
	padding-top: 20px;
	line-height: 15px;
}

#mainContent #acc4 .trigger {
	background: url('../images/back_pink.gif') transparent no-repeat left top;
	height: 32px;
	width: 274px;
	padding-left: 115px;
	color: #fff;
	font-size: 14px;
	padding-top: 20px;
	line-height: 15px;
}

#mainContent #acc5 .trigger,
#mainContent #acc6 .trigger,
#mainContent #acc11 .trigger {
	height: 42px;
	padding-top: 10px;
}



#mainContent .trigger a {
	color: #fff;
	text-decoration: none;
	background: url('../images/bullet.gif') no-repeat left center transparent;
	padding-left: 12px;
	margin-left: 8px;
	cursor: pointer;
	border: none;
}


#mainContent .accordion {
	margin-bottom: 25px;
}

#mainContent .accordion .backimg {
 	position: absolute;
 	margin-left: 10px;
 	margin-top: 18px;
}

#mainContent .accordion .accContent {
	width: 345px;
	margin-left: 10px;
	background: #232323;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-family: Arial;
	font-size: 12px;
	padding: 10px 10px 10px;
	margin-top: 1px;
	margin-bottom: 15px;
}

#mainContent #acc2 .accContent {
	background: #68B100;
}

#mainContent #acc3 .accContent {
	background: #D6A100;
}

#mainContent #acc4 .accContent {
	background: #A64686;
}

table.listing tr td input {
	width: 30px;
	border: 1px solid #333;
	background: #FFF;
	padding: 1px 2px;
	color: #000;
}

table.listing tr th {
	text-align: left;
	vertical-align: top;
}

#acc11 tr td.normal {
	font-size: 12px;
	color: #fff;
	font-weight: normal;
}

#acc11 tr td h4 {
	display: inline;
	margin: 0px;
	padding: 0px;
	margin-right: 5px;
	font-size: 12px;
	font-family: Arial;
	color: #91DC15;
}

#acc11 tr td h4 strong {
	color: #FFF;
}

table.listing tr td.cold {
	background: url('../images/cold.png') no-repeat left center transparent;
	padding-left: 22px;
}

table.listing tr td.hot {
	background: url('../images/hot.png') no-repeat left center transparent;
	padding-left: 22px;
}

/* Order page footer */
#footer_order {
	height: 178px;
	background: url('../images/footer_order.jpg') repeat-x left bottom #F8F8F8;
}

#footer_order #footertop {
	height: 126px;
	width: 843px;
	margin: 0px auto;
	padding-top: 5px;
}

#footer_order #footertop .txt1 {
	font-family: Arial;
	font-size: 12px;
	color: #999;
	text-decoration: none;
	text-align: center;
	padding-top: 4px;
	height: 27px;
}

#footer_order .txtCont1 {
	height: 49px;
}

.txtCont1 .txt2 {
	float: right;
	height: 65px;
	width: 187px;
	background: url('../images/req_order_btn.gif') no-repeat left top transparent;
	top: -13px;
	position: relative;
}

.txtCont1 .txt2 a {
	display: block;
	height: 65px;
	width: 187px;
	border: none;
	text-decoration: none;
	font-size: 0px;
}

.txtCont1 .txt2 input {
	display: block;
	height: 65px;
	width: 187px;
	border: none;
	text-decoration: none;
	font-size: 0px;
	background: none;
	cursor: pointer;
}

.txtCont1 .txt3 {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}

.txtCont1 .txt4 {
	display: inline-block;
	margin-top: 10px;
	margin-right: 5px;
}

.txt4 {
	margin-left: 125px;
}

.txtCont1 .txt3 a.toc {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

.txtCont1 .txt3 a.toc:hover {
	text-decoration: underline;
}

.txtCont1 .txt4 span {
	background: url('../images/txt_est_total.png') no-repeat left top transparent;
	height: 22px;
	width: 155px;
	float: left;
}

.txtCont1 .txt4 input {
	background: url('../images/frm_input_back.gif') repeat-x left top;
	height: 18px;
	padding: 5px 5px 2px 2px;
	border: 1px solid #CECECE;
	font-family: Arial;
	color: #000;
	font-size: 12px;
	
}

#footer_order .txtCont2 {
	height: 33px;
}

.txtCont2 {
	clear: both;
}

.txtCont2 div {
	float: left;
}

.txtCont2 div input {
	background: url('../images/frm_input_back.gif') repeat-x left top;
	height: 15px;
	padding: 5px 5px 2px 2px;
	border: 1px solid #CB68AB;
	font-family: Arial;
	color: #000;
	font-size: 12px;
	display: inline-block;
}

.txtCont2 .txt5 {
	margin-right: 105px;
}

.txtCont2 .txt6 {
	margin-right: 105px;
}

.txtCont2 .txt7 {
	margin-right: 0px;
}

.txtCont2 .txt5 span {
	background: url('../images/txt_name.gif') no-repeat left 2px;
	height: 18px;
	width: 45px;
	margin-right: 10px;
	display: inline-block;
}

.txtCont2 .txt6 span {
	background: url('../images/txt_contact.gif') no-repeat left 2px;
	height: 18px;
	width: 95px;
	margin-right: 10px;
	display: inline-block;
}

.txtCont2 .txt7 span {
	background: url('../images/txt_email.gif') no-repeat left 2px;
	height: 18px;
	width: 47px;
	margin-right: 10px;
	display: inline-block;
}

#footer_order #footertop .txt1 a.toc {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

#footer_order #footertop a.toc:hover {
	text-decoration: underline;
}



#footer_order #footerbottom {
	height: 41px;
	padding-top: 4px;
	width: 843px;
	margin: 0px auto;
}

#footerbottom #bottomnavOuter {
	width: 843px;
	height: 41px;
	clear: both;
}

#footerbottom #bottomnavOuter #bottomnavInner {
	width: 843px;
	height: 41px;
	
}

#footerbottom #bottomnavOuter #bottomnavInner #bottomnavContent {
	width: 661px;
	height: 41px;
	margin: 0px auto;
}

/* General Footer */
#footer {
	height: 85px;
	background: url('../images/footer_back.gif') repeat-x left bottom #F8F8F8;
	padding-top: 15px;
}

#footer #footertop {
	height: 28px;
	width: 727px;
	margin: 0px auto;
	text-align: right;
	padding-right: 116px;
	padding-top: 2px;
}

#footer #footertop a.toc {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

#footer #footertop a.toc:hover {
	text-decoration: underline;
}



#footer #footerbottom {
	height: 41px;
	padding-top: 14px;
	width: 843px;
	margin: 0px auto;
}

#footerbottom #bottomnavOuter {
	width: 843px;
	height: 41px;
	clear: both;
}

#footerbottom #bottomnavOuter #bottomnavInner {
	width: 843px;
	height: 41px;
	
}

#footerbottom #bottomnavOuter #bottomnavInner #bottomnavContent {
	width: 661px;
	height: 41px;
	margin: 0px auto;
}

#bottomnavContent ul {
	height: 41px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background: url('../images/bottomnav_back.gif') no-repeat right top;
	
}

#bottomnavContent ul li {
	float: left;
	padding: 0px 3px;
	margin: 0px;
	background: url('../images/bottomnav_back.gif') no-repeat left top;
}

#bottomnavContent ul li span.span1 {
	display: inline-block;
	height: 41px;
	/*background: url('../images/bottombtn_left_back.gif') no-repeat left top;*/
}


#bottomnavContent ul li span.span2 {
	display: inline-block;
	height: 41px;
	padding: 0px 30px;
	/*background: url('../images/bottombtn_right_back.gif') no-repeat right top;*/
	
}

#bottomnavContent ul li a {
	display: inline-block;
	height: 41px;
	line-height: 41px;
	color: #FFF;
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 2px;
	/*background: url('../images/bottombtn_mid_back.gif') no-repeat center top;*/
}

#bottomnavContent ul li a:hover {
	text-decoration: none;
}


.clearfloats {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
}

#errormsg {
	width: 400px;
	height: 100px;
	border: 1px solid #000;
	background: #FFF;
	position: absolute;
	z-index: 1000;
	left: 200px;
	display: none;
	padding: 10px;
}