/* CSS Document */

#nav {
	width: 900px;
	height: 59px;
	position: absolute;
	z-index: 5;
	top: 159px;
}
#nav ul {
	list-style: none;
}
#nav li {
	float: left;
}
#nav span {
	position: absolute;
	top: -9999px;
}


/* Left */
.nav_left {
	width: 24px;
	height: 38px;
	background: url(images/nav/nav.png) 0 0 no-repeat;
	display: block;
}

/* Home */
.nav_home {
	width: 98px;
	height: 59px;
	background: url(images/nav/nav.png) -24px 0 no-repeat;
	display: block;
}
.nav_home:hover {
	background: url(images/nav/nav.png) -24px -59px no-repeat;
}
/* About */
.nav_about {
	width: 128px;
	height: 59px;
	background: url(images/nav/nav.png) -122px 0 no-repeat;
	display: block;
}
.nav_about:hover {
	background: url(images/nav/nav.png) -122px -59px no-repeat;
}

/* Products */
.nav_products {
	width: 132px;
	height: 59px;
	background: url(images/nav/nav.png) -250px 0 no-repeat;
	display: block;
}
.nav_products:hover {
	background: url(images/nav/nav.png) -250px -59px no-repeat;
}
/* Order */
.nav_order {
	width: 105px;
	height: 59px;
	background: url(images/nav/nav.png) -382px 0 no-repeat;
	display: block;
}
.nav_order:hover {
	background: url(images/nav/nav.png) -382px -59px no-repeat;
}
/* In Your Area */
.nav_in_your_area {
	width: 152px;
	height: 59px;
	background: url(images/nav/nav.png) -487px 0 no-repeat;
	display: block;
}
.nav_in_your_area:hover {
	background: url(images/nav/nav.png) -487px -59px no-repeat;
}
/* FAQs */
.nav_faqs {
	width: 93px;
	height: 59px;
	background: url(images/nav/nav.png) -639px 0 no-repeat;
	display: block;
}
.nav_faqs:hover {
	background: url(images/nav/nav.png) -639px -59px no-repeat;
}
/* Contact */
.nav_contact {
	width: 144px;
	height: 59px;
	background: url(images/nav/nav.png) -732px 0 no-repeat;
	display: block;
}
.nav_contact:hover {
	background: url(images/nav/nav.png) -732px -59px no-repeat;
}

/* Right */
.nav_right {
	width: 24px;
	height: 38px;
	background: url(images/nav/nav.png) -876px 0 no-repeat;
	display: block;
}






/* Lazy Grace Button */
.button_lazygrace {
	width: 167px;
	height: 26px;
	background: url(images/nav/lazygrace.png) 0 0 no-repeat;
	display: block;
}
.button_lazygrace:hover {
	background: url(images/nav/lazygrace.png) 0 -26px no-repeat;
}
.button_lazygrace span {
	position: absolute;
	top: -9999px;
}

/* Shroni Button */
.link_shroni span {
	color:#b8c893;
	font-size:0.9em;
}

/* Active Pages */
body.homepage .nav_home {
	background: url(images/nav/nav.png) 0 -118px no-repeat;
}

.food_coop {
	padding-left: 31px;
	width: 308px;
	height: 385px;
	display: block;
}
.food_coop li {
	list-style: none;
}
.food_coop li a {
	display: block;
}
.food_coop h3 {
	position: absolute;
	top: -9999px;
}
.food_coop span {
	position: absolute;
	top: -9999px;
}

/* Top */
.food_coop_top {
	width: 308px;
	height: 73px;
	background: url(images/nav/coops.jpg) 0 0 no-repeat;
}
/* Wholesale */
.food_coop_wholesale {
	width: 308px;
	height: 70px;
	background: url(images/nav/coops.jpg) 0 -73px no-repeat;
	display: block;
}
.food_coop_wholesale:hover {
	background: url(images/nav/coops.jpg) -308px -73px no-repeat;
}
/* Community */
.food_coop_community {
	width: 308px;
	height: 70px;
	background: url(images/nav/coops.jpg) 0 -143px no-repeat;
	display: block;
}
.food_coop_community:hover {
	background: url(images/nav/coops.jpg) -308px -143px no-repeat;
}
/* Workplace */
.food_coop_workplace {
	width: 308px;
	height: 70px;
	background: url(images/nav/coops.jpg) 0 -213px no-repeat;
	display: block;
}
.food_coop_workplace:hover {
	background: url(images/nav/coops.jpg) -308px -213px no-repeat;
}
/* Fruit in the Office */
.food_coop_officefruit {
	width: 308px;
	height: 70px;
	background: url(images/nav/coops.jpg) 0 -283px no-repeat;
	display: block;
}
.food_coop_officefruit:hover {
	background: url(images/nav/coops.jpg) -308px -283px no-repeat;
}
/* Bottom */
.food_coop_bottom {
	width: 308px;
	height: 32px;
	background: url(images/nav/coops.jpg) 0 -353px no-repeat;
}



.in_your_area {
	margin-left: 31px;
	padding: 183px 26px 14px 171px;
	width: 111px;
	height: 43px;
	display: block;
	background: url(images/nav/in_your_area.jpg) no-repeat;
}
.in_your_area li {
	list-style: none;
}
.in_your_area h3 {
	position: absolute;
	top: -9999px;
}
.in_your_area span {
	position: absolute;
	top: -9999px;
}
/* In your area button */
.in_your_area_button {
	width: 111px;
	height: 43px;
	background: url(images/nav/in_your_area_button.jpg) 0 0 no-repeat;
	display: block;
}
.in_your_area_button:hover {
	background: url(images/nav/in_your_area_button.jpg) 0 -43px no-repeat;
}

/* view basket button */
.view_basket_button {
	width: 120px;
	height: 35px;
	background: url(images/common/view_basket.png) 0 0 no-repeat;
	display: block;
}
.view_basket_button:hover {
	background: url(images/common/view_basket.png) 0 -35px no-repeat;
}

/* Back button */
.back_button {
	width: 111px;
	height: 43px;
	background: url(images/nav/back_button.jpg) 0 0 no-repeat;
	display: block;
}
.back_button:hover {
	background: url(images/nav/back_button.jpg) 0 -43px no-repeat;
}
.back_button span {
	position: absolute;
	top: -9999px;
}


/* Active Pages */
body.homepage .nav_home {
	background: url(images/nav/nav.png) -24px -118px no-repeat;
}
body.aboutpage .nav_about {
	background: url(images/nav/nav.png) -122px -118px no-repeat;
}
body.productpage .nav_products {
	background: url(images/nav/nav.png) -250px -118px no-repeat;
}
body.orderpage .nav_order {
	background: url(images/nav/nav.png) -382px -118px no-repeat;
}
body.areapage .nav_in_your_area {
	background: url(images/nav/nav.png) -487px -118px no-repeat;
}
body.faqspage .nav_faqs {
	background: url(images/nav/nav.png) -639px -118px no-repeat;
}
body.contactpage .nav_contact {
	background: url(images/nav/nav.png) -732px -118px no-repeat;
}

.sub_nav {
	padding-left: 30px;
	width: 301px;
	height: auto;
	float: left;
}
.sub_nav_top {
	width: 301px;
	height: 75px;
	background: url(images/nav/subnav_top.jpg) no-repeat;
}
.news_nav_top {
	width: 301px;
	height: 75px;
	background: url(images/nav/newsnav_top.jpg) no-repeat;
}
.sub_nav_content {
	padding: 20px 0px 20px 0px;
	width: 301px;
	height: auto;
	background: url(images/nav/subnav_content.jpg) repeat-y;
}

.sub_nav_prod_content {
	padding: 20px 25px 20px 15px;
	width: 301px;
	height: auto;
	background: url(images/nav/subnav_content.jpg) repeat-y;
	color:white;
	font-size:0.8em;
	vertical-align:top;
	line-height:20px;
}
.sub_nav_prod_content td {
	margin:10px;
	vertical-align:top;
}

.news_nav_content {
	padding: 20px 0px 20px 0px;
	width: 301px;
	height: auto;
	background: url(images/nav/subnav_content.jpg) repeat-y;
}
.sub_nav_content ul {
	width: 140px;
	float: left;
}

.news_nav_content ul {
	width: 300px;
	float: left;
}
.sub_nav_content li {
	font-size: 0.8em;
	color: #ffffff;
	padding-bottom: 6px;
	padding-left: 30px;
}
.news_nav_content li {
	font-size: 0.8em;
	color: #ffffff;
	padding-bottom: 6px;
	padding-left: 30px;
}
.news_nav_content li a:link, .news_nav_content li a:active, .news_nav_content li a:visited {
	color: #ffffff;
	text-decoration: underline;
}
.news_nav_content li a:hover {
	color: #ffffff;
	text-decoration: none;
}
.sub_nav_content li h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #e4cecc;
}

.sub_nav_prod_content h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #e4cecc;
}
.sub_nav_bottom {
	width: 301px;
	height: 33px;
	background: url(images/nav/subnav_bottom.jpg) no-repeat;
}


/* Email button */
.email_button {
	width: 122px;
	height: 12px;
	background: url(images/common/email.png) 0 0 no-repeat;
	display: block;
}
.email_button:hover {
	background: url(images/common/email.png) 0 -12px no-repeat;
}
.email_button span {
	position: absolute;
	top: -9999px;
}


.shopping_cart span {
	position: absolute;
	top: -9999px;
}
.shopping_cart li {
	float: left;
}

/* Top Nav basket button */
.top_nav_basket_button {
	width: 120px;
	height: 35px;
	background: url(images/common/view_basket.png) 0 0 no-repeat;
	display: block;
}
.top_nav_basket_button:hover {
	background: url(images/common/view_basket.png) 0 -35px no-repeat;
}


/* Top Nav basket button */
.top_nav_checkout_button {
	width: 120px;
	height: 35px;
	background: url(images/common/checkout.png) 0 0 no-repeat;
	display: block;
}
.top_nav_checkout_button:hover {
	background: url(images/common/checkout.png) 0 -35px no-repeat;
}