/* MENU SPECIFIC STYLES */
/* MENU NAVIGATION BAR */
#menuNav{ background:#569141; width:100%; height:30px; }
	#menuNavItems{ vertical-align:middle; }
	#menuNav a{ display:inline-block; color:white; font-weight:bold; padding:7px 15px 7px 15px; text-decoration:none; }
	#menuNav a:hover{ text-decoration:underline; }
	#menuNav a.selectedMenuNav{ color:#ffec00; background:#267121; }
	#additionalNav { text-align:right; vertical-align:middle; display:table-cell; padding-right:1px; }

/* LEFT MENU CONTENTS */
#menuContents{ overflow:hidden; }
#menuContentsL{ vertical-align:top; }
	/* PRODUCTS LIST */
	#productsWrapper{ 
		overflow:auto; 
		height:510px; /* height of menuContentsL / menuContentsR */
	}
		/* PRODUCT SUB-NAV BAR */
		#subMenuNav{ margin:5px 0px 5px 0px; }
		#subMenuNav div{ display:inline; }

		/* PRODUCT ROWS */
		.productRow{}
		.productRow:hover{ background:#eea; }
		.productRowAlt{ background:#eee; }
		.productRowAlt:hover{ background:#eea; }
		.productHeadingClose{ color:#467a36; font-weight:bold; font-size:14px; background:url(../images/arrowRight.gif) no-repeat; padding:0px 20px 0px 20px; margin:5px 0px 5px 0px; }
		.productHeadingClose:hover{ cursor:pointer; color:#f00; }
		.productHeadingOpen{ color:#467a36; font-weight:bold; font-size:14px; background:url(../images/arrowDown.gif) no-repeat; padding:0px 20px 0px 20px; margin:5px 0px 5px 0px; }
		.productHeadingOpen:hover{ cursor:pointer; color:#f00; }
		.productDesc { font-size:11px; }

		/* GENERIC CELLS ALIGNMENT */
		.imageCell{ width:120px; height:100px; }
		.imageCell img{ width:120px; height:100px; margin-right:10px; }

		#sandwichList, #lunchboxList, #platterList, #drinkList, #snacksList{
			-moz-outline:none; /* prevent firefox < 3.6 from adding a dotted outline, which increased the width of the <div> and causes a scrollbar to appear */
			outline:none; /* prevent firefox 3.6 from adding a dotted outline */
		}

		#sandwichList{}
		.subCell, .subCell1, .subCell2, .subCell3, .subCell4{ text-align:center; }
		.subCell .shortButton, .subCell1 .shortButton, .subCell2 .shortButton, .subCell3 .shortButton, .subCell4 .shortButton{ margin:0 15px; }
		.subCell .cellSpacer, .subCell1 .cellSpacer, .subCell2 .cellSpacer, .subCell3 .cellSpacer, .subCell4 .cellSpacer{ height:1px; width:100px; }

		#lunchboxList{}
		.lunchboxCell1, .lunchboxCell2, .lunchboxCell3, .lunchboxCell4{ text-align:center; }
		.lunchboxCell1 .shortButton, .lunchboxCell1 .shortButton, .lunchboxCell3 .shortButton, .lunchboxCell4 .shortButton{ margin:0 32.5px; }
		.lunchboxCell1 .cellSpacer, .lunchboxCell2 .cellSpacer, .lunchboxCell3 .cellSpacer, .lunchboxCell4 .cellSpacer{ height:1px; width:100px; }

		#platterList{}
		.platterCell1, .platterCell2, .platterCell3, .platterCell4{ text-align:center; }
		.platterCell1 .shortButton, .platterCell2 .shortButton, .platterCell3 .shortButton, .platterCell4 .shortButton{ margin:0 32.5px; }
		.platterCell1 .cellSpacer, .platterCell2 .cellSpacer, .platterCell3 .cellSpacer, .platterCell4 .cellSpacer{ height:1px; width:100px; }

		/* DRINKS SPECIFIC ALIGNMENTS */
		#drinkList{}
		.drinkCell1{ width:160px; }
		.drinkCell2{ width:160px; }
		.drinkCell3{ width:70px; font-weight:bold; text-align:center; }
		.drinkCell4{ width:150px; }

		/* SNACKS SPECIFIC ALIGNMENTS */
		#snacksList{}
		.snackCell1{ width:150px; }
		.snackCell2{ width:170px; }
		.snackCell3{ width:70px; font-weight:bold; text-align:center; }
		.snackCell4{ width:160px; }

	/* PRODUCTS 'LOADING' SCREEN */
	#productsLoad{ display:table-cell; }

/* RIGHT MENU CONTENTS */
#menuContentsR{
	width:335px; /* set a fixed width for the right content panel to prevent it from momentarily shrinking while content is being updated */
	vertical-align:top;
}

	#menuContentsR .rightLunchBox, #menuContentsR .rightSubs, #menuContentsR .rightPlatter, #menuContentsR .rightDrinks, #menuContentsR .rightDessert{ height:510px; width:335px; }
	#menuContentsR .rightSubs{ background-image:url(../images/rightSubs.jpg); }
	#menuContentsR .rightLunchBox{ background-image:url(../images/rightLunchbox.jpg); }
	#menuContentsR .rightPlatter{ background-image:url(../images/rightPlatter.jpg); }
	#menuContentsR .rightDrinks{ background-image:url(../images/rightDrinks.jpg); }
	#menuContentsR .rightDessert{ background-image:url(../images/rightDessert.jpg); }

/* POPUPS */
/* GENERIC SHARED POPUP ELEMENTS */
#closeButton{ width:100%; text-align:right; }
#closeButton:hover{ cursor:pointer; }

.menuHeadSection{ color:#569141; font-weight:bold; font-size:13px; border-bottom:1px solid #569141; }
.selectOverlay{ background:#f00; position:absolute; }
.selectOverlay:hover{ cursor:pointer; }
.selectImg{ border:3px solid #fff; }
.selectedImg{ border:3px solid #00f; }

/* IMAGE INPUTS; TOOPID IE6 CANNOT TARGET input[type=image]; MUST TARGET ALL MANUALLY & INDIVIDUALLY */
#custom_bread input, #custom_veggies_selections input, #custom_cookies input{ width:42px; height:42px; }

#selectedProductPic{ width:50px; padding: 0px 3px 0px 3px; }
#selectedProductInstructions { color:#383838; font-weight:bold; font-size:12px; }
#selectedProductName, #selectedProductAttribute{ color:#383838; font-weight:bold; font-size:18px; }
#chosenProductInstructions{ resize:none; height:66px; width:259px; }
#chosenProductTotalC{ color:#d20c0c; font-size:20px; font-weight:bolder; }
#chosenProductBasePriceC, #chosenProductAddedPriceC{ color:#383838; font-size:10px; font-weight:bold; white-space:nowrap; }
#chosenProductGST{ color:#383838; font-size:9px; }
#chosenProductQtyC{ text-align:center; color:#383838; font-size:10px; }
#chosenProductQty{ width:20px; }

/* CUSTOMIZE GENERIC */
#broadTable{ width:100%; border-collapse:collapse; margin:0px; padding:0px; border:none; }
	#broadTable tr td{ vertical-align:top; width:50%; margin:0px; padding:0px; border:none; }
	#broadTable br { line-height:0.5em; }

/* CUSTOMIZE SUBS POPUP */
#popup_customSub{ width:750px; } /* THIS IS REQUIRED FOR IE 6 & 7 */
#subsCustomizations{
	height:400px; position:relative; /* RELATIVE POS FIX FOR SELECTED ITEM OVERLAY */
	overflow:visible; overflow-x:hidden; overflow-y:auto; /* OVERFLOW BUG IN IE 6-8 : NEED TO SPECIFY ALL 3 */
}
#subsAddToCart{ height:46px; background:#b6c931; padding:6px; }
#subsPriceTable{ width:100%; background:white; }
#subsPriceTable tr td{ padding:0px 3px 0px 3px; }

/* CUSTOMIZE LUNCHBOX POPUP */
#popup_customLunchbox{ width:750px; } /* THIS IS REQUIRED FOR IE 6 & 7 */
#lunchboxCustomizations{
	height:400px; position:relative; /* RELATIVE POS FIX FOR SELECTED ITEM OVERLAY */
	overflow:auto; overflow-x:hidden; overflow-y:auto; /* OVERFLOW BUG IN IE 6-8 : NEED TO SPECIFY ALL 3 */
}
#lunchboxAddToCart{ height:46px; background:#b6c931; padding:5px; }
#lunchboxPriceTable{width:280px; background:white; }
#lunchboxPriceTable tr td{ padding:0px 3px 0px 3px; }

/* CUSTOMIZE PLATTER POPUP */
#popup_customPlatter{ width:330px; }
#platterCustomizations{ position:relative; } /* RELATIVE POS FIX FOR SELECTED ITEM OVERLAY */
#platterAddToCart{ height:57px; background:#b6c931; padding:5px; }
#platterPriceTable{ width:100%; background:white; }
#platterPriceTable tr td{ padding:0px 3px 0px 3px; }

/* CUSTOMIZE COOKIE POPUP */
#popup_customCookie{ width:300px; }
#cookieCustomizations{ height:260px; overflow:auto; position:relative; } /* RELATIVE POS FIX FOR SELECTED ITEM OVERLAY */
#cookieAddToCart{ height:57px; background:#b6c931; padding:5px; }
#cookiePriceTable{ width:260px; background:white; }
#cookiePriceTable tr td{ padding:0px 3px 0px 3px; }

/* CUSTOMIZE PARTY SNACKS POPUP */
#popup_customParty{ width:350px; }
#partyCustomizations{ position:relative; height:300px; } /* RELATIVE POS FIX FOR SELECTED ITEM OVERLAY */
#partyAddToCart{ height:57px; background:#b6c931; padding:5px; }
#partyPriceTable{ width:100%; background:white; }
#partyPriceTable tr td{ padding:0px 3px 0px 3px; }