@charset "utf-8";
/* CSS Document */






/*  Side Wide definition */
html {
 overflow-y: scroll;   /* forces firefox scrollbar on */
 height: 100%;
}
img { 
border: 0px;
outline: 0px;
}

*html img {
    background-image: expression(
        this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "../images/spacer.gif"
    );
}

body {
font-size: 80%;
font-color: #444444;
margin: 0em auto;
padding: 0em;
font-family: Arial, Helvetica, sans-serif;
background-color: #000000;
height: 100%;
}


div.main-left{
 background: url(../images/back_left.gif) 0 0 repeat-y; 
/* background: #ffffff;*/
margin: 0 auto; 
padding-left: 6px;
width: 929px; 
min-height: 860px; 
/*height: 100%;  Do not put height on this one so it goes full page height, only 2 embeded divs*/
}
*html div.main-left{
padding-left: 4px;
}

div.main-right{
 background: url(../images/back_right.gif)  100% 0 repeat-y;  
min-height: 860px;
height:auto !important;
height:700px;
}
div.main{
background: #ffffff;
width: 925px; 
min-height: 860px; 
height:auto !important;
height: 700px; 
}



a {
color: #a8834e;
outline: 0px;
border: 0px;
padding: 0px;
}
a:hover  {
outline: 0px;
color: #76582D;
border: 0px;
padding: 0px;
}

div.clear{
clear:both
}
 
 /* s1.1- Home page */
.news_box_home_page {width:932px; height:19px;border:1px solid #909A3D; padding:7px 0 0 0; margin:5px 0 0 0; font:90% Arial, Helvetica, sans-serif; font-weight:bold; color:#F5F5F5; background:transparent url(../images/arrow_main_news.gif) no-repeat left 50%;}
.news_box_home_page span {margin:0 0 0 95px; padding:0;float:left;}
.news_box_home_page p {margin:0 0 0 25px; padding:0;float:left;}
.news_box_home_page a:link, .news_box_home_page a:visited {color:#DEDEDE; text-decoration:underline;}
.news_box_home_page a:hover, .news_box_home_page a:active {color:#a3be0d; text-decoration:underline;}

#buzz_1 {margin:0 0 0 105px; padding:0;float:left; clear:both;}
#buzz_2 {margin:0 50px 0 0; padding:0;float:right; clear:both;}

 
 /* s1.1- Home page */
div.main-home{
background: #000000;
margin: 0 auto; 
padding-left: 6px;
width: 930px;  
height: 100%;
}
	*html div.main-home{
	margin: 0 auto;
	}
	*+html div.main-home{
	margin: 0 auto;
	}

*html div.main-home .logo
{
margin-left:20px;
}

div.home-flash-container{ 
margin: 0px 0px 0px 0x;
}
table.home-flash{ 
width: 935px;
margin: -18px 0px 0px 0px;
} 
 


div.tagline{ 
margin: 5px 0px -20px 160px;
color: #ffffff;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: .85em;
font-style: italic;
}

div.tagline-interior{ 
margin: -25px 0px 0px 183px;
color: #ffffff;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: .85em;
font-style: italic;
position:absolute;
z-index:10;
Overflow:auto  /*  ie7 fix to prevent horz scroll bar */
}



div.main-home .nav-line-top{
width: 935px;
position: relative;
background: #000000;
padding: 0px;
margin: -64px 0 0 -4px;
height:2px; 
background: url(../images/topnav_line-top.gif) 0 0 no-repeat; 
}

	
div.main-home .navtop-container{
width: 935px;
position: relative; 
background: #000000;  
margin: 3px 0 35px -4px;
}
	*html div.main-home .navtop-container{  
		margin: -14px 0 35px -4px;
	}
div.main-home div.navtop {  
background: #909a3d url(../images/topnav_line-bot-home.gif) 0px 100% no-repeat; 
margin-top: -3px;
}



 /* s2.0 - Global navigation bar */
.header-pic{


}

div.headerpic{
background: url(../images/header_coffee.jpg) 0 0 no-repeat;
height: 124px;
width: 927px; 
margin: 0 0 -40px -2px;
padding-left: 2px;
z-index:2;
}
div.head-tea{
background: url(../images/header_tea.jpg) 0 0 no-repeat;
}
div.head-about{
background: url(../images/header_about.jpg) 0 0 no-repeat;
}
div.head-find{
background: url(../images/header_find.jpg) 0 0 no-repeat;
}
div.head-buzz{
background: url(../images/header_buzz.jpg) 0 0 no-repeat;
}

/*div.main-home div.logo{  TOM 11.16
z-index: 1;
float: left;
margin: -29px 0px 0px 40px;
position:relative;
width: 11px;    
}*/

div.logo{
z-index: 1;
float: left;
margin: -10px 0px 0px 40px;
position:relative;
width: 11px;    /* need this so stupid mac safari */
}
.ie div.logo{     /* ie6 fix */ 
margin: -10px 0px 0px 20px;
}
.ie7 div.logo{     /* ie7 correct back */ 
margin: -10px 0px 0px 40px;
}

div.login-back{
float: right;
position:relative;
width: 380px;
height: 30px;
margin-top: 5px;
background-color: #ffffff;
border: 0px;
opacity: .6;
filter: alpha(opacity=60); 

}







div.login-text{
float: right;
text-align: right;
position:relative; 
margin: 0px  -355px 0 0;
width:355px;
padding: 7px 0 6px 0;
font-size: 11px;
font-weight:bold;

	Overflow: auto   /*	BACKGROUND-COLOR: #FFD44C;*/
}
div.login-text img{
margin: 0 0 -7px 0;
}

div.login-text a{
color: #000000;
text-decoration: none;
}
div.login-text a:hover{
text-decoration: underline;
}

div.login-text span{
padding: 0 3px 0 3px;
}

div.main-home div.login-text-home{
float: right;
text-align: right;
position:relative; 
font-size: 11px;
font-weight:bold;
color: #ffffff;
margin: -5px 10px 0px 0px;
}





div.main-home div.login-text-home a{
color: #ffffff;
text-decoration: none;
}

div.main-home div.login-text-home img{
margin: 0 0 -7px 0;
}


div.main-home div.login-text a{
color: #ffffff;
text-decoration: none;
}

div.navtop-container { 
width: 929px;
background-color: #909a3d; 
margin: -61px 0 35px -4px;  /* ff requires 35px bottom or horz scroll */ 
position:relative;
height: 28px;
}
*+html div.navtop-container  {   	/* ie7 */ 
margin: -61px 0 0 -4px;
}
*html div.navtop-container  {   	/* ie6 */ 
margin: -61px 0 -6px -4px;
}

.ffix {
 margin-top: 25px;
 }
.win.gecko .ffix, .gecko .ffix{
 margin-top: -15px;
}


 
div.navtop {  
background: #909a3d url(../images/topnav_line-bot.gif) 0px 100% no-repeat; 
height: 33px;
}
*html div.navtop  {   /* ie6 fix*/
padding-left: 27px;
}

div.navtop a{ 
font-size: 11px; 
line-height: 30px;
text-decoration: none;
color: #ffffff;
text-transform: uppercase;
font-family: Trebuchet MS;
text-align: center;  
padding: 6px 31px 6px 31px; 
background: #909a3d url(../images/back_navtop.gif) 0 0 repeat-x;   
font-weight: bold; 
border-top: 0px;
outline: 0px;
}

div.navtop a:hover{
background: url(../images/back_navtop.gif) 0 -32px repeat-x;  
text-align: center;  
color: #ffffff;
padding: 6px 31px 6px 31px; 
border-top: 0px;
outline: 0px;
} 

			
div.navtop ul {
margin: 0px;
padding: 0px;
list-style: none;
margin-left: 180px;
}
div.navtop li {
float: left;
height: 30px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
white-space: nowrap;
background: url(../images/back_navtop.gif) 0 0 repeat-x;   
border: 0px;
border-right: 1px solid #000000;
}


div.navtop a.on, div.navtop a.on:visited	{ 
background: url(../images/back_navtop.gif) 0 -32px repeat-x;    
color: #ffffff;
}



 /* s3.1 - footer  */

div.footer  {
margin: 15px 0 0 15px;
padding: 0px;
font-size: .9em;
color: #3c3c3c;
}
div.footer li {
float: left;
padding: 0 4px 0 0;
white-space: nowrap;   
border-right: 1px solid #3c3c3c;
}

div.footer a {
text-decoration: none;
padding: 0 0 0 4px;
color: #3c3c3c;
}
div.footer a:hover { 
color: #a3be0d;
padding: 0 0 0 4px;
}

 /* s3.0 - main content  */
div.navleft-container{
position:relative;
float: left;
margin: 1px 0 0 46px;
/*margin: 50px 0 0 -109px;*/
width: 160px;
background: url(../images/back_nav-left.gif)  100% 0 no-repeat; 
 
}
.ie div.navleft-container{    /* ie6 fix */
margin: 1px 0 0 24px;
}
.ie7 div.navleft-container{     /* ie7 correct back */
margin: 1px 0 0 46px;
}


div.navleft-container h2{
font-size: .9em;
text-transform: uppercase;
margin: 8px 0 0px 0;
}
div.navleft-container h3{
font-size: .85em;
margin: 5px 0 3px 0;
padding-left: 2px;
font-weight: normal;
}
div.navleft-container div.split{
border-bottom: 1px solid #cccccc;
padding-top: 7px;
margin: 0;
}

div.navleft-container a.left, div.navleft-container a.left-sub{
color: #909a3d;
display: block;
font-size: .90em;
line-height: 20px;
text-decoration: none;
padding-left: 6px;
}  
div.navleft-container a.left:hover, div.navleft-container a.left-sub:hover{
color: #841a16;
display: block;
font-size: .90em;
line-height: 20px;
text-decoration: none;
padding-left: 6px;
}  

div.navleft-container a.leftblack{
color: #000000;
display: block;
font-size: .90em;
line-height: 20px;
text-decoration: none;
padding-left: 6px;
}  
div.navleft-container a.leftblack:hover{
color: #909a3d;
display: block;
font-size: .90em;
line-height: 20px;
text-decoration: none;
padding-left: 6px;
}  

div.navleft-container a.left-sub{
padding-left: 15px;
}
div.navleft-container a.left-sub:hover{
padding-left: 15px;
}
div.navleft-container a.on, div.navleft-container a.sub-on{
color: #841a16;
background: url(../images/back_nav-left-on.gif)  0px 2px repeat-x; 
margin-right: 4px;
/*margin-left: -3px;
padding-left: 6px;*/
font-weight: normal; 

}


div.navleft-container a.sub-on{ 
padding-left: 17px;
}

div.navleft-container a.featured{
font-size: 1.1em;
font-style: italic;
font-weight: bold;
font-family: Garamond, "Times New Roman", Times, serif;
display: block;
color: #000000;
text-decoration: none;
/*text-align: center;*/
padding: 7px 0 10px 7px;
margin-top: 5px;
background: url(../images/button_featured.gif)  0 0 no-repeat; 

}




div.content-container{
position:relative;
float: left;
height:100%;
width: 650px;
margin: 0px 0 0 50px;
color: #444444;  
}
.ie div.content-container{
width: 630px;
margin-right: 20px;
}


.right{
float: right;
margin-right: 10px;
}




 /* s4.0 - Product box code  */
table.productGrid{
border: 0px;
width: 100%;
border-collapse: collapse;
}
table.productGrid td{
vertical-align: top;
}
table.productGrid td.PListCell{
width: 240px;
height: 460px;
background: url(/images/back_product.jpg)  0 0 no-repeat; 
border: 0px;
padding: 15px 0 0 20px;
}
 
table.productGrid h1{
text-transform: normal;
font-family: Trebuchet MS;
font-size: 1.4em;
margin: 4px 0 0 0;
text-transform:uppercase;
}

table.productGrid td.product-title{
height: 77px  /* ie */
}
	.win.gecko table.productGrid td.product-title{   /* ff - pc */
	height: 81px 
	}
	 
	 .gecko table.productGrid td.product-title{   /* ff - mac */
	height: 87px 
	}
	 
	.webkit table.productGrid td.product-title {   /* safari*/
	height: 80px 
	}

table.productGrid td.product-title span {
	font-size: 14px;
	text-transform: capitalize;

	text-transform: none;
}

table.productGrid td.content h2 {
color: #ffffff;
text-transform:uppercase;
font-family: Trebuchet MS;
margin: 1px 0 -10px 0;
}
 
	.gecko table.productGrid td.content h2, .webkit table.productGrid td.content h2 {   /*  ff - mac , safari  */
	margin: -2px 0 0px 0;
	}

	.win.gecko table.productGrid td.content h2  {   /* ff - pc      */
	margin: 0px 0 0px 0;
	}

table.productGrid td.content{
font-size: .9em;
height: 270px;  /* ie */
padding-right: 12px;
}
	.win.gecko table.productGrid td.content, .gecko table.productGrid td.content{   /* ff - pc   ff - mac   */
	height: 270x;
	font-size: .95em;
	}
	 
 
	 



A.find:link {color:#444444; text-decoration:underline;}
A.find:visited {color:#444444; text-decoration:underline;}
A.find:hover {color:#888888; text-decoration:underline;}
A.find:active {color:#888888; text-decoration:none;}

 
 TD.DialogTitleLeft {
/*	COLOR: #FFFFFF;*/
	FONT-WEIGHT: bold;
/*	FONT-SIZE: 11px;*/
/*	BACKGROUND-IMAGE: url(images/dialog_bg_n.gif);*/
	VERTICAL-ALIGN: bottom;
/*	HEIGHT: 15px;*/
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	TEXT-ALIGN: left;
}
TD.DialogTitleLeft H1, TD.PopupTitle H1, h1.pagetitle {
 	COLOR: #9e0b0f;  
 	FONT-SIZE: 20px; 
	margin: 0;
}

 
 
 
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 28px;
}*/

.sIFR-hasFlash h4 {
	visibility: hidden;
	font-size: 200%;
	margin: 0 0 0 0;
	color: #9E0B0F;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
 
 
 
.smallital {
	font-size: 75%;
	font-style: italic;
}

.fairtrade {
text-align:center;
float:right;
margin:-40px 38px 0px 0px;
}
*html .fairtrade {
margin:-40px 19px 0px 0px;
}


.headline {
	font-size: 105%;
	font-weight: bold;
	line-height: 28px;
}

.contact {
	font-size: 100%;
	line-height: 20px;
}

A.buzzlink:link {color:#909A3D; text-decoration:underline;}
A.buzzlink:visited {color:#909A3D; text-decoration:underline;}
A.buzzlink:hover {color:#6F7824; text-decoration:underline;}
A.buzzlink:active {color:#6F7824; text-decoration:none;}

A.buzzlinkin:link {color:#909A3D; text-decoration:underline; padding-left: 22px;}
A.buzzlinkin:visited {color:#909A3D; text-decoration:underline; padding-left: 22px;}
A.buzzlinkin:hover {color:#6F7824; text-decoration:underline; padding-left: 22px;}
A.buzzlinkin:active {color:#6F7824; text-decoration:none; padding-left: 22px;}


A.buzzlinklarge:link {font-size: 100%; font-weight: bold; color:#909A3D; text-decoration:underline;}
A.buzzlinklarge:visited {font-size: 100%; font-weight: bold; color:#909A3D; text-decoration:underline;}
A.buzzlinklarge:hover {font-size: 100%; font-weight: bold; color:#6F7824; text-decoration:underline;}
A.buzzlinklarge:active {font-size: 100%; font-weight: bold; color:#6F7824; text-decoration:none;}

.reviewbox {
	background-image: url(../images/review_bg.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9A9B85;
	background-position: bottom;
	background-repeat: repeat-x;
}

.reviewboxlong {
	background-image: url(../images/review_bg_long.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9A9B85;
	background-position: bottom;
	background-repeat: repeat-x;
}



.greylinebox {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9D9C9D;
}

.greylineleft {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9D9C9D;
}



input
{
color: #000000;
background: #FFFBD3;
border: 1px solid #9A9990
}

/* TWITTER FEED */
.twitter_div{
padding:0;
float:right;
margin-bottom:50px;
width:405px;
height:45px;
background-color:#353434;
border-top: solid 2px #a3be0d;
}

.twitter_div ul{
padding:0;
margin:0;
font-size:10px;
color:#FFFFFF;
list-style:none;
margin:0;
padding:0;
color:#FFFFFF
}

.twitter_div ul li{
padding: 10px 0 0 0;
}