@charset "UTF-8";

/* global styles */

* {
	margin: 0; 
	padding: 0; 
}

html {
	height: 100%;
	position: relative; /* gives 100% height to Opera 9.5 */
}

body {
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#737058;
	font-size: 12px;
	background-image:url(../images/body_bg.jpg);
	background-position:center top;
	background-repeat:repeat;
}

/* pages with lighter backgrounds */
#what-do-you-believe {
	background-image:url(../images/body_bg_light.jpg);
	text-align: center;
}

img {
	border: 0px;
}

a {
	color: #bf4802;
	text-decoration:none;
}

a:hover {
	color: #f39a66;
}


#wrapper {
	width: 944px;
	background-image:url(../images/content_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	text-align: left;
	min-height: 100%; /* gives layout 100% height */
	margin: 0 auto; /* centers #wrapper */
	display:block;
}

* html #wrapper { 
	height: 100%; /* IE6 treats height as min-height */
}

#middle_wrapper {
	
}

#fullscreen_wrapper {
	/*background-color: #f1efdc;*/
	min-height: 100%;
	margin: 0 auto;
}

/* for homepage */
#flash_with_topnav {
	margin-left: 10px;
	background-image: url(../images/logo_bottom.jpg);
	background-repeat: no-repeat;
}

#flash_grove_cta {
	margin-left: 10px;
}

/* other pages */
#flash_fullscreen {
	/*text-align: center;*/
	margin: 0 auto;
}

.alt_content img {
	
}



/* reusable styles */

.alignleft {
	float: left;
	clear: left;
}

.alignright {
	float: right;
}

.horizontal_list ul, ul.bulletless {
	list-style-type: none;
}

.horizontal_list li {
	display: inline;
}

/* end global styles */

/* start header */
#header {
	height: 139px;
	width: 944px;
	background-image:url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#header #logo {
	margin-top: 29px;
	margin-left: 72px;
}

#topnav {
	width: 603px;
	margin: 49px 62px 0px 0px;
}

/* styles for calculator page - should replace 'topnav' styles above in future */
.dashed_borders {
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: #bbb38d;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #bbb38d;
	padding: 10px 0 8px 0;
	margin: 25px 0 2px 0;
	text-align: center;
}

div .bottom_border {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #bbb38d;
	margin: 0 10px;
	width: 400px;
}

#topnav ul {
	list-style-type: none;
}


#topnav ul li { 
	display: inline; 
}

#topnav a {
	color:#4a4626;
	text-decoration: none;
	font-family: Garamond, serif;
	font-variant: small-caps;
	font-size: 16px;
	font-weight: bold;
}

#topnav a:hover {
	color: #bf4802;
}

#topnav img {
	margin: 0 6px;
}

tr.bottom_border {
	height: 8px;
	width: 603px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #bbb38d;
}
/* end header */




/* SIDENAV */

/* sidenav links */
#sidenav a {
	text-decoration:none;
	
}

#sidenav a:hover {
	color: #bf4802;
}

.sidenav_submenu_item {
	color: #bf4802;
	/*display: none;*/
}

.sidenav_submenu_item:hover {
	background-color:#ffffff;
}

.sidenav_submenu_item_highlight {
	background-color:#ffffff;
}

/* sidenav containers */

#sidenav_container {
	background-image: url(../images/logo_bottom.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	
	float: left;
	clear: left;
	margin-left: 50px;
	
}

#sidenav {
	width: 172px;
	border-style: dashed;
	border-width: 1px;
	border-color: #bbb38d;
	margin: 69px 20px 90px 22px;
	padding: 13px 0px 10px 0px;
	background-color: #e4e2bb;
	text-align:center;
}

.sidenav_subnav_solo {
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: #bbb38d;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #bbb38d;
	background-color: #f1efdc;
	margin: 8px 0;
}

.sidenav_subnav_top {
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: #bbb38d;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #bbb38d;
	background-color: #f1efdc;
	margin-top: 8px;
}

.sidenav_subnav_bottom {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #bbb38d;
	background-color: #f1efdc;
	margin-bottom: 8px;
}

#sidenav ul {
	list-style-type: none;
	padding: 8px 0 8px 0;
}

/* sidenav submenu navigation */

.sidenav_submenu {
	line-height: 14px;
	margin: 2px 0;
	overflow: hidden;
}

.sidenav_link_container {
	margin: 2px 0;
}

a.sidenav_link {
	color:#4a4626;
	text-decoration: none;
	font-family: Garamond, serif;
	font-variant: small-caps;
	font-size: 14px;
	font-weight: bold;
}

#sidenav_carton {
	float: left;
	margin-top: -50px;
}

#sidenav_spacer {
	height: 0px;
	padding-bottom: 50px;
}


/* begin content */
#rightcol { 
	float: right;
	clear: right;
	width: 605px;
	margin-right: 50px;
	/*border: 1px solid #FF0000;*/
}

#content_top {
	margin-top: 24px;
	margin-bottom: 13px;
	width: 605px;
	display: table;
}

#mtg_content_top {
	margin-bottom: 0px;
	height: 27px;
	width: 605px;
	display: table;
}

#content_top h1 {
	float: left;
}

#content_top ul, #mtg_content_top ul {
	list-style-type: none;
	display: inline;
	float: right;
}

#content_top ul li {
	display: inline; 
	margin-left: 5px;
	color: #bf4802;
}

#mtg_content_top ul li {
	display: inline; 
	margin-left: 5px;
	color: #737058;
}

#content_top a, #mtg_content_top a {
	text-decoration: none;
}

#content_top a.selected, #mtg_content_top a.selected {
	text-decoration: underline;
	font-weight: bold;
}

/* default styles for content pages and articles */

#articles #rightcol img, #article_list img, #wetlands-preservation #rightcol img, #meet-the-co-op #rightcol img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border-right: 2px solid #c4bb9f;
	border-bottom: 2px solid #c4bb9f;
}

#rightcol #video_player {
	float: right;
	margin-left: 10px;
	/*margin-bottom: 10px;*/
}

#rightcol li {
	margin-left: 20px;
}

ol li {
	margin-left: 20px;
	margin-bottom: 10px;
}

#rightcol h2 {
	margin-top: 10px;
}



/* main title */
h1 {
	font-size: 18px;
	font-family: Garamond, serif;
	font-variant: small-caps;
	font-weight: bold;
	color: #3f3c20;
	display: inline;
}

/* subtitile / description */
h3 {
	font-size: 12px;
	font-weight: bold;
	/*margin-bottom: 17px;*/
	/*clear: both;*/
}

/* subsection titles */
h2 {
	font-size: 14px;
	margin-bottom: 5px;
}

p {
	margin-bottom: 14px;
}


/* end content */



/* begin footer */

#spacer {
	clear: both;
	height: 97px;
	padding: 0;
	width: 840px;
	margin: 0 auto;
	margin-top: 20px;
}

#bottomnav {
	width: 944px;
	overflow: visible;
	clear: both;
	line-height:28px;
	/*height: 42px;*/
	height: 97px;
	margin: -127px auto 0 auto;
	padding-top: 30px;
	display: block;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#bottomnav ul {
	list-style-type: none;
	padding: 0;
}


#bottomnav ul li { 
	display: inline; 
}

#bottomnav_container {
	width: 824px;
	margin: 0px 60px 0 60px;
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: #d5d1b7;
	margin-top: 30px;
}

/* landing page */

#flash {
	/*width: 944px;
	height: 445px;
	padding: 0px 10px;*/
}

/* other flash */

#flash_content {
	margin-bottom: 10px;
}

/* fun stuff page */
#fun-stuff .fun_stuff_pod, #fun-stuff .fun_stuff_pod_double {
	width: 264px;
	height: 232px;
	float: left;
	padding: 10px 19px;
	font-size: 11px;
}

#fun-stuff .fun_stuff_pod_double {
	width: 565px;
	background-image:url(../images/fun-stuff_bg_double.jpg);
}

#fun-stuff .fun_stuff_pod h2, #fun-stuff .fun_stuff_pod_double h2 {
	font-size: 15px;
	font-family: Garamond, serif;
	font-variant: small-caps;
}

#fun-stuff .fun_stuff_pod.left {
	background-image:url(../images/fun-stuff_bg_left.jpg);
}

#fun-stuff .fun_stuff_pod.right {
	background-image:url(../images/fun-stuff_bg_right.jpg);
}

#fun-stuff .fun_stuff_pod img, #fun-stuff .fun_stuff_pod_double img {
	float: none;
	margin: 0;
	border: 0;
	margin-top: 10px;
}

/* grower family page */

.top-border {
	margin-top: 69px;
	width: 605px;
	height: 2px;
	border-top: solid 1px #bbb38d;
	border-bottom: dashed 1px #bbb38d;
}

#meet-the-growers #mtg_content_top {
	margin-top: 20px;
	margin-bottom: 27px;
}

#meet-the-growers #mtg_content_top img {
	margin-bottom: 0;
	float: left;
	margin-left: 6px;
	margin-right: 10px;
}

#meet-the-growers #mtg_content_top h1 {
	color: #592a24;
	text-transform: uppercase;
	font-size: 18px;
	float: none;
	display: block;
	
}

#meet-the-growers #mtg_content_top h2 {
	color: #e17337;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 14px;
	float: none;
	font-family: Garamond, serif;
	display: block;
	margin-bottom: 0px;
	margin-top: 3px;
}

#meet-the-growers #flash {
	margin-bottom: 20px;
}

#meet-the-growers #mtg_flash {


}

#grower_nav li {
	color:#737058;
	font-size: 12px;
	font-family: Garamond, serif;
	font-weight: bold;
}

#grower_nav li a {
	color:#737058;
}

#grower_nav li a:hover {
	color: #bf4802;
}

/* not-from-concentrate page */

#not-from-concentrate img {
	border: 0;
}

/* juices page */

/* 591 x 282 */

#juice_details {
	width: 504px;
	height: 250px;
	background-image:url(../images/juices_bg.jpg);
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 32px;
	padding-left: 37px;
	padding-right: 50px;
}

#juice_details h1 {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	margin-top: 70px;
	font-variant: normal;
	text-transform: uppercase;
	width: 250px;
}

#juice_details p {
	margin-top: 15px;
	width: 250px;
}

#juice_details img {
	float: left;
}

#juice_copy {
	margin-left: 206px;
	margin-top: 21px;
}

.juice_link {
	width: 149px;
	height: 106px;
	border-top: 1px dashed #bbb38d;
	border-left: 1px dashed #bbb38d;
	float: left;
	text-align: center;	
	line-height: 106px;
}

.juice_link.right {
	border-right: 1px dashed #bbb38d;
}

.juice_link.bottom {
	border-bottom: 1px dashed #bbb38d;
}

.juice_link img {
	vertical-align: middle;
}



/* calculator page */

#calculator table {
	border: 1px dashed #bbb38d;
	margin-top: 10px;
}

#calculator .left_border {
	border-left: 1px dashed #bbb38d;
}

#calculator th, #calculator td {
	padding: 5px 10px 5px 20px;
}

/* article lists */

#article_list a {
	font-weight: bold;
	text-decoration: none;
}

#article_list td {
	padding: 20px 20px 0 0;
}

#article_list p {
	margin-top: 2px;
}

/* article page */

.newsletter_issue {
	margin-top: 10px;
}

/* newsletter pages */

#newsletter img {
	margin: 0;
}

div.solid_border {
	width: 154px;
	padding: 10px 5px;
	margin: 10px;
	border: solid 1px #b8b8b8;
}

div.solid_border a {
	text-decoration: none;
}


/* overwriting classes */

.unhide {
	display: block;
}

/*---------- bubble tooltip -----------*/
a.tooltip {
	position:relative;
	z-index:24;
	text-decoration:none;
}
a.tooltip span {
	display: none;
}
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tooltip:hover {
	z-index:25;
	background:;
}
a.tooltip:hover span.tooltip {
	font:Arial, Helvetica, sans-serif 11px normal;
	display:block;
	position:absolute;
	bottom:1em;
	right:-30px;
	padding: 15px 0 0 0;
	width:190px;
	color: #175c2e;
	text-align: center;
}
a.tooltip:hover span.top {
	display: block;
	padding: 40px 8px 0;
	background: url(../images/flonat_tip.gif) no-repeat top;
}
a.tooltip:hover span.middle { /* different middle bg for stretch */
	display: block;
	padding: 0 5px 0 18px;
	line-height:1.2em;
	background: url(../images/flonat_tip_filler.gif) repeat bottom;
}
a.tooltip:hover span.bottom {
	display: block;
	padding:3px 8px 35px;
	color: #548912;
	background: url(../images/flonat_tip.gif) no-repeat bottom;
}