html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
a[href="#"]{color:#f00 !important;}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}  


#content:after,
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {height: 1%;}
/* *************************** 
  Site - Haig's
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
   ***************************/

/* *************************** 
   $1 GLOBAL Styles
   ***************************/
* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration:none;
	color:#e0cb9b;
}
a:hover {
	text-decoration:underline;
	color:#FFF;
}
img {
	border:0;
}
fieldset {
	border:none;
}
li {
	list-style:none;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
}

/* *************************** 
   $2 Website Structure Styles
   ***************************/
html,body {
	text-align:center;
    font-size:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background:url(../images/bg_body.png) 0 0 repeat; 
}

#container{
	width:960px;
	border-left:1px solid #ccaf6a;
	border-right:1px solid #ccaf6a;
	background:#e9dbbb;
	margin:0px auto;
}
/* *************************** 
   $3 Header Styles
   ***************************/
#header{
	height:76px;
	position:relative;
	padding-top: 53px;
	padding-left:32px;
	background:url(../images/bg_header.jpg) left top no-repeat;
	z-index:10;
}
#header h1 a{
	display:block;
	width:199px;
	height:87px;
	position:absolute;
	top:24px;
	left:382px;
	outline-style:none;
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat;
	z-index:20;
}
/* *************************** 
   $4 Content Styles
   ***************************/
#content{
	background:#e9dbbb;
	width:100%;
}
#content_inner{
	width:898px;
	margin:0px auto;
}
.decorative_line{
	border:1px solid #e0b975;
	height:5px;
	overflow:hidden;
	width:896px;
	clear:both;
	margin:12px auto;
	background:url(../images/bg_decorative_line.gif) left 2px repeat-x;
}
.primary_navigation{
	background:#f2e9d6;
	padding:7px;
}
.primary_navigation_inner{
	border:1px solid #decfac;
	height:106px;
	width:882px;
}
.primary_navigation_text{
	width:165px;
	height:106px;
	float:left;
	padding:0px 15px 0px 5px;
	background:url(../images/bg_all_natural1.png) right top no-repeat;
} 
.primary_navigation_text h1{
	outline-style:none;
	text-indent:-9999px;
	height:13px;
	overflow:hidden;
	padding-top:20px;
	padding-bottom:5px;
	background:url(../images/bg_all_natural.png) center 20px no-repeat;
}
.primary_navigation_text p{
	font-size:11px;
	color:#64420d;
	line-height:18px;
}
.primary_navigation_img{
	width:670px;
	height:106px;
	float:right;
	padding-left:24px;
	background:url(../images/bg_all_natural2.png) left top no-repeat;
} 
.primary_navigation_img ul li{
	float:left;
	padding:0px 4px;
}
.primary_navigation_img ul li a{
	display:block;
	margin:0px auto;
	padding-top:24px;
	position:relative;
	height:82px;
	float:left;
}
.primary_navigation_img ul li a:hover {
	text-decoration:none;
	background:url(../images/all_natural_img_a.png) center 7px no-repeat;
}
.primary_navigation_img ul li a span{
	text-transform:uppercase;
	 display:none;
	 position:absolute;
	 bottom:6px;
	 left:-105px;
	 letter-spacing:1px;
	 width:280px;
	 text-align:center;
}

.primary_navigation_img ul li.dolmas a span {width:298px}
.primary_navigation_img ul li.falafel a span {width:193px; text-align:right;}
.primary_navigation_img ul li a span {}

.primary_navigation_img ul li a span label{font-size:9px;}
.primary_navigation_img ul li a:hover span{display:block; color:#000;}

#flashcontainer {width: 898px; height: 255px;}
.small_products{
	width:100%;
	overflow:hidden;
	padding-top:13px;
}
.small_products_box{
	float:left;
	width:267px;
	height:167px;
	padding:20px 15px 0px 7px;
	text-align:left;
	position:relative;
	background:#f2e9d6 url(../images/bg_lower_content_boxes.gif) no-repeat;
}
h1{text-transform:uppercase;}
.small_products_box h1{

	font-size:17px;
	font-weight:normal;
	letter-spacing:1px;
	color:#000;
	text-align:center;
	padding-bottom:5px;
	
}
.small_products_box.pd{
	margin-left:15px;
	margin-right:16px;
}
.small_products_box h1 span{font-size:11px;}
.small_products_box img{float:left;}
.small_products_box p{
	font-size:11px;
	color:#64420d;
	line-height:17px;
	padding-top:10px;
}
.small_products_box .view_details{
	font-size:14px;
	color:#dba111;
	font-style:italic;
	position:absolute;
	right:48px;
	bottom:34px;
	padding-left:31px;
	background:url(../images/bg_view_details.png) left center no-repeat;
}
.small_products_box  .view_details:hover{color:#dba111;}
.welcome{
	height:116px;
	padding:26px 150px 0px 150px;
	overflow:hidden;
	background:url(../images/bg_welcome.jpg) center top no-repeat;
}
.welcome h1{
	text-indent:-9999px;
	outline-style:none;
	height:13px;
	overflow:hidden;
	padding-bottom:15px;
	background:url(../images/welcome_h1.png) center top no-repeat;
}
.welcome p{
	font-size:11px;
	color:#64420d;
	line-height:18px;
}
.page_allproducts{
	overflow:hidden;
	margin:0 auto;
}
.page_allproducts h1{
	text-indent:-9999px;
	outline-style:none;
	height:66px;
	padding:40px 0px;
	background:url(../images/all_natural_title.jpg) center 40px no-repeat;
}
.page_allproducts .product_box.special{padding-left:40px;}
.product_box{
	width:285px;
	float:left;
	height:317px;
	padding-left:20px;
}
.product_box img{
	display:block;
	margin:0px auto;
}
.product_box h3{
	font-size:16px;
	color:#000;
	font-weight:normal;
	letter-spacing:1px;
	padding:5px 0px;
}
.product_box h3 span{
	font-size:10px;
}
.product_box h3 a{color:#000;}
.product_box h3 a:hover{color:#000;}
.product_box p{
	font-size:12px;
	font-style:italic;
	color:#64420d;
	line-height:19px;
}
.product_box p a{color:#64420d;}
.product_box p a:hover{color:#64420d;}
.more_info{
	width:161px;
	height:36px;
	margin:0px auto;
	padding-top:9px;
	overflow:hidden;
	background:url(../images/bg_more_info.jpg) left top no-repeat;
}
.more_info a{
	display:block;
	width:143px;
	height:27px;
	text-indent:-9999px;
	outline-style:none;
	margin:0px auto;
	background:url(../images/bg_more_info_a.jpg) left top no-repeat;
}
.more_info a:hover{background:url(../images/bg_more_info_a.jpg) left bottom no-repeat;}
.vector_smart_object .decorative_line{margin:15px auto;}
.tasty_recipes{
	float:right;
	width:303px;
	height:341px;
	overflow:hidden;
	position:relative;
}
.tasty_recipes img{display:block;}
.learn_more a{
	display:block;
	width:99px;
	height:41px;
	position:absolute;
	left:122px;
	top:201px;
	text-indent:-9999px;
	outline-style:none;
	background:url(../images/learn_more_a.jpg) no-repeat;
	overflow:hidden;
}
.contactus_prod_page{
	width:100%;
	overflow:hidden;
	background:url(../images/bg_group1.png) right 25px no-repeat;
	
}
.contactus_prod_page h1{
	text-indent:-9999px;
	outline-style:none;
	height:66px;
	padding:40px 0px;
	background:url(../images/group1_title.png) center 40px no-repeat;
}
.contactus_prod_page img{
	float:left;
	margin-top:-40px;
}
.contact_form{
	background: url(/images/group1_img.jpg) 0 0 no-repeat;
	text-align:left;
	float:left;
	width:256px;
	padding-top:30px;
	padding-left: 363px;
	overflow:hidden;
	min-height: 414px;

}
.contact_form h3{
	font-size:15px;
	font-weight:normal;
	color:#000;
	letter-spacing:1px;
	padding-bottom:8px;
/*	font-variant:small-caps;*/
}
.contact_form h3 span{font-size:11px;}
.contact_form h4{
	font-size:10px;
	color:#000;
	font-weight:normal;
	padding-bottom:12px;
}
.contact_form p{
	font-size:10px;
	color:#000;
	width:100%;
	overflow:hidden;
	padding-top:10px;
	height:20px;
}
.contact_form p input{
	width:162px;
	height:14px;
	padding:2px;
	font-size:10px;
	color:#64420d;
	float:left;
	background:#FFF;
	border:1px solid #e1ca95;
}
.contact_form p input.errorField{border-color:#C00;}
.contact_form p label{
	display:block;
	width:86px;
	float:left;
	color:#64420d;
	padding-top:2px;
	font-size:11px;
}
.form_text{
	padding-left:22px;
	width:259px;
	float:left;
	padding-top:72px;
}
.form_text p{
	color:#64420d;
	text-align:left;
	font-size:11px;
	padding-bottom:5px;
	padding-top:15px;
	line-height:12px;
	padding-left:8px;
}
.form_text textarea{
	background:#FFF;
	width:244px;
	font-size:12px;
	color:#64420d;
	height:56px;
	padding:3px;
	border:1px solid #e1ca95;
	margin-left:8px;
}
.text_box{
	padding-top:26px;
	padding-left:8px;
	width:251px;
	height:52px;
	margin-top:20px;
	text-align:left;
	background:url(../images/bg_text_box.png) no-repeat
}
.text_box input{
	border:none;
	width:120px;
	height:27px;
	cursor:pointer;
	background:url(../images/bg_submit.png) left top no-repeat;
}
.text_box input:hover{background:url(../images/bg_submit.png) left bottom no-repeat;}
h1.your_questions{
	text-indent:-9999px;
	outline-style:none;
	height:66px;
	padding-top:40px;
	background:url(../images/bg_your_questions.png) center 40px no-repeat;
}
.common_questions{
	text-align:left;
	width:718px;
	padding:70px 0px 10px 242px; 
	overflow:hidden;
	background:url(../images/bg_common_questions.png) left top no-repeat;
}
.faqs h3{
	font-size:15px;
	font-weight:normal;
	color:#000;
	letter-spacing:1px;
	padding-bottom:8px;
	padding-top:5px;
}
.faqs h3 span{font-size:11px;}
.faqs ul{
	font-size:11px;
	color:#64420d;
	padding-top:10px;
}
.faqs ul li{
	width:590px;
	padding-top:5px;
	overflow:hidden;
}
.faqs ul li p{
	width:545px;
	line-height:17px;
	overflow:hidden;
	float:left;
}
.faqs ul span{
	height:100%;
	width:35px;
	float:left;
	display:block;
	color:#000;
	margin-top:2px;
}
.faqs p a{
	color:#64420d;
	text-decoration:underline;
}
.faqs p a:hover{
	color:#64420d;
	text-decoration:none
}
.ingredients_allergies{
	text-align:left;
	width:718px;
	padding:10px 0px 10px 242px; 
	overflow:hidden;
	background:url(../images/bg_ingredients_allergies.png) left -8px no-repeat;
}
.question{
	text-align:left;
	width:718px;
	padding:10px 0px 40px 242px; 
	overflow:hidden;
	background:url(../images/bg_question.png) left top no-repeat;
}

.ourstore_prod_page{
	width:100%;
	overflow:hidden;
	background:url(../images/bg_group2.png) right bottom no-repeat;
}
.ourstore_prod_page h1{
	text-indent:-9999px;
	outline-style:none;
	height:65px;
	padding-top:40px;
	padding-bottom:20px;
	background:url(../images/group2_title.png) center 40px no-repeat;
}
.photos{
	float:left;
	width:354px;
	height:436px;
	padding-top:57px;
	padding-left:199px;
	text-align:left;
	background:url(../images/bg_photos.png) left top no-repeat
}
.photos img{display:block;}
.featured_text{
	float:left;
	width:310px;
	text-align:left;
	padding-left:10px;
	padding-top:30px;
}
.featured_text h3{
	font-size:15px;
	font-weight:normal;
	color:#000;
	letter-spacing:1px;
}
.featured_text h3 span{font-size:11px;}
.featured_text p{
	font-size:11px;
	color:#64420d;
	padding-top:15px;
	line-height:17px;
}

.ourstory_prod_page{
	width:100%;
	overflow:hidden;
}
.ourstory_prod_page .featured_text h3{
	font-size:17px;
	font-weight:normal;
	color:#000;
	letter-spacing:1px;
}
.ourstory_prod_page .featured_text h3 span{font-size:12px;}
.ourstory_prod_page h1{
	text-indent:-9999px;
	outline-style:none;
	height:65px;
	padding-top:40px;
	padding-bottom:24px;
	background:url(../images/group3_title.png) center 40px no-repeat;
}
.ourstory_prod_page .photos{
	float:left;
	width:271px;
	height:446px;
	padding-top:69px;
	padding-left:281px;
	text-align:left;
	background:url(../images/bg_photos2.png) left top no-repeat
}
.ourstory_prod_page  .featured_text{
	padding-bottom:70px;
	width:350px;
	padding-top:10px;
	background:url(../images/bg_group3.png) left bottom no-repeat;
}
#where_to_buy{
	padding-left:115px;
	margin:0px auto;
}
#where_to_buy h1{
	margin-left:-115px;
	text-indent:-9999px;
	outline-style:none;
	height:66px;
	padding-top:30px;
	padding-bottom:60px;
	background:url(../images/bg_where_to_buy.png) center 30px no-repeat;
}

#where_to_buy #results h4,
#where_to_buy #showall h4 {padding: 20px 0 0 0;}
#where_to_buy h4 a {color:#64420D;}
.store_location{
	width:380px;
	float:left;
	text-align:left;
	padding-top:12px;
	background:url(../images/bg_store_location.png) left 68px no-repeat;
	padding-bottom:70px;
	padding:12px 34px 70px 0px;
}
.store_location form{
	width:100%;	
	padding-top:9px;
	height:36px;
	background:url(../images/bg_form.jpg) 126px top no-repeat;
	padding-bottom:15px;
}
.store_location form .input_box{
	width:120px;
/*	height:12px;*/
	padding:2px 0px 2px 4px;
	font-size:11px;
	background:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	border:1px solid #e1ca95;
	vertical-align:middle;
	color:#8c6e40;
}
.store_location form .go{
	border:none;
	cursor:pointer;
	width:87px;
	height:27px;
	vertical-align:middle;
	margin-left:8px;
	background:url(../images/go_button.png) left top no-repeat;
}
.store_location form .go:hover{background:url(../images/go_button.png) left bottom no-repeat;}
.store_location ul {
	width:190px;
	padding-top:22px;
	float:left;
}
.store_location ul h3{
	font-size:15px;
	font-weight:normal;
	letter-spacing:1px;
	color:#000000;
}
.store_location ul h3 span{font-size:10px;}
.store_location ul li{
	color:#64420d;
	font-size:10px;
	line-height:15px;
}
.google_map{
	float:left;
	width:349px;
	height:393px;
	padding:9px;
	background:url(../images/bg_google_map.jpg) no-repeat;
}
#map_canvas {width:349px; height:393px;}
.wholesale_products{
	padding:0px 50px 0px 50px;
} 
.wholesale_products h1{
	text-indent:-9999px;
	outline-style:none;
	height:66px;
	padding-top:30px;
	padding-bottom:60px;
	background:url(../images/bg_wholesale_products_title.jpg) center 30px no-repeat;
}
.food_photos{
	float:left;
	width:302px;
}
.food_photos img{
	float:left;
	margin-right:24px;
	margin-bottom:20px;
}
.wholesale_products_text{
	float:left;
	text-align:left;
	padding-left:10px;
	padding-right: 40px;
	width:300px;
	
}
.wholesale_products_text h3{
	font-size:15px;
	font-weight:normal;
	letter-spacing:1px;
	color:#000000;
}
.wholesale_products_text h3 span{font-size:10px;}

.featured_text p{
	font-size:11px;
	color:#64420d;
	padding-top:15px;
	line-height:17px;
}

.wholesale_products_text p{
	font-size:11px;	
	color:#64420d;
	padding:20px 0px;
	line-height:17px;
}
.wholesale_products_text span a{
	color:#64420d;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
}
.wholesale_products_text span a:hover{
	color:#64420d;
	text-decoration:none;
}
.wholesale_products_list{
	width:188px;
	float:left;
	text-align:left;
	margin-top:30px;
}
.wholesale_products_list li{
	font-size:13px;
	color:#000000;
	letter-spacing:1px;
	padding:4px 0px;
	padding-left:14px;
	background:url(../images/bg_menu_li2.png) left 9px no-repeat;
}
.wholesale_products_list li span{
	font-size:10px;
}
/* *************************** 
   $5 - Sidebar Styles
   ***************************/
.pop_up_page{
	background:#efe2c4;
	width:495px;
	height:439px;
	padding:15px;
	text-align:left;
}
.pop_up_page img{display:block;}
.pop_up_page h2{
	text-transform:uppercase;
	letter-spacing:2px;
	color:#000;
	font-size:23px;
	font-weight:normal;
	padding-bottom:12px;
}
.pop_up_page h2 span{font-size:16px}
.pop_up_page h2 img{float:right;}
.page_img{
	width:100%;
	overflow:hidden;
	padding-bottom:14px;
	background:url(../images/bg_page_img.png) right top no-repeat;
}
.page_img img{float:left;}
.ingredients{
	float:left;
	width:203px;
	text-align:center;
	padding-top:42px;
	padding-bottom:28px;
	background:url(../images/bg_ingredients.png) center bottom no-repeat;
}
.ingredients h3{
	text-transform:uppercase;
	font-size:13px;
	color:#dba111;
	padding-top:30px;
	letter-spacing:1px;
	padding-bottom:3px;
	background:url(../images/bg_ingredients.png) center top no-repeat;
}
.ingredients p{
	font-size:10px;
	color:#FFF;
	line-height:19px;
}
.ingredients p span{
	font-style:italic;
	color:#dba111;
}
#falafel .ingredients{
	padding-top:14px;
}
#muhamarra .ingredients{
	padding-top:32px;
}
#tzatziki .ingredients{
	padding-top:32px;
}
.featured_photos{
	width:100%;
	position:relative;
	text-align:left;
	padding-bottom:29px;
	background:url(../images/bg_featured_photos.png) left 345px no-repeat;
}
.featured_photos p{
	font-style:italic;
	font-size:13px;
	line-height:19px;
	position:absolute;
	top:135px;
	left:50px;
	width:350px;
	color:#FFF;
}
.featured_photos h2{
	font-style:italic;
	font-size:13px;
	position:absolute;
	top:230px;
	left:50px;
	color:#d49a13;
}
.button{
	width:204px;
	height:43px;
	position:absolute;
	left:39px;
	bottom:51px;
	padding-top:14px;
	padding-left:12px;
	background:url(../images/bg_button.png) no-repeat;
}
.button a{
	display:block;
	width:192px;
	height:27px;
	text-indent:-9999px;
	outline-style:none;
	background: url(../images/nutritional_facts_button.png) left top no-repeat;
}
.button a:hover{background: url(../images/nutritional_facts_button.png) left -27px no-repeat;}
.falafel .button{background:url(../images/bg_button2.png) no-repeat;}
.falafel h2{ top:208px;}
.muhammara, .tzatziki, .baba_ghannouge,.rrp_hummus,.spicy_hummus,.hummus{padding-bottom:0px;} 
.muhammara .button{
	bottom:51px;
	background:url(../images/bg_button3.png) no-repeat;
}
.muhammara p{ top:145px;}
.muhammara h2{ top:240px;}

.tzatziki .button{
	bottom:51px;
	background:url(../images/bg_button8.png) no-repeat;
}
.tzatziki p{ top:145px;}
.tzatziki h2{ top:240px;}

.baba_ghannouge .button{
	bottom:51px;
	background:url(../images/bg_button4.png) no-repeat;
}
.baba_ghannouge p{ top:145px;}
.baba_ghannouge h2{ top:218px;}
.rrp_hummus .button{
	bottom:51px;
	background:url(../images/bg_button5.png) no-repeat;
}
.rrp_hummus p{ top:145px;}
.rrp_hummus h2{ top:238px;}
.spicy_hummus .button{
	bottom:51px;
	background:url(../images/bg_button6.png) no-repeat;
}
.spicy_hummus p{ top:145px;}
.spicy_hummus h2{ top:238px;}
.hummus .button{
	bottom:51px;
	background:url(../images/bg_button7.png) no-repeat;
}
.hummus p{ top:145px;}
.hummus h2{ top:238px;}
.productsjs{
	padding:10px;
	background:#f2e9d6;
	width:878px;
}
.productsjs_content{
	border:1px solid #e5cf9e;
	height:235px;
	width: 876px;
	text-align:left;
}
.productsjs_content h1{
	height:19px;
	background:url(../images/productsjs_content_title.png) center 19px no-repeat;
	text-indent:-9999px;
	outline-style:none;
	padding-top:19px;
}
.productsjs_content_img{
	width:853px;
	height:180px;
	margin:0px auto;
	margin-top:10px;
}
/* *************************** 
   $6 Footer Styles
   ***************************/
#footer{
	height:155px;
	width:100%;
	padding-top:75px;
	font-size:11px;
	overflow:hidden;
	color:#64420d;
	border-bottom: 1px solid #CCAF6A;
	background:url(../images/bg_footer.jpg) no-repeat;
}
#footer ul{
	width:100%;
	height:20px;
	overflow:hidden;
}
#footer ul li{
	float:left;
	font-size:13px;
	letter-spacing:1px;
	background:url(../images/bg_menu_li2.png) left 6px no-repeat;
	padding:0px 11px 0px 19px;
	color:#000;
}
#footer .first{
	background:none;
	padding-left:100px;
}
#footer ul li a{color:#000;	font-size:12px; font-variant:small-caps;}
#footer ul li a:hover{color:#000;}
#footer p{
	margin:0px auto;
	line-height:18px;
	padding-top:15px;
	font-size:11px;
}
#footer p a{
	color:#64420d;
	text-decoration:underline;
}
#footer p a:hover{
	color:#64420d;
	text-decoration:none
}


/*

Here's a demo stylesheet used to format a menu and its content.
Feel free to alter the menu layout however you want!
All you have to do is ensure the script has the correct CSS property name
(like 'visibility' or 'display') that changes to show/hide menus.

If you want to extend this layout, one good resource for UL/LI formatting is:
    http://www.alistapart.com/articles/taminglists/
Alternatively, you can use any other CSS dropdown layout instead. More here:
    http://www.alvit.de/css-showcase/
Consult your favourite CSS reference for customising fonts/borders/etc.

Otherwise, you can just change the #RGB border/background colours where
suitable to customise for your site -- easy :).

*/



/* HORIZONTAL FREESTYLE MENU LAYOUT */

.menulist li:hover ul {
 display: block;
}
/* All <ul> tags in the menu including the first level */

.menulist {
	color:#e0cb9b;
	font-size:14px;
	width:100%;
	height: 29px;
}
.menulist li a span{
	cursor:pointer;
	font-size:9px;
}
.menulist li{
	float:left;
	color:#e0cb9b;
	letter-spacing:2px;
	padding:0px 14px 0px 22px;
	margin:0px;
	
	background:url(../images/bg_menu_li1.png) left 12px no-repeat;
}
#nav_our_products{
	background:none;
	padding-left:5px;
}
#nav_tasty_recipes{
	background:none;
	padding-left:0px;
	margin-left:207px;
}
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
 z-index:30;
}
/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
background:#000000;
padding:0px 3px 3px 3px;
 display: none;
 position: absolute;
 top: 1.0em;
 margin-top: 13px;
 left: 3px;
 width: 161px;
}
.menulist li#nav_our_products ul,
.menulist li#nav_tasty_recipes ul {
 left:-15px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 150px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin: 0;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 text-indent:-9999px;
 outline-style:none;
 text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
	color:#fff;
	text-decoration:none;
}
.menulist a.highlighted {
	color:#fff;
	text-decoration:none;
}

.menulist ul a {
 	display: block;
	color:#e0cb9b;
 	text-decoration: none;
}
#header .menulist ul li .none_border{ border-top:none;}
/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
\*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
}
/* End Hacks */
.menulist li li{
	font-size:11px;
	padding-left:0px;
	text-align:left;
	padding-right:0px;
	background:none;
	border:1px solid #d7b97d;
	border-top:0px;
}
.menulist li a{height: 29px; background-image: url(../images/nav/navsprite.png); background-repeat:no-repeat;}
/*****************************1*************************************/
.menulist #nav_our_products a{
	width:105px;
	background-position:0 0;
}
.menulist #nav_our_products:hover>a,
.menulist #nav_our_products a:hover,
#our_products .menulist #nav_our_products a {
	background-position: 0 -29px;
}
#our_products .menulist #nav_our_products li a {background-position: 0 0;}
/**************************************/
		.menulist #nav_hummus a{
			width:159px;
			height:26px;
			background:url(../images/nav/nav_hummus.png) left top no-repeat;
		}
		.menulist #nav_hummus a:hover{background-position: left bottom !important;}
/**************************************/
		.menulist #nav_spicy_hummus a{
			width:159px;
			height:26px;
			background:url(../images/nav/nav_spicy_hummus.png) left top no-repeat;
		}
		.menulist #nav_spicy_hummus a:hover{background-position: left bottom !important;}

/**************************************/
		.menulist #nav_tzatziki a{
			width:159px;
			height:26px;
			background:url(../images/nav/nav_tzatsiki.png) left top no-repeat;
		}
		.menulist #nav_tzatziki a:hover{background-position: left bottom !important;}

/**************************************/
		.menulist #nav_roasted_red a{
			width:159px;
			height:41px;
			background:url(../images/nav/nav_roasted_red.png) left top no-repeat;
		}
		.menulist #nav_roasted_red a:hover{background-position: left bottom !important;}

/**************************************/
		.menulist #nav_baba_gannogue a{
			width:159px;
			height:26px;
			background:url(../images/nav/nav_baba_gannogue.png) left top no-repeat;
		}
		.menulist #nav_baba_gannogue a:hover{background-position: left bottom !important;}

/**************************************/
		.menulist #nav_muhamara a{
			width:159px;
			height:26px;
			background:url(../images/nav/nav_muhamara.png) left top no-repeat;
		}
		.menulist #nav_muhamara a:hover{background-position: left bottom !important;}

/**************************************/
		.menulist #nav_falafel a{
			width:159px;
			height:41px;
			background:url(../images/nav/nav_falafel.png) left top no-repeat;
		}
		.menulist #nav_falafel a:hover{background-position: left bottom !important;}


/**************************************/
		.menulist #nav_dolmas a{
			width:159px;
			height:26px;
			background:url(../images/nav/nav_dolmas.png) left top no-repeat;
		}
		.menulist #nav_dolmas a:hover{background-position: left bottom !important;}

/*****************************2*************************************/
.menulist #nav_our_story a{
	width:79px;
	background-position: -105px 0;
}
.menulist #nav_our_story a:hover,
#our_story .menulist #nav_our_story a {background-position: -105px -29px;}

/****************************3**************************************/
.menulist #nav_our_store a{
	width:80px;
	background-position: -184px 0;
}
.menulist #nav_our_store a:hover,
#our_store .menulist #nav_our_store a{
	background-position: -184px -29px;
}

/****************************4**************************************/
.menulist #nav_tasty_recipes a{
	width:106px;
	background-position: -264px 0;
}
.menulist #nav_tasty_recipes a:hover,
#tasty_recipes .menulist #nav_tasty_recipes a{
	background-position: -264px -29px;
}

/*****************************5*************************************/
.menulist #nav_find_us a{
	width:58px;
	background-position: -370px 0;
}
.menulist #nav_find_us a:hover,
#find_us .menulist #nav_find_us a{
	background-position: -370px -29px;
}
/*****************************6*************************************/
.menulist #nav_wholesalers a{
	width:85px;
	background-position: -428px 0;
}
.menulist #nav_wholesalers a:hover,
#wholesalers .menulist #nav_wholesalers a{
	background-position: -428px -29px;
}

/* Nutrition Facts Overlay */
#overlay {width: 100%; height: 100%; position:absolute; top:0; left:0; background:#000; opacity: 0.4; z-index: 500; display:none;}
#nutritionholder {position:fixed; top:0; left:0; z-index: 600;}



/* Product Sliders*/
#productslider {width: 876px; padding: 31px 0 0 0; text-align:left; position:absolute;}
#controls 			{position:absolute; top:0; width: 876px;}
.nonjs #controls	{display:none;}
#controls li		{position:absolute; width: 38px; padding-top: 31px;}
#controls li a	{display:block; width: 38px; height: 110px; background: url(../images/button_slider.png) 0 0 no-repeat; text-indent:-9999px;}
#controls li a:hover{background-position: 0 -110px;}
#controls li.next{right:0;}
#controls li.next a{background-position: -38px 0;}
#controls li.next a:hover {background-position:-38px -110px; }
#slidermask 		{width: 800px; height: 166px; margin: 0 0 0 38px; overflow:hidden;}
/*#slidermask.nonjs{ overflow:auto; overflow-y:hidden;}*/
#slidermask ul		{width: 2500px; height: 166px; float:left;}
#slidermask ul li {width: 200px; float:left;}
#slidermask ul li a	{width: 200px; float:left; text-align:center;color:#000; font-size: 13px;  font-variant: small-caps; letter-spacing:1px;}
#slidermask ul li a span.img {display:block; width: 200px; margin-bottom: 5px;  height: 110px; background: url(../images/products-slider.png) 0 0 no-repeat;}

#slidermask ul li.s2 a span.img{background-position: 0 -110px;}
#slidermask ul li.s3 a span.img{background-position: 0 -220px;}
#slidermask ul li.s4 a span.img{background-position: 0 -330px;}
#slidermask ul li.s5 a span.img{background-position: 0 -440px;}
#slidermask ul li.s6 a span.img{background-position: 0 -550px;}
#slidermask ul li.s7 a span.img{background-position: 0 -660px;}
#slidermask ul li.s8 a span.img{background-position: 0 -771px;}