/* CSS Document */

/**/

html {
	font-size: 100%;
}

body {
	background: #ad8055 url(images/bg.gif) repeat-x;
	color:#000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
	min-width: 980px;
	text-align: center;
}
*{
	margin:0;
	padding:0;
}
/**/

/* Div CSS
------------------------------------------------------------------------------------- */
		/*#bg_top{
			background: url(images/background_top.gif) repeat-x top center;
			height:300px;
			width: 100%;
			left: 0;
			position: absolute;
			top: 0;
			z-index: 0;
		}*/
		#wrapper {
			width: 1000px;
			margin: 0 auto;
			position: relative;
			z-index: 1;
		}
			#content_spot {
				background: #f3daa5;
				display: inline;
				float: left;
				margin: 25px 10px 0;
				position: relative;
				text-align: left;
				width: 980px;
				min-height:640px;
				height:640px;
				height:auto;
			}
				div.top {
					display: block;
					height: 98px;
				}
						img#logo{
							position: absolute;
							top: -23px;
							left: 0px;
							z-index: 2;
							border:none;
						}
						form#search_bar {
							position: absolute;
							z-index: 2;
							right: 35px;
							top: 20px;
						}
							form#search_bar #field {
								border: 1px solid #cdcab7; 
								color: #3a4f20;
								background-color:#f7e9cd;
								font-size: 10px;
								font-style: italic;
								height: 14px;
								padding: 2px; 
								width: 150px;
							}
							form#search_bar #field.search_focus {
								color: black;
								font-style: normal;
							}
				div.header {
					background: #6f1f1b url(images/header.gif) no-repeat;
					color: #edd5a1;
					display: inline;
					float: left;
					height: 157px;
					margin: 0 20px 0;
					padding:15px 20px 20px 18px;
					width: 900px;
					position: relative;
					/*-moz-border-radius:3px;
					-webkit-border-radius:3px;
					border-radius:3px;*/
				}
				div#line{
					background-color:#4f321e;
					clear:left;
					float: left;
					display: inline;
					margin-top: 6px;
					font-size: 0;
					width:570px;
					height:2px;
				}
					#header_photo {
						border-left: 5px solid #925e34;		
						display: inline;
						float: right;
						margin: -15px -20px -20px 0;
						width: 288px;
						height: 192px;
						position: relative;
					}
					#ie6 #header_photo {
						margin-right: -58px;
					}
					.fader_wrap {
						position: relative;
					}
					.fader_wrap * {
						position: absolute;
						top: 0px;
						left: 0px;
					}
					#header_photo img {
						width: 288px;
					}
					/*#header_slide_captions {
						float: right;
						width: 100px;
						height: 100px;
						display:none;
					}*/
					/*#header_slide_captions div {
						background-color: #6f1f1b;
						color: #edd5a1;
						width: 100px;
						height: 100px;
						font-size: small;
					}*/
				.columns {
					display: inline;
					float: left;
					padding: 10px 20px 25px 40px;
					width: 920px;
				}
						.search .columns {
							width: 940px;
						}
					.column_left {
						display: inline;
						float: left;
						position: relative;
						width: 587px; /* 920px - 333 for right column */
					}
						.search .column_left {
							width: 940px;
						}
					.column_right {
						display: inline;
						float: right;
						font-size: 0.85em;
						width: 295px;
						margin-top:-10px;
					}
						#ie6 .column_right {
							margin-right: -60px;
						}
						.column_right p {
							clear: both;
							margin: 0;
							padding: 10px 0 10px 20px;
							width: 247px;
						}
					.whats_new {
						border-bottom: 5px solid #f8f5f0;
						border-left: 5px solid #f8f5f0;
						display: inline;
						float: left;
						height: 145px;
						margin-bottom: 15px;
						overflow: hidden;
						padding: 10px 0 15px;
						position: relative;
						width: 290px;
					}
						.whats_new .navigator {
							float: right;
							display: inline;
							width: 150px;
							margin: 15px 10px 0 0;
						}
				.corner_left, .corner_right, .top_corner_right {
					bottom: 0;
					clear: both;
					height: 10px;
					position: absolute;
					width: 10px;
					z-index: 3;
				}
					#ie6 .corner_left, #ie6 .corner_right {
						display: none;
					}
					.corner_left {
						left: 0;
					}
					.corner_right {
						right: 0;
					}
					.top_corner_right {
						top: 0;
						right: -1px;
						bottom: auto;
					}
			#bottom {
				color: #495b32;
				display: inline;
				float: left;
				font-size: 11px;
				height: 28px;
				padding-top: 12px;
				text-align: left;
				margin-left: 10px;
			}
			
			
/* Object Styles
------------------------------------------------------------------------------------- */
	
		h1, h2, h3 {
			font-family: Verdana, "Times New Roman", Times, serif;			
		}
		h1 {
			color: #ffe88a;
			font-size: 1.5em;
		}
			body.home h1 {
				color: #fff;
			}
			h1.header_title{
				text-indent:-5000px;
				float: left;
				display: inline;
				width: 550px;
				background-repeat:no-repeat;
				height: 41px;
			}
			h1.no_image{
				text-indent:none;
			}
			
		h2 {
			color: #6f1f1b;
			font-size: 1.25em;
			font-style: italic;
			margin-left: 2px;
			clear: left;
		}
			body.home div.header h2 {
				color: #ffe88a;
				font-weight: normal;
			}
			h2.news {
				color:#4D6A88;
				margin-top:10px;
			}
			body.products #column_right h2 {
				margin-bottom: -5px;
			}
			.columns h2 {
				margin: 15px 0 5px;
			}
			h2.header_sub{
				text-indent:-5000px;
				float: left;
				clear: left;
				display: inline;
				width:465px;
				background-repeat:no-repeat;
				margin:1px 0 0 0; 
				height:22px;
			}
		h3 {
			margin-top: 30px;
			font-size: 1em;
		}
			div.whats_new h3 {
				color: #6f1f1b;
				font-family:Verdana;
				font-size: 1.125em;
				font-style: italic;
				font-weight: normal;
				margin: 0px 0 15px 15px;
			}
		
		p, blockquote, .columns li {
			font: normal 0.8125em/140% Verdana, Helvetica, Arial, sans-serif;
			text-align: justify;
		}
			p, blockquote, .columns ul, .columns ol {
				margin: 14px 0;
			}
			blockquote, .columns li {
				margin-left: 25px;
			}
			.header p {
				font-size: 0.9375em;
				margin: 10px 0 0 6px;
				font-style:italic;
				width:570px;
				display: inline;
				float: left;
			}
			p.results_print {
				clear: left;
				display: inline;
				float: left;
				margin: 8px 0 15px 0;
				width: 200px;
			}
			p.news_item{
				padding:0 0 15px 15px;
			}
		strong {
			
		}
			strong.blue {
				color: #4d6a88;
			}
		
		em {
			
		}
		
		small {
			
		}
			.results_print small {
				font-size: 0.875em;
			}
		span.numbers {
			display: inline;
			float: right;
			margin: 1px 8px;
			font-size: .875em;
			line-height: 150%;
		}
		
		img.left, img.right {
			border: 3px solid #c7ab94;
			display: inline;
			float: left;
			padding: 1px;
			margin: 5px 19px 13px 0;
		}
			img.right {
				float: right;
				margin: 5px 0 13px 19px;
			}
			img.news {
				margin-top: 20px;
			}


	/* List Styles
	------------------------------------------------------------------------------------- */

	.columns ul, .columns ol {
	
	}
		.columns ul li, .columns ol li {
		}
	
	

	/* Form Styles
	------------------------------------------------------------------------------------- */
	
		.columns form {
			float: left;
			display: inline;
			font-size: 0.8em;
		}
			.columns form li {
				font-size: 1em;
				margin: 0;
			}
	
		form#search_bar {
			width: auto;
			margin: 0;
		}
		form#search_bar * {
			display: inline;
			float: left;
		}
			.search_button {
				background: url(images/button_productsearch.gif) no-repeat;
				font-size: .5em;
				height: 22px;
				margin: -1px 8px 0 4px;
				text-indent: -5000px;
				width: 112px;
			}
			.help {
				font-size: 0.6875em;
				line-height: 150%;
				color: #b35000;
			}
			.results_print a {
				display: block;
				padding-left: 22px;
				background: url(/images/icon_print.gif) no-repeat 0 4px;
			}


	/* Table Styles
	------------------------------------------------------------------------------------- */

		.columns table {
			border-collapse: collapse;
			font-size: 100%;
			clear: left;
		}
			.columns table td {
				vertical-align: top;
			}
		table.ordering {
			font-size: 1em;
		}
			table.ordering td {
				padding: 2px 4px;
				border: 1px solid #8f5e33;
			}
			table.ordering td.left {
				background: #ac8245;
			}
			table.ordering td.right {
				background: #F4E6C9;
			}
			
		div#search_results {
			display: inline;
			float: left;
			max-width: 1060px; /* Fix me! IE7 is not happy about this */
			clear: left;
			position: relative;
		}
		table.specs {
			font-size: 0.6875em;
			width: 900px;
		}
			table.specs thead {
				background: #ac8245;
			}
			table.specs tr td {
				cursor: pointer;
			}
			table.specs tr.even td {
				background: #F4E6C9;
			}
			table.specs tr:hover td {
				background: #d5dfea;
				color: #12263c;
			}
			table.specs th, table.specs td {
				padding: 4px 6px;
				border: 1px solid #8f5e33;
				text-align: center;
			}
			table.specs th.descrip, table.specs td.descrip {
				text-align: left;
			}
			table.specs td .thumbnail {
				position: relative;
			}
			table.specs td .thumbnail a .magnifying_glass {
				position: absolute;
				right: 1px;
				bottom: 3px;
				width: 15px;
				height: 15px;
				background: url(images/magnifying_glass.png) bottom right no-repeat;
			}
			table.specs td .thumbnail a img {
				width: 32px;
				height: 32px;
				border: 1px solid #8F5E33;
				background: #AC8245;
			}
			/* see common.css */	
	
/* Link Styles
------------------------------------------------------------------------------------- */
	
		a {
			color: #2d4411;
		}
		a.news_title {
			color: #2d4411;
			font-weight: bold;
		}
		a.brown{
			color: #c04b00;
			text-decoration: underline;
		}
		.header a {
			color: #fdf7e3;
		}
		a.button {
			background: url(images/button_bg_left.gif) no-repeat left center;
			color: #fff;
			display: inline;
			float: left;
			font-size: 0.95em;
			font-weight: bold;
			height: 22px;
			line-height: 115%;
			text-decoration: none;
			margin-left:10px;
		}
			a.button span {
				background: url(images/button_bg_right.gif) no-repeat top right;
				border: none;
				display: inline;
				float: left;
				height: 22px;
				padding: 3px 10px 0 10px;
			}
			.column_right a.button span {
				font-size: 12px;
				font-weight:normal;
			}
		a#news_previous, a#news_next {
			background: #faf8f5;
			border: 1px solid #dfd9cb;
			color: #7e7359;
			display: inline;
			float: right;
			font-size: 1.125em;
			line-height: 80%;
			padding: 0 6px 4px;
			text-decoration: none;
		}
			a#news_next {
			}
			a.disabled {
				opacity: 0.4;
				-moz-opacity: 0.4;
				filter:alpha(opacity=40);
			}
		#bottom a{
			color:#495b32;
		}
			
	/* Menu Styles
	------------------------------------------------------------------------------------- */
		ul#top_menu li a span{
			border-bottom:1px solid #d5cfb3;
			display:block;
			padding-bottom:2px;
		}
		ul#top_menu li.current a span, ul#top_menu li a:active span, ul#top_menu li a:hover span{
			border:none;
		}
		ul#top_menu {
			left: 241px;
			position: absolute;
			top: 56px;
		}
			ul#top_menu li, ul#results_menu li, ul#sub_menu li {
				display: inline;
				float: left;
				height: 26px;
				list-style-type: none;
				margin: 0;
			}
				ul#top_menu li a, ul#results_menu li a, ul#sub_menu li a {
					background: #f4e6c9;
					border: 1px solid #e9d9b8;
					color: #000;
					display: inline;
					float: left;
					font-size: 0.8125em;
					height: 16px;
					line-height: 100%;
					margin-right: 5px;
					padding: 4px 6px;
					text-decoration: none;
					-moz-border-radius:5px;
					-webkit-border-radius:5px;
					border-radius:5px;
				}
						/*#ie6 ul#top_menu li a, #ie6 ul#results_menu li a, #ie6 ul#sub_menu li a {
							padding: 5px 7px 6px !important;
						}*/
					ul#top_menu li a:hover, ul#results_menu li a:hover, ul#sub_menu li a:hover {
						background: #AC8245;
					}
			ul#top_menu li.current, ul#results_menu li.current, ul#sub_menu li.current {
				background: transparent url(images/menu_arrow.gif) no-repeat center bottom;
				height: 31px;
			}
				ul#top_menu li.current a, ul#results_menu li.current a, ul#sub_menu li.current a {
					background: #ac8245 !important;
					border: 1px solid #ac8245;
					color: #000;
					text-decoration:none;
				}

		ul#results_menu, ul#sub_menu {
			display: inline;
			float: left;
			margin: 0;
			margin-top: 5px;
			width: 800px;
		}
			ul#results_menu li {
			}
				ul#results_menu li.show {
					font-size: 0.875em;
					line-height: 170%;
					margin-right: 10px;
				}
				ul#results_menu li a, ul#sub_menu li a {
					font-size: 1em;
				}
				ul#results_menu li a:after, ul#sub_menu li a:after {
					content: " \00203A\00203A";
				}
				ul#results_menu li.current a:after, ul#sub_menu li.current a:after {
					content: "";
				}
				
		ul#sub_menu {
			margin:0 -60px 15px -20px;
			width:650px;
			position: relative;
		}
			ul#sub_menu li a {
				margin-right: 3px;
			}

/*
Pallet Calculator
*/

body.pallet_calc #item_add {
	position: relative;
}
body.pallet_calc #live_result {
	position: absolute;
	background-color: white;
	padding: 0px 10px;
	width: 300px;
	opacity: 0.85;
	font-size: small;
}
body.pallet_calc #live_result ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
body.pallet_calc #live_result li {
	margin: 10px;
}
body.pallet_calc table#pallet {
	display: none;
	width: 100%;
}
body.pallet_calc table#pallet th, table#pallet td {
	font-size: small;
	padding: 5px 10px;
}
body.pallet_calc table#pallet td.act {
	padding-left: 0px;
}
body.pallet_calc table.count {
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px;
}
body.pallet_calc table.count td {
	text-align: center;
	font-size: small;
	background-color: #F4E6C9;
	padding: 5px;
	width: 33.333%
}
body.pallet_calc table.count td div {
	font-size: large;
}
body.pallet_calc table.count td.form_wrap {
	padding: 10px 20px;
	width: 100%;
	background-color: #6F1F1B;
	color: #FFE88A;
}
body.pallet_calc .code_label {
	float: left;
	margin-right: 20px;
	font-size: large;
}
.code_wrap {
	font-size: large;
	position: relative;
	float: left;
}



.letterhead, .print_only {
	display: none;
}

/* search results table */

td.pack, td.ratios, td.dim, td.scc, td.kosh {
	white-space: nowrap;
}
td.dim, td.scc {
	font-size: 0.85em;
}


/* nutritionals */

.search_nutrition, .search_nutrition * {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0;
	padding: 0;
}
.search_nutrition .wrapper-top,
.search_nutrition .wrapper-main,
.search_nutrition .wrapper-bottom,
.search_nutrition div.header {
	text-align: center;
	padding-bottom: 10px;
	width: 632px !important;
}
.search_nutrition table {
	border-collapse: collapse;
	width: 100%;
}
.search_nutrition td {
	vertical-align: top;
	text-align: left;
}
.search_nutrition h1 { font-size: 18px; font-weight: bold; }
.search_nutrition .nutritionfacts { font-size: 16px; font-weight: bold; text-decoration: underline}
.search_nutrition .servingsize { font-size: 13px; font-weight: normal; }
.search_nutrition .amountperserving {font-size: 13px; font-weight: bold; border-top: 4px solid #000; padding: 4px 0 10px; }
.search_nutrition .facts { font-size: 11px; font-weight: normal; width: 90px;  border-bottom: 1px solid #000; text-align: right;}
.search_nutrition .facts-titles { font-size: 11px; font-weight: normal; width: 170px; border-bottom: 1px solid #000; text-align: left;}
.search_nutrition .line { font-size: 13px; font-weight: normal; width: 220px; height: auto }
.search_nutrition .dailyvalues {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align: left; line-height: 10px;}
.search_nutrition .ingredients { font-size: 10px; font-weight: normal; }
.search_nutrition .ingredients-title { font-size: 10px; font-weight: bold; }

.search_nutrition .code { font-size: 18px; font-weight: normal; }
.search_nutrition p.info { font-size: 15px; font-weight: normal;  }
.search_nutrition div.content {
	width: 632px;
	padding-bottom: 25px;
}
.search_nutrition div.container {
	padding: 10px;
	height: auto;
	width: 270px;
	border: 1px solid #000000;
}


/* case labels */

.search_labels *{
	margin:0;
	padding:0;
	}
.search_labels #label_border{
	border: 9px solid #ffff00;
	width: 923px;
	height: 301px;
	display:block;
	position: relative;
	margin-left:-20px;
}
p.wide {
	width: 500px;
}
.search_labels #label_border2{
	border:3px solid #000;
	display:block;
	width: 917px;
	height: 295px;
}
.search_labels #label_left{
	background-color: #fff;
	display: inline;
	float: left;
	height: 295px;
	padding-left: 5px;
	position: relative;
	width: 260px;
}

.search_labels #label_center{
	background-color: #fff;
	display: inline;
	float: left;
	height: 295px;
	padding-left:5px;
	position: relative;
	width: 330px;
}

.search_labels #label_right{
	background-color: #fff;
	width: 315px;
	height: 295px;
	display: inline;
	float: left;
	position: relative;
	border-left-width: 2px;
	border-left-style: dashed;
	border-left-color: #000;
}

.search_labels .barcode{
	margin: 0 120px 0px 20px;
	display: block;
	width: 135px;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}
.search_labels div.barcode_abs{
	clear: left;
}
.search_labels img.logo_large{
	display: inline;
	float: left;
	padding-top: 3px;
	width: 260px;
	position: relative;
	left: 0px;
}

.search_labels img.logo_small{
	display: inline;
	float: left;
	padding: 8px 0 10px 0;
	width: 240px;
	height: 121px;
	position: relative;
	left: 28px;
}
	

.search_labels p.ingredients{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	margin: 15px 10px 10px 10px;
	padding-top: 5px;
	line-height: 90%;
}

.search_labels p.basic{
	font-family: Arial, Verdana, sans-serif;
	font-size: 28px;
	line-height: 110%;
	display: inline;
	float: left;
	font-weight: 100;
	padding-left: 5px;
}
.search_labels div.basic_abs{
	clear: left;
	font-size: 20px;
}

.search_labels p.info{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	font-size: 11px;
	display: inline;
	float: left;
	margin-bottom: 2px;
	position: absolute;
	bottom: 0;
	left: 1px;
}

.search_labels p.frozen{
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-weight: bold;
	font-size: 20px;
	font-variant: small-caps;
	margin: 5px 0 5px 0;
}

.search_labels p.number{
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 40px;
	display: inline;
	float: right;
	font-weight: 100;
	border: 0;
	position: absolute;
	z-index: 3;
	top: 0;
	right: 8px;
}

#ajax_busy {
	visibility: hidden;
}
.active {
	clear: left;
	display: inline;
	float: left;
	padding: 2px 4px;
	background: #7e400e;
	border: 2px solid #a94b00;
	color: #fff;
}
.inactive {
	display: none;
}