/* Farmlay Eggs - CSS Liquid Design.
 * Author: Terry Hurcombe
 * Copyright: 2008 Farmlay Eggs
 */

body {
font-family: Verdana, Arial, sans-serif;
color: #a32638;
}

#container {
width: 80%;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid #a32638;
}

#header {
/* padding: .5em;*/
/*background-color: #ffd87f;*/
border-bottom: 1px solid #a32638;
background-image: url('./img/div_banner.jpg'); 
background-position: left;
background-repeat: no-repeat;
height: 120px;
color: #a32638; 
}

#header img {
	float: right;
}
#header h1 {
padding: 0;
margin: 0;
font-size: 12px;
color: #ffd87f;
}

#picView {
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: #e0e0e0;
	margin-left: -210px;
	margin-top: 200px;
	left: 50%;
	position: absolute;
	width: 400px;
	height: auto;
	display: none;
	padding: 5px 5px 1px 5px;
	border: dotted 2px;
}


#leftbar {
float: left;
width: 150px;
margin: 0;
padding: 1em;
text-align: center;
}

#leftbar img {
	border-style: none;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	float: clear;
}

#rightbar {
text-align: center;
font-family: Verdana, Geneva, Arial, sans-serif;
color: #a32638;
float: right;
width: 160px;
margin: 15px;
padding: 5px;
border: 1px solid #a32638;
vertical-align: middle;
}

#rightbar img {
	padding: 0;
	background-position: center;
	text-align: center;
  	border: 1px dotted grey;
	vertical-align: middle;
}

div.loader {
  width:160px;
  background-image: url('./img/loader.gif');
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 15px;
}

#main {
margin-left: 170px;
/* border-left: 1px solid #a32638; */
margin-right: 200px;
/* border-right: 1px solid #a32638; */
padding: 1em;

min-height:500px;
/* IE 6 hack for min-height */
height:auto !important;
height:500px;

background-image: url('./img/eggs_opaque.jpg');
background-position: bottom right;
background-repeat: no-repeat;

}

#main h2 {
	font-size: 18px;
	color: #a32638;
}

#main p, li {
	color: #a32638;
	font-size: 14px;
}

#main h3 {
	font-size: 12px;
	font-weight: bold;
	color: #a32638;
}

img.lfloat {
	border: none;
	float: left;
	padding-right: 5px;
}

img.rfloat {
	border: none;
	float: right;
}

p.small {
	font-size: 8px;
}

#main table {
	font-size: 11px;
	color: #a32638;
	border: 1px dotted grey;
	margin-bottom: 15px;
	cell-spacing: 10px;
	width: 60%;
	margin-left:auto; 
	margin-right:auto;
}

tr.head {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

tr.tr0 {
	background-color: #ffd87f;
}

#footer{
clear: both;
margin: 0;
padding: .2em;
color: #333;
background-color: #a32638;
border-top: 1px solid #a32638;
}

#footer h1  {
	font-size: 12px;
	color: #ffd87f;
	margin: 0;
	text-align: center;
}

#footer h2 {
	font-size: 8px;
	text-align: center;
	color: #ffd87f;
}

#leftbar p, #rightbar p { margin: 0 0 1em 0; }
#main h2 { margin: 0 0 .5em 0; }


#navigator {
	width: 150px;
	padding: 0 0 0 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	Verdana, Lucida, Geneva, Helvetica, 
	Arial, sans-serif;
	background-color: #a32638;
	color: #333;
	text-align:left;
}

#navigator ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
}
		
#navigator li {
		border-bottom: 1px solid #ffd87f;
		margin: 0;
		font-size: 18px;
}

#navigator li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 2px dotted grey;
		border-right: 2px dotted grey;
		background-color: #a32638;
		color: #fff;
		text-decoration: none;
		font-size: 10px;
		width: 100%;
}

html>body #navigator li a {
		width: auto;
}

#navigator li a:hover {
		border-left: 2px dotted #a32638;
		border-right: 2px dotted #a32638;
		background-color: #ffd87f;
		color: #a32638;
}

table.nutritional {
border: 1px dotted;
font-size: 10px;
}

p.small {
	font-size: 9px;
}