/* HEADERBAR LINKS */

	.linkheaderbarWrappersWrapper { position:relative; float:right; width:100%; background:#d2b68c url('newimages/HeaderBrownBar.png'); height:35px; z-index:10; }
	.linkheaderbarWrapper { float:right; position:relative; left:-50%; text-align:left; }
	.linkheaderbar { position:relative; left:50%; top:7px; }
	.lastheaderbarlink { border-right:0px !important; }


	/* for lists and nested lists */
	.linkheaderbar, .linkheaderbar ul { list-style:none; margin:0px; padding:0px; display:block; float:left; width:100%; }
	/* for the nested list */
	.linkheaderbar ul { border:2px solid black; z-index:11; }
	
	/* for all link items */
	.linkheaderbar li { font-size:13pt; line-height:13pt; display:block; float:left;  padding:2px 10px; margin:0px 0px; border-right:1px solid white; position:relative; z-index:12; }
	/* for inner link items */
	.linkheaderbar li ul { z-index:13; }
	.linkheaderbar li ul li { width:200px; z-index:14; border-right:0px !important; }
	
	/* hiding and showing (WORKS FOR UP TO TRIPLE NESTED LINKS) (this is the only section that will need to be changed if more nesting is needed) */
	.linkheaderbar ul, .linkheaderbar li:hover ul ul, .linkheaderbar li:hover ul ul ul { top:21px; left:8px; width:220px; padding:1px; background-color:#8b9338; display:none; position:absolute; }
	.linkheaderbar li:hover ul ul, .linkheaderbar li:hover ul ul ul { top:0px; left:210px; }
	.linkheaderbar li:hover ul, .linkheaderbar ul li:hover ul, .linkheaderbar ul ul li:hover ul { display:block; z-index:10000; }
	
	/* for link states */
	.linkheaderbar a:link, .linkheaderbar a:visited { color:white; display:block; padding:0px 7px 0px 7px; margin-left:-7px; z-index:10001; text-decoration:none; }
	/* for nested link states */
	.linkheaderbar ul a:link, .linkheaderbar ul a:visited { }
	/* for links' hover states (this needs to be last) */
	.linkheaderbar a:hover, .linkheaderbar a:active { color:#8b9338; background-color:white; }

	.noclick { cursor:default; }



/* this is for the NON-cascading style - it only changes padding to be more condensed so far */
.linkheaderbar li { padding:2px 2px 2px 9px;}





/* FONTS   */
	.bold { font-weight:bold; }
	.smallbold { font-size:10pt; font-weight:bold; }
	.small	{ font-size:10pt; }
	.smaller { font-size:8pt; }
	.largeText { font-size:14pt; }

/* ELEMENTS  */
	h1 { font-size:24pt; color:#866120; }
		h1 span { font-size:13pt; font-weight:normal; }
	h2 { font-size:18pt; color:#8b9338; }
		h2 span { font-weight:normal; }
	h3 { font-size:16pt; color:black; }
		h3 span { font-weight:normal; }
	h4 { font-size:14pt; color:#866120; }
	h5 { font-size:12pt; color:#8b9338; margin:0px; }
	h6 { font-size:11pt; color:black; margin:0px; }
		h6 span { font-weight:normal; }

	html { font-family:arial; margin:0px; padding:0px; background-color:#f3ead9; }
	body { margin:8px 0px; padding:0px; font-size:12pt; }
	img { border:none; }
	hr { color:#866120; background-color:#866120; border-color:#866120; }
	li { font-size:10pt; padding:0px; margin:0px; }

	a:link, a:visited { color:#553019; text-decoration:underline; }
	a:hover, a:active { color:#553019; text-decoration:none; }


/* GENERAL  */
	#everything { width:100%; margin:0px auto; }
	.maincontent { background-color:white; padding:6px 10px 6px 10px; vertical-align:top; width:auto; z-index:1; }

	ul.large li { font-size:12pt; padding:0px; margin:2px; }
	.price { color:#553019; font-size:12pt; font-weight:bold; text-align:right; }
	.hidden, .hideme { display:none; }
	
	.fullPageImages img { max-width:100%; }

#header {  }
	#headerLogo { height:125px; position:relative; background:#2d7b6e url('newimages/HeaderFruit.png') no-repeat right bottom; }
		.logo { height:60px; /*box-shadow:1px;*/ margin-top:10px; margin-left:10px; }
		.headerPhone	{ color:white; font-weight:bold; font-size:11pt; position:relative; left:6px; text-shadow:0 0 2px black; }
		.headerAddress	{ color:white; font-weight:bold; font-size:8pt; position:relative; left:6px; text-shadow:0 0 2px black; letter-spacing:-1px; }
		.headerHours	{ color:white; font-weight:bold; font-size:9pt; position:relative; left:6px; text-shadow:0 0 2px black; letter-spacing:-1px; }
		.headerHolidayHours { color:white; font-weight:bold; font-size:7pt; position:relative; left:6px; text-shadow:0 0 2px black; letter-spacing:-1px; }
		.headerSocial { position:absolute; bottom:6px; right:10px; display:flex; justify-content:space-between }
			.headerSocial a { background-color:white; margin:0 5px; border-radius:5px; }
			.headerSocial img { height:32px; }
	
	/* footer with brown gradient at the top .footer2011 { padding:20px 0px 10px 0px; background:#70b22a url('newimages/FooterBrownBar.png') repeat-x left top; text-align:center; color:White; font-size:11pt; }*/
	.footer2011 { padding:12px 0px 10px 0px; background:#2d7b6e; text-align:center; color:White; font-size:11pt; }
		.footer2011 img { vertical-align:middle; }
	
		.footer2011 a { color:White; }
			.footer2011 a:link, .footer2011 a:visited { color:White; }
			.footer2011 a:hover, .footer2011 a:active { color:White; }

/* HEADER NAV ICONS */
	.headerLinks { position:relative; background-color:white; /*height:100px; this setting goes with the thumbnail background for the nav icons*/ height:60px; width:100%; overflow:hidden; display:flex; justify-content:space-around; /*gap:10px !important; doesn't seem to force there to be a gap if there's not enough space*/ }
		/* .swiper-wrapper{ width:100%; }*/
		.headerLinks a { /*height:84px; this setting goes with the thumbnail background for the nav icons */ height:44px; width:106px; margin:8px auto; border-width:0 1px 0 1px; border-color:white; border-style:solid; display:block; border-radius:8px;  text-align:center; text-decoration:none; }
			.headerLinks a span { display:block; position:relative; /*top:33px; this setting goes with the thumbnail background for the nav icons  */ top:8px; height:30px; line-height:30px; /*background-color:rgba(128, 0, 32, 1);*/ color:white; font-weight:bold; }
	
		.swiper-button-next {}
		.swiper-button-prev {}

		.swiper-slide { background-color:rgba(128, 0, 32, 1); background-position: center; background-size: cover; }
			/*#headerLinkRewards { background-image: url('/newimages/NavIcons/Rewards.jpg');  }
			#headerLinkMenus { background-image: url('/newimages/NavIcons/Menus.jpg');  }
			#headerLinkCatering { background-image: url('/newimages/NavIcons/Catering.jpg');  }
			#headerLinkCircular { background-image: url('/newimages/NavIcons/Circular.jpg');  }
			#headerLinkCoupons { background-image: url('/newimages/NavIcons/Coupons.jpg');  }
			#headerLinkRecipes { background-image: url('/newimages/NavIcons/Recipes.jpg');  }
			#headerLinkAbout { background-image: url('/newimages/NavIcons/About.jpg');  }*/

/* NAV LANDING PAGE LINK STYLES */
	.navLandingLinks { margin-bottom:40px; line-height:1.6em; }
		.navLandingLinks a { font-size:1.1em;}



/* HOME */
	.home .main { float:left; margin:10px; }
	.home .mainRight { float:right; margin:10px; }
	
	.homeSpecials { position:relative;}
		.homeSpecialsBack {}
		.homeSpecialsThumb { position:absolute; top:18px; left:131px;}


/* Rotator */
	#rotator { height:520px; z-index:0; }
		#rotator div { position:absolute; width:980px; display:none; text-align:center; font-size:14pt; font-weight:bold; height:520px; padding:10px; }

	#rotatorNav { text-align:center; }
		#rotatorNav a { display:inline-block; width:22px; height:22px; line-height:22px; margin:1px 2px;   border-width:1px; border-style:solid; color:white; text-decoration:none; text-align:center; }
			#rotatorNav a:link, #rotatorNav a:visited { color:#fffac9; background-color:#8b0046; }
			#rotatorNav a:hover, #rotatorNav a:active { color:#8b0046; background-color:white; }
		
			#rotatorNav a.active:link, #rotatorNav a.active:visited, #rotatorNav a.active:hover, #rotatorNav a.active:active 
				{ color:#8b0046; background-color:white; }


/* Other */
	.column1 { width:200px; background:#8b0046 url(newimages/decorpink.gif) repeat-y top left; }
	.column3 { vertical-align:top; width:210px; border-left:1px solid #003a46; padding-left:4px; }
		.column3 div { font-weight:bold; margin:20px 0px; color:#003a46; text-align:center;  }
	
	.bottomrow { text-align:center; vertical-align:bottom; display:block; }

	.menuslinks { list-style-type:none; padding-left:10px; }
		.menuslinks li { display:inline; line-height:18pt; }
		.menuslinks li a { padding:5px 10px; color:white; text-decoration:none; }
			.menuslinks li a:link, .menuslinks li a:visited { background-color:#553019; }
			.menuslinks li a:hover, .menuslinks li a:active { background-color:#8b9338; }
			
	.freshmarketbuffet div { border-bottom:1px dotted #bbb; padding-bottom:10px; margin-bottom:10px; }
	.freshmarketbuffet div div { border:none; padding:0px; margin:0px; }

	.listbig li { padding:5px; font-size:12pt; } /* menus and videos main menus*/
	.toplink { font-size:8pt; font-style:italic; } /*back to top*/
	
	.menutitleimg { display:inline; }
	.menutitletext { line-height:16pt; vertical-align:8pt; }

	.clear { clear:both; }
	

/* OLD TABLE FIXES   */
	.caketable { background-color:#c1d8d8; }
		.caketable tr td	{ text-align:center; width:80px; }
		.cakealtcolor		{ background-color:#94bbbc; }
		
	.catercolor1 { background-color:#94bbbc; }
	.catercolor2 { background-color:#c1d8d8; }
	.caterwidth { width:220px; }
	
	.bgwhite { background-color:White; }
	
	.ledger tr td { border-bottom:1px dotted #bbb; }
	.noledger { border-bottom:none; } /* ..why doesn't this override when placed on the cell.. */
	.menuwidthsmall { width:100px; }
	.menuwidthmedium { width:200px; }
	.menuwidthlong { width:340px; }
	.menuwidthverylong { width:420px; }

	.burg { color:#553019; }



@media only screen and (min-width: 980px) {
	#everything { width:980px; margin:0px auto; }

		#headerLogo { height:100px; }
			.logo { height:77px; margin-top:10px; margin-left:10px; }

			.headerPhone	{ position:absolute; top:18px; left:390px; font-size:14pt; text-shadow:none; }
			.headerAddress	{ position:absolute; top:43px; left:390px; font-size:11pt; text-shadow:none; }
			.headerHours	{ position:absolute; top:62px; left:390px; font-size:12pt; text-shadow:none; }
			.headerHolidayHours { position:absolute; top:82px; left:390px; font-size:10pt; text-shadow:none; }
}


/* COLORS

		Green:					#295f51
		Burgundy:				#8b0046   #a3244c(OLD)
		Hover Burgundy:			#591329
		
		Original lighter green: #008000
		Original burnt red:		#800000
		
	NEW COLORS

		Dark Green:				#003a46   #003745(OLD)
		Lighter Aqua:			#005d61
		Olive Green:			#abae79   #acb178(OLD)
		Light Burgundy:			#ae2f56
		Cream:					#fffac9   #fffbc8(OLD)

	2011 Colors
		
		Text Light Brown		#d2b68c
		Text Brown				#866120
		Rob's Dark Brown		#553019
		Background Cream		#f3ead9
		Header/Footer Green		#8b9338
		Header Text Red			#a54c24
		Header Text Yellow		#fff7af

	2021 Colors:
		Brighter green		#8CC63F
		Bright green		#70b22a
*/