*
{
	padding:0px;
	margin:0px;
	border:0;
}

#recipe
{
	float: left;
	width: 6.6in;
}

body, html 
{
	text-align:left; /*** Centers the design in old IE versions ***/
	color:#0a0203;
	font-family: Times New Roman, Times, serif;
	width:6.9in;
	background-image:none;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px; 
}

.shuttermenu_grocey .ekmenu {
	background-color:#FFFFFF;
	margin:0px;
	padding:0px; 
}

#TabContainer1_ctl001 {
	display:block;
	visibility:visible;
	width:100%;
}

#TabContainer1_ctl002 {
	display:block;
	visibility:visible;
	width:100%;
}

#TabContainer1_ctl003 {
	display:block;
	visibility:visible;
	width:100%;
}

#content-full-product {
width:500px;
}

body
{
	font-size:12pt;
	background-color:#ffffff;
}

div {
	padding:0px;
	margin:0px;
	text-align:left;
}

textarea
{
	border-top-color:#0a0203;
	border-top-style:solid;
	border-top-width:thin;
	border-right-color:#0a0203;
	border-right-style:solid;
	border-right-width:thin;
	border-bottom-color:#0a0203;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-left-color:#0a0203;
	border-left-style:solid;
	border-left-width:thin;
}
input 
{
	border-top-color:#0a0203;
	border-top-style:solid;
	border-top-width:thin;
	border-right-color:#0a0203;
	border-right-style:solid;
	border-right-width:thin;
	border-bottom-color:#0a0203;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-left-color:#0a0203;
	border-left-style:solid;
	border-left-width:thin;
}
td p
{
	padding:0px;
}

.clear 
{ 
	clear: both; 
}

#mainContainer 
{
	
	height:auto !important; /* real browsers */
	min-height:auto;
	width:6.9in;
	border-left:0px;
	border-right:0px;	
	background-color:#ffffff;
	background-image:none;
	padding:0px;
	margin:0px; /*** Centers the design ***/
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/	
}


form 
{
	height:auto;
	min-height:auto;
}


/**************************
HEADER
**************************/
#header-print
{
	display:block; 
	padding-bottom:20px;
}
#tab-print
{
	display:block; 
	padding-top:20px;
	width:6.9in;
}

#TabBarRecipe {
display:none;
}

#header {display:none;}
#header-logo {display:none;}
#header-housekeeping {display:none;}

/**************************
CONTENT AND COLUMNS
**************************/
#float-wrap 
{
	float: none;
	width: 100%;
	min-height:auto;	
	margin-left:0px;
}

#float-wrap-full 
{
	float: none;
	width: 100%;	
	margin-left:0px;
	min-height:auto;
}

* html #float-wrap 
{
	/*** No need for hacking IE on this layout ***/
	height:auto;
	float:none;
}

#content 
{
	float:none;
	width:100%;	
	margin:0px;
	padding:0px;
}
#content H1
{
	font-family: Times New Roman;
	font-size: 35px;
	color:#0a0203;
}
#content H2
{
	font-family: Times New Roman;
	font-size: 25px;
	color:#0a0203;
}

#content p
{
	padding:5px 0px 5px 0px;
}

#content-brand-introduction
{
	position: relative;
	float:none;
	width:200px;
	padding-right:0px;
	padding-top:20px;
}
#content-brand-introduction H1
{
	font-family:Tahoma Geneva, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:22px;
	color:#006937;
}
#content-brand-featured
{
	position: relative;
	float:right;
	width:368px;
	padding-top:20px;
}

#outer-full{
	width:100%;
	padding: 0px; 
}
#inner-full{
	float:none;
	width:100%;
	padding: 0px;
}
#float-wrap-full{
	float:none;
	width:100%;
	padding: 0px;
}
#content-full {
	float:none;
	width:6.9in;
	margin:0px;
	padding:0px;
}
#content-collection {
	float:none;
	width:6.9in;
	margin:0px;
	padding:0px;
}
#outer{
	width:100%;
	padding: 0px; 
}
#inner{
	float:none;
	width:100%;
	padding: 0px;
}
#float-wrap{
	float:none;
	width:100%;
	padding: 0px;
}

#content-full
{
	width: 6.9in;
	min-height:auto;
	padding:0px;
}
#content-brand 
{
	float: right;
	width: 100%;
	min-height:auto;
	padding: 0px;
}
#content-brand table
{
	border-bottom-width: 2px;
	border-bottom-color: #939ca1;
	border-bottom-style: solid;
	border-left-width: 2px;
	border-left-color: #939ca1;
	border-left-style: solid;
	border-right-width: 2px;
	border-right-color: #939ca1;
	border-right-style: solid;
}
#content-brand H1
{
	font-size: 15px;
	font-weight:bold;
	height:20px;
	background: #939ca1 url("/uploadedimages/Shared_Content/foodservice/H-brand-bg.jpg") repeat-y;
}
#content-collection
{

	background-color:#ffffff;
	margin:0px;
	padding:0px;
}



* html #content 
{
	position: relative;  /*** IE needs this  ***/
}

/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left 
{

	display:none; 
	background-image:none;
	padding:0px;
	width:0px;
	margin:0px;
	float:none;
}

#left-full
{
	display:none; 
	background-image:none;
	width:0px;
	padding:0px;
	margin:0px;
	float:none;
}

* html #left 
{
	position: relative;  /*** IE needs this  ***/
	background-image:none;
	padding:0px;
	margin:0px;
	min-height:auto;
	height:auto;
}

#ProductTable 
{
	
	border-top-color:#00703c;
	border-top-width:2px;
	border-top-style:solid;
	border-left-color:#00703c;
	border-left-width:2px;
	border-left-style:solid;
	
}

#ProductCollection 
{
	width:135px;
	background-color:#c7d3da;
	border-right-color:#00703c;
	border-right-width:2px;
	border-right-style:solid;
	border-bottom-color:#00703c;
	border-bottom-width:2px;
	border-bottom-style:solid;
	text-align:center;
}

#ProductCollection p
{
	display:block;
	background-color:#c7d3da;
	padding:10px 10px 10px 10px;
	margin:0px;
	color:#0a0203;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}

#ProductCollection p a
{
	color:blue;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}

/*************************
RIGHT COLUMN
**************************/
#right 
{
	float: right; 
	width: 175px;
	padding: 0px;
	min-height:auto;
}

* html #right 
{
	position: relative;  /*** IE needs this  ***/
	margin-right: -175px; /*** IE gets this margin. ***/
	height:auto;
}

* html #right-full
{
	position: relative;  /*** IE needs this  ***/
	margin-right: -1px; /*** IE gets this margin. ***/
	height: 100%;
}


/**************************
FOOTER
**************************/
#footer 
{
	clear:both;
	margin:0px;
	padding:0px;
	position:relative;
	width:6.9in;
	text-align:center;
	height: auto; /*** The drawback with this solution is that the height of the footer can't be flexible. If you add so much content to the footer that it extends 30px, you will get a vertical scrollbar and the content will overflow the footer if you don't set overflow to hidden ***/
}

#navigation
{
display:none;
height:0px;
}
#navigation-on
{
display:none;
height:0px;
}

#footer-image { display:none; width:0px; height:0px;}
#footer-background { display:none; width:0px; height:0px;}
#footer-navigation { display:none; width:0px; height:0px;}

#footer-copyright
{
	clear:both;
	border-top-width:1px;
	border-top-style:dotted;
	border-top-color:#666666;
	padding-top:20px;
	position:inherit;
	left:0px;
	font-size:9pt;
	width:6.9in;
	text-align:center;
	color:#0a0203;
	font-family:"Times New Roman", Times, serif;
}

.ajax__myTab .ajax__tab_header 
{
	clear:both;
font-family:Times New Roman, Times, serif;
font-size:11px;
border-bottom:solid 2px #ffffff;
}

.ajax__myTab .ajax__tab_outer {
background-color:#80898b;
background-image: url("/uploadedimages/Shared_Content/ajax__tab_left_grey.gif");
background-repeat: no-repeat;
padding-left:10px;
margin:0px;
}

.ajax__myTab .ajax__tab_inner {
background-color:#80898b;
color:#ffffff;
background-image: url("/uploadedimages/Shared_Content/ajax__tab_right_grey.gif");
background-repeat: no-repeat;
background-position:right;
margin:0px;
border-right:solid 1px #ffffff;
}

.ajax__myTab .ajax__tab_tab {
height:13px;
padding:4px 10px 4px 2px;
margin:0;
}

.ajax__myTab .ajax__tab_hover .ajax__tab_outer {
background-color:#056a37;
background-image: url("/uploadedimages/Shared_Content/ajax__tab_left_green.gif");
background-repeat: no-repeat;
color:#ffffff;
}

.ajax__myTab .ajax__tab_hover .ajax__tab_inner {
background-color:#056a37;
background-image: url("/uploadedimages/Shared_Content/ajax__tab_right_green.gif");
background-repeat: no-repeat;
background-position:right;
}

.ajax__myTab .ajax__tab_hover .ajax__tab_tab {}
.ajax__myTab .ajax__tab_active .ajax__tab_outer {
background-color:#056a37;
background-image: url("/uploadedimages/Shared_Content/ajax__tab_left_green.gif");
background-repeat: no-repeat;
}

.ajax__myTab .ajax__tab_active .ajax__tab_inner {
background-color:#056a37;
background-image: url("/uploadedimages/Shared_Content/ajax__tab_right_green.gif");
background-repeat: no-repeat;
}

.ajax__myTab .ajax__tab_active .ajax__tab_tab {}
.ajax__myTab .ajax__tab_body {
font-family:Times New Roman, Times, serif;
font-size:10pt;
/*border:2px solid #056a37;*/
border-top:0;
padding:0px;
}
#TabContainer-nopad 
{
	position:inherit;
	width:100%;
	border-width:0px;
	background-image:none;
	 text-align:center;
}
#TabContainer 
{
	position:inherit;
	width:100%;
	border-width:0px;
	padding: 5px 5px 5px 5px;
	text-align:left;
}

#TabContainer ul li, ol li
{
	padding: 0px;
	list-style: inside;
	margin: 0px;
}

#scrollLinks
{
	display:none;
	height:0px;
	width:0px;
}

#TabBar
{
	display:none;
	height:0px;
	width:0px;
}
/**************************
Cooking Instrucitons
**************************/
#CookInsContainer {
	width:330px;
	height:auto;
	float:none;
	clear:both;
	background-image:none;
}
#CookInsContent {
	width:142px;
	height:auto;
	float:left;
	text-align:center;
	
}
#CookInsPic {
	width:183px;
	float:left;
	height:auto;
}
#half
{
	font-size:5px;
}
#pagebreak{clear:both;
	page-break-after:always;height:20px;
	}

#product-holder
{
	clear:both;
	width:100%;
	padding:0px;
	margin:0px;
}

#product-info
{
	height:34px;
	background-image:url(/uploadedimages/Shared_Content/FoodService/ttl-bg.jpg);
	width:100%;
}
#product-ttl
{
	font-family:Times New Roman;
	font-size:large;
	font-weight:bold;
	color:#006937;
	margin:8px 0px 2px 0px;
	text-indent:15px;
	
}

#product-upc
{
	width:100%;
	text-align:left;
	font-weight:bold;
	color:#006937;
	text-indent:15px;
	margin:0px 15px 2px 0px;
}
#product-brand-Container
{
	width:100%;
	border-width:0px;
	margin-bottom:10px;
}
#product-brand-Container-content
{
	padding: 0px;
	bottom: 0px;
	width:180px;
}
#TabContainer p
{
	padding:5px 0px 5px 0px;
}
#TabContainer ol
{
	padding:5px 0px 5px 0px;
}

div#nutritional-wrapper {
	border: 1px solid #0a0203;
	color:#0a0203;
	width: 225px;
	text-align:center;
	margin-left:auto;
	margin-right:20px;
	float:left;
}
div#nutritional-wrapper td {
	border-bottom: 1px solid #0a0203;
	padding-bottom:2px;
	padding-top:2px;
}
div#nutritional-wrapper .nutritional-noborder {
	border-bottom: none;
}

div#nutritional-header {
	border-bottom: 5px solid #0a0203;
	width: 95%;
	text-align:left;
	font-size:.9em;
}
div#nutritional-header h1 {
	font-size:1.5em;
	font-weight:bold;
}

div#nutritional-values {
	border-bottom: 4px solid #0a0203;
	width: 95%;
}

div#nutritional-values .nutritional-table {
	border-bottom: 3px solid #0a0203;
}

div#nutritional-footer {
	width: 95%;
}

.nutritional-smalltext, .nutritional-smalltext td {
	font-size:.80em;
}
#menu1 {
	font-size: 140%;
	}

#menu1 li {
	list-style: none;
	}

#menu1 li ul {
	font-size: 90%;
	}

#menu1 li ul li ul li {
	padding-left: 16px;
	background: url(bullet.gif) no-repeat 0 50%;
	}
	


#TabLayerI {
	visibility:visible;
	display:block!important;
	position:relative!important;
	width:6.9in;
}


#TabLayerN {
	visibility:visible;
	display:block!important;
	position:relative;
	width:6.9in; 
}


#TabLayerP {
	visibility:visible;
	display:block!important;
	position:relative;
	width:6.9in;
}

#TabLayerR {
	visibility:visible;
	display:block!important;
	position:relative;
	width:6.9in;
}

#TabLayerCI {
	visibility:visible;
	display:block!important;
	position:relative;
	width:6.9in;
}

#TabLayerW {
	visibility:visible;
	display:block!important;
	position:relative;
	width:6.9in;
}
