@charset "utf-8";
/* Main CSS for International Delight */
@import url('supplemental.css');

html, body {
	margin: 0;
	padding: 0;
}
html, body, div, table, td, p, h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
p {
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 160%;
}
a, a:hover, a:visited, a:active {
	color: #00529c;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }
html, body {
	margin:0px 0px 0px 0px;
 	padding::0px 0px 0px 0xp;
	min-width:1000px;
	min-height:560px;
	/*overflow:visible;*/
}
.flash {
	position: absolute;
	top: 0;
	left: 0;
}
.hidden { display: none; }

/* Popup text */
.popup { font-weight: bold; color: #00529c; cursor: pointer;}
.popupContent { 
	width: 181px;
	padding: 10px;
	color: #6c210a;
	background-color: #efe8d6;
}
.popupContent h3 { font-weight: bold; }


#idWrap {
	top:0px;
	display:block;
	width:100%;
	z-index:100;
}
#mainContainer {
	margin: 0 auto;
	padding: 0;
	width:1000px;
	height:763px;
}
#mainTable {
	height: 763px;
	width: 100%;
}
#mainTableNew {
	height: 980px;
	width: 100%;
}
#leftCanvas {
	background:transparent url(../images/page_bg_left_bar.jpg) no-repeat right 397px;
	font-size:8px;
	width:auto;
}
#leftCanvasNew {
	background:transparent url(../images/page_bg_left_bar_new.jpg) no-repeat right 397px;
	font-size:8px;
	width:auto;
}
#rightCanvas {
	background:transparent url(../images/page_bg_right_bar.jpg) no-repeat 0 407px;
	font-size:8px;
	width:auto;
}
#rightCanvasNew {
	background:transparent url(../images/page_bg_right_bar_new.jpg) no-repeat 0 397px;
	font-size:8px;
	width:auto;
}
#middleCanvas {
	vertical-align:top;
	width:1000px;
	overflow: hidden;
}


.content {
	background: url('../images/content_bg.jpg') no-repeat 0px 93px;
}
.spoffer {
	background: url('../images/spoffer_bg.jpg') no-repeat 0px 93px;
}
#logo {
	float: left;
	margin-top: 6px;
	margin-left: 95px;
}
#steamCont {
	position: relative;
}
.steam {
	position: absolute;
	top: 80px;
	left: 150px;
}
#navContainer {
	float: right;
	display: block;
	clear: right;
	z-index: 5;
	margin-right:300px;
}
.globalLinks {
	float: right;
	margin: 0;
	margin: 20px 10px 3px 0;
	z-index: 900;
	position: relative;
	font-weight: bold;
	color: #00529c;
}
.globalLinks a {
	font-weight: bold;
	text-decoration: none;
}
.globalLinks a:hover {
	text-decoration: underline;
}
#nav {
	position: relative;
	z-index: 205;
	background: url('../images/nav_shadow.png') 4px 0 no-repeat;
	width: 366px;
	height: 31px;
	margin-right: 5px;
}
#nav div {
	float: left;
}
#nav div a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
#nav div a span {
	display: none;
}
#nav div {
	height: 26px;
}
#navflavors, #navflavors a {
	width: 112px;
	background: url("../images/navigation.gif") no-repeat;
}
#navflavors a:hover, #navflavors a.selected {
	background-position: 0 -26px;
}
#navspecialoffers, #navspecialoffers a {
	width: 148px;
	background: url("../images/navigation.gif") no-repeat;
	background-position: -130px 0;
}
#navspecialoffers a:hover, #navspecialoffers a.selected {
	background-position: -130px -26px;
}
#navwheretobuy, #navwheretobuy a {
	width: 146px;
	background: url("../images/navigation.gif") -291px 0 no-repeat;
}
#navwheretobuy a:hover, #navwheretobuy a.selected {
	background: url("../images/navigation.gif") -291px -26px no-repeat;
}
#navresp, #navresp a {
	width: 187px;
	background: url("../images/navigation.gif") -451px 0 no-repeat;
}
#navresp a:hover, #navresp a.selected {
	width: 187px;
	background: url("../images/navigation.gif") -451px -26px no-repeat;
}
#navrecipes, #navrecipes a {
	width: 103px;
	background: url("../images/navigation.gif") -451px 0 no-repeat;
}
#navrecipes a:hover, #navrecipes a.selected {
	width: 103px;
	background: url("../images/navigation.gif") -451px -26px no-repeat;
}

#subnavcont {
	display: none;
	position: absolute;
	width: 237px;
	height: 350px;
	margin-top: -9px;
	z-index: 200;
}
#subnav {
	list-style: none;
	margin: 0;
	padding: 0 2px 0 2px;
	z-index: 205;
	background: url('../images/nav_secondary_bg2.png') repeat-y;
}
#subnav li {
	width: 230px;
	height: 15px;
	padding-top: 3px;
}
#subnav li a {
	display: block;
	font-size: 10px;
	width: 230px;
	height: 15px;
	padding-left: 13px;
	text-decoration: none;
	color: #00529c;
	font-weight: bold;
	margin: 0;
}
#subnav li a span {
	color: #832e03;
}
#subnav li a:hover {
	margin: 0;
	background: url('../images/nav_item_bg.png') no-repeat;
	color: #fff;
}
/* CONTENT */
#contentContainer {
	float: right;
	clear: right;
	margin-top: 45px;
	margin-right: 17px;
	width: 575px;
	height: 487px;
	background-color: transparent;
}

ul#flavorTabs
{
	background: url("../images/flavornav_bottom.gif") no-repeat scroll 0 15px transparent;
	padding: 0;
	clear:left;
	display: block;
	float: left;
	height: 12px;
	margin: 4px 0 20px;
	padding-bottom: 4px;
	width: 420px;
}

ul#flavorTabs li
{
	background-image: url("../images/flavor-tabs-ie6.png");
	background-position: -418px 0;
	background-repeat: no-repeat;
    clear: none;
    display: block;
    float: left;
    height: 12px;
    margin: 0;
    overflow: hidden;
    padding: 0 11px;
    white-space: nowrap;
}

ul#flavorTabs li *
{
	background: url("../images/flavor-tabs-ie6.png") no-repeat scroll 0 0 transparent;
	clear: none;
	float: left;
	height: 24px;
	text-indent: -3000px;
}

ul#flavorTabs li a:hover, ul#flavorTabs .on a
{
	margin-top: -12px;	
}

ul#flavorTabs li.overview
{
	background: none repeat scroll 0 0 transparent;
	padding-left: 0;	
}

ul#flavorTabs li.overview a
{
	width: 54px;
}

ul#flavorTabs li.relatedRecipes a
{
	background-position: -76px 0;
	width: 95px;	
}

ul#flavorTabs li.nutritionalInformation a
{
	background-position: -190px 0;
	width: 145px;	
}

/* FLAVORS */
#flavorContainerNew {
	float: right;
	clear: right;
	margin-top: 95px;
	margin-right: 0px;
	width: 520px;
	height: 650px;
	color: #FFFFF0;
	/*background: url('../images/flavor_content_bg.jpg') no-repeat 1px 290px;*/
}
#flavorContainerNew p { color: #FFFFF0; }
#flavorContainerNew p a, #flavorContainerNew div a, #flavorContainerNew td a, #flavorContainerNew ul li a { color: #F39e73; text-decoration: none; }
#flavorContainerNew p a.selectedItem, #flavorContainerNew div a.selectedItem, #flavorContainerNew td a.selectedItem, #flavorContainerNew ul li a.selectedItem { color: #4a9aCe; }
#flavorContainerNew h1 {
	color: #4a9aCe;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 50px;
	display: block;
	text-align: left;
}
#flavorContainerNew .selected {
	display: block;
}
#flavorContainer {
	float: right;
	clear: right;
	margin-top: 45px;
	margin-right: 0px;
	width: 529px;
	height: 650px;
	background: url('../images/flavor_content_bg.jpg') no-repeat 1px 290px;
}
#flavorContainer p a, #flavorContainer div a, #flavorContainer td a, #flavorContainer ul li a { color: #832e03; text-decoration: none; }
#flavorContainer p a.selectedItem, #flavorContainer div a.selectedItem, #flavorContainer td a.selectedItem, #flavorContainer ul li a.selectedItem { color: #0a5a9e; }
#flavorContainer h1 {
	color: #0a5a9e;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
}
#flavorContainer .selected {
	display: block;
}
#flavorNav {
	height: 22px;
	color: #fff;
	margin-left: 16px;
}
#flavorNav img {
	border: 0;
	margin-top: 4px;
}
#recpNav {
	height: 22px;
	color: #fff;
}
#respNav img {
	border: 0;
}
#flavorOverview, #flavorNutrition, #flavorRelated, #flavorCoupon {
	width: 477px;
	height: 255px;
	margin-top: 15px;
	margin-left: 16px;
	display: none;

}
#flavorContainer #flavorOverview a { color: #00529b; }
#flavorContainer #flavorOverview a:hover { text-decoration: underline; }
.imageRight {
	float: right;
	margin-right: 17px;
}

.allowScroll {overflow: -moz-scrollbars-vertical; overflow: auto; overflow-x: hidden;overflow-y: scroll;}
.flavorOverview { margin-left: 15px; }
.flavorRelated, .flavorNutrition {display: none; margin: 0px 0 0px 15px; }

#flavorNutrition table
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 5px solid white;	
}

#flavorOverview p {
	width: 410px;
	line-height: 180%;
}
#flavorOverview .overviewLeft, #flavorOverview .overviewLeft p {
	width: 290px;
}

#flavorRelated p {
	width: 265px;
	line-height: 180%;
}
.right {
	float: right;
	margin-top: 5px;
	margin-right: 12px;
	width: 190px;
	height: 250px;
	background: url('../images/vert_separator.gif') no-repeat 0 8px;
}
.right p {
	margin: 0 0 0 18px;
	line-height: 20px;
}
.right .selectedItem{
	color: #0a5a9e;
	font-weight: bold;
	text-decoration: none;
}
.right ul {
	margin: 0 0 0 18px;
	width: 180px;
	line-height: 1.2em;
	list-style: none;
	padding: 0;
}

.right ul li {
	margin: 5px 0 10px 0;
}
#flavorContainer .right ul li a.selectedItem{
	color: #0a5a9e;
	font-weight: bold;
	text-decoration: none;
}

div.allowScroll div.right {
	width: 120px;
}
#flavorBottom {
	background: url('../images/flavor_bg_bottom.jpg') no-repeat;
	width: 529px;
	height: 245px;
	float: right;
	clear: right;
	margin-top: 22px;
}
ul.recipeList, ul.faqList {
	list-style: none;
	margin: 2px 0 10px 0;
	padding: 0;
	width: 273px;
}
ul.recipeList li, ul.faqList li {
	margin: 0;
	padding: 0 0 3px 10px;
	background: url('../images/bullet.gif') no-repeat 0 4px;
}
ul.faqList li a
{
	line-height: 180%;	
}
#flavorNutrition table {
	width: 320px;
}
#flavorNutrition table td {
	border-top: 1px solid #0a5a9e;
	padding: 2px 0 2px 0;
}
#flavorNutrition tr.thickBorder td {
	border-top: 2px solid #0a5a9e;
}
#flavorNutrition tr.noBorder td {
	border-top: none;
	padding: 0px;
}
#flavorNutrition td span {
	padding-left: 30px;
}
#flavorBottleContainer {
	position: relative;
}
#flavorBottles {
	position: absolute;
	top: 455px;
	left: 300px;
	width: 665px;
	height: 228px;
	overflow: hidden;
}
#bottleLayover {
	position: absolute;
	display: block;
	top: 178px;
	z-index: 300;
}
.bounce {
	display: block;
	position: absolute;
	width: 56px;
	height: 143px;
	margin-top: 65px;
}
.tag {
	margin-left: 15px;
	position: absolute;
	top: 0;
	left: 0;
	height: 36px;
	visibility: hidden;
}

#cm .tag {
	left: 10px;
	top: 29px;
}
#ffcm .tag {
	left: 68px;
	top: 28px;
}
#wcm .tag {
	left: 124px;
	top: 21px;
}
#hcc .tag {
	left: 182px;
	top: 29px;
}
#bwc .tag {
	left: 242px;
	top: 28px;
}
#amt .tag {
	left: 298px;
	top: 21px;
}
#ccc .tag {
	left: 356px;
	top: 18px;
}
#sbp .tag {
	left: 414px;
	top: 15px;
}
#icm .tag {
	left: 470px;
	top: 13px;
}
#hzt .tag {
	left: 530px;
	top: 10px;
}
#eat .tag {
	left: 455px;
	top: 9px;
}
/*#ddl .tag {
	left: 8px;
	top: 32px;
}

#frv .tag {
	left: 530px;
	top: 4px;
}*/

/*#ddl a.bounce {
	top: 48px;
	left: 0px;
}*/
#cm a.bounce {
	top: 49px;
	left: 0px;
}
#ffcm a.bounce {
	top: 50px;
	left: 58px;
}
#wcm a.bounce {
	top: 48px;
	left: 116px;
}
#hcc a.bounce {
	top: 45px;
	left: 174px;
}
#bwc a.bounce {
	top: 44px;
	left:  232px;
}
#amt a.bounce {
	top: 39px;
	left: 290px;
}
#ccc a.bounce {
	top: 36px;
	left: 348px;
}
#sbp a.bounce {
	top: 33px;
	left: 406px;
}
#icm a.bounce {
	top: 29px;
	left: 464px;
}
#hzt a.bounce {
	top: 26px;
	left: 522px;
}
#eat a.bounce {
	top: 25px;
	left: 580px;
}
/*#frv a.bounce {
	top: 20px;
	left: 522px;
}*/
div.flavorSelected .tag {
	display: block;
	visibility: visible;
}
div.flavorSelected a.bounce {
	margin-top: 22px;
}
#contentContainer p {
	width: 530px;
	line-height: 160%;
}
#responsibilityContainer p {
	width: 420px;
	line-height: 1.5em;
}
#passport {
	margin-top: 25px;
}
#passport p {
	width: 400px;
}
* html #passport p {
	width: 400px;
}
#passport .pleft {
	width: 115px;
	height: 131px;
	float: left;
	margin-right: 25px;
	background: none;
}
#passport .pright {
	width: 400px;
	height: 131px;
	float: left;
	background: none;
}

#contentContainer .contentLeft {
	float: left;
	width: 307px;
}
#contentContainer .contentLeft p {
	width: 300px;
}
#contentContainer .contentLeft h1 {
	color: #00529c;
}



.contentRight {
	float: right;
	width: 261px;
	height: 486px;
	margin-right: 5px;
	background: url('../images/separator_vertical.gif') no-repeat;
}
#contentContainer.allowScroll .contentRight { width: 243px; }



#contentContainer .contentRight p {
	margin: 25px 0 0 29px;
	line-height: 2.3em;
}
.contentRight ul {
	margin: 32px 0 0 29px;
	line-height: 1.2em;
	list-style: none;
	padding: 0;
}

.contentRight ul li {
	margin: 5px 0 10px 0;
}


#contentContainer .contentRight p {
	width: 225px;
}

.contentRight ul li a.selected, .contentRight p a.selected { text-decoration: none; font-weight: bold;   }


.hzSeparator {
	margin: 18px 0 36px 0;
}
.hzSeparator2 {
	margin: 0 0 15px 0;
}

#contactFrame {
	position: relative; 
	left: -20px; 
	z-index: 1;
}

#whereLeft { float: left; width: 260px; }
#whereRight { float: right; width: 264px; }
#whereRight p { width: 264px; }
#whereLeft input, .input input { margin: 0 0 0 18px ; padding: 0; width: 15px; height: 15px; }
#whereLeft p { line-height: 1.5em; }


#footerCont { position: relative; }
#footer {
	color: #fff;
	width: 1000px;
	position: absolute;
	top: 690px;
	left: 0px;
	text-align: right;
	font-size: 0.9em;
	z-index: 500;
}
#footer a, #footer a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 0.9em;
}
#footer a:hover {
	text-decoration: underline;
}




/* SET FLAVOR-SPECIFIC INFORMATION HERE */
.caramelmacchiato{
	background: url('../images/flavor_bg_caramelmacchiato.jpg') no-repeat 0px 115px;
}
.fatfreecaramelmacchiato{
	background: url('../images/flavor_bg_fatfreecaramelmacchiato.jpg') no-repeat 0px 115px;
}
.whitechocolatemocha{
	background: url('../images/flavor_bg_whitechocolatemocha.jpg') no-repeat 0px 115px;
}
.southernbutterpecan{
	background: url('../images/flavor_bg_southernbutterpecan.jpg') no-repeat 0px 80px;
}
.southernbutterpecan #flavorOverview p{
	color: #925d0a;
	}

.amaretto{
	background: url('../images/flavor_bg_amaretto.jpg') no-repeat 0px 80px;
}
.amaretto #flavorOverview p{
	color: #7f1b57;
	}

.belgianwhitechoc{
	background: url('../images/flavor_bg_belgianwhitechoc.jpg') no-repeat 0px 80px;
}
.belgianwhitechoc #flavorOverview p{
	color: #463375;
	}
	
.hazelnut{
	background: url('../images/flavor_bg_hazelnut.jpg') no-repeat 0px 80px;
}
.hazelnut #flavorOverview p{
	color: #463375;
	}
	
.dulchedeleche{
	background: url('../images/flavor_bg_dulcedeleche.jpg') no-repeat 0px 80px;
}
.dulchedeleche #flavorOverview p{
	color: #954b19;
	}
	
.irishcreme{
	background: url('../images/flavor_bg_irishcreme.jpg') no-repeat 0px 80px;
}
.irishcreme #flavorOverview p{
	color: #055731;
	}
	
.caribbeancc{
	background: url('../images/flavor_bg_caribbeancinnamoncreme.jpg') no-repeat 0px 80px;
}
.caribbeancc #flavorOverview p{
	color: #78132a;
	}
	
.englishatoffee{
	background: url('../images/flavor_bg_englishalmondtoffee.jpg') no-repeat 0px 80px;
}
.englishatoffee #flavorOverview p{
	color: #2b3376;
	}
	
.vanillatoffee{
	background: url('../images/flavor_bg_vanillatoffee.jpg') no-repeat 0px 80px;
}
.vanillatoffee #flavorOverview p{
	color: #193e82;
	}
	
.choccaramel{
	background: url('../images/flavor_bg_chocolatecaramel.jpg') no-repeat 0px 80px;
}
.choccaramel #flavorOverview p{
	color: #58210f;
	}
	
.frenchvanilla{
	background: url('../images/flavor_bg_frenchvanilla.jpg') no-repeat 0px 80px;
}
.frenchvanilla #flavorOverview p{
	color: #193e82;
	}
	
.pumpkinpie{
	background: url('../images/flavor_bg_pumpkinpiespice.jpg') no-repeat 0px 80px;
}
.pumpkinpie #flavorOverview p{
	color: #8f3d09;
	}
	
.mochaalmond{
	background: url('../images/flavor_bg_mochaalmondfudge.jpg') no-repeat 0px 80px;
}
.mochaalmond #flavorOverview p{
	color: #601c03;
	}
	
.whitechocraspberry{
	background: url('../images/flavor_bg_whitechocraspberry.jpg') no-repeat 0px 80px;
}
.whitechocraspberry #flavorOverview p{
	color: #89154d;
	}
	
.chocminttruffle{
	background: url('../images/flavor_bg_chocminttruffle.jpg') no-repeat 0px 80px;
}
.chocminttruffle #flavorOverview p{
	color: #004e21;
	}
	
.vanillarum{
	background: url('../images/flavor_bg_vanillaspicedrum.jpg') no-repeat 0px 80px;
}
.vanillarum #flavorOverview p{
	color: #8c1721;
	}
.choceclair{
	background: url('../images/flavor_bg_choceclair.jpg') no-repeat 0px 80px;
}
.choceclair #flavorOverview p{
	color: #601c03;
	}
.whitechoc_coconut{
	background: url('../images/flavor_bg_whitechoc_coconut.jpg') no-repeat 0px 80px;
}
.whitechoc_coconut #flavorOverview p{
	color: #601c03;
	}
	
.fatfreehazelnut{
	background: url('../images/flavor_bg_fatfreehazelnut.jpg') no-repeat 0px 80px;
}
.fatfreehazelnut #flavorOverview p{
	color: #463375;
	}
	
.fatfreefrenchvanilla{
	background: url('../images/flavor_bg_fatfreefrenchvanilla.jpg') no-repeat 0px 80px;
}

.fatfreefrenchvanilla #flavorOverview p{
	color: #193e82;
	}

/* SET RECIPE INFORMATION HERE */	
.recipeImage { position: relative; }
.recipeImage img { position: absolute; top: 303px; left: 23px; }

.recipeImage .specialoffers { position: absolute; top: 385px; left: 46px; }

.recipecspc #recOverview p{
	color: #925d0a;
	}
	
.recipeshc #recOverview p{
	color: #794b04;
	}
	
.recipevmc #recOverview p{
	color: #492e26;
	}
	
.recipecvrbf #recOverview p{
	color: #193e82;
	}
	
.recipeocf #recOverview p{
	color: #193e82;
	}
	
.recipedf #recOverview p{
	color: #193e82;
	}
	
.recipedw #recOverview p{
	color: #193e82;
	}
	
.recipeicd #recOverview p{
	color: #055731;
	}
	
.recipefvmd #recOverview p{
	color: #492e26;
	}

.recipecci #recOverview p{
	color: #58210f;
	}

.recipewmmm #recOverview p{
	color: #463375;
	}
	
.recipeias #recOverview p{
	color: #055731;
	}
	
.recipemdl #recOverview p{
	color: #492e26;
	}
	
.recipescc #recOverview p{
	color: #193e82;
	}