body{
	text-align: center;
	font-size: 12px;
	color: #000;
	font-family: Tahoma, Arial;
	padding: 0;
	margin: 0;
}

pre{
	display: block;
	text-align: left;
	width: 500px;
	margin: 0 auto;
}

a{
	outline: none;
}

em{
	font-style: italic;
}

strong{
	font-weight: bold;
}

p{
	margin: 0 0 20px 0;
}

img{
	border: none;
}
	
	img.preload{
		display: none;
	}
	
h1, h2, h3, h4{
	color: #660000;
}

#container{
	width: 859px;
	margin: 0 auto;
	text-align: left;
	padding: 0 17px 0 0;
}
	
	#leftpanel{
		width: 256px;
		float: left;
		background: #fff;
	}
		
		#leftpanel #logo{
			float: right;
			clear: both;
		}
		
		#leftpanel #picturepanel{
			height: 365px;
			width: 186px;
			padding: 0 0 0 70px;
			background: url(/images/picturepanelbg.png) no-repeat left #811105;
			float: right;
			clear: both;
			color: #FFF;
		}
		
		#leftpanel #footerlogos{
			float: right;
			clear: both;
			text-align: center;
			padding: 10px;
			width: 166px;
			height: 163px;
			background: url(/images/logopanelbg.png) repeat-x top #141111;
		}
			
			#leftpanel #footerlogos a img{
				padding: 4px;
			}
	
	#rightpanel{
		width: 603px;
		height: ;
		float: left;
	}
	
		#rightpanel #header, #rightpanel #content, #rightpanel #footer{
			width: 603px;
			float: left;
		}
		
		#rightpanel #header{
			margin: 63px 176px 0 71px;
			height: 97px;
			width: 356px;
			text-align: center;
		}
			
			#rightpanel #header h3{
				margin: 0;
				padding: 0;
				font-size: 150%;
			}
		
		#rightpanel #content{
			height: 513px;
			background: url(/images/mainbackground.png) no-repeat 403px 0;
		}
		
		#rightpanel #footer{
			height: 20px;
			text-align: right;
			position: relative;
		}
			
			#rightpanel #footer ul{
				padding: 0;
				margin: 0 3px 0 0;
				position: absolute;
				bottom: 0px;
				right: 0;
			}
				
				#rightpanel #footer ul li{
					list-style: none;
					display: inline;
					border-right: 1px solid #660000;
					padding: 5px 5px 15px 5px;
					font-size: 11px;
				}
				
					#rightpanel #footer ul li:first-child{
						border-left: 1px solid #660000;
					}
				
				#rightpanel #footer ul li a{
					text-decoration: none;
					text-transform: lowercase;
					color: #000;
				}
				
/* PAGE SPECIFIC STUFF */

/******** HOME PAGE *************/

#Home #content{
	background-position: 0 0;
}

#Home #content ul{
	padding: 0;
	margin: 0;
}
	
	#Home #header h1{
		font-variant: small-caps;
		color: #660000;
		background: none;
		font-size: 26px;
		width: 400px;
		font-weight: bold;
		text-align: center;
		padding: 0;
		margin: 0;
	}
	
	#Home #header h3{
		width: 400px;
	}
	
	#Home #content h3{
		padding: 10px 43px 0 0;
		margin: 0;
		width: 400px;
		color: #660000;
		font-size: 16px;
		font-weight: bold;
		text-align: right;
	}
	
	#Home #content ul li{
		list-style: none;
		text-align: right;
		height: 57px;
		width: 570px;
		margin: 10px 0;
		padding: 0;
		clear: both;
		float: right;
		color: #FFF;
		position: relative;
		background: url(/images/frontpage_bar.png) no-repeat left;
	}
	
	#Home #content ul li div{
		padding: 4px 0px 4px 55px;
		width: 315px;
		text-align: left;
		position: absolute;
		left: 0;
		z-index: 100;
	}
	
	#Home #content ul li a{
		width: 132px;
		height: 39px;
		display: block;
		float: right;
		padding: 9px 43px 9px 25px;
		margin: 0 0 0 5px;
		color: #FFF;
		background: ;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 2px;
		text-decoration: none;
		position: absolute;
		right: 0;
		z-index: 9999999;
	}
		
		#Home #content ul li#products a, #Products #content h1{
			background: url(/images/frontpage_productslink.png) no-repeat left;
			padding: 16px 43px 16px 25px;
			height: 25px;
		}
		
		#Home #content ul li#sachets a, #Sachets #content h1{
			background: url(/images/frontpage_sachetslink.png) no-repeat left;
			padding: 7px 43px 7px 25px;
			height: 43px;
		}
		
		#Home #content ul li#cartons a, #Cartons #content h1{
			background: url(/images/frontpage_cartonlink.png) no-repeat left;
			padding: 7px 43px 7px 25px;
			height: 43px;
		}
		
		#Home #content ul li#contact a, #Contact #content h1{
			background: url(/images/frontpage_contactlink.png) no-repeat left;
			padding: 16px 43px 16px 25px;
			height: 25px;
		}
		
	p.telephone{
		font-size: 14px;
		font-weight: bold;
		padding: 49px 0 0 0;
		color: #820b19;
		text-align: right;
		float: right;
		clear: right;
		letter-spacing: 1px;
	}
		
		p.telephone span{
			text-transform: uppercase;
			display: block;
		}
		
/******** PRODUCT PAGE ***********/

#picturepanel > div{
	padding: 15px;
}
	
	#picturepanel p, #picturepanel h2{
		color: #FFF;
		font-weight: normal;
		line-height: 17px;
		letter-spacing: 0.5px;
	}
	
	#picturepanel h2{
		font-size: 14px;
		padding: 0 0 5px 0;
		margin: 0;
	}
	
	#picturepanel p{
		font-size: 10px;
		text-align: justify;
	}
	
	#header h1{
		width: 225px;
		background: #7D0700;	
		color: #FFF;
		font-size: 12px;
		margin: 50px 0 0 -25px;
		font-weight: normal;
		padding: 5px 40px;
		font-variant: normal;
	}
		
	#content h1{
		display: inline;
		float: right;
		margin: 50px 0 0 0;
		width: 182px;
		font-size: 18px;
		font-weight: normal;
		line-height: 20px;
		letter-spacing: 2px;
		color: #FFF;
		text-align: right;
	}
	
	#content h3{
		color: #000;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		width: 300px;
		padding: 0 0 0 50px;
		margin: 65px 0 0 0;
		float: right;
	}
	
	#Products #content > img{
		margin: 30px 0 0 0;
	}
	
	#content #mainimage{
		width: 403px;
		height: 457px;
		padding: 0;
		margin: 40px 0 0 0;
		position: absolute;
		background: url(/images/Custard-sachet.png) no-repeat top center;
	}
	
	#content ul#miniimages{
		position: absolute;
		bottom: -15px;
		left: 40px;
		background: url(/images/miniimagesbg.png) repeat-x bottom;
	}
	
	#content ul#miniimages li{
		display: inline;
		list-style: none;
		padding: 10px;
	}
	
	#content ul#miniimages li img{
		border: 1px solid #7D0700;
	}
	
	#Sachets #content ul#miniimages li img{
		border: 1px solid #993300;
	}
	
	#Cartons #content ul#miniimages li img{
		border: 1px solid #990000;
	}
		
	p.panel{
		padding: 20px;
		width: 160px;
		text-align: right;
		float: right;
		clear: right;
		color: #FFF;
		font-size: 13px;
		line-height: 25px;
	}

#Contact #content h3{
	color: #811105;
	font-style: italic;
	font-size: 14px;
	font-weight: normal;
	width: 250px;
	padding: 0 50px;
	margin: 15px 0 0 0;
	float: right;
}

#Contact #content #map iframe{
	border: 1px solid #000;
	margin: 35px 0 0 60px;
}
	
	#Contact #content #map a{
		margin: 0 0 0 60px;
		font-size: 10px;
	}

#Sachets #header h1, #Sachets #picturepanel{
	background-color: #993300;
}

#Cartons #header h1, #Cartons #picturepanel{
	background-color: #990000;
}

#Cartons #content #mainimage{
	background: url(/images/Whittard-Hot-tin.png) no-repeat top center;
}

#Products #content #mainimage{
	width: 403px;
	height: 50px;
	padding: 327px 0 0 0;
	margin: 120px 0 0 0;
	background: url(/images/Cocoa-powder.png) no-repeat top center;
}