/************* Global Styles and Browser Resets ***************/

html, div, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

.left {
	float: left;
}

.right {
	float: right;
}

.centre {
	margin-left: auto;
	margin-right: auto;
}

.clear {
	height: 0px;
	width: 0px;
	clear:both;
}

/***** default text styling *****/

a,p,li,span { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px; color:#fff;}

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	color:#9F6610;
}

h1 { font-size:40px; font-weight: lighter; margin-bottom: 18px; color: #fff}

h2 { font-size:22px; margin-bottom: 17px}

h3 { font-size:16px; margin-bottom: 16px; line-height: 28px; color:#9F6610}

h4 { font-size:14px; margin-bottom: 14px; color: #9F6610;}

h5 { font-size:12px; margin-bottom:  12px; color: #fff}

p { margin-bottom: 10px; text-align:justify}

a:hover { color:#9F6610; }

a:active { outline: none; outline-style:none; outline-width:0; }

a:focus {
	-moz-outline-style: none;
	color: #EC7716;
}

ol.special li, ul.special li { 
	color:#6C4C22;
}

ul.special li { margin-left: 17px; }

/****************** Global Layout ********************/

body { background-color: #000; padding-bottom: 20px; }

.wrapper {
	width: 978px;
	margin-left: auto;
	margin-right: auto;
}

/****************** Region 1 ********************/


/* Note: Region 2 has no wrapper (spans full width of screen) */

#region1 {   
	height: 151px;
	background-image: url(../images/region2_bg.jpg);
	background-repeat: repeat-x;
}
#region1 .outerbg { 
	height: 151px;
	background-image: url(../images/region2_mainbanner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#ie6 {
	position:absolute;
	top:0px;
	z-index:1000;
	width: 100%;
	background-color: #341D0D;
	padding: 10px 20px 0px 20px;
}

#ie6 a, #ie6 p { color: #9F6610; }

#ie6 a:hover { color: #fff; }

#region1 .wrapper { height: inherit; background-image: url(../images/region2_content_mainbanner.jpg); }

#region1 a.christmas_order {
	width: 180px; 
	height: 65px;
	background-image: url(../images/TheFoodStore_28481_header_button.png);
	display:block;
	overflow: hidden;
	float:right;

}

#region1 a.christmas_order:hover { background-position: 0px -70px; }

#christmas #region1 a.christmas_order, #christmas2 #region1 a.christmas_order  { display: none; }

/*************** Region 2 *****************/

#region2 {
	height: 27px;
	background-image: url(../images/region1_bg.jpg);
	background-repeat: repeat-x;
	margin-bottom: 10px;
}

#region2 .globalnav li {
	list-style-type: none;
	float: left;
	text-decoration: none;
}

#region2 .nav {
	width: 131px;
	height: 25px;
	display:block;
	overflow: hidden;
	float: left;
	cursor: pointer;
	background-image: url(../images/foodstore_globalnav.jpg);
}
		
#region2 .nav.home { background-position: 0px 0px; }
#region2 .nav.home:hover { background-position: 0px -25px; }
#region2 .nav.home:active { background-position: 0px -50px; }
#home #region2 .nav.home { background-position: 0px -75px; } 
/*To set current nav for Home Page: See above (page has containing div with ID of 'home') */

#region2 .nav.specials { background-position: -131px 0px; }
#region2 .nav.specials:hover { background-position: -131px -25px; }
#region2 .nav.specials:active { background-position: -131px -50px; }
#specials #region2 .nav.specials { background-position: -131px -75px; } 
/*To set current nav for Specials Page: See above (page has containing div with ID of 'specials') */

#region2 .nav.products { background-position: -262px 0px; }
#region2 .nav.products:hover { background-position: -262px -25px; }
#region2 .nav.products:active { background-position: -262px -50px; }
#products #region2 .nav.products { background-position: -262px 25px; }
/*To set current nav for Products Page: See above (page has containing div with ID of 'products') */

#region2 .nav.food_ideas { background-position: -393px 0px; }
#region2 .nav.food_ideas:hover { background-position: -393px -25px; }
#region2 .nav.food_ideas:active { background-position: -393px -50px; }
#food_ideas #region2 .nav.food_ideas { background-position: -393px 25px; } 
/*To set current nav for Food Ideas Pages: See above (page has containing div with ID of 'food_ideas') */

#region2 .nav.about_us { background-position: -524px 0px; }
#region2 .nav.about_us:hover { background-position: -524px -25px; }
#region2 .nav.about_us:active { background-position: -524px -50px; }
#about_us #region2 .nav.about_us { background-position: -524px 25px; }
/*To set current nav for About Us Pages: See above (page has containing div with ID of 'about_us') */

#region2 .nav.events { background-position: -655px 0px; }
#region2 .nav.events:hover { background-position: -655px -25px; }
#region2 .nav.events:active { background-position: -655px -50px; }
#events #region2 .nav.events { background-position: -655px 25px; }
/*To set current nav for Events Pages: See above (page has containing div with ID of 'events') */

#region2 .nav.contact { background-position: -786px 0px; }
#region2 .nav.contact:hover { background-position: -786px -25px; }
#region2 .nav.contact:active { background-position: -786px -50px; }
#contact #region2 .nav.contact { background-position: -786px 25px; }
/*To set current nav for Contact Pages: See above (page has containing div with ID of 'contact') */


/****************** Region 3 ********************/

#region3 {
	
}
#region3 .wrapper {
	background-image: url(../images/region3_content-bg.jpg);
	background-repeat: repeat-y;
}

/***** Content BG no-text *****/

#home #region3 .wrapper .innerbg, 
#christmas2 #region3 .wrapper .innerbg,
#applecampain #region3 .wrapper .innerbg  {
	background-image: url(../images/region3_BG-bottom.png);
	background-position: left bottom;
	background-repeat:no-repeat;
}

/***** Content BG christmas *****/

#christmas #region3 .wrapper .innerbg {
	background-image: url(../images/region3_BG-bottom-christmas.png);
	background-position: left bottom;
	background-repeat:no-repeat;
}


/***** Content BG text *****/

#specials #region3 .wrapper .innerbg, 
#products #region3 .wrapper .innerbg,
#food_ideas #region3 .wrapper .innerbg,
#about_us #region3 .wrapper .innerbg,
#events #region3 .wrapper .innerbg,
#contact #region3 .wrapper .innerbg,
#privacy #region3 .wrapper .innerbg {
	background-image: url(../images/region3_BG-bottom-grad-text.png);
	background-position: left bottom;
	background-repeat:no-repeat;
}
/****************************/


#region3 .wrapper .nav {
	width: 250px;
	float:left;
	background-repeat: no-repeat;
}
#region3 .wrapper .nav .pg_heading {
	width: 250px;
	height: 96px;
	display: block
}

/* For page heading (Eg: page has containing div with ID of 'home', heading = 'welcome') */
#home #region3 .nav .pg_heading { background-image: url(../images/region3_nav-welcome.jpg) } 
#specials #region3 .nav .pg_heading { background-image: url(../images/region3_nav-specials.jpg) } 
#products #region3 .nav .pg_heading { background-image: url(../images/region3_nav-products.jpg) } 
#food_ideas #region3 .nav .pg_heading { background-image: url(../images/region3_nav-food-ideas.jpg) } 
#about_us #region3 .nav .pg_heading { background-image: url(../images/region3_nav-about-us.jpg) } 
#events #region3 .nav .pg_heading { background-image: url(../images/region3_nav-events.jpg) } 
#contact #region3 .nav .pg_heading { background-image: url(../images/region3_nav-contact.jpg) }
#privacy #region3 .nav .pg_heading { background-image: url(../images/region3_nav-privacy.jpg) } 
#christmas #region3 .nav .pg_heading, #christmas2 #region3 .nav .pg_heading { background-image: url(../images/region3_nav-christmas.jpg) } 
#applecampain #region3 .nav .pg_heading, #christmas2 #region3 .nav .pg_heading { background-image: url(../images/region3_nav-applecampain.jpg) } 

/* Level 2 nav styling */
#region3 .wrapper .nav ul {	list-style-type: none; margin: 8px 0px 0px 0px; }
#region3 .wrapper .nav li a { padding: 8px 0px 8px 15px; display:block;	text-decoration:none; }
#region3 .wrapper .nav li a:hover {	background-color:#1F1D22; color:#fff; }

#region3 .wrapper .nav li a.special {
	color:#9F6610;
	background-color:#1F1D22;
}
#region3 .wrapper .nav li a.special:hover {	background-color:#9F6610; color:#fff; }
/**********************/

#region3 .wrapper .header {
	width: 728px;
	float: right;
}

#region3 .wrapper .content {
	width: 638px;
	min-height: 300px;
	float: right;
	padding: 20px 45px 30px 45px;
}

#region3 .wrapper .seperator {
	width: 728px;
	height: 25px;
	float:right;
	background-color:#141015;
	display: block;
}
#region3 .wrapper .content ol {margin-left: 20px;}

#region3 .wrapper .content li {margin-bottom: 10px;}

#region3 .wrapper .content .two_col {width: 304px; min-height: 480px;}
#region3 .wrapper .content .two_col.left {padding-right: 5px;}
#region3 .wrapper .content .two_col.right {padding-left: 5px;}


/***** Home Page *****/

#home #region3 table.producttable {
	width: 632px;
}

#home #region3 table.producttable .spacer {
	background-color:#100E11;
}

#home #region3 td.productcell {
	width: 140px;
	background-color:#1C1A1F;
	margin: 0px 5px 5px 5px;
	padding: 10px 10px 0px 10px;
}

#home #region3 td.productcell img, #home #region3 td.productcell p {
	margin-bottom: 5px;
	text-align: left;
}

#region3 .wrapper .showcase {
	width: 676px;
	float:right;
	clear:right;
	padding:0px 26px 20px 26px;
	background-color:#100E11;
}

#region3 .wrapper .flash {
	width: 549px;
	height:263px;
	float:right;
	clear:right;
	padding: 0px;
	margin: 0px 28px 24px 0px;
}

/*********************/


/*** Specials Page ***/

#specials table.producttable { 
	margin-bottom: 10px;
}

#specials td.productcell {
	list-style-type: none;
	background-color:#262327;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}
#specials td.productcell img {
	margin-top: -3px;
	margin-bottom: -8px;
	margin-left: 5px;
}

/*********************/


/*** Apple Campain Page ***/

.apple_sidebar {
	width:180px;  
	background-color:#242128;
	padding-top: 20px;
	padding-bottom: 170px;
	background-image:url(../images/Image-apples_sidebar.jpg);
	background-position: bottom;
	background-repeat:no-repeat;
}



#applecampain ul.special { padding: 0px 10px 0px 9px;}

#applecampain #region3 .wrapper .content ul.special li { font-size: 13px; margin-bottom:18px; }

.apple_sidebar h3 {
	text-align: left;
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	background-color: #4E3018;
	padding: 20px 10px 10px 10px;
}

#applecampain #region3 a.download_button {
	width: 180px; 
	height: 65px;
	background-image: url(../images/apple_subscribe.jpg);
	display:block;
	overflow: hidden;
}


.fb_label {
	float:left; 
	text-align:right;
	width:70px;
	margin:2px 10px 0px 0;
	float:left;
}
.fb_field {
	float:left;
	width:200px;
	margin:0px;
	float:left;
	clear: both;

}
/*********************/



/*** Christmas order page ***/

#region3 a.download_button {
	width: 180px; 
	height: 65px;
	background-image: url(../images/TheFoodStore_28481_download-button.jpg);
	display:block;
	overflow: hidden;
}

#region3 a.download_button:hover { background-position: 0px -70px; }

#region3 a.view_button {
	width: 180px; 
	height: 65px;
	background-image: url(../images/TheFoodStore_28481_view-button.jpg);
	display:block;
	overflow: hidden;
}

#region3 a.view_button:hover { background-position: 0px -70px; }

.christmas_sidebar {
	width:160px; 
	height:220px; 
	background-color:#242128; 
	padding: 20px 10px 200px 10px;
	background-image:url(../images/Image-pudding_large.jpg);
	background-position: bottom;
	background-repeat:no-repeat;
}

/*********************/

#region3 .wrapper .content form .required {
	width: 3px;
	color: #999;
	line-height: 12px;
	float: right
	/*position:relative;
	top: 0px;
	right: 0px;*/
}

#region3 .wrapper .content form .required_text {
	color: #666;
	float: right;
	width: 100px;
	font-size: 11px;
	padding-right:10px;
	margin-top: -5px;
	margin-bottom:20px;
	line-height: 12px;
}

/*#region3 .wrapper .content form .required {
	float:right;
	width: 5px;
	color: #FFF;
	line-height: 12px;
	padding-right: 20px;
}	
	*/

/****************** Region 4 ********************/

/* Note: Region 4 spans full width of screen */

#region4 {
	background-image: url(../images/region4_bg.jpg);
	background-repeat: repeat-x;
	padding-top: 10px;
}
#region4 .wrapper {
	background-image: url(../images/region4_footer-bg.jpg);
	background-repeat: no-repeat;
	background-color: #462C14;
	background-position: bottom;
	padding: 10px 0px 10px 0px;
}
#region4 .wrapper ul {
	float: left;
	list-style-type: none;
	margin-left: 10px;
	padding-top: 5px;
}

#region4 .wrapper .left ul { width: 200px; }


#region4 .wrapper li {
	float: left;
	margin-bottom: 1px;
	color: #6C4C22;
}
#region4 .wrapper li.detail { width: 80px; font-size: 11px; margin-left: 25px; }

#region4 .wrapper li.two { width:85px; margin-left: 10px; }

#region4 .wrapper li.three { width: 200px; clear:both; }

#region4 .wrapper div.right { margin-right: 90px; }

#region4 .wrapper a {
	color: #7D5824;
	margin-left: 10px;
	padding: 2px 5px 2px 5px;
	height: 18px;
}
#region4 .wrapper a.toggler {
	padding: 2px 0px 2px 25px;
	background-image:url(../images/region4_footer-link.jpg);
	width: 210px;
	background-repeat: no-repeat;
}
#region4 .wrapper a.toggler:hover {	background-position: 0px -18px; }



/*Images to the right on info pages*/
.right-image { width: 180px; float: right; clear: right; padding: 0px 0px 10px 25px;}

.productlist {
	list-style-type: none;
	background-color:#19171A;
	padding: 10px;
	margin-bottom: 15px;
}
.darktext {
	color: #333;
}
.special {}