body {
	background:#FFFFFF url(../images/backgrounds/waves.jpg) no-repeat center 470px;
	/* _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:12px;
	position:absolute;
	top:0;
	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 500px;
}

.home #ft {
	padding-top:50px;
	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;
}

.so #bd {
	background:none;
}

#specialOfferHeader{
	position:relative;
	left:300px;
	_left:400px;
}

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

.so .specialDL dd {
	/*padding:91px 0 0 65px;*/
	position:absolute;
	left:290px;
	_left:490px;
	top:0px;
	color:#000;
	width:400px;
	_width:170px;
}

.so .specialDL dd img {
	margin-left:75px;
	_margin-left:25px;
}

.so .specialDL dt img {
	position:relative;
	left:-120px;
	_left:0px;
	top:-60px;
	margin-left:-60px;
	_margin-left:0px;
}

.so #content{
	_position:relative;
	_left:-60px;
	_width:680px;
}



/* 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: 0;
	padding:0;
	width:820px;
}

ul#chi-flavors-list { position: relative; margin-left: 13px; margin-top: 90px;}
ul#chi-flavors-list li { display: inline-block; float: left; margin: 0; zoom: 1; width: 125px;}
ul#chi-flavors-list a {
	display: block;
	width: 125px;
	height: 365px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/flavor-landings/chi-hovers.png) 0 -70px no-repeat;
	}

ul#chi-flavors-list li.vanilla-caramel-creme-link 	{ margin-right: 27px;}

ul#chi-flavors-list li.white-chocolate-mocha-link a:hover	{ background-position: 0 0; }
ul#chi-flavors-list li.caramel-macchiato-link a:hover 	{ background-position: -125px 0; }
ul#chi-flavors-list li.vanilla-caramel-creme-link a:hover 	{ background-position: -250px 0;}
ul#chi-flavors-list li.skinny-caramel-macchiato-link a:hover 	{ background-position: -375px 0; }
ul#chi-flavors-list li.skinny-white-chocolate-mocha-link a:hover 		{ background-position: -500px 0; }

.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;
}

#SkinnyWhiteChocolateMocha #content h2 { height: 53px; }

.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:url(../images/backgrounds/bkg_chi-landing3.jpg) no-repeat right top;
  width: 1104px;
}



.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;
}


/*========= Landing Pages =============*/

/* Classic */

.classic-flavors, .seasonal-flavors { 
	background-image: url(../images/backgrounds/waves_home.jpg); 
	background-position: 50% 500px;
	}

.classic-flavors #bd {
	background: url(../images/backgrounds/classic-landing.jpg) 176px 43px no-repeat;
	width: 1126px;
	}

.seasonal-flavors #bd {
	background: url(../images/backgrounds/seasonal-landing.jpg) 150px 42px no-repeat;
	width: 1100px;
	}

.classic-flavors #bottomRail,
.seasonal-flavors #bottomRail { position: relative; bottom: auto; right: 0; float: right; width: 805px; top: 50px; }

.classic-flavors #content, .seasonal-flavors #content { width: 820px; padding: 0; }
ul#classic-flavors-list, ul#seasonal-flavors-list { position: relative; margin-left: 13px; }
ul#seasonal-flavors-list { margin-left: 144px; }
ul#classic-flavors-list li, ul#seasonal-flavors-list li { display: inline; float: left; margin: 0; }
ul#classic-flavors-list a, ul#seasonal-flavors-list a {
	display: block;
	width: 100px;
	height: 340px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/flavor-landings/classic-hovers.png) 0 -76px no-repeat;
	}
	
	ul#seasonal-flavors-list a { 
		width: 102px; 
		background: url(../images/flavor-landings/seasonal-hovers.png) 0 -76px no-repeat;
		}
	
	ul#classic-flavors-list li.amaretto-link a:hover	{ background-position: 0 0; }
	ul#classic-flavors-list li.belgian-link a:hover 	{ background-position: -109px 0; }
	ul#classic-flavors-list li.english-link a:hover 	{ background-position: -218px 0; }
	ul#classic-flavors-list li.hazelnut-link a:hover 	{ background-position: -327px 0; }
	ul#classic-flavors-list li.french-link a:hover 		{ background-position: -436px 0; }
	ul#classic-flavors-list li.hershey-link a:hover 	{ background-position: -545px 0; }
	ul#classic-flavors-list li.irish-link a:hover 		{ background-position: -654px 0; }
	ul#classic-flavors-list li.southern-link a:hover 	{ background-position: -763px 0; }
	
	ul#seasonal-flavors-list li.gingerbread-link a:hover 		{ background-position: -109px 0; }
	ul#seasonal-flavors-list li.peppermint-link a:hover 		{ background-position: -218px 0; }
	ul#seasonal-flavors-list li.white-chocolate-link a:hover 	{ background-position: 0 0; }
	ul#seasonal-flavors-list li.pumpkin-link a:hover 			{ background-position: -327px 0; }
	ul#seasonal-flavors-list li.vanilla-spiced-link a:hover 	{ background-position: -436px 0; }

.classic-title, .seasonal-title {
	overflow: hidden;
	text-indent: -9999px;
	}


.landing-callout {
	width: 295px;
	height: 85px;
	padding: 20px;
	background: url(../images/flavor-landings/callout-back.png) 0 0 no-repeat;
	float: left;
	margin: 0 5px;
	}

/* Creamer Singles */
.creamer-singles { background-position: center bottom; }	
.creamer-singles #bd { background-image: none; width: 1100px; }
.creamer-singles #content { width: 800px; padding: 0; }
.creamer-singles #pg #flavorTabs {width: 800px; }

.creamer-single {
	float: left;
	width: 240px;
	text-align: center;
	margin: 0 26px 15px 0;
	}
  
#content p.single-name { font-weight: bold; margin-bottom: 4px; font-size: 12px; padding: 0; }
p.single-name a { text-decoration: none; }
.pipe { padding: 0 4px; }

.creamer-singles .nutritionalInformation { background-image: none; }
#content .n-info p { padding-bottom: 4px; }
.creamer-singles .nutritionalInformation table, .creamer-singles .flavorSubAisle { width: 520px !important; }

.creamer-singles .flavorSubNavigation { width: 240px; }
.creamer-singles .nutritionalInformation table td { width: 74%; }

.creamer-singles a sup{
  color: #3176A9;
}

#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;
}

.chi #content h2 { font-size: 1px; }

/* 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 25px 0 0;
}

#content #locationTitle {
	padding: 0;
}
#content #submit.buy {
	clear: both;
	margin:0 25px 0 0;
	position: relative;
	_top: -45px;
	left: 0;
	_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;
}

#PeppermintMocha #bd .overview *{
	color: #b01b20;
}

#GingerbreadLatte #bd .overview *{
	color: #438a34;
}

#PumpkinPieSpice #bd .overview *{
	color: #8f3d09;
}



/* 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, #twitter, #youtube, #n-letter, #join-community, #get-coupon {
	background:url(../images/global/navbar.v2.png) 0 0 no-repeat;
}

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

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

#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.community a.community,
#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.community {
	width: 117px;
	background-position: -619px 0;
}

#hd a.contactUs {
	width:120px;
	background-position:-739px 0;
}

#hd #facebook, #hd #twitter, #hd #youtube, #hd #n-letter, #hd #join-community, #hd #get-coupon {
	height: 38px;
	background-position: -1040px 0;
	position: absolute;
	top: 	-4px;
	left: 811px;
	width: 123px;
	text-indent: -3000px;
}

#hd #facebook { left: 847px; width: 28px; background-position: -1083px 0; top: -5px; }
#hd #twitter { left: 876px; width: 28px; background-position: -1110px 0; top: -5px; } 
#hd #youtube { left: 903px; width: 28px; background-position: -1136px 0; top: -5px; }

#hd #n-letter{
	background-position: -1163px 0;
	left: 932px;
	width:129px;
}

#hd #join-community {
	background-position: -930px 0;
	left: 692px;
	width: 150px;
}

#hd #get-coupon { left: 582px; width: 105px; background-position: -1184px -48px; top: 14px; height: 16px; }


/* 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;
}

a.active-overview {
	background: url(../images/global/active.png) 0 0 repeat;
	}
.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;
}

.limitedHome {
	position:relative;
	top:0;
	top: 5px;
	left:-13px;
}

.limitedLink {
	font-size:10px;
}

.limitedText {
	font-size:10px;
}

.limitedCoupon {
/* 	margin-left:25px; */
}

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

/* BlogFrog Community Page */
body.bf-community {
	background-image: none;
}

body.bf-community #bd {
	background-image: none;
	margin-left: 47px;
}

body.bf-community #pg {
	background-image: none;
}

body.bf-community #community-header {
	min-height: 163px;
	min-width: 870px;
	text-align: center;
	background: transparent url('http://i734.photobucket.com/albums/ww346/theblogfrog/international_delights_header_large_spring.png') no-repeat left 20px;
	margin-left: 181px;
	text-indent: -9999px;
}

/* BlogFrog Front Page Widget */
body.home #bf-community-widget,
body.home #iced_coffee_bug {
	position: absolute;
	top: 250px;
	right: -95px;
	background: transparent url('/assets/images/backgrounds/bf-widget-bg-sm.png') no-repeat top center !important;
	height: 280px;
	width: 230px;
	z-index: 101;
}
body.home #bf-community-widget .bf-widget {
	margin-left: 12px;
}
body.home #bf-community-widget .bf-widget .bf-colored-background {
	background-color: transparent;
}
body.home #bf-community-widget .bf-widget .bf-white-background {
	background-color: transparent;
	border: none;
}
body.home #bf-community-widget .bf-widget .bf-widget-header {
	min-height: 57px;
}
body.home #bf-community-widget .bf-widget .bf-widget-content li .bf-widget-item {
	font-size: 11px;
	height: 100%;
}
body.home #bf-community-widget .bf-widget .bf-widget-profile-image img {
	height: 45px;
	width: 45px;
}
body.home #bf-community-widget .bf-widget .bf-widget-content > ul > li {
	height: 45px;
}
body.home #bf-community-widget .bf-widget .bf-widget-content li .bf-widget-item > a {
	font-size: 11px;
	margin-top: 1px;
	margin-bottom: 1px;
}
body.home #bf-community-widget .bf-widget .bf-white-background a {
	color: #3D2714 !important;
	text-decoration: underline !important;
}
body.home #bf-community-widget .bf-widget .bf-colored-background a.join {
	display: block;
	width: 190px;
	background: transparent url('/assets/images/backgrounds/bf-widget-button.png') no-repeat center center;
	height: 27px;
	margin-left: 8px;
}


.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;*/
}