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

body {
	background-image:url(images/PAGE_BG.gif);
	text-align:center;
}
#container {
margin: 0 auto;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

body#products h2 {
	font-family: Clarendon, Times, "Times New Roman", Serif;
	font-size: 20px;
}

.footertext, #copyright  {
	font-family: Arial, Verdana, Helvetica, sans-serif;;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}

div.outlets
{
position: relative;
top: -100px;
margin-bottom: -100px;
}

.bodytext, div.outlets ul {
	font-family: Arial, Verdana, Helvetica, sans-serif;/*Clarendon Light,Clarendon-Light, Georgia, serif*/
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FBFC00;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
#apDiv13 {
	position:absolute;
	width:47px;
	height:106px;
	z-index:13;
	left: 1275px;
	top: 426px;
}
#apDiv14 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:14;
	left: 1051px;
	top: 621px;
}#container #contact .bodytext h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
}

/**********
*
*	Added by CB
*
**********/

table#rpanel {
	background-image: url(images/rpanelbg.jpg);
}

table#lpanel {
	background-image: url(images/lpanelbg.gif);
}

div#copyright {
	text-transform: Uppercase; position: absolute; display: block;
}


div#content_left, div#copyfooter_right, div#copyfooter_full {position: relative; }

body#homepage div#copyright {
	top: 422px; left: 11px;
}

body#products div#copyfooter_right div#copyright {
	top: 4px; left: 16px;
}

div#copyfooter_right div#copyright {
	top: 40px; left: 12px;
}

div#copyfooter_full div#copyright {
	top: 44px; left: 201px;
}


/**********
*
*	Added by CB - Home Page
*
**********/

/* Postit Layout layout  */

div#content_right {position: relative}
img#postit {position: absolute; display: block;}
img#postit {top: 240px; left: 355px}
a img#postit {border: 0;}


/**********
*
*	Added by CB - Customer Feedback (what people are saying about us)
*
**********/

body#customerfeedback {
	background-image: url(images/feedback_bg.jpg);
	margin: 0;
	padding: 0;
}

body#customerfeedback div#content {
	text-align: left;
	margin-left: 23px;
	margin-right: 25px;
	line-height: 1.5em;
}

/* 
	This is the revised Phark / Rundle Heading Replacement method as per
	http://www.mezzoblue.com/tests/revised-image-replacement/#phark 
*/

h2#whatpeoplearesaying	{
	width: 549px;
	height: 180px;
	margin-bottom: 0px;
	margin-top: 0px;
	background: url(images/whatpeoplearesaying.jpg);
	text-indent: -5000px;
	z-index: 1;
}

/* End of Phark / Rundle method */
	

/**********
*
*	Added by CB - Taste Test
*
**********/

body#tastetest {
	background-image: url(images/feedback_bg.jpg);
	margin: 0;
	padding: 0;
	position: relative;
}

body#tastetest div#content {
	text-align: left;
	position: absolute;
	top: 225px;
	left: 23px;
	width: 310px;
	line-height: 1.5em;
}

/* 
	This is the revised Phark / Rundle Heading Replacement method as per
	http://www.mezzoblue.com/tests/revised-image-replacement/#phark 
*/

h2#cripsblindtastetest	{
	width: 549px;
	height: 585px;
	margin-bottom: 0px;
	margin-top: 0px;
	background: url(images/blindtastetest.jpg);
	text-indent: -5000px;
	z-index: 1;
}

/* End of Phark / Rundle method */

/**********
*
*	Added by CB - Contact form
*
**********/

/* Bear / speech bubble layout  */

div#getintouch {position: relative}
img#bear_saying, img#findout {position: absolute; display: block;}
img#bear_saying {top: 395px}
a img#findout {border: 0;}
img#findout{top: 205px; left: 35px}

/* Form text / field layout */

.contact_field {border: 2px solid #333; background: white; padding: 3px;}
.contact_label {text-transform: uppercase}
.contact_label_small {font-size: 11px}
div.contact_bodytext p {font-size: 14px;}
p.bodyfirst {margin-top: 5px;}

/**********
*
*	Added by CB - Product layout and interactivity. Also Logo Fade in / out and layout. 
*
**********/

	div.product,  div#logo, div.fader, div.contentlayout {position: relative}
  	
  	div#logo {
  		width: 185px; 
  		height: 150px;
  		}
  	
  	div.product img, div.product div, div#logo img, div.fader img, div.product h2, div.contentlayout h2, .decoration, .button {
  		position: absolute;
  		display: block;
		}

  	div.product h2, div.contentlayout h2 {
  		/* Firefox applies margins, IE does not, so we remove them for consistency */
  		margin: 0px;
  	}
  		
  	div.product img.product_big, div.product img.button_on, div#logo img.button_on, div.fader img.button_on {
  		display: none;
  		}
  	

	div.product a img, div.fader a img, .button a img {
		border: 0;
	}
	
	 div#logo img {
	 	left:0px;
	 	top: 0px;
	 }
	 
	 div.product h2#thirty_five_g {
	 	top: -12px;
	 	left: 63px;
	 }
	
	  div.contentlayout h2#one_forty_g {
	 	top: 20px;
	 	left: 63px;
	 }

	img#line_after_smallproducts {
		top: -100px;
		left: 36px;
	}

	img#line_before_smallproducts {
		top: -25px;
		left: 36px;
	}

	img#line_after_cart {
		top: 67px;
		left: 36px;
	}

	div#viewcart {
		top: -80px;
		left: 20px;
	}
	
	div#mixedbox {
		top: -80px;
		left: 220px;
	}
	
/***********
*
*	CHEESE AND ONION
*
***********/

  	div#cheeseandonion img.product_big {
  		top: -9px;
  		left: 8px;
  		
	}
	
	div#cheeseandonion img.product_small {
		top: 25px;
  		left: 44px;
	}
	
	div#cheeseandonion div.buynow {
		top: 163px;
		left: 172px;
	}
	
	div#cheeseandonion div.techspec {
		top: 133px;
		left: 172px;
	}
	
	div#cheeseandonion div.prod_text {
		top: 48px;
		left: 180px;
	}
	
/***********
*
*	SALT AND VINEGAR 
*
***********/

  	div#saltandvinegar img.product_big {
  		top: -9px;
  		left: -27px;
  		
	}
	
	div#saltandvinegar img.product_small {
		top: 25px;
  		left: 9px;
	}
	
	div#saltandvinegar div.buynow {
		top: 163px;
		left: 137px;
	}
	
	div#saltandvinegar div.techspec {
		top: 133px;
		left: 137px;
	}
	
	div#saltandvinegar div.prod_text {
		top: 45px;
		left: 145px;
	}
	
/***********
*
*	THAI SWEET CHILLI 
*
***********/

  	div#sweetchilli img.product_big {
  		top: -21px;
  		left: 5px;
  		
	}
	
	div#sweetchilli img.product_small {
		top: 30px;
  		left: 49px;
	}
	
	div#sweetchilli div.buynow {
		top: 163px;
		left: 172px;
	}
	
	div#sweetchilli div.techspec {
		top: 133px;
		left: 172px;
	}
	
	div#sweetchilli div.prod_text {
		top: 60px;
		left: 180px;
	}
	
/***********
*
*	SALT AND PEPPER 
*
***********/

  	div#saltandpepper img.product_big {
  		top: -10px;
  		left: -32px;
  		
	}
	
	div#saltandpepper img.product_small {
		top: 30px;
  		left: 13px;
	}
	
	div#saltandpepper div.buynow {
		top: 163px;
		left: 133px;
	}
	
	div#saltandpepper div.techspec {
		top: 133px;
		left: 133px;
	}
	
	div#saltandpepper div.prod_text {
		top: 43px;
		left: 146px;
	}
	

	
/***********
*
*	NATURAL SEA SALT 
*
***********/
  	div#seasalt img.product_big {
  		top: -18px;
  		left: -35px;
  		
	}
	
	div#seasalt img.product_small {
		top: 30px;
  		left: 13px;
	}
	
	div#seasalt div.buynow {
		top: 163px;
		left: 133px;
	}
	
	div#seasalt div.techspec {
		top: 133px;
		left: 133px;
	}
	
	div#seasalt div.prod_text {
		top: 53px;
		left: 141px;
	}
	
/***********
*
*	THAI SWEET CHILLI BIG BAG
*
***********/

	/* Not used yet*/
  	div#sweetchillibb img.product_big {
  		top: -21px;
  		left: 5px;
  		
	}
	
	div#sweetchillibb img.product_small {
		top: 30px;
  		left: 19px;
	}
	
	/* Not used yet*/
	div#sweetchillibb div.buynow {
		top: 163px;
		left: 172px;
	}
	
	div#sweetchillibb div.techspec {
		top: 196px;
		left: 168px;
	}
	
	div#sweetchillibb div.prod_text {
		top: 80px;
		left: 167px;
	}	

/***********
*
*	CHEESE AND ONION BIG BAG
*
***********/

	/* Not used yet*/
  	div#cheeseandonionbb img.product_big {
  		top: -21px;
  		left: 5px;
  		
	}
	
	div#cheeseandonionbb img.product_small {
		top: 30px;
  		left: -18px;
	}
	
	/* Not used yet*/
	div#cheeseandonionbb div.buynow {
		top: 163px;
		left: 172px;
	}
	
	div#cheeseandonionbb div.techspec {
		top: 196px;
		left: 132px;
	}
	
	div#cheeseandonionbb div.prod_text {
		top: 63px;
		left: 142px;
	}	
	
/***********
*
*	SEA SALT BIG BAG
*
***********/

	/* Not used yet*/
  	div#seasaltbb img.product_big {
  		top: -21px;
  		left: 5px;
  		
	}
	
	div#seasaltbb img.product_small {
		top: 30px;
  		left: -15px;
	}
	
	/* Not used yet*/
	div#seasaltbb div.buynow {
		top: 163px;
		left: 172px;
	}
	
	div#seasaltbb div.techspec {
		top: 196px;
		left: 137px;
	}
	
	div#seasaltbb div.prod_text {
		top: 63px;
		left: 137px;
	}		
	
#ninety_nine_cals_popout
{
float: left;
z-index: 1;
position: absolute;
top: -140px;
left: 871px;
width: 150px;
height: 432px;
}