@charset "utf-8";
/* CSS Document */
body
{
margin:0px;
padding:0px;
background: #003466;
background-image: url(images/bg_tile.jpg);
background-repeat:repeat;
font-family:Lucida Grande,Tahoma,Arial,Verdana,sans-serif;
color:#444444;
line-height:1em;
font-size:1em;
text-align: left;
}
p
{
font-size: .9em;
}
h1
{
color:Maroon;
font-size:20px;
}
h2
{
color:DarkGoldenRod;
font-size:18px;
}
h3
{
color:Maroon;
font-size:18px;
text-transform: uppercase;
}
h1,h2,h3,h4,h5,h6,span
{
margin:0px;
padding:0px;
letter-spacing:0;
line-height:1em;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#main
{
width:960px;
float:none;
margin:0 auto;
padding:0px;
}
#contentbg
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/content_bg-trans.png) repeat-y scroll 0 0;
float:left;
margin:-30px 0 0 -20px;
padding:30px 0 0 25px;
position:relative;
width:980px;
}
#contenttxtblank
{
margin:0 0 0 -12px;
padding:0 0 0 25px;
width:980px;
}
#contentcontainer
{
float:left;
margin:-40px 0 0 22px;
padding:80px 0 0;
position:relative;
width:900px;
z-index:0;
}
/*---------------------------------Logo and Nav---------------------------------*/
#logo
{
float: left;
}
#logo_link
{
float:left;
margin:-15px 0 0 40px;
}
#menu
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/nav_bg-trans.png) no-repeat scroll 0 0;
float:left;
height:93px;
margin:20px 0 0 -25px;
padding:0;
position:relative;
width:990px;
z-index:1;
}
#menu a:hover, #menu a, #menu:visited
{
color: #612200;
text-decoration: none;
font: Myriad Pro, "Arial Black", Gadget, sans-serif
}
#menu a:hover
{
color: #612200;
text-decoration: none;
font: Myriad Pro, "Arial Black", Gadget, sans-serif
}
#menu ul
{
display:block;
float:left;
font-size:0.9em;
font-weight:bold;
margin:32px 0 0;
padding:0 0 0 10px;
}
#menu ul li
{
height:30px;
float: left;
margin:0px;
padding:0 16px 0 0;
display:block;		
}
#menu ul li.menusap
{
width:2px;
height:27px;
float: left;
margin:0px;
padding:0px;
background-image:url(images/menusap.jpg);
background-repeat:no-repeat;
}
#menu ul li a.menu
{
height:22px;
float: left;
margin:0px;
padding:5px 11px 0;
font-family: Myriad Pro, "Trebuchet MS";
font-size:11px;
font-weight:bold;
color:#612200;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}
#menu ul li a.menu:hover
{
height:22px;
float: left;
margin:0px;
padding:5px 11px 0;
font-family: Myriad Pro, "Trebuchet MS";
font-size:11px;
font-weight:bold;
color:#612200;
text-align:center;
text-decoration:none;
text-transform:uppercase;
background-image:url(images/menuover.jpg);
background-repeat:no-repeat;
background-position:center bottom;
}
#headercontainer
{
width:905px;
padding: 0;
margin: 10px 0 0 15px;
float: left;
}
/*---------------------------------Content Breakout---------------------------------*/
#the_left
{
float:left;
margin:85px 0 0 45px;
min-height:200px;
padding:0;
position:inherit;
width:570px;
z-index:2;
}
#the_left p, #the_left H1, #the_left h2
{
padding-left:55px;
width:455px;
}
#the_left h1
{
}
#the_left_top
{
}
#the_left_content
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/left_content-trans.png) repeat scroll 0 0;
float:left;
margin:0;
padding:0;
width:570px;
}
#the_left_bottom
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/left_bottom-trans.png) repeat scroll 0 0;
float:left;
height:80px;
margin:0;
padding:0;
width:570px;
}
#the_left
{
}
#the_right
{
display:inline;
float:left;
left:45px;
margin:75px 0 0;
min-height:200px;
padding:215px 0 0;
position:relative;
width:200px;
z-index:2;
}
#the_right p
{
font-size:0.8em;
line-height:1.2em;
}
#the_right h3 img
{
left:-26px;
position:absolute;
top:210px;
}
/*---------------------------------Homepage---------------------------------*/
#flashcontainer
{
width:905px;
padding: 0;
margin:-40px 0 0 15px;
float: left;
z-index: -1;
position:relative;
}
#contenthome
{
float:left;
margin:60px 60px 0;
padding:0;
width:820px;
}
/*---------------------------------About---------------------------------*/
.left_about
{
background: url(images/left_about-trans.png);
height: 110px;
width: 570px;
padding: 0;
margin: 0;
float: left;
}
.content_about
{
background: url(images/about_top.jpg) #e9c83f top no-repeat;
}
.content_about_bottom
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E9C83F url(images/about_bottom.jpg) no-repeat scroll center bottom;
display:inline;
float:left;
height:184px;
margin:0 0 -182px;
padding:0;
position:relative;
top:-178px;
width:900px;
z-index:0;
}
.right_about
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/about_sidebar-trans.png) no-repeat scroll left top;
}
/*---------------------------------FAQs---------------------------------*/
.left_faqs
{
background: url(images/left_faqs-trans.png);
height: 110px;
width: 570px;
padding: 0;
margin: 0;
float: left;
}
.content_faqs
{
background: url(images/faqs_top.jpg) #e9c83f top no-repeat;
}
.content_faqs_bottom
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E9C83F url(images/faqs_bottom.jpg) no-repeat scroll center bottom;
display:inline;
float:left;
height:368px;
margin:0 0 -250px;
padding:0;
position:relative;
top:-250px;
width:900px;
z-index:0;
}
.left_faqs p
{
}
.right_faqs
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/faqs_sidebar-trans.png) no-repeat scroll left top;
}
#the_right_faqs
{
display:inline;
float:left;
left:45px;
margin:75px 0 0;
min-height:200px;
padding:215px 0 0;
position:relative;
width:200px;
z-index:2;
}
#the_right_faqs h3 img
{
left:-16px;
position:absolute;
top:220px;
}
/*---------------------------------Products---------------------------------*/
#content_products_page
{
float:left;
margin:85px 0 0 20px;
min-height:200px;
padding:0;
position:inherit;
width:800px;
z-index:2;
}
#products_left_bottom
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/products_left_bottom-trans.png) repeat scroll center top;
display:inherit;
height:51px;
margin:20px 0 10px;
padding:0;
width:867px;
}
#products_content
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/products_content-trans.png) repeat scroll 0 0;
clear:left;
display:inherit;
margin:-20px 0;
padding:0;
width:867px;
}
#products_content h1, #products_content h2, #products_content h3, #products_content p
{
padding-left:55px;
width:755px;
}
.left_products
{
background: url(images/left_products-trans.png);
height: 91px;
width: 867px;
padding: 0;
margin: 0;
float: left;
}
.content_products
{
background: url(images/products_top.jpg) #a9c594 top no-repeat;
}
.content_products_bottom
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#A9C594 url(images/products_bottom.jpg) no-repeat scroll center bottom;
display:inline;
float:left;
height:192px;
margin:0 0 -106px;
padding:0;
position:relative;
top:-106px;
width:900px;
z-index:0;
}
.left_products
{
}
.right_products
{
}
/*-------------------------------Products Filter------------------------------*/
#filter_form {
	overflow: hidden;
}
.browntext { 
	font-size:16px;
	color: #3f2003; 
	font-weight: bold;
}
.browntext .intro {
	font-size:20px;
	margin-top:0; /* for opera */
	line-height: 1.2em;
}
#products_landing_juice {
	position:absolute;
	left:80px;
}
#products_content form{
	margin-left:400px;
	height:180px;
}
/*---------------------------Products Search Results--------------------------*/


/* a couple of generic styles also */
a img {border:none; }
.left { float:left; }
.right { float:right; }
.clear {clear:both; }

.drink, .drink span, .drink h1, .drink h2, .drink h3 {
	font-family:Arial, Helvetica, sans-serif;
}
.drink{
	padding-left:55px;
	width:755px;
	position:relative;
	margin: 30px 0 0;
}
#products_content .drink p, #products_content .drink h1, #products_content .drink h2, #products_content .drink h3 {
	padding-left:auto;
	width:auto;
}
.drink .smallpic {
	float:left;
	width:100px;
	text-align: center;
}
.drink .leaf {
	height:20px;
	width:20px;
	position:absolute !important; /* the image script on ie6 nukes this */
	left:135px;
	top:-2px;
	background-image: url(images/leaf-trans.png);
}
.drink h2 {
	font-size:18px;
}
.drink h2, .drink p {
	margin-left:50px;
}
.drink .nutrition h2, .drink .hutrition p{
	margin-left:0;
}
#superbox-container #superbox, .popup {
	color:white;
	background-color:#93840d;
}
#superbox a { color:white; text-decoration:none; }
#superbox .close {
	text-align:right;
	text-transform:uppercase;
}
#superbox .close a { cursor:pointer; }
#superbox-innerbox {
	height: auto !important;
}

.popup h1, .popup h2, .popup h3 {
	/*font-family: inherit;
	color: inherit;*/
	font-family:Arial, Helvetica, sans-serif; /* this wasn't working in ie 7 otherwise */
	color: white;	
}

.popup{
	padding:20px 60px;
	display:none;
}
.popup .center_col h2 {
	font-size:26px;
	line-height:22px;
	font-weight:500;
	margin-top:0;
}
.popup img.bigpic{
	float:right;
	margin-left:28px;
}
.nutrition{
	color:#eff0e0;
	margin-right:28px;
	width:184px;
	float:left;
	font-size:12px;
	line-height:12px;
}
.nutrition h3{
	font-size:19px;
	line-height:14px;
	font-weight:bold;
	margin:0;
}
.nutrition div{
	border-top:1px solid #eff0e0;
	padding:2px 0;
}
.nutrition div.bigtop {
	border-top-width:14px;
}
.nutrition div.mediumtop {
	border-top-width:7px;
}
.nutrition div.notop {
	border-top-width:0;
}
.nutrition div span{
	float:right;
	padding-left:5px;
	width:32px;
	text-align:right;
}
.nutrition div span.wide{
	width:auto;
}
.nutrition div span.wider {
	width:37px;
	padding-left:0;
}
.nutrition .indent {
	margin-left:17px;
}
.nutrition .small {
	font-size:9px;
	line-height:10px;
}
.ingredients {
	color:#563b04;
	text-transform:uppercase;
	font-size: 11px;
}
/*---------------------------------Contact Us---------------------------------*/
.left_contact
{
background: url(images/left_contact-trans.png);
height: 110px;
width: 570px;
padding: 0;
margin: 0;
float: left;
}
.content_contact
{
background: url(images/contact_top.jpg) #d4c056 top no-repeat;
}
.content_contact_bottom
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#d4c056 url(images/contact_bottom.jpg) no-repeat scroll center bottom;
display:inline;
float:left;
margin:0 0 -250px;
padding:0;
position:relative;
top:-250px;
width:900px;
z-index:0;
}
.left_contact
{
}
.right_contact
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/contact_sidebar-trans.png) no-repeat scroll left top;
}
#the_right_contact
{
display:inline;
float:left;
left:45px;
margin: 150px 0 0;
min-height:200px;
padding:0;
position:relative;
width:200px;
z-index:2;
}
#the_right_contact h3 img
{
left:-16px;
position:absolute;
top:5px;
}
/*---------------------------------Footer---------------------------------*/
#footerbg
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/footer_graphic-trans.png);
float:left;
height:120px;
margin:-16px 0 0 -10px;
padding:0;
position:relative;
width:990px;
}
#footerlinks
{
color:#612200;
float:left;
font-family:"Trebuchet MS";
font-size:10px;
font-weight:bold;
height:13px;
margin: 0;
padding:0 0 0 25px;
position:relative;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:960px;
}
.footerlinks
{
font-family: Myriad Pro, "Trebuchet MS";
font-size:10px;
color:#612200;
text-align:center;
text-decoration: underline;
text-transform:uppercase;
padding:0 5px 0 5px;
}
.footerlinks:hover
{
font-family: Myriad Pro, "Trebuchet MS";
font-size:10px;
color:#612200;
text-align:center;
text-decoration: underline;
text-transform:uppercase;
padding:0 5px 0 5px;
}
#copyrights
{
color:#2D2D2D;
float:left;
font-family: Arial, helvetica, trebuchet MS;
font-size:10px;
height:13px;
margin:0;
padding:0 0 0 45px;
text-align:center;
width:904px;
}
#woodlinks
{
display:inline;
padding:0 0 0 110px;
}lign:center;
text-decoration: underline;
text-transform:uppercase;
padding:0 5px 0 5px;
}
.footerlinks:hover
{
font-family: Myriad Pro, "Trebuchet MS";
font-size:10px;
color:#612200;
text-align:center;
text-decoration: underline;
text-transform:uppercase;
padding:0 5px 0 5px;
}
#copyrights
{
color:#2D2D2D;
float:left;
font-family:Arial;
font-size:10px;
height:13px;
margin:0;
padding:0 0 0 45px;
text-align:center;
width:904px;
}
#woodlinks
{
display:inline;
padding:0 0 0 110px;
}