/*
	COLORS
	
	#C3D38E - green
	#AD3921 - red
	#fcefa0 - yellow
*/

A {
  color: #AD3921;
}

body
{
	background-color: #C3D38E;
	margin: 0;
        margin-top: 5px;
}

img
{
	border: 0;
}

.error
{
       color: #AD3921;
       size: 10px;
}

#logo
{
        /* With the new header this is no longer needed */
	/* margin-bottom: 16px; */
}

* html #logo
{
	margin-bottom: 0px; /* Was 19 */
}

#page
{
	position: relative;
	margin: auto;
	width: 738px;
}

#search
{
	position: absolute;
	top: 0;
	right: 0;
	height: 22px;
	font-size: 11px;
	line-height: 22px;
}

#search a, #search label
{
	margin-left: 1em;
	color: #AD3921;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.home #topMenu
{
	position: absolute;
	right: 0;
	top: 48px;
	z-index: 2;
	padding: 0px 15px 0px 0px;
	height: 26px;
	width: 456px;
	background: #fcefa0 url(../site_images/nav_top2.gif) 0 0 no-repeat; /* background: #fff url(../site_images/nav_top.gif) 0 0 no-repeat;*/
	text-align: right;
}

.home #topSubMenu
{
	position: absolute; /*     top: 64px;*/
	top: 74px;
	padding-top: 0px;
	z-index: 1; /*	  padding-top: 10px;*/
	padding-right: 15px;
	width: 723px;
	height: 19px; /*background: #fff;*/
	background: #fcefa0 url(../site_images/top.gif) 0 0 no-repeat;
	text-align: right;
}

.home #curve_top
{
	position: absolute;
	top: 58px;
	left: 0;
	width: 304px;
	height: 16px;
	background: url(../site_images/curve_top.gif) 0 0 no-repeat;
}

#curve_top
{
	position: absolute;
	top: 58px;
	left: 0;
	width: 304px;
	height: 16px;
	background-color: #FCEFA0;
}

#topMenu
{
	position: absolute;
	right: 0;
	top: 48px;
	z-index: 2;
	padding: 0px 15px 0px 0px;
	height: 26px;
	width: 456px;
	background: #fcefa0 url(../site_images/nav_top.gif) 0 0 no-repeat; /* background: #fff url(../site_images/nav_top.gif) 0 0 no-repeat;*/
	text-align: right;
}

/*	.home #topMenu {
		background: #fcefa0 url(../site_images/nav_top.gif) 0 0 no-repeat;
	}*/

#topMenu ul
{
	margin-top: 0;
	margin-left: 15px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 1px;
	padding-bottom: 1px; /*	background-color: white;*/
	background: #fcefa0;
}

/*.home #topMenu ul {
		background: #fcefa0;
	
	}*/

#topMenu ul li
{
	display: inline;
	position: relative;
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	width: 130px;
	list-style-type: none;
	font: 14px bold verdana, arial, serif;
	font-weight: bold;
}

#topMenu ul li ul
{
	display: none;
	position: absolute;
	z-index: 3;
	top: 16px;
	left: 0px;
	margin: 0px;
	border-bottom: solid 1px #aac05e;
	text-align: left;
        overflow: visible;
}


#topMenu ul li li
{
	display: block;
	position: relative;
	margin: 2;
	padding: 2px 0px 2px 1px;
	border-right: solid 1px #aac05e;
	border-top: solid 1px #aac05e;
	border-left: solid 1px #aac05e;
	background-color: white;
	font-weight: normal;
	font: 11px verdana, arial, serif;
}

#topMenu ul li:hover, #topMenu ul li.CSStoHighlight
{
	background-color: #aac05e; /* gives the active menu items a yellow background */
}

#topMenu ul li li:hover a, #topMenu ul li.CSStoHighlight a

{
	color: white; /* gives the active menu items a yellow background */
}

#topMenu ul ul.CSStoShow
{
	/* must not be combined with the next rule or IE gets confused */
	display: block; /* specially to go with the className changes in the behaviour file */
}

#topMenu ul li:hover > ul
{
	/* one of the most important declarations - the browser must detect hovering over arbitrary elements 																		the > targets only the child ul, not any child uls of that child ul */
	display: block; /* makes the child block visible - one of the most important declarations */
}


#topMenu > ul > li:hover a
{
	color: white;
}
#topMenu li.CSStoHighlight a
{
	color: white;
}
#topMenu li li a:hover
{
	color: white;
}

#topMenu li:hover li a, #topMenu li.CSStoHighlight ul a
{
	color: #aac05e;
}
#topMenu a
{
	color: #aac05e;
	text-decoration: none;
}

#topMenu ul ul a
{
	width: 100%;
	display: block;
}


#topSubMenu ul ul a
{
	width: 100%;
	display: block;
}

#topSubMenu
{
	position: absolute; /*     top: 64px;*/
	top: 74px;
	padding-top: 0px;
	 z-index:1; /*	  padding-top: 10px;*/
	padding-right: 15px;
	width: 723px;
	height: 19px;
        /*background: #fff;*/
	background-color: #fcefa0;
	text-align: right;
}

/*.home #topSubMenu {
						top: 74px;
		padding-top: 0px;
		 background: #fcefa0 url(../site_images/curve_bottom.gif) 0 0 no-repeat;
	}*/

#topSubMenu ul
{
	margin-top: 0;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #fcefa0;
        z-index: 1;
}

/*	.home #topSubMenu ul {
		color: #fcefa0;
	}*/

#topMenu ul
{
	margin-top: 0;
	margin-left: 15px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: white;
	background: #fcefa0;
}

/*	.home #topMenu ul {
		background: #fcefa0;
	
	}*/

#topSubMenu ul li
{
	display: inline;
	position: relative;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 1px;
	width: 160px;
	list-style-type: none;
	font: 14px bold verdana, arial, serif;
	font-weight: bold;
}

#topSubMenu ul li ul
{
	display: none;
	position: absolute;
	z-index: 0;
	top: 16px;
	left: 0px;
	margin: 0px;
	border-bottom: solid 1px #AD3921;
	background-color: white;
	text-align: left;
}


#topSubMenu ul li li
{
	display: block;
	position: relative;
	margin: 0;
	padding: 2px 0px 2px 0px;
	border-right: solid 1px #AD3921;
	border-top: solid 1px #AD3921;
	border-left: solid 1px #AD3921;
	background-color: white;
	font-weight: normal;
	font: 11px verdana, arial, serif;
}

#topSubMenu ul li:hover, #topSubMenu ul li.CSStoHighlight
{
	background-color: #AD3921; /* gives the active menu items a yellow background */
}



#topSubMenu > ul > li:hover a
{
	color: white;
}
#topSubMenu li.CSStoHighlight a
{
	color: white;
}
#topSubMenu li li a:hover
{
	color: white;
}

#topSubMenu ul ul.CSStoShow
{
	/* must not be combined with the next rule or IE gets confused */
	display: block; /* specially to go with the className changes in the behaviour file */
}

#topSubMenu ul li:hover > ul
{
	/* one of the most important declarations - the browser must detect hovering over arbitrary elements 																		the > targets only the child ul, not any child uls of that child ul */
	display: block; /* makes the child block visible - one of the most important declarations */
}

#topSubMenu li:hover li a, #topSubMenu li.CSStoHighlight ul a
{
	color: #AD3921;
}

#topSubMenu li:hover li:hover a
{
	color: white;
}

#topSubMenu a
{
	position: relative;
	z-index: 0;
	padding-left: 5px;
	padding-right: 5px;
	color: #AD3921;
	font: 13px bold verdana, arial, serif;
	font-weight: bold;
	text-decoration: none;
}

/* 
#mainImage
{
	position: absolute;
	top: 92px;
        top: 94px;
}
*/

#addresses
{
/*	  
        position: absolute;
        z-index: 1;
        top: 92px; 
	top: 94px;

	left: 446px;
	padding-top: 22px;
	width: 129px;
	height: 259px;
	background: url(../site_images/address_back.gif) 0 0 no-repeat;
        */
	font: 11px Arial;
}

#addresses p
{
	margin-top: 12px;
	margin-bottom: 1px;
	padding-top: 1px;
}

#addresses #Chanhassen
{
	margin-top: 1px;
}

#addresses #Classroom
{
	margin-top: 1px;
}

#addresses .location
{
	font: 15px Times;
	
	font-weight: bold;
}


#addresses .box .header
{
	font: 17px Times;
	color: #AD3921;
	font-weight: bold;
}

#locationImages
{
	position: absolute;
	right: 0;
        /* top: 92px; */
	top: 94px;
}

.error
{
       color: #AD3921;
       size: 10px;
}

.box
{
	position: absolute;
        top: 353px;
	/* top: 351px; */
	border-right: #fcefa0 2px solid;
	border-bottom: #fcefa0 2px solid;
	padding-top: 66px;
	height: 275px;
}

.box .header
{
	margin: 0 0 0 14px;
	padding: 0;
}
.box .content, .box .content1, .box .content2, .box .content3, .box .content4
{
	border: #fcefa0 2px solid;
	border-top: none;
	margin-left: 9px;
	margin-right: 9px;
	margin-bottom: 9px;
	padding-left: 5px;
	padding-right: 5px;
	height: 237px;
	background-color: white;
	text-align: justify;
	font-family: arial;
	font-size: 11px;
}

.box p
{
	margin: 0;
}

#box_new
{
	width: 182px;
	background: #ad3921 url(../site_images/whatsnew_top.gif) 0 0 no-repeat;
}

#box_member
{
	left: 184px;






	width: 179px;
	background: #ad3921 url(../site_images/become_top.gif) 0 0 no-repeat;
}

#box_3
{
	left: 366px;
	width: 177px;
	background: #ad3921 url(../site_images/pickup_top.gif) 0 0 no-repeat;





}

#box_3 .content
{
	margin-right: 8px;
}

#box_4
{
	right: 0px;
	width: 193px;
	border-right: none;
	background: #ad3921 url(../site_images/recipe_top.gif) 0 0 no-repeat;
}

/*
.home #footer
{
   	position: absolute;
	top: 694px !important; 
}
*/

#footer
{
        z-index: 0;
      /*  position: absolute; */
	/* width: 728px; */
	padding-right: 10px;
	background-color: #fcefa0;
	text-align: right;
	color: #AD3921;
	font: 10px Arial, Helvetica, sans-serif;
}

#footer a
{
	color: #AD3921;
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}

#breadcrumbs
{
	padding-top: 7px;
	padding-left: 10px;
	height: 15px;
	width: 728px;
	background-color: #fbad31;
	color: white;
	font: 12px Verdana, Arial;
}

#container
{
	border-collapse: collapse;
	width: 100%;
}

#container #left
{
	vertical-align: top;
  padding-top: 10px;
	padding-left: 0px;
	width: 155px; /* 130px */
	background: #fbad31;
}
#content
{
	background: white;
	padding: 5px 10px;
	border-left: 10px solid #fbad31;
	font: 11pt Arial, sans-serif;
}


#container #content
{
	vertical-align: top;
	background: white;
	padding-top: 10px;
	border-left: none;
}

#content h1
{
	color: #AD3921;
	font-size: 170%;
	margin-bottom: 0px;
	padding-left: .5em;
	border-bottom: 4px solid #ad3921;
	width: 690px;
}

#content h2
{
	width: 690px;
	background-color: #ad3921;
	font: 15px Arial, sans-serif;
	font-weight: bold;
	padding: .5em .5em;
	text-transform: uppercase;
	color: #fcefa0;
}

.head1
{
	color: #AD3921;
	font-size: 170%;
	margin-bottom: 0px;
	padding-left: .5em;
	border-bottom: 4px solid #ad3921;
	/* width: 551px; */
}

.head2
{
	/* width: 550px; */
        margin-left: 9px;
	background-color: #ad3921;
	font: 15px Arial, sans-serif;
	font-weight: bold;
	padding: .5em .5em;
	text-transform: uppercase;
	color: #fcefa0;
}
ul#categories, ul#categories ul
{
	width: 155px; /* 150 sets the size of the menu blocks */
	background-color: #fbad31; /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
	padding-left: 0px; /* stops the usual indent from ul */
	cursor: default; /* gives an arrow cursor */
	margin-left: 0px; /* Opera 7 final's margin and margin-box model cause problems */
	text-align: right;
	padding-right: 0px;
}
ul#categories ul
{
	width: 165px;
}


ul#categories li
{
	z-index: 2;
	font: 12px Verdana;
	font-weight: bold;
	padding-right: 10px;
	list-style-type: none; /* removes the bullet points */
	margin: 0px; /* Opera 7 puts large spacings between li elements */
	position: relative; /* makes the menu blocks be positioned relative to their parent menu item                                   the lack of offset makes these appear normal, but it will make a difference                                   to the absolutely positioned child blocks */
	color: #fff; /* sets the default font colour to white */
	width: 140px;
}


ul#categories li ul
{
	z-index: 2;
	/* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
	display: block; /* hides child menu blocks - one of the most important declarations */
	position: absolute; /* make child blocks hover without leaving space for them */
	top: 0px; /* position slightly lower than the parent menu item */
	left: -999em;
	background-color: #fcefa0;
	padding-left: 0px;
	padding-right: 0px;
	color: #AD3921;
	border: 1px solid #AD3921;
}


ul#categories li li
{
	z-index: 2;
	text-align: left;
	border-bottom: 1px solid #ad3921;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 145px;
}


ul#categories ul.CSStoShow
{
	/* must not be combined with the next rule or IE gets confused */
	display: auto; /* specially to go with the className changes in the behaviour file */
}


	ul#categories li:hover ul ul, ul#categories li:hover ul ul ul, ul#categories li.sfhover ul ul, ul#categories li.sfhover ul ul ul {

		left: -999em;



	}


	

	ul#categories li:hover ul, ul#categories li li:hover ul, ul#categories li li li:hover ul, ul#categories li.sfLeft ul, ul#categories li li.sfLeft ul, ul#categories li li li.sfLeft ul { /* lists nested under hovered list items */

		left: 150px;
	z-index: 2;

	}
	
	ul#categories li:hover ul.secondary, ul#categories li.sfLeft ul.secondary 
{
	z-index: 2;
	left: 316px;
}
ul#categories li:hover ul.tertiary, ul#categories li.sfLeft ul.tertiary 
{
	z-index: 2;
	left: 482px;
}


/* and some link styles */
ul#categories li a
{
	color: #fff;
	text-decoration: none;
}

ul#categories li a:hover, ul.makeMenu li a.CSStoHighLink
{
	color: #ad3921;
}

ul#categories ul a:hover, ul.makeMenu li a.CSStoHighLink
{
	font-weight: bold;
}

ul#categories li:hover > a
{
	color: #ad3921;
}

ul#categories li ul a
{
	color: #AD3921;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

ul#categories ul
{
	z-index: 10;
	background: #fcefa0;
}

table#subcategories
{
  margin-left: 9px;
	width: 100%;
}

table#subcategories td
{
	width: 50%;
}

table#subcategories a
{
	color: #AD3921;
	text-decoration: none;
	font: 12px Verdana, sans-serif;
	font-weight: bold;
}

table#subcategories a:hover
{
	border-bottom: 1px dotted #AD3921;
}


select#quickJump
{
	float: right;
	/* margin-right: 5px; */
}



#content h2
{
}

h2 #cart_button

{
	float: right;
	margin-right: 5px;
}

table.classes
{
	width: 98%;
    margin-left: 9px;
	border-collapse: collapse;
	font-family: Arial, sans-serif;
	font-size: 80%;
}


table.products
{
	width: 98%;
        margin-left: 9px;
	border: 1px solid #ad3921;
	border-collapse: collapse;
	font-family: Arial, sans-serif;
}

table.products td
{
	border-top: 1px solid #ad3921;
	font-size: 80%;
	vertical-align: top;
	padding-left: 1px;
	padding-right: 1px;
}

table.products th

{
	font: 90% Arial;
	font-weight: bold;
}

table.products tr.subheading th
{
	font-size: 70%;
	color: #999;
}

td.brand
{
	font: 100% Arial, sans-serif;
	font-weight: bold;
}

tr.foodCodes td
{
	border-top: none;
}

p#product_image
{
	height: 100px;
	width: 100px;
	line-height: 50px;
	text-align: center;
	border: 1px black solid;
	float: left;
	margin-right: 10px;
}

#content
{
	font-family: Arial;
}

.foodCodes
{
	margin: 0;
	/* font-size: 90%; */
	color: #a00; /* #000; #999 */
	font-weight: bold; /* normal */
	border: 0px;
	padding: 0px;
	text-decoration: none;
}

p.size
{
	margin: 0;
	font-size: 90%;
	color: #000; /* #999 */
	font-weight: normal;
}

#subcategories img
{
	float: left;
}
#subcategories .category_data
{
	margin-left: 103px;
}


#subcategories ul
{
	margin: 0;

	padding: 0;
}

#subcategories li
{
	display: inline;
	margin-right: 1em;
}

a.category
{
	display: block;
	border-bottom: black 2px solid;
}

#subcategories .subcategories, #subcategories .subcategories a
{
	color: #999;
	font-size: 10px;
}
#basket
{
	border-top: 3px solid #ad3921;
	border-bottom: 3px solid #ad3921;
	width: 155px;
	background: #faf2c4;
	font: 12px arial;
	text-align: right;
  padding: 0px;
}

#basket h2
{
	font-size: 12px;
	padding-left: 3px;
        text-align: center;
}

#basket h2 a
{
	text-decoration: none;
	color: #ad3921;
}
#basket table
{
	text-align: left;
}
#basket td
{
	vertical-align: top;
	padding: 2px;
}


#basket .quantity
{
	color: #ad3921;
	font-weight: bold;
}

#basket .price
{
	text-align: right;
}

#basket .total td
{
	border-top: solid 1px #ad3921;
}

#basket_large
{
	border-collapse: collapse;
}

#basket_large .price, #basket_large .total
{
	text-align: right;
}

#basket_large .total
{
	border-left: dotted 1px #666;
}


#basket_large .subtotal th
{
	border-top: solid 1px black;
}

th
{
	text-align: right;
}

#orderSummary
{
	width: 100%;
}

#orderSummary th
{
	text-align: left;
}
.products th
{
	text-align: center;
}
.login_form input
{
	border: 1px solid black;

}


a.form_switch
{
	color: #ad3921;
	font-weight: bold;
	margin-right: 1em;
	text-decoration: none;
}

a.form_switch:hover
{
	text-decoration: underline;
}

.submit_row
{
	text-align: right;

}

#welcome
{
	text-align: right;
	margin: 0;
	padding: 0;
}

#welcome p
{

	margin: 0;
	padding: 0;
}

#welcome .links
{
	font-size: 11px;
}

#subcategories td
{


	width: 33%;
}

#home_patch
{
	background-color: #df7d2c;
	width: 2px;
	height: 8px;
	position: absolute;
	top: 350px;
	left: 543px;
	font-size: 1px;
}

input.qty
{
	width: 20px;
}

#invoice_summary
{
	float: right;
}

#invoice_summary caption
{
	font-weight: bold;
}


#invoice_order, #invoice_payments, #invoice_billing
{
	clear: both;
	width: 100%;
}

#invoice_billing th
{
	vertical-align: top;
}

#invoice_payments th, #invoice_order th
{
	text-align: left;
}

#order_info label
{
	font-weight: bold;
}

#order_info p
{
	margin: 0;
}

td .ProductListing a
{
	color: #0000ff;
	font-size: 10pt;
	text-decoration: none;
}

td .ProductListing 
{
	color: #0000ff;
	font-size: 10pt;
	text-decoration: none;
}

td .ProductListing a:hover
{
	color: #ff0000;
	font-size: 10pt;
	text-decoration: underline;
}

td .ProductListing a:active
{
	color: #ff0000;
	font-size: 10pt;
	text-decoration: underline;
}

td .ProductListingOdd
{

	background-color: #f1f1f1;
}

td .ProductListing .foodCodes
{
	font-size: 75%;
	color: teal;
}

tr.saleprice td
{
	border-top: none;
	background-color: #fcefa0;
	white-space: nowrap;
}

tr.memberprice td
{
	border-top: none;
	background-color: #C3D38E;
	white-space: nowrap;
}

.price
{
   text-align: right;
}

.oldprice
{
  color: #cc0000;
  font-weight: bold;
}

.className
{
    color: #cc0000;
  font-weight: bold;
  font-size: 13pt;
}

.instructor
{
  font-weight: bold;
  font-size: 13pt;
}

.loginTable th
{
	background-color: #ad3921;
	font: 15px Arial, sans-serif;
	font-weight: bold;
	padding: .5em .5em;
	text-transform: uppercase;
	color: #fcefa0;
	text-align: center;
}

table.loginTable, table.memberTable
{
	border: 1px solid #ad3921;
	border-collapse: collapse;
	font-family: Arial, sans-serif;
	height: 350px;
}

table.loginTable td
{
	/* border-top: 1px solid #ad3921; */
	font-size: 80%;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
        padding-top: 20px;
}

/* Added by Jay */

.content
{
	margin-left: 9px;
	margin-right: 9px;
	margin-bottom: 9px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: arial;
	font-size: 11px;
	text-align: justify;
}


#Table_01 P {
  margin-top: 0px;

	border-top: none;
	margin-left: 9px;
	margin-right: 9px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: arial;
	font-size: 11px;

}
.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.content left {
  text-align: left;
}



.printFriendly {
  font-size: 11px;
  font-weight: bold;
}

.InnerTableAmount {
  text-align: right;
}

.InnerTableCenter {
  text-align: center;
}

@media print {
  #constraints, #menu_constraints, #footer, #searchBox, .printFriendly {
    display: none;
  }

  #content {
    border: 0px;
    padding: 0px;
    width: auto; 
    margin: 0 5%;
    width: 575px;
    color: black; 
    background: transparent;
  }
}


/* Repair the Margins for ddTopCategory.aspx */

#content FORM {
  margin-left: -9px;
}

td.OuterTable {
  margin-left: 10px;
  text-align: left;
  padding-left; 10px;
  }
  
th.OuterTable {
  text-align: right;
  padding-right; 10px;
  }

.login_form {
  margin-left: 8px;
}

form#create p {
  margin-left: 8px;
}

.checkoutTable th


{

    	background-color: #ad3921;

	font: 15px Arial, sans-serif;

	font-weight: bold;

	padding: .5em .5em; 

	text-transform: uppercase;

	color: #fcefa0;

        text-align: center;
        
    border-bottom-color: #000000;

}

.checkoutTable td
{
   background-color: #fcefa0;
	padding-left: .5em; 
	padding-right: .5em;

}

.specialsBreadCrumbs {
  display: block;
  margin-left: 8px;
  margin-bottom: 4px;
  font-size: 80%;
}

.miniProduct {
	font-size: 80%;

}

.specialsContents {
  font-size: 90%;
}

Table.lineItem TD {
  border: 0px;
  font-size: 100%;
}

.printFriendly
{
	padding: .5em .5em; 

}

table.classes 
{
    font-size: 80%;
}