body {
	background:#FFFFFF url(../images/backgrounds/waves.jpg) no-repeat center 469px;
	/* _background-position-y: 476px; */
	color:#81310c;
	font-family:Verdana,Arial,sans-serif;
	font-size:11px;
	line-height:14px;
	text-align:center;
	padding-top:10px;
}

a, a:hover, a:visited, a:active {
	color:#3176a9;
}

#pg {
	background:transparent url(../images/backgrounds/waves_center.jpg) no-repeat 16px 445px;
	/* _background-position-y:443px; */
	min-height:721px;
	_height:721px;
	padding:0;
	position:relative;
	text-align:left;
	width:993px;
	margin:0 auto;
}

.chi #pg {
	background:transparent url(../images/backgrounds/waves_black.jpg) no-repeat left 436px;
}

#bd {
	background:transparent url(../images/backgrounds/maps.jpg) no-repeat -14px 9px;
	_background-position-y: 7px;
	min-height:544px;
	_height:544px;
	position:relative;
	top:58px;
	_top:51px;
	width:100%;
	z-index:90;
}

#ft {
	clear:both;
	margin-left:238px;
	padding-top:96px;
	text-align:center;
	width:755px;
	font-size:10px;
	position: relative;
/* 	z-index: 1000; */
}

#ft a {
	border-right:1px solid;
	color:#832E03;
	font-size:10px;
	line-height:180%;
	padding:0 8px 0 5px;
	text-decoration:none;
}

#ft a:hover {
	text-decoration:underline;
}

#ft a.last {
	border:medium none;
}

#logo {
	left:32px;
	position:absolute;
	top:9px;
	z-index:100;
}

#breadcrumb {
	color:#ABAAAB;
	font-size:10px;
	left:278px;
	position:absolute;
	top:47px;
	z-index: 1000;
}
.chi #breadcrumb {
	top: 22px;
}
.chi #breadcrumb a {
	color: #fefefe;
}
#breadcrumb a {
	color:#abaaab;
}
	
/* very temporary stuff */
#leftRail {
	position:relative;
	float:left;
	margin-left:-4px;
	top:86px;
	width:238px;
	z-index:100;
}

#rightRail {
	float:right;
	margin-left:-4px;
	position:relative;
	right:-23px;
	top:135px;
	width:238px;
	z-index:100;
}

#bottomRail {
	bottom:-72px;
	*bottom:-42px;
	_bottom:-72px;
	position:absolute;
	right:21px;
	width:726px;
}

#content {
	float:right;
	margin:67px 44px 0 0;
	_margin:47px 25px 0 0;
	padding:10px;
	width:575px;
	z-index:100;
}

#content .inner {
	float:left;
	width:307px;
}

.inner.scroll {
	height:375px;
	overflow:auto;
}

#content p {
	margin:0;
	padding:0 0 15px;
}

#content ul {
	list-style-type:square;
	list-style-position:outside;
	margin-bottom:15px;
}

#content li {
	margin-left:14px;
	padding:0 0 8px;
}

.flavorPage #content {
	width: 450px;
}

#contentLeft {
	min-height:544px;
	_height:544px;
	position:absolute;
	top:9px;
	_top:7px;
	left:-14px;
	width:480px;
	z-index:20;
}

#content h1 {
	color:#00529B;
	font-family:Palatino,Times,serif;
	font-size:24px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:15px;
}

#content h2,#content h3,#content h4 {
	clear:both;
	color:#FFFFFF;
	font-family:Palatino,Times,serif;
	font-size:40px;
	position:relative;
	text-indent: -4000px;
	zoom:1;
}

#content h2 {
	display: block; 
	width: 450px;
	height: 45px;
	margin: 0 0 20px -6px;
}

#content h2 img, #content h3 img, #content h4 img {
	_behavior: none;
	float: left;
}

#content h3 {
	font-size:20px;
	margin-bottom:4px;
	min-height:25px;
}

#content h4 {
	font-family:"Lucida Grande",Lucida,arial,sans-serif;
	font-size:12px;
	margin-bottom:5px;
}

.flavorPage #content h2 {
	height: 40px;
	margin: 0;
	width: 450px;
	overflow: hidden;
}

.flavorPage #content h4 {
	color: #81310C;
	display:inline-block;
	font-family: Verdana, Sans;
	margin:0;
	text-indent: 0;
}

#share {
	margin-top:12px;
}

.inset {
	position:absolute;
	right:0;
	top:10px;
}

sup {	
	font-size:.8em;
	vertical-align:top;
	position: relative;
	top: -2px;
}

#ft sup {
	font-size:1em;
}

.alignRight {
	float:right;
	margin:0 0 10px 10px;
}

.alignLeft {
	float:left;
	margin:0 10px 10px 0;
}

.box .alignRight, .box .alignLeft {
	margin-bottom:0;
}

	
/* Homepage-specific variations */
.home #pg {
	background:transparent url(../images/backgrounds/waves_home_center.jpg) no-repeat 29px 475px;
}

body.home {
	background:transparent url(../images/backgrounds/waves_home.jpg) no-repeat center 499px;
}

.home #ft {
	padding-top:0;
	z-index:1000;
}

.home #content {
	margin:30px 19px 0 0;
	padding:0;
	width:736px;
	_display:inline;
}

.home #leftRail {
	left:4px;
	top:85px;
}

.home #bd {
	background:none;
}

a#homeMsg {
	display:block;
	height:101px;
	position:relative;
	width:736px;
}

#homeMsg img {
	margin-bottom:-3px;
	position:absolute;
	z-index:10;
}

#homeMsg #msg2 {
	display:none;
}

#hmsg1{
	top:-100px;
}

#hmsg2{
	display:none;
	top:1px;
	position:absolute;
	left:0px;
}

#hmsg3{
	display:none;
	top:1px;
	position:absolute;
	left:0px;
}

#hero {
	top:-101px;
	z-index:5;
}
	
/* Coffee House Inspirations (CHI) styles */
body.chi {
	background:transparent url(../images/backgrounds/waves_black.jpg) no-repeat center 488px;
	/* _background-position-y: 497px; */
}

.chi #pg {
	background:transparent url(../images/backgrounds/waves_black_center.jpg) no-repeat 32px 465px;
}

.chi #content {
	color:#FFFFFF;
	margin:75px 0 0;
	padding:0;
	width:642px;
}

.chi .black {
	color:#000000;
}

.chi.product #content {
	margin:75px 55px 0 0;
	_margin-right:25px;
	padding:0;
	width:445px;
}

.chi.contest #content h2 {
	height:76px;
	margin-bottom:20px;
}

/* hack for FF2 */
.chi #content h2/*, x:-moz-any-link */{
	/* margin-bottom:35px; */
	height: 40px;
}

.chi #content h2/* , x:-moz-any-link, x:default */ {
	/* margin:0 0 18px 0; */
}

.chi #content h2.overview/* , x:-moz-any-link, x:default */ {
	/* margin:0; */
}

.chi #content tt {
	background:#000000;
	margin:-10px 0 0 -10px;
	opacity:0.25;
	filter: alpha(opacity = 25);
	padding:10px;
}

.chi a, .chi a:visited {
	color:#fee1c4;
	text-decoration:none;
}

.chi #bd {
	background:transparent url(../images/backgrounds/bkg-chi.jpg) no-repeat right top;
}

.chi.product #bd {
	background-image:url(../images/backgrounds/bkg-chi-product.jpg);
}

.chi.landing #bd {
	background-image:url(../images/backgrounds/bkg_chi-landing2.jpg);
}



.chi dl {
	background:transparent url(../images/global/divider.png) no-repeat center bottom;
	_background:transparent url(../images/global/divider-ie6.png) no-repeat center bottom;
	height:172px;
	width:513px;
}

.chi dl.specialDL{
	height:250px;
	background:transparent; 
}

.chi dt {
	clear:left;
	float:left;
	width:165px;
}


.chi dd {
	float:left;
	height:140px;
	padding:21px 0 0 15px;
	width:275px;
}

.chi .specialDL dd {
	padding:91px 0 0 65px;
	left:70px;
}

.chi dd a {
	font-weight:bold;
}

.chi #contentLeft {
	background:none;
	top:0px;
	left:209px;
	width:284px;
}



#single {
	color:#000000;
	float:right;
	font-size:11px;
	margin-top:-40px;
	width:215px;
}

#single p {
	float:left;
	padding-top:65px;
	text-align:right;
	width:91px;
}

#single img {
	float:left;
}

/* sugar free and/or fat free bottles */
#free {
	float:right;
	padding:0 0 15px 15px;
}

.chi.landing #share {
	position:absolute;
	right:25px;
	top:460px;
}

.chi.landing #ft {
	padding-top:127px;
}

#chiBottles {
	left:253px;
	position:absolute;
	top:107px;
	width:725px;
}

.chiBt {
	left:-100px;
	position:absolute;
	top:40px;
	width:725px;
}

#chiBottles img {
	float:left;
}

.chi.landing .trans {
	position:static;
}
	
/* Where To Buy */

#whereLeft {
	float:left;
	width:260px;
}

#whereRight {
	float:right;
	width:264px;
}

p.paging {margin:1em 0; padding:0;}

.store {padding:1em 0 1em 2.5em; border-bottom:1px solid #666; width: 515px;}
.result-number {color:#FFFFFF; float:left; width:2em; text-align:center; margin-left:-2.5em; margin-right:.5em; background:#9f5d39;}
.store-name {font-weight:bold;}

.map-container {border:1px solid; height:300px; margin-top:0.5em;}
.map-container p {margin:1em; padding:0; color:#999;}
	
.zipWrap {
	display: block;
	float: left;
	_float: none;
}
#content #limit {
	float: right;
	margin:0 71px 0 0;
	_float: none;
	_position:relative;
	_left: 120px;
	_top: -50px;
}

#content #locationTitle {
	padding: 0;
}
#content #submit.buy {
	clear: both;
	margin:0 48px 0 0;
	position: relative;
	_top: -45px;
	left: -50px;
	_left: -40px;
}
/* sprited expandable boxes - using "box" class */
.box {
	color:#000000;
	margin:24px 0 30px;
}

.box a, .box a:visited {
	color:#000000;
	font-weight:bold;
}

.flavor.box a, .flavor.box a:visited {
	color:#054782;
	font-weight:normal;
}

.home .box a {
	color:#3176a9;
}

.box,.box cite,.box code {
	position:relative;
	background:url(../images/backgrounds/box.png) -222px 0 repeat-y;
}

.box cite,.box code {
	display:block;
	left:0;
	z-index:10;
	height:24px;
	position:absolute;
	background-repeat:no-repeat;
}

.box cite {
	top:-24px;
}

.box code {
	bottom:-24px;
}

.box .C {
	z-index:20;
	position:relative;
}


	
/* "C" for "content" */

	
/* SEMI-TRANSPARENT BOXES*/
.trans,.flavor a {
	position:relative;
	_overflow:hidden;
	font-weight: normal;
}

.trans {
	height:auto;
}

.trans * {
	position: relative; 
	z-index: 100;
}

.trans tt,.flavor a tt {
	position:absolute;
	display:block;
	top:0;
	left:0;
	filter:alpha(opacity=40);
	-moz-opacity:.6;
	opacity:.6;
	background:#fff;
	width:100%;
	height:100%;
	_height:1000px;
	z-index: 20;
}


	
/* left rail and bottom rail boxes */

	
/* Caramel with White Border */
.caramelWB,.whiteCB {
	padding:0 15px;
	width:192px;
}

.caramelWB cite,.caramelWB code {
	background-position:0 0;
	width:222px;
}

.caramelWB code {
	background-position:-444px 0;
}


	
/* White with Caramel Border */
.whiteCB {
	background-position:-888px 0;
}

.whiteCB cite,.whiteCB code {
	background-position:-666px 6px;
	width:222px;
}

.whiteCB code {
	background-position:-1110px -6px;
}


	
/* Narrow Caramel box */
.caramelSlim {
	background-position:-2962px 0;
	width:148px;
	padding:0 12px;
	margin-right:30px;
	_margin-right:20px;
}

.caramelSlim cite,.caramelSlim code {
	background-position:-2790px 10px;
	width:172px;
}

.caramelSlim code {
	background-position:-3134px -8px;
}


	
/* Flavor Menu */
.flavor {
	background-position:-3546px 0;
	padding:0 9px;
	width:222px;
}

.flavor cite,.flavor code {
	background-position:-3306px 0;
	width:240px;
}

.flavor code {
	background-position:-3786px 0;
}

/* uncomment for expaning menus - and edit global.js

.flavor .C div {
	display: none;
}

.Core .C .Core,
.LimitedEdition .C .LimitedEdition, 
.Coffeehouse .C .Coffeehouse, 
.SeasonalCelebrations .C .SeasonalCelebrations{
	display: block;
}
*/

.overview *{
	color: #333;
}
.chi .overview * {
	color: #fff;
}
/* Content text color overrides per-flavor */
#BelgianWhiteChocolateMacadamia #bd .overview *{
	color: #463375;
}
#Amaretto #bd .overview *{
	color: #7F1B57;
}
#CaribbeanCinnamonCreme #bd .overview *{
	color: #78132A;
}
#DulceDeLeche #bd .overview *{
	color: #954B19;
}
#EnglishAlmondToffee #bd .overview *{
	color: #2B3376;
}
#FrenchVanilla #bd .overview *{
	color: #193E82;
}
#Hazelnut #bd .overview *{
	color: #81310c;
}
#HersheysChocolateCaramel #bd .overview *{
	color: #58210F;
}
#IrishCreme #bd .overview *{
	color: #055731
}
#SouthernButterPecan #bd .overview *{
	color: #925D0A
}
#WhiteChocolateRaspberry #bd .overview *{
	color: #89154D;
}
#VanillaSpicedRum #bd .overview *{
	color: #8C1721;
}
#ChocolateMintTruffle #bd .overview *{
	color: #004E21;
}

	
/* All Caramel */
.caramel,.whiteCBft {
	background-position:-1575px 0;
	padding:0 10px;
	width:222px;
	float:left;
	clear:none;
}

.caramel cite,.caramel code {
	background-position:-1332px 10px;
	width:242px;
}

.caramel code {
	background-position:-1818px -6px;
}

.whiteCBft .C span, .caramel .C span {
	display:block;
	padding-top:4px;
}

	
/* White with Caramel Border Footer box */
.whiteCBft {
	background-position:-2304px 0;
}

.whiteCBft cite,.whiteCBft code {
	background-position:-2061px 10px;
	width:242px;
}

.whiteCBft code {
	background-position:-2547px -6px;
}


	
/* chalkboard/black box */
.chalkboard {
	background-position:-4248px 0;
	width:202px;
	padding:0 10px;
	color:#fff;
}

.chalkboard cite,.chalkboard code {
	background-position:-4026px 0;
	width:222px;
}

.chalkboard code {
	background-position:-4470px 0;
}

.chalkboard .C {
	background:url(../images/backgrounds/chalkboard-dust.jpg) no-repeat left;
}

.promo .box .C, #bottomRail .box .C {
	height:68px;
}

#leftRail .box {
	float:right;
	clear:right;
}


/* Page-specific boxes */

.boxMugshot {
	position:absolute;
	right:0;
	top:-16px;
}

.box.calc select {
	float:left;
	margin-bottom:10px;
}

select#flavor {
	width:143px;
}

.box.calc #totals {
	background:transparent url(../images/boxes/box_bkg_result.gif) no-repeat left top;
	height:80px;
	margin-top:7px;
}

.box.calc #totals span {
	display:block;
	float:left;
	font-weight:bold;
	padding:51px 23px 0 8px;
}

#totals #youSave {
	width:58px;
}

.box.calc .fine {
	font-size:9px;
	line-height:14px;
}

	
/* END BOXES */

	
/* navBar */
#navBar a, #facebook, #n-letter {
	background:url(../images/global/navbar.png) 0 0 no-repeat;
}

#navBar li {
	float:left;
	clear:none;
}

#navBar {
	height:37px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:33px;
	width:755px;
	z-index:100;
	white-space:nowrap;
}

#navBar a {
	display:block;
	float:left;
	clear:none;
	overflow:hidden;
	text-indent:-1000px;
	width:100px;
	height:74px;
}

#navBar ul.flavors a.flavors,
#navBar ul.specialOffers a.specialOffers,
#navBar ul.whereToBuy a.whereToBuy,
#navBar ul.recipes a.recipes,
#navBar ul.sustainability a.sustainability,
#navBar ul.contactUs a.contactUs,
#navBar ul a:hover {
	margin-top:-37px;
}

#hd a.specialOffers {
	width:144px;
	background-position:-100px 0;
}

#hd a.whereToBuy {
	width:137px;
	background-position:-244px 0;
}

#hd a.recipes {
	width:90px;
	background-position:-381px 0;
}

#hd a.sustainability {
	width:146px;
	background-position:-471px 0;
}

#hd a.contactUs {
	width:130px;
	background-position:-617px 0;
}

#hd #facebook, #hd #n-letter {
	height: 38px;
	background-position: -755px 0;
	position: absolute;
	top: 	-4px;
	left: 732px;
	width: 122px;
	text-indent: -3000px;
}
#hd #n-letter{
	background-position: -877px 0;
	left: 853px;
	width:129px;
}

	
/* box content */
.flavor h4,.flavor a {
	display:block;
	padding:2px 1px 2px 10px;
	width:211px;
	color:#054782;
	overflow:hidden;
	position:relative;
	text-decoration:none;
}

.flavor.box {
	margin-top:5px;
}

.flavor.box code {
	bottom:-24px;
	left:-9px;
	margin-top:-24px;
	position:relative;
}

.flavor.box h4 a, .flavor.box h4 a:visited {
	font-weight:bold;
	padding-left:0;
}

.flavor.box h4 div a, .flavor.box h4 div a:visited {
	font-weight:normal;	
}

.flavor a tt {
	width: 0px;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;	
}

.flavor a:hover tt, .flavor a.ON tt {
	background-color:#054782;
	width:240px;
}

.flavor.box a.ON {
	font-weight:900;
}

.flavor dfn /* horizontal rule*/ {
	background:url(../images/global/dotted-rule.gif) 0 0 repeat-x;
	display:block;
	height:1px;
	margin:6px 0 6px 9px;
	width:203px;
}

#FLAVORS div {
	/*display:none;*/
}

#FLAVORS div.active {
	display:block;
}

#bottle {
	display: none;
	position: absolute;
	top: 0;
}
.jsDisabled #bottle {
	display: block;
}

.flavorPage #content h2 dfn, 
.chi #content h2 dfn {
	background: #fff url(../images/titles/flavor-headers.gif) 0 0 no-repeat;
	height: 40px;	
	width: 0px;
}
.chi #content h2 dfn {
	background:  url(../images/titles/flavor-headers.png) 0 0 no-repeat;
	_background:  url(../images/titles/flavor-headers-ie6.gif) 0 0 no-repeat;
}
.flavorPage #content h2 img
.chi #content h2 img {
	display: none;
}
.flavorPage #content h2 dfn,
.chi #content h2 dfn,
.flavorPage #content h2.overview img,
.chi #content h2.overview img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.chi #ft{
	margin-top:20px;
}
/*
.chi #content h2 dfn {
	top: 20px;
}
*/
.flavorPage #content h2.relatedRecipes dfn,
.chi #content h2.relatedRecipes dfn  {
	width: 450px;
}
.flavorPage #content h2.nutritionalInformation dfn, 
.chi #content h2.nutritionalInformation dfn {
	width: 450px;
	background-position: 0 -40px;
}
.flavorPage #content h2.coupon dfn,
.chi #content h2.coupon dfn {
	width: 450px;
	background-position: 0 -80px;
}
.chi #content h2.relatedRecipes img,
.chi #content h2.nutritionalInformation img, 
.chi #content h2.coupon img {
	 visibility: hidden;
}
#pg #flavorTabs {
	height: 12px; 
	width: 420px;
	display: block;
	padding-bottom: 4px;
	margin: 4px 0 20px;
	background: url(../images/global/dotted-rule.gif) 0 15px repeat-x;
	float: left; 
	clear: left;
	_display: inline;
}
#pg #flavorTabs {
	background-image:url(../images/global/dotted-rule-white.gif) repeat-x;
}
#flavorTabs li * {
	background: url(../images/global/flavor-tabs.jpg) 0 0 no-repeat;
	float: left;
	clear: none; 
	text-indent: -3000px;
	height: 24px;
}
#flavorTabs li {
	display: block; 
	height: 12px;
	float: left; 
	clear: none;	
	overflow: hidden;
	background: url(../images/global/flavor-tabs.jpg) -418px 0 no-repeat; 
	padding: 0 11px;
	margin: 0;
	_margin-left: 8px;
	_display: inline;
	white-space: nowrap;
}
.chi #flavorTabs li *, .chi #flavorTabs li {
	background-image: url(../images/global/flavor-tabs.png);
	background-image: url(../images/global/flavor-tabs-ie6.png);
	
}
.chi #flavorTabs li {
	background-position: -418px 0;
	background-repeat: no-repeat;
}
#flavorTabs li.overview {
	padding-left: 0;
	background: none;
	_margin-left: 0px;
}

#flavorTabs a:hover, #flavorTabs .on a  {
	margin-top: -12px;
}
#flavorTabs .overview a {
	width: 54px;
}
#flavorTabs .relatedRecipes a {
	width: 95px;
	background-position: -76px 0;
}
#flavorTabs .nutritionalInformation a {
	width: 145px;
	background-position: -190px 0;
}
#flavorTabs .coupon a{
	width: 44px;
	background-position: -358px 0;
}
.flavorSubNavigation {
	width: 140px; 
	height: 250px;
	float: right; 
	text-align: left;
	background: url(../images/global/dotted-rule.gif) 0 0 repeat-y;
	padding-left: 10px;
	margin-top: 20px;
	_display: inline;
}
.flavorSubNavigation a {
	color: #832E03;
	display: block;
	text-decoration: none;
	padding-bottom: 10px;
}
.flavorSubNavigation a.ON {
	font-weight: 900;
	color: #0A5A9E;
}
.chi .flavorSubNavigation a, .chi .flavorSubNavigation a.ON {
	color:#FFFFFF;
}
.flavorSubAisle {
	float: left;
	clear: none;
	width: 265px;
}
.flavorSubAisle div {
	display: none;
}
.flavorSubAisle div.ON {
	display:  block;
}
.flavorSubAisle div div {
	display: block;
}

.nutritionalInformation{
	background: url(../images/global/dotted-rule.gif) 300px 0 repeat-y;
}
.chi .nutritionalInformation {
	background:none;
}
.nutritionalInformation h5{
	color:#0A5A9E;
	font-size: 1.4em;
	padding-bottom:5px;
	margin-bottom: 15px;
}
.chi .nutritionalInformation h5{
	color:#FFFFFF;
}
.nutritionalInformation table {
	width: 300px;
	color: #333333;
}
.chi .nutritionalInformation table {
	background:#FFFFFF;
	border:5px solid white;
}
.nutritionalInformation table td {
	border-top: 1px solid #0a5a9e;
	padding: 2px 0 2px 0;
}
.nutritionalInformation tr.thickBorder td {
	border-top: 2px solid #0a5a9e;
}
.nutritionalInformation tr.noBorder td {
	border-top: none;
	padding: 0px;
}
.jsDisabled .relatedRecipes, 
.jsDisabled .nutritionalInformation, 
.jsDisabled .coupon {
	display: inline;
}
.relatedRecipes, .nutritionalInformation, .coupon {
	display: none;
}

/* Recipes main landing page */
.recipes #content li {
	list-style:none;
	font-weight:normal;
	margin:0 0 10px 0;
}

.recipeNav {
	width: 175px; 
	float: right; 
	text-align: left;
	background: url(../images/global/dotted-rule.gif) 0 0 repeat-y;
	padding-left: 10px;
	margin:20px 0 0 15px;
}
.recipes #content .recipeNav ul li {
	margin-bottom: 0;
}
.recipeNav li a {
	color: #00529B;
	text-decoration:none;
}

.recipes #recOverview {
	width:375px;
	float:right;
}



/*Sustainability Page Styles*/
#sustainability #content {
	float:right;
	margin:25px 44px 0 0;
	padding:10px;
	width:680px;
	z-index:100;
	_display: inline;
	min-height:498px;
	height:auto !important;
	height:498px;
}
#sustainability.main #content {
	background: transparent url('../images/photos/responsibility_bg_overview.jpg') no-repeat top right;
}
#sustainability.wind #content {
	background: transparent url('../images/photos/responsibility_bg_wind.jpg') no-repeat top right;
}
#sustainability.reduce #content {
	background: transparent url('../images/photos/responsibility_bg_reduce.jpg') no-repeat top right;
}
#sustainability #content p {
	width: 400px;
}
#sustainability #content h1 {
	background: transparent url('../images/titles/title_sustainability.gif') no-repeat 0 0;
	color: #333;
	text-indent:-9999px;
	width: 195px;
	height: 23px;
}
/*tabs*/
#sustainability ul.tabs{
	background:transparent url('../images/global/tab-sustainable.jpg') no-repeat scroll 0 0;
 	display:block;
 	height:12px;
	margin:4px 0 7px;
	padding-bottom:4px;
	width:375px;
	overflow: hidden;
	position: relative;
}
#sustainability ul.tabs li {
	clear:none;
	display:block;
	float:left;
	height:12px;
	overflow:hidden;
	white-space:nowrap;
	text-indent: -9999px;
	margin: 0;
}
#sustainability ul.tabs a {
	display:block;
	height:12px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}
#sustainability ul.tabs li.overview  {
	height:12px;
	left:0;
	position:absolute;
	top:0;
	width:63px;
  }
#sustainability ul.tabs li.overview a:hover,
#sustainability ul.tabs li.overview a.on {
	background:transparent url('../images/global/tab-sustainable.jpg') no-repeat scroll 0 -21px;
	height:28px;
	width:70px;
 }
#sustainability ul.tabs li.windEnergy {
	height:12px;
	left:68px;
	position:absolute;
	top:0;
	width:86px;
}
#sustainability ul.tabs li.windEnergy a:hover,
#sustainability ul.tabs li.windEnergy a.on{
	background:transparent url('../images/global/tab-sustainable.jpg') no-repeat scroll -68px -21px;
	height:28px;
	width:85px;
}
#sustainability ul.tabs li.reduceRecycle {
	height:12px;
	left:166px;
	position:absolute;
	top:0;
	width:127px;
}
#sustainability ul.tabs li.reduceRecycle a:hover,
#sustainability ul.tabs li.reduceRecycle a.on{
	background:transparent url('../images/global/tab-sustainable.jpg') no-repeat scroll -166px -21px;
	height:28px;
	width:131px;
}
#sustainability .trans tt {
	width: 366px;
}
#sustainability h3 {
	color:#81310C;
 	text-indent: 0;
	font-family:Verdana,Arial,sans-serif;
	font-size: 11px;
}
/*end tabs*/
/*pop up*/
.popup {
color:#00529C;
cursor:pointer;
font-weight:bold;
}
.popupContent {
background-color:#EFE8D6;
color:#6C210A;
padding:10px;
width:181px;
}
.popupContent h3 {
font-weight:bold;
}
#tooltip {
background:transparent url(../images/global/popup_arrow.png) no-repeat scroll 0 0;
color:#6C210A;
padding-top:6px;
position:absolute;
width:191px;
z-index:3000;
text-align: left;
}
#tooltip h3, #tooltip .body {
background-color:#EFE8D6;
padding:5px 5px 0 13px;
}
#tooltip .body {
padding-bottom:5px;
}
#tooltip h3, #tooltip div {
color:#6C210A;
margin:0;
}
#tooltip.viewport-bottom {
 background:transparent none repeat scroll 0 0;
}
/*end popup*/
/*End Sustainability Page Styles*/
/*start privacy*/
#privacy #content h1 {
	background: transparent url('../images/titles/title_privacy.gif') no-repeat 0 0;
	color: #333;
	text-indent:-9999px;
	width: 195px;
	height: 23px;
}
/*end privacy*/
/*start discontinued products*/
#discontinued #content h1 {
	background: transparent url('../images/titles/discontinued_products.gif') no-repeat 0 0;
	color: #333;
	text-indent:-9999px;
	width: 250px;
	height: 23px;
}
#discontinued #content ul {
	list-style-type: disc;
	list-style-position: inside;
	margin:0 0 0 25px;
}
#discontinued #content .note {
	margin: 4px 0 0 0;
}
/*end discontinued products*/
/*start FAQs*/
#faq #content h1 {
	background: transparent url('../images/titles/title_frequentlyaskedquestions.gif') no-repeat 0 0;
	color: #333;
	text-indent:-9999px;
	width: 350px;
	height: 23px;
}
#faq #content h2 {
	font-size: 11px;
	color: #00529C;
 	margin: 0;
	height:auto;
	text-indent: 0;
	font-family: verdana, arial, sans-serif;
	padding:4px 0 8px;
	width: 150px;
}
#faq.health #content h2 {
	width: 120px;
}
#faq .contentLeft {
	width: 350px;
	float: left;
	_display: inline;
}
#faq .contentRight {
	width: 200px;
	float: right;
	_display: inline;
	background: transparent url('../images/global/separator_vertical.gif') no-repeat left top;
	padding:0 0 0 30px;
	margin: 0 0 0;
	width:178px;
	height: 450px;
}
#faq.main .contentRight {
	margin: -25px 0 0 0;
}
#faq #content ul {
	margin: 0 0 8px 0;
}
#faq #content ul li {
	line-height: 140%;
	color:#00529C;
}
#faq #content ul li a {
	text-decoration: none;
}
#faq.general #content p   {
	line-height: 140%;
}
#faq #content ul li {
	background:transparent url('../images/global/bullet.gif') no-repeat scroll 0 4px;
	_background:transparent url('../images/global/bullet.gif') no-repeat scroll 0 5px;
	margin:0;
	padding:0 0 3px 10px;
	_zoom: 1;
}
#faq .contentRight p a{
padding: 0 0 10px 0;
}
#faq #content .contentRight ul {
	padding: 25px 0 0 0;
	margin: 0 0 0 -9px;
}
#faq #content .contentRight ul li {
	background: none;
	line-height: 140%;
	line-height: 200%;
}
#faq #content .contentRight ul li.on {
	font-weight: bold;
} 
#faq #bd #content ul {
	list-style-type: none;
}
#faq.main .contentLeft img {
	padding: 20px 0 0 0;
}
* html #faq tt {
	position:relative; !important;
}
* html #faq #content {
	background-color: #fff;
}
/*end FAQs*/

/* Contact */

.contactUs input,
.contactUs select,
.contactUs textarea {
	border:1px solid #555555;
	color:#333333;
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:11px;
}

.alert {
	color:#FF0000;
}

.contactUs td {
	padding:4px;
}

.dataheader {
	color:#334A96;
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:1.2em;
	font-weight:bold;
}

.nutritionalInformation table {
	display: block;
	padding: 5px;
	border: 0px none;
	margin-bottom: 20px;
}

/* Sitemap */

.sitemap #content h1 {
	border-bottom:1px solid #00529B;
	padding-bottom:7px;
}

.sitemap #content h2 {
	text-indent:0;
	color:#00529B;
	font-family:Palatino,Times,serif;
	font-size:18px;
	font-style:italic;
	font-weight:normal;
	height:auto;
	margin:0;
	padding-bottom:15px;
}

.sitemap #content ul {
	margin-bottom:25px;
}

#SUYMS {
	margin-top: 6px;
}


/* Styles for logos on Coffeehouse-Barista */
.usda-organic {top:270px;right:195px}
.fair-trade{top:390px;right:140px}
.rainforest{top:270px;right:75px}


/* BLOG styles ----------------------*/

.blog #rightRail .whiteCB {
	padding:0 10px 0 15px;
	width:195px;
}

.blog #content .inner {
	width:375px;
}

.blog #rightRail .box {
	margin-bottom:45px;
}

.blog #rightRail .box a:hover {
	text-decoration:underline;
}

.blog #rightRail .box ul {
	list-style-type:square;
	margin-left:13px;
}

.blog #rightRail .box ul li {
	padding-bottom:5px;
}

.blog h2 {
	position:relative;
}

.blog #content h3, .blog #content .post h2 {
	text-indent:0;	
}

.blog #content .post h2 {
	line-height:24px;
	font-family:Verdana,Arial,sans-serif;
	font-size:17px;
	height:auto;
	margin-left:0;
	width:auto;
}

.blog #content h3 {
	font-family:Verdana,Arial,sans-serif;
	font-size:17px;
}

.blog #content .inner tt {
	background:#000000;
	margin:-10px 0 0 -10px;
	opacity:0.25;
	filter: alpha(opacity = 25);
	padding:10px;
}

.blog #content a, .blog #content a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}

.chi.blog #content {
	line-height:17px;
	width:407px;
}

/* Ask Barista form */

.blog .entry fieldset {
	clear:both;
	margin-bottom:10px;
}

.blog .entry label {
	float:left;
	font-weight:bold;
	height:50px;
	width:65px;
}

.blog .entry input, .blog .entry textarea {
	clear:right;
	display:block;
	width:225px;
}

.blog .entry textarea {
	height:100px;
}

.blog .entry .button {
	width:auto;
	margin-left:65px;
}

.error {
	color:#F00;
	font-weight:bold;
	font-size:1.1em;
}

.contest  #content {
	*position:relative;*top: -28px;
}

.coffe-maker {
	position:absolute;top:340px; left:420px;
}

.textCenter {
	text-align:center;
}

.skinnyHome {
	position:absolute;
	top:150px;
	left:-5px;
}

.breveHome {
	position:absolute;
	top:150px;
	left:1px;
}

.specialDL dt img {
	position:relative;
	left:-90px;
}

.jScrollPaneContainer {
	padding-right:20px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}