body
{
	margin: 1em 0 0;
	font: 14px/1.5 "trebuchet ms", arial, helvetica, sans-serif;
	color: #423420;
	background-color: #BF9960;
	background-image: url( "../img/background.jpg" );
	background-attachment: fixed;
}

div#box
{
	width: 720px;
	margin: 0 auto;
	padding: 0;
}

div#box div#printMainTitle,
div#box div.printTitle
{
	display: none;
}

div#box div#main_top
{
	width: 720px;
	height: 20px;
	margin: 0;
	padding: 0;
	background-image: url( "../img/main_top.png" );
}

div#box div#main_middle
{
	width: 720px;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url( "../img/main_middle.png" );
	background-repeat: repeat-y;
}

div#box div#main_bottom
{
	width: 720px;
	height: 30px;
	margin: 0;
	padding: 0;
	background-image: url( "../img/main_bottom.png" );
}

div#box div.header
{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 1em 0 0;
}

div#box div.header div#main_header
{
	margin: 0 0 0 20px;
	padding: 1em 0 0.5em;
	width: 620px;
	height: 85px;
	background-image: url( "../img/main_header.png" );
	background-repeat: no-repeat;
}

div#box div.header div.phase_header
{
	margin: 0 0 0 20px;
	padding: 1em 0 0.5em;
	width: 620px;
	height: 70px;
	background-image: url( "../img/phase_header.png" );
	background-repeat: no-repeat;
}

div#box div.header div.phase_header div#phase_1,
div#box div.header div.phase_header div#phase_2,
div#box div.header div.phase_header div#phase_3,
div#box div.header div.phase_header div#phase_4,
div#box div.header div.phase_header div#phase_5,
div#box div.header div.phase_header div#phase_6,
div#box div.header div.phase_header div#phase_7
{
	width: 350px;
	height: 40px;
	margin: -2px 0 0 20px;
	padding: 0;
}

div#box div.header div.phase_header div#phase_1
{
	background-image: url( "../img/phase_1.png" );
}

div#box div.header div.phase_header div#phase_2
{
	background-image: url( "../img/phase_2.png" );
}

div#box div.header div.phase_header div#phase_3
{
	background-image: url( "../img/phase_3.png" );
}

div#box div.header div.phase_header div#phase_4
{
	background-image: url( "../img/phase_4.png" );
}

div#box div.header div.phase_header div#phase_5
{
	background-image: url( "../img/phase_5.png" );
}

div#box div.header div.phase_header div#phase_6
{
	background-image: url( "../img/phase_6.png" );
}

div#box div.header div.phase_header div#phase_7
{
	background-image: url( "../img/phase_7.png" );
}

div#box div#main_middle div#introduction p
{
	margin: 0 65px;
	padding: 0;
	text-indent: 2em;
	text-align: justify;
}

div#box div#main_middle div#introduction p#first
{
	text-indent: 0;
}

div#box div#main_middle div.content
{
	clear: both;
	margin: 0;
	padding: 0.35em 65px;
}

div#box div#main_middle div.ingredient
{
	margin-bottom: 0;
	padding: 0 65px;
}

div#box div#main_middle div.ingredient_last
{
	margin-bottom: 1em;
	padding: 0 65px 0.25em;
}

div#box div#main_middle div.ingredient_left
{
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
	text-align: right;
}

div#box div#main_middle div.ingredient_right
{
	margin: 0;
	padding: 0 0 0 260px;
}

div#box div#main_middle div.instruction_left
{
	float: left;
	width: 1.5em;
	margin: 0;
	padding: 0;
	text-align: right;
}

div#box div#main_middle div.instruction_right
{
	margin: 0;
	padding: 0 0 0 2em;
	text-align: left;
}

div#box div#main_middle div.thumb
{
	float: right;
	display: inline;
	padding: 0;
	margin: 0;
}

div#box div#main_middle div.thumbRow
{
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
}

div#box div#main_middle div.thumb a,
div#box div#main_middle div.thumbRow a
{
	padding: 0;
	margin: 0;
	text-decoration: none;
}

div#box div#main_middle div.thumb a img
{
	margin:  5px 0 0 10px;
	border: #423420 1px solid;
}

div#box div#main_middle div.thumbRow a img
{
	margin:  5px;
	border: #423420 1px solid;
}

div#box div#main_middle div#button
{
	width: 100%;
	height: 38px;
	padding: 1em 0 0;
	margin: 0;
	text-align: center;
}

div#box div#main_middle div#button a
{
	text-decoration: none;
}

div#box div#main_middle div#button a img
{
	margin-bottom: -0.5em;
	border-color: #FFF;
	border-width: 0;
	border-style: none;
}

div#copy
{
	width: 100%;
	font-size: 9px;
	padding-bottom: 10px;
	text-align: center;
}

div#popImage
{
	position: absolute;
	display: none;
	background-image: url( "../img/frame.png" );
	cursor: pointer;
	width: 438px;
	height: 338px;
}

div#popImage img
{
	position: absolute;
	top: 14px;
	left: 14px;
	width: 400px;
	height: 300px;
	border: 1px solid #423420;
}