/* CSS Document */

body{ 
	background-image:url(images/dirt_trail_background.png); 
	background-repeat:repeat-x;
	background-color:#b69252;
}

p{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#111111;
	font-size:1em; line-height:1.3em;
	margin-left:20px; margin-right:50px;
}

a{	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#2c3e0d;
	font-size:1em;
}

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#111111;
	font-size:1.3em;
}

h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#111111;
	font-size:1.5em;
	margin-left:250px; margin-right:50px; margin-top:100px;
}

h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#111111;
	font-size:1.1em;
	margin-left:20px; 
	
}
ul{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#111111;
	font-size:0.9em; line-height:1.3em;
	margin-left:50px; margin-right:50px;
}

h1.smaller
{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#111111;
	font-size:1.5em;
	margin-left:250px; margin-right:50px; margin-top:100px;
}
/* Page Area Styles */
.transparent{
	width:960px; padding-bottom:5px;
	margin-left:auto; margin-right:auto; margin-top:20px;
	background-image:url(images/transparency.png); background-repeat:repeat;
	border-style:solid; border-width:1px; border-color:#876643;
}
.main{
	width:950px;
	margin-left:auto; margin-right:auto; margin-top:5px;
	background-color:#ffffff;
	border-style:solid; border-width:1px;
	border-color:#3d3327; 
	background-image:url(images/background-paper.png); background-repeat:repeat;
}

.header{
	background-image:url(images/GoldenSummitTop.jpg);
	width:950px; height:270px;
	clear:left; display:block;
}

.content{
	z-index:1;
}

.footer{
	background-image:url(images/small-green-bar.jpg); background-repeat:repeat-x;
	height:15px;
}

.logoSection{
	float:left; background-image:url('images/large-green-bar.png'); 
	width:250px; 
	height:46px; margin-top:37px;
}

.navigation{
	width:950px;
	margin-top:37px; padding:0;
	list-style:none;	
	text-align:center; line-height:40px;
	z-index:2;
}

.navigation li{
	float:left;	
	background:url(images/large-green-bar-button.png) repeat-x center center;	/* default background image	*/
	width:140px;							/* width and height of the menu item */
	height:46px;
	position:relative;
}

.navigation li a{
	z-index:20;	
	display:block;	
	height:46px;
	position:relative;
	color:#ffffff; text-decoration:none;
	font-weight:bold; outline:none;
}

.logo{
	position:relative;
	top:-50px; left:0px;
	margin-left:auto; margin-right:auto;
	background-image:url('images/GoldenSummitLogo-small.png');
	background-repeat:no-repeat; background-position:left top;
	width:300px; height:163px; z-index:3;
	
}
.logo a {
	text-indent:-999px;
	display:block; width:300px; height:162px;
	outline:none;
}

#buildTrailMixButton {display:block; width:205px; height:80px; text-indent:-9999px; 
                      background-image:url('images/buildmixbutton.png'); outline:none;}
#buildTrailMixButton:hover {background-position:0 -79px;}

.coloredbutton {display:block; width:130px; height:25px; background-image:url('images/buttonbackground.png'); outline:none; border:solid 2px #FFFAE6;}
.coloredbutton:hover {background-position:0 -34px;}

#ingredientsListSection
{
	float:left; width:685px;
}
#currentMixSizeSection
{
	width:210px; overflow:auto;
	background-color:#f5f5f5; 
	margin-top:20px; margin-right:10px; margin-left:10px;
	border:2px solid #f0f0f0; padding:10px; padding-top:0px;
}
#currentMixSection
{
	width:230px; min-height:200px; overflow:auto;
	background-color:#f5f5f5; 
	margin-top:40px; margin-right:10px; margin-left:10px;
	border:2px solid #f0f0f0;
}
#shoppingCartSection
{
	width:230px; min-height:200px; overflow:auto;
	background-color:#f5f5f5; 
	margin-top:40px; margin-right:10px; margin-left:10px; margin-bottom:20px;
	border:2px solid #f0f0f0;
}
	
.ingredientsTable
{
	width:700px; border:0;
	margin-left:0px;
}
.ingredient
{
	background-color:#ffffff; padding:5px; margin:5px;
	text-align:center; vertical-align:top; min-height:200px;
	width:200px; border:2px solid #f0f0f0;
}
.addButton
{
	margin-top:10px; margin-left:2px; margin-right:2px; padding:2px;
}
.addPremixButton
{
	margin-top:10px; margin-left:2px; margin-right:2px; padding:2px;
}
table.management
{
	width:600px; margin-left:50px; margin-bottom:100px;
	text-align:center;
}
.management a
{
	font-size:16px; text-decoration:none;
}
.management a:hover
{
	color:#555555;
}
.ingredientHeader
{
	display:block; width:666px; cursor:pointer;
	padding:5px; background-color:#f5f5f5;
	border:2px solid #f0f0f0;
	margin-bottom:15px; margin-left:8px; outline:none;
}
.ingredientHeader h3{margin:0px;}
.premix
{
	background-color:#ffffff; padding:5px; margin:5px;
	text-align:center; vertical-align:top; min-height:200px;
	width:260px; border:2px solid #f0f0f0;
}
.premixTable
{
	min-width:800px; border:0;
	margin-left:30px;
}
.nutritionTable
{
margin-left:50px;margin-top:20px;width:350px;
border:1px #000000 solid; background-color:#ffffff;
}

.nutritionTable p
{
	margin-bottom:0px; margin-top:0px; margin-right:18px;
}
.nutritionTable hr
{
	color:#000000; height:4px; width:320px;
	background-color:#000000;
}
.nutritionTable hr.smallline
{
	color:#000000; height:1px; width:300px; 
	margin-top:0; margin-bottom:0;margin-left:20px;
}
p.disclaimer{ font-style:italic;}

.quantityField
{
	width:50px; text-align:center;
}
.divEditOrder
{
	background-color:#EEE8AA; width:800px; margin-left:30px;
	border:2px solid #D2B48C; padding:20px;
}
input[type="text"]		{border:1px #bbb solid;}
input[type="text"]:focus {border:1px #f8d871 solid; }
input[type="text"].red	{border:1px #dd0000 solid; background-color:#FFEAEA}
select.red				{border:1px #dd0000 solid; background-color:#FFEAEA}
input[type="text"].normal	{border:1px #bbb solid; background-color:#FFFFFF}
select.normal	{border:1px #bbb solid; background-color:#FFFFFF}

.deleteButton	{height:25px; width:25px; background-image:url("images/removebutton.png"); outline:none; background-color:transparent; border:0px; cursor:pointer; outline:none; background-repeat:no-repeat;}
.addMixButton	{outline:none; height:34px; width:78px; margin:5px 0px 5px 0px; background-image:url("images/addMixButton.png"); outline:none; background-color:transparent; border:0px; cursor:pointer;}
.addMixButton:hover	{background-position:0px -33px;}
.addCartButton	{outline:none; height:34px; width:78px; margin:5px 0px 5px 0px; background-image:url("images/addCartButton.png"); outline:none; background-color:transparent; border:0px; cursor:pointer;}
.addCartButton:hover	{background-position:0px -33px;}
.cancelCartButton	{outline:none; height:25px; width:85px; padding-bottom:9px; margin:9px 0px 5px 0px; background-image:url("images/cancelMixButton.png"); outline:none; background-color:transparent; border:0px; cursor:pointer;}
.cancelCartButton:hover	{background-position:0px -25px;}
.largeGreenButton	{color:#f2f2f2; height:30px; width:125px; margin:5px 0px 5px 0px; font-weight:bold; background-image:url("images/longGreenButton.png"); outline:none; background-color:transparent; border:0px; cursor:pointer;}
.largeGreenButton:hover	{background-position:0px -30px;}
.largeGreyButton	{color:#333; background-position:0px -30px; height:30px; width:148px; margin:5px 0px 5px 0px; font-weight:bold; background-image:url("images/largeGreyButton.png"); outline:none; background-color:transparent; border:0px; cursor:pointer;}
.largeGreyButton:hover	{background-position:0px 0px;}