@font-face {
	font-family: Scribbles;
	src: url("fonts/scribbles/afchunky-webfont.ttf");
}

@font-face {
	font-family: Scribbles_IE;
	src: url("fonts/scribbles/afchunky-webfont.eot");
}

html,body {
	height: 100%;
	min-height: 100%;

	margin: 0px;
}

.maincontainer {
	width: 100%;
	min-width: 1105px;
	height: 2160px;
	position: relative;
	top: -8px;
	margin-left: auto;
	margin-right: auto;

	background-image: url("images/bg.jpg");
	background-size: cover;
}

.maincontainerprod {
	width: 100%;
	min-width: 1105px;
	height: 1620px;
	position: relative;
	top: -8px;
	margin-left: auto;
	margin-right: auto;

	background-image: url("images/bg.jpg");
	background-size: cover;
}

.logocontainer {
	width: 900px;
	margin-left: auto;
	margin-right: auto;

	position: relative;
	top: 40px;
}

	.hklogo {
	width: 211px;
	height: 200px;
	position: absolute;
	top: 4px;
	right: 1008px;
	margin-right: -240px;
	}

		#hkimage {
	height: 200px;
	width: 200px;
		}

	.chookdlogo {
		height: 330px;
		width: 480px;
		position: relative;
		margin: 0 auto;
	}

		#chookdimage {
			height: 330px;
			width: 480px;
		}

		#chookdslogan {
			height: 80px;
			width: 300px;
			position: absolute;
			left: 100%;
			margin-top: -5px;
			margin-left: -150px;

		}

	.alfredlogo {
		width: 320px;
		height: 200px;
		position: absolute;
		top: 7%;
		left: 100%;
		margin-left: -240px;
	}

		.alfredlogo p {
			font-family: Scribbles, Scribbles_IE;
			font-size: 18px;
			color: #77604b;
			text-align: center;

			margin-top: 0px;
			margin-bottom: 5px;
		}

		#alfredimage {
			height: 110px;
			width: 320px;
		}

.promocontainer {
	width: 80%;
	min-width: 1105px;
	height: 250px;
	position: relative;
	top: 150px;
	margin-left: auto;
	margin-right: auto;
}

	.promotable {
		font-family: Scribbles, Scribbles_IE;
		font-size: 26px;
		color: #77604b;

		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.promotable tr {
		height: 65px;
		padding-right: 10px;
	}

	#tick {
		height: 45px;
		width: 45px;
		float: left;
	}

.productcontainer {
	width: 80%;
	min-width: 1105px;
	height: 800px;
	margin-left: auto;
	margin-right: auto;

	position: relative;
	top: 150px;
}

	/* make sure that table and images scale to fit screen, down to 1105px width */
	.producttable {
		width: 100%;
		height: 100%;
	}

	.producttable tr {
		height: 300px;
	}

	.producttable td {
		position: relative;
	}

	#productimage {
		width: 84%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#auslogo {
		height: 270px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: -50px;
	}
	
	/* Product popup below */
	#prodpopup {
		width: 100%;
		height: 700px;
		position: absolute;
		left: 100%;
		top: 0%;

		display: none;
	}

	#prodpopupright {
		width: 100%;
		height: 700px;
		position: absolute;
		right: 100%;
		top: 0%;

		display: none;
	}

#bottomgrass {
	width: 100%;
	height: 170px;
	position: absolute;
	bottom: 0%;
}

/* PRODUCT PAGE BELOW */

.prodcontainer {
	width: 90%;
	height: 800px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 140px;
}

	.prodtitle h1{
		font-family: scribbles, Scribbles_IE;
		color: #77604b;
		font-size: 48px;

		margin: 0px;
		margin-left: 20px;
		margin-bottom: 30px;
	}

	.prodimage {
		width: 50%;
		height: 500px;
		float: left;
	}

		.prodimage img {
			width: 100%;
			max-width: 700px;
			max-height: 500px;
			display: block;
			margin-left: auto;
			margin-right: auto;
		}

	.nutritionals {
		width: 50%;
		height: 500px;
		float: left;

		font-size: 20px;
		font-family: 'Open Sans Condensed', sans-serif;
	}

	.ingredients {
		width: 75%;
		height: 400px;
		float:left;
		position: relative;
		left: 13%;
		top: 40px;
	}

.contactcontainer {
	font-family: scribbles, Scribbles_IE;
	font-size: 38px;
	color: #77604b;
	width: 70%;
	text-align: center;
	margin: auto;
	position: relative;
	top: 450px;
}

	#or {
		font-size: 23px;
		padding-left: 20px;
		padding-right: 20px;
	}