/* Sushi Avenue - www.sushiavenue.com */

/* Testing Div */

div.dimmer
{
    visibility: hidden;
    position:absolute;
    left:0px;
    top:0px;
    font-family:verdana;
    font-weight:bold;
    padding:40px;

    background-image:url(honey.png);
    /* ieWin only stuff */
        /* with this trick only IE
           manage the following 2 attributes */
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
        (enabled=true, sizingMethod=scale src='honey.png');
}

/* ---------- begin colors ----------

green: #7BC143
orange: #F68933
orange highlight: #FFA321
orange shadow: #E93B07
yellow: #FED73E
yellow highlight: #FFF635
yellow shadow: #FDB50F
lighter tan: #FFF0D9
darker tan: #FFE5B9
brown: #551900

----------- end colors ----------- */





/* ---------- begin reset ---------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
	
body {
	line-height: 1.4;
	}

ol, ul {
	list-style: none;
	}
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}

blockquote, q {
	quotes: "" "";
	}

/* ----------- end reset ----------- */





/* ---------- begin basic elements ---------- */

body {
	font: 13px georgia, serif;
	line-height: 18px;
	background: url("../images/background.jpg");
	}

p {
	margin: 6px 0;
	font: 13px georgia, serif;
	line-height: 18px;
	color: #000;
	}

h1 {
	margin: 0;
	font: italic 36px/1 georgia, serif;
	color: #000;
	}

h2 {
	margin: 0;
	font: bold 17px/1.2 verdana, sans-serif;
	text-transform: uppercase;
	color: #7BC143;
	}

/* Used in Contact page for Employment header */
h2.fontGeorgia {
	margin: 0;
	letter-spacing: 1.2px;
	font: bold 20px/1.1 arial, serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #7BC143;
	}
	
	h2 a, h2 a:hover {
		border: 0;
		}

		h2 a span.sprite {
			display: block;
			overflow: hidden;
			height: 18px;
			color: #7BC143;
			}

		h2 a:hover span.sprite {
			color: #F68933;
			}

		h2 a.twolines span.sprite {
			height: 36px;
			}

			h2 a span.sprite img {
				margin: 0;
				}

			h2 a.twolines:hover span.sprite img {
				margin: -36px 0 0;
				}

			h2 a:hover span.sprite img {
				margin: -18px 0 0;
				outline: 0;
				}

	span.details {
		display: block;
		margin: 6px 0;
		font: 12px/1.5 georgia, serif;
		text-transform: none;
		color: #000;
		}

h3 {
	margin: 18px 0 6px;
	font: bold 13px verdana, sans-serif;
	line-height: 18px;
	color: #F68933;
	}

a {
	border-bottom: 1px solid #7BC143;
	text-decoration: none;
	color: #7BC143;
	}

a:hover {
	border-bottom: 1px solid #F68933;
	text-decoration: none;
	color: #F68933;
	}

ol, ul {
	margin: 6px 0;
	}

li {
	font: 13px georgia, serif;
	line-height: 24px;
	list-style: disc inside;
	}

strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}

/* ----------- end basic elements ----------- */





/* ---------- begin layout ---------- */

#wrapper {
	width: 870px;
	height: 100%;
	margin: 0 auto;
	}

#logo {
	position: absolute;
	margin: 55px 0 0 70px;
	}

	#logo a {
		border: 0;
		}

	#logo img {
		width: 250px;
		height: 67px;
		}
		
#login{
	position: absolute;
	width: 60px;
	margin: 30px 0px 0px 630px;
	}	
			
	#login p {
		border: 0;
		}		
		
#nav {
	position: absolute;
	width: 860px;
	height: 50px;
	margin: 140px 0 0;
	padding: 0 5px;
	background: url("../images/navbg.png");
	}

	#nav li {
		float: left;
		display: inline;
		margin: 5px 0 0;
		list-style: none;
		}

	#nav li a {
		float: left;
		display: inline;
		overflow: hidden;
		height: 27px;
		margin: 0;
		padding: 13px 15px 0 15px;
		border: 0;
		font: bold 12px/1 verdana, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		letter-spacing: .05em;
		color: #FFFFFF;
		background: #F68933;
		}

	#nav li:last-child a {
		width: 98px;
		}

	#nav li a:hover, #nav li a.selected {
		background: #7BC143;
		}

		#nav li a img {
			margin: -13px -15px 0 -15px;
			}

		#nav li a:hover img, #nav li a.selected img {
			margin-top: -53px;
			}

#contentwrapper {
	position: absolute;
	width: 870px;
	margin: 210px 0 0;
	background: url("../images/contentbgtop-trans.png") no-repeat center top;
	}

	#content, #content-7-0, #content-5-2, #content-4-3, #content-3-4 {
		overflow: auto;
		width: 860px;
		min-height: 474px;
		margin: 25px 0 0;
		padding: 0 5px;
		background: url("../images/contentbg.png");
		}

	#content-7-0 {
		background: url("../images/contentbg-7-0.png");
		}

	#content-5-2 {
		background: url("../images/contentbg-5-2.png");
		}

	#content-4-3 {
		background: url("../images/contentbg-4-3.png");
		}

	#content-3-4 {
		background: url("../images/contentbg-3-4.png");
		}

		.onecol {
			float: left;
			display: inline;	/* IE6 Bug Fix */
			width: 64px;
			margin-left: 20px;
			padding: 18px;
			background: #FFF0D9;
			}

		.twocol {
			float: left;
			display: inline;	/* IE6 Bug Fix */
			width: 184px;
			margin-left: 20px;
			padding: 18px;
			background: #FFF0D9;
			}

		.threecol {
			float: left;
			display: inline;	/* IE6 Bug Fix */
			width: 304px;
			margin-left: 20px;
			padding: 18px;
			background: #FFF0D9;
			}

		.fourcol {
			float: left;
			display: inline;	/* IE6 Bug Fix */
			width: 424px;
			margin-left: 20px;
			padding: 18px;
			background: #FFF0D9;
			}

		.fivecol {
			float: left;
			display: inline;	/* IE6 Bug Fix */
			width: 544px;
			margin-left: 20px;
			padding: 18px;
			background: #FFF0D9;
			}

		.sixcol {
			float: left;
			display: inline;	/* IE6 Bug Fix */
			width: 664px;
			margin-left: 20px;
			padding: 18px;
			background: #FFF0D9;
			}

		.sevencol {
			float: left;
			display: inline;	/* IE6 Bug Fix */
			width: 784px;
			margin-left: 20px;
			padding: 18px;
			background: #FFF0D9;
			}

	#contentbottombg {
		width: 860px;
		height: 25px;
		margin: 0 0 50px;
		padding: 0 5px;
		background: url("../images/contentbgbottom-trans.png") no-repeat center bottom;
		}

#footer {
	}

#locations {
	position: absolute;
	overflow: visible;
	width: 100%;
	height: 15px;
	background: #7BC143;
	}

	#locations div {
		width: 860px;
		margin: 0 auto;
		}

		#locations div span {
			float: right;
			overflow: hidden;
			width: 208px;
			height: 48px;
			}

			#locations div span a {
				border: 0;
				font: bold 11px/1 verdana, sans-serif;
				color: #FFF;
				}

			#locations div span a {
				width: 208px;
				height: 96px;
				}

			#locations div span a img {
				width: 208px;
				height: 96px;
				}

			#locations div span a:hover img {
				margin-top: -48px;
				}

/* ----------- end layout ----------- */





/* ---------- begin home styles ---------- */

#content-5-2.home {
	overflow: hidden;
	}

#homewrapper {
	float: left;
	width: 600px;
	}

	#homewrapper #feature1 {
		width: 548px;
		height: 279px;
		padding: 12px 20px 12px 12px;
		background: #FED73E;
		}

		#homewrapper #feature1 img.feature1 {
			float: left;
			width: 328px;
			height: 279px;
			margin: 0 20px 0 0;
			}

		#homewrapper #feature1 h2 {
			font-size: 18px;
			color: #FFF;
			}

		#homewrapper #feature1 p {
			font: italic 18px/1.5 georgia, serif;
			margin: 3px 0;
			color: #551900;
			}

	#homewrapper #feature2 {
		height: 114px;
		margin-top: 18px;
		border-top: 3px solid #7BC143;
		}

		#homewrapper #feature2 img#compostable {
			float: right;
			width: 140px;
			height: 92px;
			margin: -1px -27px 0 0;
			}

	#homewrapper #feature3 {
		height: 114px;
		margin-top: 18px;
		border-top: 3px solid #7BC143;
		}

	#homewrapper #feature3:hover {
		border-top: 3px solid #F68933;
		}

/* ----------- end home styles ----------- */





/* ---------- begin who we are styles ---------- */

#whowrapper {
	min-height: 438px;
	}

/* ----------- end who we are styles ----------- */





/* ---------- begin what we do styles ---------- */

#whatwrapper {
	min-height: 438px;
	}

/* ----------- end what we do styles ----------- */





/* ---------- begin menu styles ---------- */

#menucategories h2 a {
	float: left;
	width: 224px;
	margin: 0 0 18px 20px;
	padding: 15px 18px 18px;
	border-top: 3px solid #7BC143;
	border-bottom: 0;
	background: #FFF0D9;
	}

#menucategories h2 a:hover {
	border-top: 3px solid #F68933;
	}

	#menucategories h2 a img.product {
		margin: 9px 0 0;
		}

	#menucategories h2 a:hover img.product {
		outline: 3px solid #F68933;
		}

#menucategories p {
	margin: 0;
	font: italic 12px/1.5 georgia, serif;
	text-align: center;
	color: #551900;
	}

#menu p {
	font: 12px/1.5 georgia, serif;
	}

	.serves {
		margin-left: .25em;
		font: small-caps 12px/1.5 georgia, serif;
		text-transform: lowercase;
		letter-spacing: .13em;
		color: #7BC143;		
		}

#menu .selected {
	float: left;
	display: inline;	/* IE6 Bug Fix */
	width: 504px;
	min-height: 1161px;
	margin-left: 20px;
	padding: 15px 18px 18px;
	border-top: 3px solid #F68933;
	background: #FFF0D9;
	}

	#menu .selected img.product {
		margin: 9px 0 0;
		}

				#menu .selected h2 a span.sprite img {
					margin: -18px 0 0;
					}

	#menu .selected div {
		float: left;
		width: 242px;
		}

	#menu .selected div.column2 {
		margin-left: 20px;
		}

#menu #menucategories {
	float: left;
	}

/* ----------- end menu styles ----------- */





/* ---------- begin partners styles ---------- */

#partners {
	min-height: 438px;

	}

	/*Add div ids in order to create a new partners page */
	#partnersFirstCol {
		margin: 0px 0px;
		position: absolute;
		width: 200px;
		top: 190px;
		left: 95px; 

	}
	
	ul#partners li {
		font-weight: bold;
	}
	
	/*
	li {
		font-weight: bold;
	}
	*/
	#partnersSecondCol{
		margin: 0px 0px;
		position: absolute;
		width: 200px;
		top: 190px;
		left: 350px;
	}
	
	#partnersThirdCol {
		margin: 0px 0px;
		position: absolute;
		width: 200px;
		top: 190px;
		left: 600px;
	}
	/* New section ends here */
	
	ul#partnerlogos {
		margin: 18px 0 0;
		text-align: center;
		}
		
		ul#partnerlogos li {
			display: inline;
			margin: 0 25px;
			list-style: none;
			}
			
			img#acme {
				width: 125px;
				height: 85px;
				}

			img#cub {
				width: 115px;
				height: 85px;
				}

			img#festival {
				width: 150px;
				height: 85px;
				}

			img#wedge {
				width: 125px;
				height: 85px;
				}

			img#wholefoods {
				width: 115px;
				height: 85px;
				}

/* ----------- end partners styles ----------- */





/* ---------- begin contact styles ---------- */

#map {
	float: left;
	width: 544px;
	padding: 18px;
	}

	#map p {
		float: left;
		margin-right: 20px;
		font: 12px/1.5 georgia, serif;
		}

	#map p#address {
		width: 202px;
		}

	#map p#phonefax {
		width: 220px;
		}

	#map p#maplink {
		float: left;
		margin-right: 0;
		}

	#map iframe {
		margin: 18px 0 0;
		}

#keypersonnel {
	}

	#keypersonnel h3 {
		font-size: 12px;
		}

	#keypersonnel p {
		font-size: 12px;
		}

/* ----------- end contact styles ----------- */





/* ---------- begin nutrition styles ---------- */

#nutrition {
	min-height: 438px;
	}

	table {
		width: 784px;
		margin: 18px 0 0;
		border: 3px solid #551900;
		font: 10px/1.5 verdana, sans-serif;
		}

		tr {
			background: #FFF;
			}

		tr:nth-child(even) {
			background: #FFF0D9;
			}

			th {
				padding: 0;
				font-weight: bold;
				color: #FFF;
				background: #551900;
				text-align: center;
				}

			th.product {
				vertical-align: bottom;
				padding: 0 0 7px 7px;
				font: bold 14px verdana, sans-serif;
				text-align: left;
				}

				th img {
					width: 25px;
					height: 135px;
					}

			td {
				padding: 7px;
				border-top: 1px solid #551900;
				border-right: 1px solid #551900;
				text-align: center;
				}

			td:first-child {
				text-align: left;
				}

			tr:nth-child(2) td {
				border-top: 0;
				}

			td:last-child {
				border-right: 0;
				}

/* ----------- end nutrition styles ----------- */





/* ---------- begin noteworthy styles ---------- */

#newswrapper {
	min-height: 438px;
	}

	#newswrapper h2 {
		color: #551900;
		}

		#newswrapper h2 img {
			margin: -6px 0 0 -6px;
			}

#news {
	}

	#news h2 {
		color: #551900;
		}

		#news h2 img {
			margin: -6px 0 0 -6px;
			}

	#news h3 {
		display: block;
		font-size: 12px;
		}

		#news h3 a {
			border: 0;
			}

	span.readmore {
		display: inline-block;
		overflow: hidden;
		height: 10px;
		margin: 0 0 0 2px;
		border: 0;
		}

		span.readmore img {
			width: 14px;
			height: 20px;
			border: 0;
			}

		span.readmore:hover img {
			margin-top: -10px;
			border: 0;
			}

	#news p {
		font: 12px/1.5 georgia, serif;
		}
		
	.masuNews p {
		padding-top: 8px;
	}

	#news .selected {
		color: #E3A856;
		}

		#news .selected a {
			color: #E3A856;
			}

			#news .selected a span {
				color: #E3A856;
				}

/* ----------- end noteworthy styles ----------- */





/* ---------- begin locations results styles ---------- */

#locationscontent div {
	float: left;
	margin: 0 20px 0 0;
	}

#locationsmap {
	position: relative;
	top: 0px;
	left: 0px;
	width: 322px;
	text-align: center;
	}

img#usamap {
	float: left;
	margin: 0 0 12px;
	}

ul#locationsbystate {
	position: relative;
	top: 0px;
	right: 0px;
	width: 211px;
	text-align: center;
	margin: 0;
	}

	ul#locationsbystate li {
		margin: 0 0 6px;
		list-style: none;
		}

		ul#locationsbystate li a {
			display: block;
			padding: 0 0 0 9px;
			border: 0;
			color: #FFF;
			background: #7BC143;
			}

		ul#locationsbystate li a:hover, ul#locationsbystate li a.selected {
			background: #F68933;
			}

div#locationslisting {
	float: left;
	width: 211px;
	margin: 0;
	}

/* New layout for locations listing */

div#locationslistingCol {
	float: left;
	width: 155px;
}

.locationslistingCol ul li {
	margin: 12px 0;
	line-height: 18px;
	list-style-position: outside;
	list-style-type:none;
}

	div#locationslisting ul {
		margin: 0;
		}

		div#locationslisting ul li {
			margin: 12px 0;
			text-indent: 0;
			line-height: 18px;
			list-style-position: outside;
			list-style-type: none;
			}

.store {
		font-weight: bold;
	}

.phone {
	}
	
.storeLink {
	font-size: 90%;
	}


/* ----------- end locations results styles ----------- */





/* ---------- begin miscellaneous styles ---------- */

.margintop3 {
	margin-top: 3px;
	}

.margintop6 {
	margin-top: 6px;
	}

.margintop9 {
	margin-top: 9px;
	}

.notopmargin {
	margin-top: 0;
	}

.norightmargin {
	margin-right: 0;
	}

.nobottommargin {
	margin-bottom: 0;
	}

.introcopy {
	margin: 3px 0;
	font: italic 18px/1.5 georgia, serif;
	color: #551900;
	}

.floatleft {
	float: left;
	}

img.floatleft {
	margin-right: 20px;
	}

.floatright {
	float: right;
	}

img.floatright {
	margin-left: 20px;
	}

/* ----------- end miscellaneous styles ----------- */





/* ---------- begin transparent-png widths & heights ---------- */

img#header-supermarket {
	width: 187px;
	height: 60px;
	}

img#header-packaging {
	width: 212px;
	height: 18px;
	}

img#header-on {
	width: 121px;
	height: 36px;
	}

img#header-welcome {
	width: 286px;
	height: 24px;
	}

img#header-thesavformula {
	width: 441px;
	height: 24px;
	}

img#header-favorites {
	width: 94px;
	height: 36px;
	}

img#header-specialty {
	width: 152px;
	height: 36px;
	}

/* Newly added for new menu items under menu-specialty */
img#header-newItems {
	width: 101px;
	height: 20px;
	margin: 20px -3px -15px; 
}
/* End */

img#header-nigiri {
	width: 224px;
	height: 36px;
	}

img#header-spring {
	width: 128px;
	height: 36px;
	}

img#header-sides {
	width: 144px;
	height: 36px;
	}

img#header-party {
	width: 150px;
	height: 36px;
	}

img#header-themost {
	width: 560px;
	height: 24px;
	}

img#header-contact {
	width: 319px;
	height: 24px;
	}

img#header-key {
	width: 167px;
	height: 24px;
	}

img#header-we {
	width: 217px;
	height: 24px;
	}

img#header-catering {
	width: 252px;
	height: 24px;
	}

img#header-nutrition {
	width: 178px;
	height: 24px;
	}

img#header-savlocations {
	width: 265px;
	height: 24px;
	}

/* ----------- end transparent-png widths & heights ----------- */