@charset "utf-8";
/* CSS Document */

html, body
{
	background-color:#000;
margin: 0;
	height: 100%;
padding: 0;
text-align: center;
}
#wrapper
{
	padding: 0;
	margin: 0 auto ;
	background: #000;
	min-height: 100%;
	height: auto !important;
	width: 970px;
	background-image:url(images/content_bg.jpg);
	background-repeat:repeat-x;
	text-align:center;
	
}


				
#header{
	position:relative;
	background-image:url(images/pixel_strip4.jpg);
	background-repeat:repeat-x;
	height:250px;
	text-align:left;
	}	


s

/*********************************************/
/*navigation								 */
/*********************************************/ 
#navContainer {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	}
	
#clearfloats{
	clear:both
	}

 .footer{
	width: 100%;
	height:200px;
	position:relative;
/*  	bottom: 0 !important;*/
	padding-top:10px;
	padding-bottom:-10px;
	text-align:center;
  	color:#FFFFFF;
	background-image:url(images/footer2.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.footer p{
		padding-top:150px;
		}
	
	
 #content {
	display:block;
 	margin-bottom:10px;
	background-color:#000000;
	position:relative;
	top:20px;
	color:#ffffff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	margin: 0 auto 0 auto;
	clear:both;
	/*height:100%;*/
	/*width:900px;*/
	text-align:center;
	
	  }
	  
#indexText	{
	margin:auto;
	text-align:center;
	width:600px;
}
	  
  #lhsIndex{
	background-image:url(images/info_box.jpg);
	background-repeat:no-repeat;
	width:400px;
	float:left;
	text-align:center;
	padding-top:5px;
	font-size:14px;

}
#rhsIndex{
	width:400px;
	float:right;
	padding-top:5px;
			font-size:14px;
				background-image:url(images/info_box.jpg);
	background-repeat:no-repeat;
}


img{
	border-style:none;
	text-decoration:none;
}


.banner{
	width:100%;
	display:table;
	background-color:#000000;
	text-align:center;
	height:200px;
	z-index:-100;
}

.slider_content{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	z-index:0;
}

.sliders{
	z-index:0;
	margin-left:auto;
	margin-right:auto;
	height:200px;
	width:800px;
}

.sliders_full{
	z-index:0;
	margin-left:auto;
	margin-right:auto;
}

.slider_item{
	width:100%;
	height:200px;
}
.slider_item  a{
	display:block;height:100%;width:100%;
}


.slider_nav {
	position:absolute;
	width:100%;
	left:-3px;
	top:89px;
}




.goldTitle{
	font-style:italic;
	color:#b39630;
	font-size:16px;
	font-weight:bold;
	}
	
	/*******************************/
/*	product body				*/
/*****************************/
#productBody{

	text-align:left;

	}
#productSection {
	text-align:left;
	padding-left:80px;
	padding-right:80px;
	margin-top:10px;
	margin-bottom:30px;
	}
	
#productSectionTitle {
	text-align:center;
	}
.prSectionTitle{

	font-weight:bold;
	color:#996600;
	font-size:32px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
.prSubTitle{
	color:#9900CC;
	font-size:24px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
.flavour_title{
	font-size: 16px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-weight: bold;
	color:#990066;
	}
.flavour_title_red{
	font-size: 16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-weight: bold;
	color:#ff0000;
	}
.prBrandretail{
	text-align:center;
	background-color:#9900cc;
	color:#FFFFFF;
	font-size: 24px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
	font-weight: bold;
	padding:5px;
	margin-left:100px;
	margin-right:100px;
	}
.goldTitle{
	font-style:italic;
	color:#996600;
	font-size:16px;
	font-weight:bold;
	}
	
	/*******************************/
/*	usp Body				*/
/*****************************/
.uspTitle{
color:#990066}
.usp_title{
	color: #996633;
	font-weight: bold;
}

/*******************************/
/*			contact Body				*/
/*****************************/

#contactBody h2{
font-size:1.2em;
	color:#CCCCCC;
}
#contactLhs{
	width:400px;
	float:left
}
#contactRhs{
	width:400px;
	float:right;
	padding-right:60px;
}


/*******************************/
/*			company Body				*/
/*****************************/

#companyBody{
	padding-left:100px;

}


#companyBodyText{
	width:700px;
	text-align:left;
	margin-bottom:50px;
	margin-top:5px;}	

h3{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:36px;
font-weight:bold;
color:#990066
}	
#companyBodyText a{
color:#990066}
/*******************************/
/*			history Body				*/
/*****************************/
.historyTitle{
color:#990066}
.history_title{
	color: #996633;
	font-weight: bold;
}

/*******************************/
/*	scoop body				*/
/*****************************/
#scoopSection{
	margin-top:10px;
	margin-bottom:10px;
}

#scoopLeft{
	text-align:center;
	float:left;
	height:auto;
	width:325px;
	padding-left:100px;
}
#scoopRight{
float:right;
	text-align:left;
	height:auto;
	width:325px;
	padding-right:100px;
}



/*******************************/
/*	new prodcut				*/
/*****************************/
#scoopSection{
	margin-top:10px;
	margin-bottom:10px;
}

#newProductLeft{
	text-align:center;
	float:left;
	height:auto;
	width:320px;
	padding-left:10px;
}
#newProductRight{
float:right;
	text-align:left;
	height:auto;
	width:320px;
	padding-right:10px;
}
/*******************************/
/*	chilli body				   */
/****************************/
#chilliBodyBg{
/*	background-image:url(images/chillibg.png);*/
	background-repeat:no-repeat;
	text-align:center;
	}
#chilliBodyContent{
	padding-left:150px;
	text-align:left;
	}
.chilliSection_a{
	color:#FFFFFF;
	width:400px;
	margin-left:100px;
	}
.chilliSection_b{
	margin-left:300px;
	}
.chilliSection_c{
	margin-left:20px;
	}
	
#chilli_c_right{
	padding-right:100px;
	float:right;
	width:350px;
	}
#chilli_c_left	{
	float:left;
	width:200px;
}

#chilli_d{
	margin-left:-100px;
	text-align:center;
}
.waitroseQuote{
	font-size:18px;
}
.imageRight{
	float:right;
	padding-right:100px;}
	

/*******************************/
/*	spice rack body				*/
/*****************************/
#spiceBodyBg{
	background-image:url(images/spicebg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	text-align:center;
	}
#spiceBodyContent{

	text-align:left;
	}
	
#spice1{	
	text-align:left;
	padding-left:30px;
	}
#spice2{	
	padding-right:100px;
	text-align:right;
	}		
#spice3{	
	text-align:left;
	}
#spice4{	
	text-align:right;
	}	
	#spice5{	
	padding-left:200px;
	text-align:left;
	}
#spice6{	
	padding-right:100px;
	text-align:right;
	
	}	
#spice7{	
	text-align:center;
	
	}	
	#spice8{	
	text-align:right;
	
	}	

/*******************************/
/*	order body				   */
/******************************/
#orderBody td	{
	text-align:left;
	}
#orderBody {
	padding-left:20px;
	text-align:left;
	}
/*******************************/
/*	sell body				   */
/******************************/
#sellBody td	{
	text-align:left;
	}
#sellBody {
	padding-left:20px;
	text-align:left;
	}
	
#sellLhs{
	float:left;
	width:210px;
	height:100.1%;
	text-align:left;
	}
#sellRhs{
	padding-left:10px;
	float:left;
	width:810px;
	height:100.1%;
	text-align:left;
	}
#sellRhs img.rightFloat{
	float:right;
		}
		
.sellTitle{
color:#990066;
}

/*******************************/
/*	on the road body				   */
/******************************/

#ontheroadBody{
	padding-left:20px;
	text-align:left;
		}
.ontheroadTitle{
color:#990066;
}
#ontheroadBody img{
	float:left;
	margin-right:20px;
	}
	
/********************************/
/*how do you eat yours table */
/********************************/
#cdl {
  padding : 30px;
  width : 70%;
  background-color : #ffffdd;
  border : 1px solid #ccc;
  margin : auto;
}

#cdl h3 { 
  display : block;
  color : #669900;
  padding-bottom : 5px;
  margin-bottom : 15px;
  border-bottom : 1px solid #666;
}

#cdl h3.blue { 
  color:#003399;
}

#cdl ul li {
  height : 2em;
  list-style-type : none;
  color : #333;
  padding : 0.3em 0 0.4em 0;
  font-size : 0.9em;
  border-bottom : 1px solid #ccc;
}

#cdl ul li.cdl_l2 {
  margin-left : 50%;
  margin-top : -1.7em;
  padding : 0.3em 0 0.4em 0;
  border : 0;
}  

.cdl_alt {
  background-color : #fffffc;
}

* html #cdl ul li.cdl_l2 {
  margin-top : -2.1em;
}

/*******************************/
/*	how do you eat yours body				   */
/******************************/

#howdoyoueatBody{
	padding-left:40px;
	padding-right:40px;
	text-align:left;
		}
.howdoyoueatTitle{
color:#990066;
}

/*******************************/
/*	work and play body				   */
/******************************/

#workandplayBody{
	padding-left:40px;
	text-align:left;
		}
.workandplayTitle{
color:#990066;
}

/*******************************/
/*	sorbet title		   */
/******************************/

#sorbetBody{
	padding-left:40px;
	text-align:left;
	padding-bottom:30px;
		}
.sorbetTitle{
color:#990066;
}

/*******************************/
/*	planet title		   */
/******************************/

#planetBody{
	padding-left:40px;
	text-align:left;
		}
.planetTitle{
color:#00CC00;
}
.planetImg{
	float:right;
	}
/*********************************************/
/*planet style									 */
/*********************************************/  

#planetContent, #flagContent{
	font-size:0.7em;
	text-align:left;
	margin-left:50px;
	margin-right:50px;
	min-height:100%;
}
#planetCharities{
	padding-top:20px;
}

#lhsPlanetFloat{
	width:230px;
	float:left;
	padding-left:20px;
}
#rhsPlanetFloat{
	padding-left:20px;
	width:225px;
	float:right;
}
#planetFloat{
	clear:both;
	}
	
/*********************************************/
/*planet style								 */
/*********************************************/  

#starflagBody{
	padding-left:40px;
	text-align:left;
		}
		
#starflagContent img{ 
	float:left;
	padding-left:10px;
		padding-right:10px;

}	

/*******************************/
/*	shop body				*/
/*****************************/
#shopSection{
	margin-top:10px;
	
}

#shopLeft{
	text-align:center;
	float:left;
	height:auto;
	width:260px;
	padding-left:100px;
}
#shopRight{
float:right;
	text-align:left;
	height:auto;
	width:260px;
	padding-right:100px;
}
#shopBottom{
	background-image:url(images/linebreak.jpg);
	background-repeat:no-repeat;
	height:5px;
	background-position:center;
}

/*******************************/
/*			classes 				*/
/****************************/

.footerLink{
	color:#ffffff;
	}

a {
	text-decoration:none;
	color:#990066;}
a:hover{
	text-decoration:underline}
.redBold{
	color:#FF0000;
	font-weight:bold;
	}
.red{
	color:#FF0000;
	}
	.red{
	color:#FF0000;
	}
.pink{
	color:#FF0099;
	}
.strapline{

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	}

.indexTxt a{
color:#FFFFFF;

}
.strikethrough{
	text-decoration:line-through;
}
.leftFloat{
	float:left;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;}
.rightFloat{
	float:right;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;}
	
	/**************************/
	/*image magnifier**********/
	
	a.p1 { width:32px; height:32px; text-decoration:none; background:#000; border:0; }
a.p1 img {display:block; border:0;}
a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;}
a.p1 b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;

-o-box-shadow: 5px 5px 2px rgba(200, 200, 200, 0.4);
-icab-box-shadow: 5px 5px 2px rgba(200, 200, 200, 0.4);
-khtml-box-shadow: 5px 5px 2px rgba(200, 200, 200, 0.4);
-moz-box-shadow: 5px 5px 2px rgba(200, 200, 200, 0.4);
-webkit-box-shadow: 5px 5px 2px rgba(200, 200, 200, 0.4);
box-shadow: 5px 5px 2px rgba(200, 200, 200, 0.4);

-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

 -webkit-transition: opacity 0.6s ease-in-out;

}


a.p1:hover b {top:-65px; left:110px; padding:10px; border:1px solid #aaa; background:#000; opacity:1;

}

#info {z-index:100; height:22em;}


.historyImg{
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	float:right;
}