@charset "ISO-8859-1";

html, body { height:100%; width:100%; background-image: url("/images/bg_wood.jpg");  background-repeat: repeat; margin:0;font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center;}

img, div { behavior: url(/iepngfix.htc) }

#homeSeperator{width:10px; height:350px; float:left; margin:0 0 0 0; background-image: url("/images/vertSeparator.gif"); background-repeat: repeat-y; }

/* ------------------------------------------------    Begin layout formatting ------------------------------------------------    */

#container { width:100%; height:auto; display: table; padding: 0; background-color: #ecebca; background-image: url("/images/bg_top.gif"); background-repeat: repeat-x;  text-align: center; }
#content{width:985px;  margin: 0 auto; text-align: left; position: relative;   }

#logo{float:left; width:135px; padding:15px; _padding:15px 15px 0 30px; margin:0;}
#vertSeparator{width:10px; height:580px; float:left; margin:30px 0 0 0; background-image: url("/images/vertSeparator.gif"); background-repeat: repeat-y; }
#subVertSeparator{width:10px; height:100px; float:left; margin:0; background-image: url("/images/vertSeparator.gif"); background-repeat: repeat-y; }

#mainContent{}
#headerHome{float:left; margin:10px 0 0 0}
#headerSub{float:left; margin:16px 0 20px 3px}

#leftColumn{width:175px;  float:left; margin:0 0 0 -30px}
#rightColumn{width:810px; float:left; margin:0}

#contentHome{margin:270px 0 0 20px; _margin: 20px 0 0 20px; width:780px;}
#contentHomeLeft{float:left; width:470px; padding:0 25px 0 0; }
#contentHomeRight{float:right; width:230px; padding:0 30px 0 0; _position:absolute;}

#homeSubContent{width:335px;}
#homeIcon{float:left; width:45px; margin:5px 0 0 0; padding:0 20px 0 0}
#homeTextWide{float:left; width:500px; padding:0 25px 0 0}

#homeText{float:left; width:200px; padding:0 25px 0 0}

#contentSub{margin:0px 0 0 30px; width:760px; padding:0;}



#contestImage {float:left; width:170px}
#contestImage img {border:solid 1px #000; padding:1px;}
#contestImage img:hover {border:solid 1px #fff;}
#contestContent {float:left; margin:0 0 0 0px; }
#contestWinners {margin:0 0 10px 0; overflow: auto}

/* ------------------------------------------------    locations formatting ------------------------------------------------    */

#storesContainer{text-align: center; margin:auto; padding: auto;}
#stores{height:100px;}
#storeAddress{float:left; width:200px}
#storeHours{float:left; width:200px}
#storeMap{float:right; margin:0px 0px 0 0}

.hoursDay{width:100px;}
.hoursTime{}



/* ------------------------------------------------    deli formating ------------------------------------------------    */

#contentSubTop {margin:0px 0 0 30px; padding:0; width:750px; float:left;}
#contentSubLeft{margin:0px 0 0 30px; padding:0; width:450px; float:left;}
#contentSubRight{margin:0px 20px 0 0px; padding:0; width:290px; float:right;}
#contentSubRight img {margin:0 10px 10px -10px}


#contentSubLeft table, #contentSubRight table, #contentSubTop table{font-size:12px; font-weight:normal; color: #463817; }
.header{font-size: 12px; font-weight: bold; color:#463817}
.oddRow{background-color:#efefef;}
.evenRow{background-color:#d8d7b2;}
.itemName{font-weight: normal; font-size:12px;} 
.itemDescription{font-style: italic;}

.formQuantity{width:70px; font-size:11px; text-align: center;}
.formInfo{width:300px; font-size:11px;}
.formInstructions{width:270px; padding:4px; font-family: Arial;font-size: 11px;}

/* ------------------------------------------------    specials formatting ------------------------------------------------    */

.specialsTable
{
	width:100%;
	padding:4px;
}

.specialsItem{font-size: 12px; color:#463817; font-weight: bold;}
.specialsPrice{font-size: 16px; color:#698d26; font-weight: bold;}
.funFactTitle{font-size: 16px; color:#698d26; font-style: italic;}
.funFactText{font-size: 12px; color:#463817; font-style: normal; padding:10px 0 10px 0; text-align: center;}

#specialsData{}
#specialsSingle{float:left; width:250px;}
#specialsDouble{float:left; width:375px;}

.specialsHorizSeparator{background-image: url("/images/bg_specials_horiz_separator.gif"); height:6px; padding:10px 0 0 0; background-repeat: repeat-x;}
.specialsVertSeparator{background-image: url("/images/bg_specials_vert_separator.gif"); height:90px; width:5px; background-repeat: repeat-y; float:left;}

/* employment formatting */
#applyButton{float:right; margin:20px 5px 0 0}
#applyButton img{padding-bottom:5px;}




/* ------------------------------------------------    footer formatting and styles ------------------------------------------------    */

#footer {width:100%; height:115px; text-align: center; padding:0; margin:auto; background-image: url("/images/bg_fringe.png"); }
#footerContent{width:905px; margin: 0 auto; text-align: left; position: relative;}
#footerText{font-family: Arial; font-size:12px; font-weight: bold; color: #463817; padding:0;margin:2px 0 0 0;}
#newsLetter{float:left; padding:0; margin:52px 0 0 130px; width:500px;}

#socialIcons {font-family: Arial; font-size:12px; font-weight: bold; padding:0; margin:45px -180px 0 0px; color: #fff; float:right;}
#socialIconsLeft{float:left; margin:10px 5px 0 0}
#socialIconsRight{margin-top:0px; float:right;}
#socialIcons img {padding-top:0px}

#newsLetterFields{float:left; padding:5px 0 0 0;}
#submitButton {margin:8px 0 0 5px; padding:0px 0 0 0 ; float:left;} 

#footerNav{float:right; margin:78px 0 0 0; text-align: center; background-image: url("/images/bg_footerNav.png"); background-repeat: repeat-x; height:28px; width:183px}
#footerNav p{ margin:8px 0 0 0}
.newsLetterFormName{font-size:11px; font-weight: normal; color: #463817; width:100px;}
.newsLetterForm{font-size:11px; font-weight: normal; color: #463817;}

#clear{clear:both; background-color: #ecebca; }





/* ------------------------------------------------    recipes formatting ------------------------------------------------    */

#recipesSubNav {margin:235px 0 0 -260px; _margin:265px -300px 0 -260px; _position:relative;  width:230px; text-align: right; float:left;}
#recipesSubNav li {padding:3px 0 3px 0; margin: 0; font-size:11px; color:#666; list-style:none; line-height: 16px; display: block; background-image: url(/images/subNavSeparator.gif);}
#recipesSubNav li a{height:22px; color:#473817; text-decoration: none;}
#recipesSubNav li a:hover{height:22px; color:#679428}
#recipesSubNav li ul li{padding:3px 0 3px 0; margin: 0 5px 0 0px; }
#recipesSubNav li ul li a{padding:0; margin: 0;  color:#000; text-decoration: none;}
#recipesSubNav li ul li a:hover{color:#679428; text-decoration: none;}
.leftHandClosed { font-weight: normal;}
.leftHandOpen { font-weight: bold;}
#recipesSubNav span {padding:0 0 0 0px;}





/* ------------------------------------------------    contact page formatting ------------------------------------------------    */

#subContentLeft{float:left; width:390px}
#subContentRight{float:left; width:350px; margin:0px 0 0 20px}





/* ------------------------------------------------    about sub nav ------------------------------------------------    */

#subNav{margin:235px 0 0 -330px; _margin:265px -300px 0 -330px; _position:relative; width:300px; text-align: right; float:left;}
#aboutSubNav li {list-style: none;line-height: 20px;}
#aboutSubNav li a {color:#473817}
#aboutSubNav li a.subNavSelected {color:#679428;}
#aboutSubNav a:hover{color:#679428; text-decoration: none;}





/* ------------------------------------------------    Begin text formatting ------------------------------------------------    */

a {  color: #8e991b;  text-decoration: none;}
a:hover {  color: #8e991b;  text-decoration: underline;}

@font-face {font-family: GeoSlab; src: url('/fonts/ChallengeBoldStd.otf')}

p {	font-size: 11px; color: #463817; text-decoration: none; line-height:20px;}
h1 {font-family: GeoSlab, Arial; font-size:18px; color: #463817; padding:10px 0 0px 0; margin:0; line-height: 24px;}
h2 {font-family: Arial; font-size:12px; font-weight: bold; color: #698d26; padding:0;margin:0;}
h3 {font-family: GeoSlab, Arial; font-size:14px; color: #463817; padding:10px 0 0px 0; margin:0; line-height: 16px;}
h4 {font-family: GeoSlab, Arial; font-size:18px; color: #463817; padding:10px 0 0px 0; margin:0; line-height: 16px;}
h5 {font-family: GeoSlab, Arial; font-size:24px; color: #698d26; padding:10px 0 0px 0; margin:0; line-height: 20px;}
h6 {font-family: GeoSlab, Arial; font-size:15px; color: #698d26; padding:10px 0 0px 0; margin:0; line-height: 20px;}

label { font-size:11px; font-weight: normal; color: #463817; float: left; display: block; margin:2px 10px 0 0 }

li {font-size:11px; font-weight: normal; color: #463817; line-height:16px;}

.seperator{background-image: url("/images/horizSeperator.gif"); height:2px; background-repeat: repeat-x;}
.emphasis {font-size:12px; font-weight: bold; color: #698d26;}
.contentSeparator{background-image: url("/images/contentSeparator.gif"); background-repeat: no-repeat; height:45px;}
.contentSeparatorShort{background-image: url("/images/contentSeparatorShort.gif"); background-repeat: no-repeat; height:45px;}
.contentSeparatorShorter{background-image: url("/images/contentSeparatorShorter.gif"); background-repeat: no-repeat; height:45px;}



/* ------------------------------------------------    this is our navigation ------------------------------------------------    */

#topNav {margin-top:6px; height:41px; width:810px;float:right;}

#nav {background-image: url("/images/topnav.png"); background-repeat: no-repeat; padding:0; height:47px; width:810px; margin:0px}
#nav span {display: none;}
#nav li, #nav a {display:block; height:47px;}
#nav li {float:left; list-style:none; display:inline;}

#topNav #home {width:60px;}
#topNav #about {width:86px;}
#topNav #specials {width:132px;}
#topNav #community {width:181px;}
/* #topNav #deli {width:106px;} */
#topNav #locations {width:92px;}
#topNav #employment {width:105px;}
#topNav #recipes {width:72px;}
#topNav #contact {width:82px;}


/* OVER STATES*/
#topNav #home a:hover {background:url("/images/topnav.png") 0px -47px no-repeat; }
#topNav #about a:hover {background:url("/images/topnav.png") -60px -47px no-repeat; }
#topNav #specials a:hover {background:url("/images/topnav.png") -146px -47px no-repeat; }
#topNav #community a:hover {background:url("/images/topnav.png") -278px -47px no-repeat; }
/* #topNav #deli a:hover {background:url("/images/topnav.png") -346px -47px no-repeat; } */
#topNav #locations a:hover {background:url("/images/topnav.png") -459px -47px no-repeat; }
#topNav #employment a:hover {background:url("/images/topnav.png") -551px -47px no-repeat; }
#topNav #recipes a:hover {background:url("/images/topnav.png") -659px -47px no-repeat; }
#topNav #contact a:hover {background:url("/images/topnav.png") -731px -47px no-repeat; }


/* ON STATES*/
#topNav.home #home a {background:url("/images/topnav.png") 0px -94px no-repeat; }
#topNav.about #about a {background:url("/images/topnav.png") -60px -94px no-repeat; }
#topNav.specials #specials a {background:url("/images/topnav.png") -146px -94px no-repeat; }
#topNav.community #community a {background:url("/images/topnav.png") -278px -94px no-repeat; }
/* #topNav.deli #deli a {background:url("/images/topnav.png") -343px -94px no-repeat; } */
#topNav.locations #locations a {background:url("/images/topnav.png") -459px -94px no-repeat; }
#topNav.employment #employment a {background:url("/images/topnav.png") -551px -94px no-repeat; }
#topNav.recipes #recipes a {background:url("/images/topnav.png") -659px -94px no-repeat; }
#topNav.contact #contact a {background:url("/images/topnav.png") -731px -94px no-repeat; }


/* ------------------------------------------------    form formatting ------------------------------------------------    */

.inputError {
	BORDER-RIGHT: #649b2c 1px solid;
	BORDER-TOP: #649b2c 1px solid;
	BORDER-LEFT: #649b2c 1px solid;
	BORDER-BOTTOM: #649b2c 1px solid;
	COLOR: #cc3333;
	BACKGROUND-COLOR: #f0eed3;
	margin:0px;
	padding:2px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	width:315px;
}
.inputNormal {
	BORDER-RIGHT: #649b2c 1px solid;
	BORDER-TOP: #649b2c 1px solid;
	BORDER-LEFT: #649b2c 1px solid;
	BORDER-BOTTOM: #649b2c 1px solid;
	COLOR: #463817;
	BACKGROUND-COLOR: #f0eed3;
	width:315px;
	margin:0px;
	padding:2px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}


.inputSmall {
	BORDER-RIGHT: #649b2c 1px solid;
	BORDER-TOP: #649b2c 1px solid;
	BORDER-LEFT: #649b2c 1px solid;
	BORDER-BOTTOM: #649b2c 1px solid;
	COLOR: #463817;
	BACKGROUND-COLOR: #f0eed3;
	width:150px;
	margin:0px;
	padding:2px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.innerError {
	BORDER-RIGHT: #cc3333 1px solid;
	BORDER-TOP: #cc3333 1px solid;
	MARGIN: 2px;
	BORDER-LEFT: #cc3333 1px solid;
	BORDER-BOTTOM: #cc3333 1px solid;
	COLOR: #cc3333;
	padding:5px;
}

/* ------------------------------------------------    google maps popup formatting ------------------------------------------------    */

#gmlb_overlay {	background-color: transparent;	background-image: url(/images/bg.png);	z-index:1000;
}

#gmlb_map {

}

#gmlb_label {
	background-color:#ecebca;
	font-family:Trebuchet MS;
	font-size:12px;
	color:black;
	float:left;
	padding-top:10px;
	margin-top:5px;
	width:608px;
	text-align:left;
}

#gmlb_container {
	background-color:#ecebca;
	padding:10px;
	border-color:#ecebca;
	border-width:1px;
	border-style:dotted;
	display:block;
}

#gmlb_close {
	background-color:#EEEEEE;
	width:25px;
	height:25px;
	float:right;
	cursor:pointer;
	clear:right;
	background-image:url(/images/close.gif);
	margin-top:5px;
}