/* global settings */

*[onclick] {
	cursor:pointer;
}

body {
	margin:0px;
	background-color:#8f9f5f;
}

p, td, body, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #2A2428;
}
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	font-weight: normal;
	border: 1px solid #cccccc; background-color: #eeeeee; 
}

img {
	border:none;
}

/* headings */
h1 {
	color: #687818;
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-bottom: 0px;
	width: 100%;
}
h2 {
	color: #687818;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 10px;
}
h3 {
	color: #555;
	font-size: 10pt;
	margin-bottom: 7px;
	margin-top: 4px;
}

/* link treatment */
a,.jlink {
	color: #687818;
	text-decoration: none;
}
a:hover,.jlink:hover {
	color: #560B40;
}

a.menu {
	color: #560B40;
	font-size: 12pt;
	font-weight: normal;
	text-decoration: none;
}
a.menu:hover {
	color: #f5d300;
}

/****	Layout Settings		****/
	
	
	
	#main_layout {
		border-spacing:0px;
		text-align:center;
		width:1000px;
		margin:0px;
		table-layout:fixed;
	}
	
	#main_layout td {
		padding:0px;
	}
	
		#main_banner {
			background-image:url(../../images/banner.jpg);
			background-repeat:no-repeat; 
	
			height:150px;
			padding-right:7px; 
			padding-bottom:4px;
	
			color:#fff; 
			text-align:right; 
			vertical-align:bottom; 
		}
		
		#topmenu {
			background-image:url(../../images/menubar2.jpg);
			background-repeat: no-repeat;
		
			height: 32px;
			vertical-align:center;
			padding-right:7px;
			padding-bottom:4 px;
		
			color: #fff;
			text-align:center;
			font-size:11pt;
		}
		
		#topmenu a {
			color: #ffffff;
			text-align: center;
			font-size: 11pt;
		}
		
		#topmenu a:hover {
			color:#8f9f5f;
		}
		
		#content_left {
			background-repeat:repeat-y;
			background-image:url(../../images/tan_grad_left.jpg);
			background-position:left;
			background-color:#fcf5e5;
			
			padding:4px;
			width:200px;
			vertical-align:top;
		}
	
		#content_main {
			vertical-align:top;
			background-color:#fcf5e5;
			padding-bottom:15px;
		}
		
			#content_wrapper {
				width:600px;
				padding-bottom:15px;
				text-align:left;
			}
			
			#content_wrapper td {
				padding:0px;
			}
			
		#content_right {
			padding:4px; 
			width:200px; 
			background-image:url(../../images/tan_grad_right.jpg); 
			background-repeat:repeat-y; 
			background-position:right; 
			background-color:#fcf5e5;
			vertical-align:top;
		}
	
	#bottommenu { 
		background-color:#687818;
		color: black;
		height: 20px;
		text-align:center; 
		font-size:9pt;
	}
	
	#bottommenu a { 
		color:#f2e8cf; 
		text-align:center; 
		font-size:9pt;
	}
	
	#bottommenu a:hover { 
		color:#e4e477; 
		text-decoration:underline;
	}
	
	.copyright {
		font-size:8pt;
		margin-top:5px;
		color:#622010;
	}
	
/**** Text Areas	****/

hr {
	color: #B6D4A5;
	background-color: #B6D4A5;
	border: #B6D4A5;
	height: 1px;
}
.header {
	color: white;
	font-size: 10pt;
}
.blue {
	color: #0000dd;
}
.black {
	color: #000000;
}
.grey {
	color: #666666;
}
td.tag {
	background-color: #f5d300;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 10pt;
}
td.list
{
	line-height: 16px;
}
input.button, input.submit {
	border: 1px solid #eeee33; font-size: 10pt; background-color: #ffffaa;
}

ul { 
	/* list-style-position:inside; */
	list-style-image:url('../../images/bullet.png');
}
li {
	margin-top: 5px;
}

dt { 
	margin-top: 15px; 
	list-style-image: url('../../images/bullet.png');
}
dd {
	margin-top: 5px; 
	padding-left: 35px;  
	margin-left: 0px; 
}

#ingredients { 
	border-bottom: 1px solid #C2806C;
	border-top: 1px solid #C2806C;
}
#ingredients p { 
	font-size: 8pt;
	color: #772000;
}

.ingredients { 
	vertical-align: top;
}
.ingredients p { 
	font-size: 9pt;
	color: #772000;
	/* padding-left: 10px; text-indent: -10px; */
}
	
/*****	Objects		****/
	
	.content_table th {
		text-align:center;
		font-weight:bold;
		background-color:#d0b880;
		border:1px solid #a99568;
	}
	
	.content_table tr:nth-child(odd) {
		background-color:#f2e8cf;
	}
	
	.content_table .clickable_cell {
		cursor:pointer;
	}
	
	.content_table .clickable_cell:hover {
		background-color:#fff;
	}
	
	.form_input_table {
		text-align:left;
	}
	
	.form_input_table td {
		vertical-align:top;
	}
	
	.form_input_table tr td:first-child {
		text-align:right;
	}
	
	.featured_promotion {
	
		padding:15px;
		border:1px solid #a99568;
		background-color:#f1e6cd;
		
	}
	
	.featured_promotion h2 {
		margin-top:0px;	
	}
	
	#altbox {
		border:1px solid #a99568;
		margin-bottom:15px;
		margin-left:200px;
	}
	
	#altbox h1 {
		width: 100%;
		font-size: 10pt;
		font-weight: bold;
		color: #fff;
		background-color: #687818;
		margin-bottom: 0px;
		vertical-align: middle;
		text-align: center;
		padding-top: 6px;
		padding-bottom: 6px;
	}
	
	.divbox {
		border: 1px solid #aaaaaa; background-color: #eeeeee; padding:8px; margin-top: 10px; width: 300px;
		float: right; clear:right;
		display: none;
	}
	
	.recipebox {
		border:1px solid #90aa60;
		clear:both;
		display:block;
		font-size:9pt;
		margin-bottom:10px;
		padding-bottom:0;
		padding-left:0;
		padding-right:0;
		text-align:left;
		width:100%;
	}
	.recipebox h1 {
		background-color:#50B849;
		color:#104010;
		font-size:10pt;
		font-weight:bold;
		margin-bottom:0;
		margin-top:0;
		padding-bottom:4px;
		padding-top:4px;
		text-align:left;
		vertical-align:middle;
		width:100%;
	}
	.recipebox td {
		font-size: 9pt;
		vertical-align: top;
	}
	.recipebox p {
		font-size: 9pt;
	}
	
	.itemtable {
		margin-top: 0px;
	}
	.itemtable th { 
		background: none; color: #777777; font-size: 8pt; border: none;
	}
	
	.products_table {
		border-spacing:0px;
	}
	
	.products_table tr {
		cursor:pointer;
		-webkit-transition:background-color 0.2s linear;
		-moz-transition:background-color 0.2s linear;
		-o-transition:background-color 0.2s linear;
		transition:background-color 0.2s linear;
		background-color:#fcf5e5;
	}
	
	/*.products_table tr:nth-child(odd) {
		background-color:#fdb;
	}*/
	
	.products_table tr:hover {
		background-color:#d0b880;
		-webkit-transition:background-color 0.2s linear;
		-moz-transition:background-color 0.2s linear;
		-o-transition:background-color 0.2s linear;
		transition:background-color 0.2s linear;
	}
	
	.products_table .alttext {
		float:right;
		color:#fcf5e5;
		font-size:10px;
	}
	
	.products_table tr:hover .alttext {
		color:#000;
	}
	
	.clickable_div {
		cursor:pointer;
		background-color:#fcf5e5;
		-webkit-transition:background-color 0.2s linear;
		-moz-transition:background-color 0.2s linear;
		-o-transition:background-color 0.2s linear;
		transition:background-color 0.2s linear;
	}
	
	.clickable_div:hover {
		background-color:#d0b880;
		-webkit-transition:background-color 0.2s linear;
		-moz-transition:background-color 0.2s linear;
		-o-transition:background-color 0.2s linear;
		transition:background-color 0.2s linear;
	}
	
	.products_table td {
		padding:3px;
	}
	
	.products_table tr td:first-child {
		text-align:center;
		vertical-align:middle;
	}
	
	.barbox {
		background-image:url('../../images/semi_trans_back.png');
		background-repeat:repeat;
		
		margin:5px;
		
		display:block;
		width:190px;
		font-size:9pt;
		border:1px solid #a99568;
		text-align:left;
		margin-bottom:10px;
		padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
	}
	
	.barbox h1 {
		width: 190px;
		font-size: 10pt;
		font-weight: normal;
		color: black;
		background-color: #d0b880;
		margin-top: 0px;
		margin-bottom: 0px;
		vertical-align: middle;
		text-align: center;
		padding-top: 6px;
		padding-bottom: 6px;
	
	} /* background-image: url(/Images/bg6.gif); */ 
	
	.barbox h2 { font-size: 10pt; font-weight: bold; color: black; margin-top: 0px; vertical-align: middle; text-align: left; padding-top: 2px;  margin-bottom: 0px; padding-bottom: 0px;}
	.barbox h3 { font-size: 10pt; font-weight: bold; color: 772000; margin-top: 5px; margin-bottom: 5px; text-align: center; vetical-align: middle; }
	.barbox p, .barbox td { font-size: 9pt; margin-left: 5px; }
	.barbox div { padding: 5px;; }
	.barbox a { color: #000000; text-decoration: none; }
	.barbox a:hover { color: #bb4400; text-decoration: none; }
	.barbox a span { display: none; text-decoration: none; }
	.barbox a:hover span { display: block; text-decoration: none;
	   position: absolute; width: 150px; 
	   padding: 5px; margin-top: 10px; z-index: 100;
	   color: #000000; background-color: #bbbbe3; border: 1px solid white;
	   font: 10px Verdana, sans-serif; text-align: left; } 
	
	.testbox { display: block; width: 100%; font-size: 10pt; border: 1px solid #a99568; text-align: left; margin-bottom: 10px; padding: 0px;}
	.testbox h1 { width: 100%; font-size: 10pt; font-weight: normal; color: black; background-color: #d0b880;  background-image: url(/Images/bg6.gif);  margin-top: 0px; margin-bottom: 0px; vertical-align: middle; text-align: center; padding-top: 6px; padding-bottom: 6px; }
	.testbox h2 { font-size: 10pt; font-weight: bold; color: black; margin-top: 0px; vertical-align: middle; text-align: left; padding-top: 2px;  margin-bottom: 0px; padding-bottom: 0px;}
	.testbox h3 { font-size: 10pt; font-weight: bold; color: 772000; margin-top: 5px; margin-bottom: 5px; text-align: center; vetical-align: middle; }
	.testbox p, .testbox td { font-size: 9pt; margin-left: 5px; }
	.testbox div { padding: 5px;; }
	.testbox a { color: #000000; text-decoration: none; }
	.testbox a:hover { color: #bb4400; text-decoration: none; }
	.testbox a span { display: none; text-decoration: none; }
	.testbox a:hover span { display: block; text-decoration: none;
	   position: absolute; width: 150px; 
	   padding: 5px; margin-top: 10px; z-index: 100;
	   color: #000000; background-color: #bbbbe3; border: 1px solid white;
	   font: 10px Verdana, sans-serif; text-align: left; } 
	   
	
.success {
	background-color:#dfd;
	border:#0c3 solid 1px;
	padding:3px;
	margin:10px;
}

.error {
	background-color:#Fc6;
	border:#c20 solid 1px;
	padding:3px;
	margin:6px;
}

.error h2 {
	color:#c20;
}