body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #000000; }
img { outline: none; border: none; }


.page { position:relative; width: 1000px; height: 600px; margin: 5px auto 5px auto; }
.header { width: 1000px; height: 110px; background: url(images/bg-header.jpg) no-repeat top left; }
.menu { position:absolute; top:60px; right:35px;}
.pageTitle { width:1000px; height:407px;}
.homeFrame { position:absolute; top: 110px; left:0px; width:1000px; height: 406px; overflow:hidden; background: url(images/bg-index.jpg) no-repeat top left; }
.homeContent {float:left; width: 420px; height: 306px; padding: 50px 0px 50px 100px;}
.homeAssocLogos{float:left; width: 100px; height: auto; padding: 250px 0px 50px 10px; }
.fusionContent { width: 700px; height: auto; padding: 50px 100px 50px 100px; }
.fusionFrame { position:absolute; top: 110px; left:0px; width:1000px; height: 406px; overflow:hidden;  background: url(images/bg-fusion.jpg) no-repeat top left; }
.contactFrame { position:absolute; top: 110px; left:0px; width:1000px; height: 406px; overflow:hidden; background: url(images/bg-contact.jpg) no-repeat top left; }
.contactContent {width: 430px; height: 366px; padding: 50px 100px 50px 100px; }
.contactRight { position: absolute; top:0px; left: 622px; width: 285px; height: 366px; padding: 50px 0px 0px 0px; }
.flavoursFrame { position:absolute; top: 110px; left:0px; width:1000px; height: 406px; overflow:hidden;  background: url(images/bg-flavours.jpg) no-repeat top left; }
.flavoursContent {float:left; width: 330px; height: 366px; padding: 50px 90px 50px 100px; }
.flavoursScroller {float:left; width: 405px; height: 406px; padding: 0px 60px 50px 0px; }
.packsFrame { position:absolute; top: 110px; left:0px; width:1000px; height: 406px; overflow:hidden;  background: url(images/bg-packs.jpg) no-repeat top left; }


.flavPic {position:relative; float:left; width: 392px; height: 373px; padding: 35px 40px 50px 84px; }
.flavText {position:relative; float:left; width: 384px; height: 360px; padding: 50px 70px 50px 0px; }
.flavCoffeeFrame { position:absolute; top: 110px; left:0px; width:1000px; height: 406px; overflow:hidden;  background: url(images/bg-flav-coffee.jpg) no-repeat top left; }
.flavBlackcurrantFrame { position:absolute; top: 110px; left:0px; width:1000px; height: 406px; overflow:hidden;  background: url(images/bg-flav-blackcurrant.jpg) no-repeat top left; }
.flavCaramelFrame { position:absolute; top: 110px; left:0px; width:1000px; height: 406px; overflow:hidden;  background: url(images/bg-flav-caramel.jpg) no-repeat top left; }
.flavChocolateFrame { position:absolute; top: 110px; left:0px; width:1000px; height: 406px; overflow:hidden; background: url(images/bg-flav-chocolate.jpg) no-repeat top left; }
.flavGingerFrame { position:absolute; top: 110px; left:0px; width:1000px; height: 406px; overflow:hidden;  background: url(images/bg-flav-ginger.jpg) no-repeat top left; }
.flavHazelnutFrame { position:absolute; top: 110px; left:0px; width:1000px; height: 406px; overflow:hidden;  background: url(images/bg-flav-hazelnut.jpg) no-repeat top left; }
.flavHoneycombFrame { position:absolute; top: 110px; left:0px; width:1000px; height: 406px; overflow:hidden;  background: url(images/bg-flav-honeycomb.jpg) no-repeat top left; }
.flavMangoFrame { position:absolute; top: 110px; left:0px; width:1000px; height: 406px; overflow:hidden;  background: url(images/bg-flav-mango.jpg) no-repeat top left; }
.flavStrawberriesFrame { position:absolute; top: 110px; left:0px; width:1000px; height: 406px; overflow:hidden;  background: url(images/bg-flav-strawberry.jpg) no-repeat top left; }
.flavVanillaFrame { position:absolute; top: 110px; left:0px; width:1000px; height: 406px; overflow:hidden;  background: url(images/bg-flav-vanilla.jpg) no-repeat top left; }
.flavPacksLeft{float:left; width:320px}
.flavPacksRight{float:left; width:60px; padding:10px 0px 0px 0px}
.flavDetails{height:185px; overflow:hidden; margin:0px 0px 10px 0px}

.packsLeft {position:relative; float:left; width: 392px; height: 373px; padding: 50px 40px 50px 84px; }
.packsRight {position:relative; float:left; width: 344px; height: 360px; padding: 50px 70px 50px 40px; }


.footer { position:relative; width: 1000px; height: 85px; background: url(images/bg-footer.jpg) no-repeat top left;}

.homeFlash { position: absolute; top:111px; left: 635px; width: 285px; height: 406px;  }
.homePromo { position: absolute; top:412px; left: 101px; width: 440px; height: 128px; background: url(images/promo-napolis.jpg) no-repeat top left; }
.heritageFlash { position: absolute; top:111px; left: 635px; width: 285px; height: 406px; background: url(images/her-rightpic.jpg) no-repeat top left;  }
.bottomLinksContainer{position:absolute; top:17px; right:48px; height:21px; width:auto; }
.bottomLinksBG{width:121px; height:21px; float:left; background:url(images/but-bottom-link.jpg) no-repeat top left; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center}

.clear { clear: both; height: 0px; margin:0px; padding:0px; overflow: hidden; line-height: 0px; } /* Float Clearing DIV */

h1 { font-family: Times New Roman, Times, serif; color: #443910; font-size: 10px; font-weight: normal; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}
h2 { font-family: Times New Roman, Times, serif; color: #c4bf5b; font-size: 2.0em; font-weight: normal; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; font-style: normal; }
h3 { font-family: Times New Roman, Times, serif; color: #FFFFFF; font-size: 1.8em; line-height:1.0em; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-style: italic; }
h4 { font-family: Times New Roman, Times, serif; color: #FFFFFF; font-size: 1.3em; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }


p { font-family: Arial, Verdana; color: #ffffff; font-size: 0.9em; line-height:1.3em; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
.headerFL { font-family: Times New Roman, Times, serif; color: #c4bf5b; font-size: 33px; font-weight: normal; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px;}
.headerRL { font-family: Times New Roman, Times, serif; color: #c4bf5b; font-size: 25px; font-weight: normal; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px;}
.flavFL { font-family: Times New Roman, Times, serif; font-size: 30px; font-weight: normal; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px;}
.flavRL { font-family: Times New Roman, Times, serif; font-size: 24px; font-weight: normal; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px;}
.notice { font-family: Arial, Verdana; color: #c4bf5b; font-size: 0.75em; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}



ul	{ margin: 0px 0px 5px 0px; padding:0px 0px 0px 0px;}
li { list-style-type: none; background: url(images/bullet-tick.gif) no-repeat; background-position: 0em 0.3em; font-family: Arial, Verdana; color: #FFFFFF; font-size: 0.9em; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 20px;}
input { font-family: Arial, Verdana, Times New Roman, Times, serif; color: #76721e; font-size: 13px; margin: 0px 0px 0px 0px; padding: 1px 5px 1px 5px; line-height: 160%; border: 0px; height: 23px; }
textarea { font-family: Arial, Verdana, Times New Roman, Times, serif; color: #76721e; font-size: 13px; margin: 0px 0px 0px 0px; padding: 1px 5px 1px 5px; line-height: 160%; border: 0px; }

a:link { color:#c4bf5b; text-decoration:none;}
a:visited { color:#c4bf5b; text-decoration:none;}
a:active { color:#c4bf5b; text-decoration:none;}
a:hover { color:#c4bf5b; text-decoration:underline;}

.topLinks {font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size:27px; color:#000000;}
a.topLinks:link { color:#000000; text-decoration:none;}
a.topLinks:visited { color:#000000; text-decoration:none;}
a.topLinks:active { color:#000000; text-decoration:none;}
a.topLinks:hover { color:#7B5523; text-decoration:none;}

.noFlash{ font-family: Arial, Verdana; color: #443910; font-size: 0.9em; line-height:1.3em; padding:100px 0px 0px 50px}
a.noFlash:link { color:#443910; text-decoration:none;}
a.noFlash:visited { color:#443910; text-decoration:none;}
a.noFlash:active { color:#443910; text-decoration:none;}
a.noFlash:hover { color:#443910; text-decoration:none;}

.bottomLinks {font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size:0.6em; line-height:1.0em; color:#000000; font-weight:bold;}
a.bottomLinks:link { color:#000000; text-decoration:none;}
a.bottomLinks:visited { color:#000000; text-decoration:none;}
a.bottomLinks:active { color:#000000; text-decoration:none;}
a.bottomLinks:hover { color:#7B5523; text-decoration:none;}

.copyright {font-family:  Arial, Helvetica, sans-serif; font-size:0.6em; line-height:2.0em; color:#403c04; font-weight:bold;}
a.copyright:link { color:#403c04; text-decoration:none;}
a.copyright:visited { color:#403c04; text-decoration:none;}
a.copyright:active { color:#403c04; text-decoration:none;}
a.copyright:hover { color:#403c04; text-decoration:underline;}


/* Flash Replaced Styles */
.sIFR-hasFlash h1 {
	visibility: hidden;

}
.sIFR-hasFlash h2 {
	visibility: hidden;
}

/* Required Flash 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;
}

