html, body {
margin:0;
padding:0;
border:0;
background-color:#FFFFFF; 
overflow-x: hidden; }
}

.html, body {
overflow-x: hidden;
}

.hidden
{
display:none;
}

body {
	color: #FFFFFF;
	font-family: tahoma;
	font-size: 11px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color:#FFFFFF;
	background-image:url(images/bg_news.jpg);
	background-repeat: repeat-x;
}

#footer {

	background-image: url(images/bg_footer.jpg); 
	width: 100%; 
	background-repeat: repeat-x; 
	height: 334px;
	position:absolute;
	top:395px;
}

#footer-news{

	background-image: url(images/bg_footer.jpg); 
	width: 100%; 
	background-repeat: repeat-x; 
	height: 334px;
	position:absolute;
	top:3720px;
}

.clear{clear:both;}
* {margin: 0px;padding: 0px;}

#duckcontainer {
	margin:auto;
	position:relative;

}

#common-container {
	margin:auto;
	position:relative;
	width: 1000px;
	height:729px;
}

#container {
	margin:auto;
	position:relative;
	width: 1000px;
	height:850px;
}

#container-news {
	margin:auto;
	position:relative;
	width: 1000px;
	height:4180px;
}

#leftcontainer{
	float:left;
	width:335px;
	margin-left:0px;
	margin-top:10px;
	padding-right: 30px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	display:inline;
	}

#rightcontainer{
	float:right;
	width:350px;
	padding-right: 20px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top:10px;
	border-left-width:0px
}

#contact-us{
	position:absolute;
	top:115px;
	left:390px;
	width:300px;
	color: #F6860E;
	font-family: tahoma;
	font-size: 11px;
}

div.your-ideas{
	position:absolute;
	top:200px;
	left:65px;
	width:275px;
	color: #F6860E;
	font-family: tahoma;
	font-size: 11px;
}


a{color:#9E998C;}
a:hover{color:#000000;}

/********************** Mist Fade ***************************/



/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:30000;
	visibility:hidden;
	}
	
/**********************Footer ***************************/

div.footercontainer p{
	position: relative;
	width: 1000px;
	left:0px;
	font-family: tahoma;
	font-size: 12px;
	color: #9E998C;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	font-weight: normal; 
	text-align:center;
	z-index:50
}

#footerbackground{
	width:1000px;
	position: absolute;
	left:0px;
	top:690px;
	z-index:50
}

#footerbackground-news{
	width:1000px;
	position: absolute;
	left:0px;
	top:4015px;
	z-index:50
}

div.footercontainertext p{
	position: relative;
	width: 1000px;
	left:0px;
	font-family: tahoma;
	font-size: 10px;
	color: #9E998C;
	padding-top: 5px;
	padding-bottom: 10px;
	font-weight: normal; text-align:center;
	z-index:50
}

#tablecontainer {
	width: 1000px;
	position:absolute;
	left:0px;
	top:87px;
	border:0px;
}

/* set millions of background images */
.rbroundbox { background: url(product_images/nt.gif) repeat; }
.rbtop div { background: url(product_images/tl.gif) no-repeat top left; }
.rbtop { background: url(product_images/tr.gif) no-repeat top right; }
.rbbot div { background: url(product_images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(product_images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 8px;

}

.pricetagcontent { margin: 0 4px; 
font-family: tahoma;
font-size: 12px;
color: #FFFFFF;
text-align: center;
line-height:100%
}

.pricetagcontent h1  { margin: 0 4px; 
font-family: century;
font-size: 13px;
color: #FFFFFF;
text-align: center;
line-height:100%
}

.pricetagcontent h2  { margin: 0 4px; 
font-family: century;
font-size: 16px;
color: #FFFFFF;
text-align: center;
line-height:100%
}


/* highslide*/

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 0px solid gray;
}
.highslide:hover img {
	border: 0px solid silver;
}

.highslide-image {
    border-bottom: 0px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


/********************** HomePage Splices***************************/

div.treacle-moon-homepage {
	position:absolute;
	left:0px;
	top:0px;
	width:309px;
	height:87px;
}

div.about-us {
	position:absolute;
	left:309px;
	top:0px;
	width:79px;
	height:87px;
}

div.khandel-light {
	position:absolute;
	left:388px;
	top:0px;
	width:105px;
	height:87px;
}

div.press {
	position:absolute;
	left:493px;
	top:0px;
	width:53px;
	height:87px;
}

div.news {
	position:absolute;
	left:546px;
	top:0px;
	width:49px;
	height:87px;
}

div.contact-us {
	position:absolute;
	left:595px;
	top:0px;
	width:101px;
	height:87px;
}

div.header-spacer {
	position:absolute;
	left:696px;
	top:0px;
	width:27px;
	height:87px;
}

div.view-cart {
	position:absolute;
	left:723px;
	top:0px;
	width:103px;
	height:87px;
}

div.below-header {
	position:absolute;
	left:159px;
	top:87px;
	width:667px;
	height:141px;
}

div.scratch-sniff-range {
	position:absolute;
	left:826px;
	top:87px;
	width:174px;
	height:141px;
}

div.left-shutter {
	position:absolute;
	left:159px;
	top:228px;
	width:92px;
	height:280px;
}

div.vanilla {
	position:absolute;
	left:251px;
	top:228px;
	width:100px;
	height:280px;
}

div.raspberry {
	position:absolute;
	left:351px;
	top:228px;
	width:97px;
	height:280px;
}

div.ginger {
	position:absolute;
	left:448px;
	top:228px;
	width:108px;
	height:280px;
}

div.coconut {
	position:absolute;
	left:556px;
	top:228px;
	width:99px;
	height:280px;
}

div.lemonade {
	position:absolute;
	left:655px;
	top:228px;
	width:96px;
	height:280px;
}

div.right-shutter {
	position:absolute;
	left:751px;
	top:228px;
	width:67px;
	height:280px;
}

div.fb {
	position:absolute;
	left:880px;
	top:720px;
	width:20px;
	height:20px;
	z-index:300;

}








div.yourideas {
	position:absolute;
	left:0px;
	top:309px;
	width:159px;
	height:109px;
}

div.mint-stork {
	position:absolute;
	left:0px;
	top:228px;
	width:159px;
	height:81px;
}

div.yourideas-news {
	position:absolute;
	left:0px;
	top:3634px;
	width:159px;
	height:109px;
}

div.right-spacer {
	position:absolute;
	left:818px;
	top:309px;
	width:87px;
	height:258px;
}

div.right-spacer-news {
	position:absolute;
	left:818px;
	top:3634px;
	width:87px;
	height:458px;
}

div.buy-products {
	position:absolute;
	left:905px;
	top:398px;
	width:95px;
	height:169px;
}

div.buy-products-news {
	position:absolute;
	left:905px;
	top:3723px;
	width:95px;
	height:169px;
}

div.left-spacer {
	position:absolute;
	left:0px;
	top:418px;
	width:159px;
	height:90px;
}

div.left-spacer-news {
	position:absolute;
	left:0px;
	top:3743px;
	width:159px;
	height:90px;
}

div.footer-main {
	position:absolute;
	left:0px;
	top:508px;
	width:818px;
	height:221px;
}

div.footer-right-spacer {
	position:absolute;
	left:818px;
	top:567px;
	width:182px;
	height:162px;
}

div.footer-right-spacer-news {
	position:absolute;
	left:818px;
	top:3892px;
	width:182px;
	height:162px;
}

div.your-thoughts-charles-cloud {
	position:absolute;
	left:818px;
	top:87px;
	width:182px;
	height:222px;
}
/********************** Product Page Splices***************************/

div.footer-main-products {
	position:absolute;
	left:0px;
	top:508px;
	width:818px;
	height:221px;
}

div.footer-main-products-news {
	position:absolute;
	left:0px;
	top:3833px;
	width:818px;
	height:221px;
}

div.my-coconut-island-products {
	position:absolute;
	left:159px;
	top:228px;
	width:659px;
	height:280px;
}

div.product-story-coconut-on {
	position:absolute;
	left:159px;
	top:87px;
	width:659px;
	height:141px;
}

div.those-lemonade-days-products {
	position:absolute;
	left:159px;
	top:228px;
	width:659px;
	height:280px;
}

div.product-story-lemonade-on {
	position:absolute;
	left:159px;
	top:87px;
	width:659px;
	height:141px;
}

div.one-ginger-morning-products {
	position:absolute;
	left:159px;
	top:228px;
	width:659px;
	height:280px;
}

div.mint-story-products {
	position:absolute;
	left:159px;
	top:228px;
	width:659px;
	height:280px;
}

div.product-story-ginger-on {
	position:absolute;
	left:159px;
	top:87px;
	width:659px;
	height:141px;
}

div.product-story-mint-on {
	position:absolute;
	left:159px;
	top:87px;
	width:659px;
	height:141px;
}

div.that-vanilla-moment-products {
	position:absolute;
	left:159px;
	top:228px;
	width:659px;
	height:280px;
}

div.product-story-vanilla-on {
	position:absolute;
	left:159px;
	top:87px;
	width:659px;
	height:141px;
}

div.the-raspberry-kiss-products {
	position:absolute;
	left:159px;
	top:228px;
	width:659px;
	height:280px;
}

div.product-story-raspberry-on {
	position:absolute;
	left:159px;
	top:87px;
	width:659px;
	height:141px;
}

div.product-story-blank {
	position:absolute;
	left:159px;
	top:87px;
	width:659px;
	height:141px;
}

div.news-upper{
	position:absolute;
	left:159px;
	top:87px;
	width:659px;
	height:36px;
}

div.about-treacle-moon-shed {
	position:absolute;
	left:159px;
	top:228px;
	width:659px;
	height:280px;
}

div.khandel-light-daffodil {
	position:absolute;
	left:159px;
	top:228px;
	width:659px;
	height:280px;
} 

div.khandel-light-daffodil-news {
	position:absolute;
	left:159px;
	top:3553px;
	width:659px;
	height:280px;
} 

div.my-coconut-island-product-text  {
	position:absolute;
	font-family: tahoma;
	font-size: 10px;
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height:150%;
	font-weight: normal; text-align:left;
}

div.privacy-text  {
	position:absolute;
	font-family: tahoma;
	font-size: 9px;
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height:150%;
	font-weight: normal; text-align:left;
}
div.privacy-text h1  {
	font-family: century;
	font-size: 10px;
	color: #000000;
	line-height:150%;
	font-weight: normal; 
	text-align:left;
}
div.my-coconut-island-product-text h1 {
	font-family:century;
	font-size: 14px;
	color: #000000;
	line-height:150%;
	font-weight: bold; 
	text-align:left;
}

div.animaltested  {
	position:absolute;
	font-family: tahoma;
	font-size: 10px;
	color: #F6860E;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: #F6860E 2px dashed;
	font-weight: normal; 
	text-align:center;
	line-height:100%;
}

div.flavour-drop-down  {
	position:absolute;
	left:826px;
	top:0px;
	width:200px;
	font-family: tahoma;
	font-size: 12px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: 200; 
	text-align:left;
	line-height:125%;
}

div.flavour-drop-down  a{
	color:#000000;
	text-decoration:none
	}

div.flavour-drop-down  a:hover{
	color:#9E998C;
	text-decoration:none
	}