/*  GLOBAL */

#SearchForm_ProductSearchForm_action_results, .add, .remove, #ShoppingCart h3, #ShoppingCart .cartCol1 a, .checkoutButton{font: 0px Verdana; text-indent: -9999px; line-height: 0; outline: 0;}
body{font: 12px Verdana, Arial, sans-serif; color: #594a4e; background-color: #cdcfa9;}
.clear{clear: both;}
.clear0px{clear: both; height: 0px;}

/*  LAYOUT */

#wrapper{position; relative; background: #fff url(../images/Background.gif) 0 0 repeat-y;width: 800px; margin: 0 auto; padding: 0 50px;}

/*  TOP SECTION */

#topLeft{float: left; width: 255px; overflow: hidden;}
#top li{list-style: none; float: left; margin-bottom: 7px;}
	#top li a{display: block; text-indent: -2000px; width: 122px; height: 30px;}
		#top li a:hover, #top li.current a{background-position: -124px 0;}
#ContactMenuButton a{background-image: url(../images/Contact.gif);}
#ContactMenuButton{margin-right: 7px;}
#HomeMenuButton a{display: inline; background-image: url(../images/Home.gif);}
#logo{float: left; width: 252px;}
#topRight {float: right; margin-top: -1px; height: 168px; padding: 0;}
	#topRight img{display: block;} /*  IE 7 */

/*  CONTENT */

#mainContentHolder{clear: both; padding-top: 8px; border-bottom: 1px solid #acacac;}
#Layout {float: left; background-color: #efefe2; padding: 10px 30px 20px 30px; width: 490px; height: 100%;}
#ProductGroup {float: left; padding: 0px 0px 10px 8px; width: 536px; margin-top: -12px;}

#images, #Sidebar {background: #e3e4ce url(../images/fern.gif) 10px 170px no-repeat; width: 240px; height: 561px;float: left; margin-left: 8px; /*margin-left: 560px;*/}
	#images img{width: 190px;margin-top: 15px; margin-left: 25px;}

/*  BOTTOM NAV */
#navBottom{clear: both; color:#996; text-align: center; width: 100%; padding: 5px 0 5px 0;}
	#navBottom li{display: inline; list-style: none; margin-bottom: 5px;}
		#navBottom li a, #navBottom li a:link{color:#996; font-size: 1em; text-decoration: none; text-transform: capitalize;}
			#navBottom li a:hover, #navBottom li a.current, #navBottom li a.section{text-decoration: underline; font-weight: bold;}
	#navBottom li ul{display: none;}
		#navBottom li ul a{display: block; width: auto; height: auto; text-indent:0; padding:0px 10px 5px 10px; margin: 0;}
			#navBottom li.last span.bottomMenuPipe {display: none;}


/* Home=========== */
body#bodyIdhome div#Layout {height: 551px; overflow-y: auto; overflow-x: hidden;}
body#bodyIdhome div.typography {width: auto;}

/*  BREAKFAST MENU */
.normalPortionUnits, .normalPortionPerson{display: none;}
.dietaryFilters{margin-top: 12px;}
	.dietaryFilters li, .dietaryFilters input{float: left; padding-top: 7px;}
		.dietaryFilters a{display: block; border-left: 1px solid #944910; color: #944910; font-size: 12px; line-height: 18px; text-decoration: none; margin-left: 7px; padding-left: 8px;}
			.dietaryFilters .first a{border-left: none; margin-left: 0; padding-left: 0;}
 		.dietaryFilters .currentFilter a, .dietaryFilters a:hover{color: #ac5a1c; text-decoration: underline;}
	#mainContentHolder .dietaryFilters .search{float: right; width: 141px; margin-right: 7px; clear: none;}
		#mainContentHolder .dietaryFilters .search form{margin: 0; width: auto; overflow: none;}
		#mainContentHolder .dietaryFilters #Search{clear: none; padding: 0;}
		#mainContentHolder .dietaryFilters #Search .middleColumn{margin: 0;}
		#SearchForm_ProductSearchForm_Search{background-color: #fff; background: url(../images/menuSearch.png) no-repeat; border: 0; font-size: 10px; width: 114px; height: 15px; padding: 3px 0 0 5px;}
		#SearchForm_ProductSearchForm_action_results{background-image: url(../images/menuSearchGo.png); border: 0; width: 22px; height: 18px;}
			#SearchForm_ProductSearchForm_action_results:hover{background-position: -22px 0;}
		form#SearchForm_ProductSearchForm {padding: 0; margin: 0;}
.pageTitle{clear: both; color: #AF4D0E; font-size: 26px; font-weight: bold; text-transform: uppercase; padding: 10px 0;}

.Menu ul{background: #a74c17; width: 95%; overflow: auto; padding-left: 7px;}
	.Menu li{float: left;}
		.Menu li{color: #fff; font-size: 11px; padding: 6px 3px;}
			.Menu a:link, .Menu a:visited{color: #fff; text-decoration: none; }
			.Menu li a:hover, .Menu li.currentFilter a{text-decoration: underline;}
#productInner {background-color: #efefe2; padding: 0 0 0 30px;}
#productList{padding-right: 10px;}
.mainProductTitle{padding: 4px 0;}
	.mainProductTitle span{background: #a65623 url(../images/productTitle.png) 100% 0 no-repeat; color: #fff; padding: 5pt 14px 5px 10px;}
	.mainProductTitle em{font-weight: normal;}
	.mainProductTitle a {color: #594a4e;}

	.productItem{border-top: 1px solid #dcd1bd!important; margin-top: 0!important; padding: 10px 0 5px 0; clear: both;}
		.firstProductRow{padding: 1px 0/*  dietary images were clipping */; }
			.price_display{float: right; width: 100px; text-align: right;}
			.quantityBox{float: left; }
				.quantityBox .add, .quantityBox .remove {width: 35px; height: 22px; float: left;}
				.quantityBox .remove{display: block; visibility: hidden;}
				.quantityBox .add{display: block; background-image: url(../images/productAdd.png);  }
					.quantityBox .add:hover{background-position: -35px 0; }
			.productTitle{color: #46413b!important; margin-left: 45px; width: 330px;}
		.secondProductRow{margin: 5px 0 0 45px; font-size: 0.9em;}
			.dietaryImages{float: right; margin-left: 10px}
				.dietaryImages img{width: 27px; }
					.dietaryImages a.imageHolderInner img {height: 27px;}
						.dietaryImages a.imageHolderInner:hover img{width: 200px; height: auto; position: absolute; margin-left: -50px ; margin-top: -50px;}
						.dietaryImages .imageHolderOuter{display: inline-block;}

/*  CART - to go to Cart.css once completed */

.noItems{padding: 20px;}
.bodyClassCheckoutPage .noItems{font-size: 2em;}
#ShoppingCart h3{background: url(../images/yourOrder.png) no-repeat; border-bottom: 5px solid #fff; height: 60px;}
#ShoppingCart table{width: 226px; margin: 7px;}
	#ShoppingCart thead th{border-top: 1px solid #cabc9f; border-bottom: 1px solid #cabc9f; color: #9f5731; font-size: 1em; font-weight: bold; padding: 3px 0; vertical-align: middle;}
	#ShoppingCart thead input{position: relative; top: 2px;}
		#ShoppingCart .colspan2{margin-left: 15px;}
	#ShoppingCart tbody th{border-bottom:1px solid #BEBDA9;}
	#ShoppingCart tbody th.cartCol123{text-align: left;}
	#ShoppingCart tbody td{padding-top: 8px; padding-right: 2px;}
		#ShoppingCart h4{color: #50473e; font-weight: bold; padding: 8px 0 2px 0;}
		#ShoppingCart input{background: url(../images/cartBox.png) no-repeat; border: 0; color: #9f5731; font-size: 9px; text-align: right; font-weight: bold; line-height: 16px; width: 30px; height: 16px; padding-right: 4px;}
		.cartCol1{width: 21px; vertical-align: top;}
			.cartCol1 a{display: block; background-image: url(../images/cartRemove.png); width: 16px; height: 16px;}
				.cartCol1 a:hover{background-position: 0 -16px;}
		.cartCol2, .cartCol4{color: #a34e25; font-weight: normal; font-size: 0.9em;}
		.cartCol4{text-align: right;}
	#ShoppingCart tfoot th{border-bottom: 1px solid #bebdab; padding: 0.7em 0 0 0;}
	#ShoppingCart tfoot tr.noBorder th{}
		.cartCol123{text-align: right; font-weight: bold; padding-right: 9px!important;}
	.checkoutButton{display: block; background: url(../images/cartSubmit.png) no-repeat; border-top: 5px solid #fff; border-bottom: 5px solid #fff; width: 239px; height: 31px;}
		.checkoutButton:hover{background-position: 0 -31px;}

/*  Shared Elements - determine if global at end==================== */
div#holdAll {width: 100%; background-color: #efefe2; margin-top: 10px; padding-top: 15px;}

	div.headerContent {background-color: #d3d4b2; font-size: 1.1em; padding: 5px 30px 15px 30px; clear: both; margin-top: -4px; height: 75px; overflow: hidden;}
	div.headerContent p {font-size: 1.1em; padding-top: 8px}
	div.bottomNote {width: 92%; padding-left: 4%; padding-right: 4%; clear: both; padding-bottom: 20px; background-color: #efefe2; margin: 0;}
	div.bottomNote p {color: #b34a13; width: 420px;}

	div.clickbarBelowImage {display: block; height: 25px; width: 316px; padding-top: 6px;background: url(../images/brownArrow.jpg) no-repeat; margin-top: -2px;}
		div.clickbarBelowImage a {margin-left: 30px; font-size: 1.1em; font-weight: bold; color: #fff; text-decoration: none;}
			div.clickbarBelowImage a:hover {color: #341a09;}

/*  Food Rewards Section =========================================== */
body.bodyClassFoodPointPage div#Layout {width: 740px;}
body.bodyClassFoodPointPage div#Layout .typography {width: 600px;}

ul#FoodPoints {margin: 0; padding: 0 0 15px 0; width: 100%; background-color: #efefe2;}
	#FoodPoints li {margin: 10px 0 0 0; padding: 0; background-color: #d2cec5; clear: both; height: 90px; width: 100%;}
		#FoodPoints li span#Points {width: 150px; height: 70px; background: url(../images/grayKoru.gif) no-repeat; float: left; padding: 20px 0 0 10px; font-size: 1.5em; font-weight: bold; text-transform: uppercase;}
		#FoodPoints li span#Description {margin: 15px 0 0 20px; height: 60px; width: 610px; display: block; float: left;}


/*  KPR Venues AND Functions Pages====================================================== */
body.bodyClassVenuePage div#VenueDetails, body.bodyClassFunctionsPage div#FunctionsDetails {float: right; margin-top: 0px; margin-bottom: 20px;}
body.bodyClassVenuePage div#VenueDetails img, body.bodyClassFunctionsPage div#FunctionsDetails img {display: block;}
body.bodyClassVenuePage div#Layout, body.bodyClassFunctionsPage div#Layout {width: 420px; display: inline;}
body.bodyClassVenuePage div#Layout div.typography, body.bodyClassFunctionsPage div#Layout div.typography {width: 417px;}

body.bodyClassVenuePage h1, body.bodyClassFunctionsPage h1 {padding-top: 5px;}
body.bodyClassVenuePage div.bottomNote, body.bodyClassFunctionsPage div.bottomNote {padding-top: 20px;}

/*  Search Results */
.typography p.searchQuery {padding: 20px 40px !important; font-size: 1.3em!important}
div#SearchResultsContainer {margin: 0 40px 100px 40px;}
div#SearchResultsContainer li {font-size: 1.3em!important}



/* Print Button*/

#featuredProducts a.printmenu {background: url(../images/Print.gif) 100px 0 no-repeat; display: block; height: 29px; width: 150px; color: #594a4e; font-weight: normal; text-decoration: none; padding: 10px; float: right;}

#featuredProducts a:hover.printmenu {color: #b34a13;}

#featuredProducts p {margin: 35px 0 0 10px; font-size: 0.9em; width: 50%;}


/* Quote*/
.typography div#quote {width: 98%; display: block; overflow: hidden; height: 70px;}
.typography div#quote p, .typography div#quote a, .typography div#quote h1,
.typography div#quote h2, .typography div#quote h3, .typography div#quote h4,
.typography div#quote h5, .typography div#quote h6 {color: #944910; font-weight: normal; font-style: italic; width: 95%; font-size: 0.9em; margin: 15px 0 0 0; padding: 0;}

.typography div#quote p.QuotedPerson {width: 30%; float: right; margin: 0; padding: 0; font-style: normal;}

/* Account Page */
div#Account {padding: 20px 40px; Background-color: #E3E5D0;}

/* Dietary Descriptions */
body#bodyIddietary-info .typography p {clear: both;}
body#bodyIddietary-info  .typography img {float: left; margin: 10px 10px 0 0;}
body#bodyIddietary-info  .typography h3 {padding-top: 18px;}
body#bodyIddietary-info  .typography {position: relative;}


/* Basic page */

body.bodyClassBasicPage #Layout {width: 740px; margin-top: 10px;}
body.bodyClassBasicPage #Layout .typography {width: 600px;}