/*

Designed and Coded By: iDuDi - Web & Cellular consultant
http://www.idudi.co.il
Date: 16/3/2009


PRIMARY COLORS:
green-light: #8FC03C;
green-dark: #164822;
brown:#D3BE96 [search]
brown:#AC9D73 [category text]
brown:#72694D [product title]

*/

/******** General  *******/

body{
font-size: 12px;
font-family: arial, helvetica, georgia;
line-height: 1em;
text-align: center;
color: #ffffff;
background:#164822 url(../images/body_bg.jpg) repeat-x ;
}

p, ul, li, img, form, body, html{
margin: 0;
padding: 0;
}

ul{
    list-style-type:none;
}

a{
text-decoration: none;
color: #ffffff;
}

a:hover{
text-decoration: none;
}

a img{
border: none;
}

h3{
display:none;
}

.noBorder{border-width:0px;}


/******** container *******/

#container{
text-align: right;
margin:5px auto;
width: 880px;
}

/******** header *******/

#header{
background:#164822 url(../images/top_bg.jpg) no-repeat ;
height:148px;
overflow:hidden;
}

#main_menu{
height:148px;
overflow:hidden;
text-align:left;
padding-top:8px;
padding-left:7px;
float:left;
width:567px;
}

#main_menu div{
float:left;
height:138px;
}

#main_menu a img{
margin-bottom:2px;
margin-right:2px;
}

#main_menu a span{
display:none;
}

.left_float{
float:left !important;
}

#logo{
margin-left: 575px;
padding-top:8px;
text-align:center;
}

.blockA{width:173px;position: relative;}
.blockB{width:59px;position: relative;}
.blockC{width:83px;position: relative;}
.blockD{width:97px;position: relative;}

#eco{
display:block;
width:171px;
height:64px;
background:url(../images/menu.gif) no-repeat 0 0;
}

#eco:hover{
background:url(../images/menu.gif) no-repeat 0px -139px;
}

#dganim{
display:block;
width:68px;
height:73px;
background:url(../images/menu.gif) no-repeat 0 -63px;
}

#dganim:hover{
background:url(../images/menu.gif) no-repeat 0px -202px;
}

#metukim{
display:block;
margin-left:69px;
width:103px;
height:73px;
background:url(../images/menu.gif) no-repeat -70px -63px;
}

#metukim:hover{
background:url(../images/menu.gif) no-repeat -70px -202px;
}

#maadanim{
display:block;
width:72px;
height:137px;
background:url(../images/menu.gif) no-repeat -172px 0;
}

#maadanim:hover{
background:url(../images/menu.gif) no-repeat -172px -138px;
}

#coffee{
display:block;
width:57px;
height:96px;
background:url(../images/menu.gif) no-repeat -244px 0;
}

#coffee:hover{
background:url(../images/menu.gif) no-repeat -244px -139px;
}

#sugar{
display:block;
width:57px;
height:41px;
background:url(../images/menu.gif) no-repeat -244px -96px;
}

#sugar:hover{
background:url(../images/menu.gif) no-repeat -244px -235px;
}

#soya{
display:block;
width:81px;
height:137px;
background:url(../images/menu.gif) no-repeat -304px 0;
}

#soya:hover{
background:url(../images/menu.gif) no-repeat -304px -139px;
}

#soup{
display:block;
width:95px;
height:43px;
background:url(../images/menu.gif) no-repeat -387px 0;
}

#soup:hover{
background:url(../images/menu.gif) no-repeat -387px -138px;
}

#sauce{
display:block;
width:95px;
height:94px;
background:url(../images/menu.gif) no-repeat -387px -43px;
}

#sauce:hover{
background:url(../images/menu.gif) no-repeat -387px -181px;
}

#bread{
display:block;
width:81px;
height:71px;
background:url(../images/menu.gif) no-repeat -484px -0px;
}

#bread:hover{
background:url(../images/menu.gif) no-repeat -484px -138px;
}

#pasta{
display:block;
width:81px;
height:66px;
background:url(../images/menu.gif) no-repeat -484px -71px;
}

#pasta:hover{
background:url(../images/menu.gif) no-repeat -484px -210px;
}

/******** main content *******/

#main_content{
height:376px;
overflow:hidden;
}

#preview{
float:left;
background:url(../images/left_bg.jpg) repeat-y top left;
padding-left:8px;
margin-left:-1px;
background-color:#ffffff;
/*width:565px;*/
height:376px;
}

.small_prod{
padding-top:18px;
}


#content{
background:url(../images/right_bg.jpg) no-repeat top right;
margin-right:-2px;
background-color:#ffffff;
padding-right: 8px;
margin-left: 572px;
}

#content p.about_hp{
background-color:#95618F;
height:376px;
direction:rtl;
padding:10px;
overflow:hidden;
}

#content_body{
background-color:#AC9D73;
width:302px;
height:376px;
overflow:auto;
position:relative !important;
}

#content_body p, #brand_Body p{
padding:20px;
text-align:right;
direction:rtl;
line-height:1.2em;
}

#brand_Body{
background-color:#EFC868;
width:302px;
height:376px;
overflow:hidden;
text-align:center;
padding-top:40px;
}

#brand_Body p{
color:#000000;
padding-top:30px;
}

/******** info content *******/

#info_content{
background-color:#ffffff;
height:134px;
padding-top:2px;
}

#news, #search, #brand{
margin-top:1px;
height:130px;
overflow:hidden;
text-align:right;
}

#news{
background:url(../images/news_bg.gif) no-repeat top left;
width:243px;
float:left;
}

#news div{
height:130px;
width:243px;
text-align:right;
}

#news div p{
position:relative;
left:0px;
width:200px;
padding:20px 15px;
text-align:right;
direction:rtl;
line-height:1.2em;
}

#search{
background:#D3BE96 url(../images/search_title_bg.gif) no-repeat top right;
width:319px;
margin-left:3px;
float:left;
direction:rtl;
}

#form_wrap, #form_wrap_res{
margin-top: 40px; 
margin-right: 10px; 
margin-left: 10px;
direction:rtl;
}

#form_wrap tr, #form_wrap_res tr{
vertical-align:middle;
}

#form_wrap_res tr{
height:25px;
}

.searc_input{
width:140px;border:1px solid #AC9D73;
}

#form_wrap_res{
color:#000000;
width:250px;
float:right;
}


#brand{
background:url(../images/brand_bg.gif) no-repeat top right;
margin-left:3px;
width:299px;
float:left;
}

#brand_logo{
float:left;
margin-left:20px;
}

#brand_text{
margin-left:172px;
padding:10px;
}

#brand_text img{
padding-right:10px;
}

#brand_text p{
margin-top:10px;
color:#000000;
line-height:1.2em;
}

#brand_text p a{
color:#000000;
font-size:12px;
text-decoration:underline;
}

#border_left, #border_left_cat{
margin-left:-1px;
margin-top:-2px;
background:url(../images/btm_left_bg.jpg) repeat-y top left;
height:136px;
width:8px;
background-color:#ffffff;
float:left;
}

#border_right, #border_right_cat{
margin-right:-2px;
margin-top:-2px;
background:url(../images/btm_right_bg.jpg) repeat-y top right;
height:136px;
background-color:#ffffff;
}

#border_left_cat{
height:100px;

}

#border_right_cat{
height:100px;
}


/******** category ********/

#category_wrapper{
background-color:#ffffff;
padding-top:2px;
height:98px;
}

#category{
width:302px;
height:95px;
float:left;
margin-left:3px;
margin-top:1px;
}

#category_desc{
width:562px;
height:95px;
margin-top:1px;
float:left;
}

#category_desc h2{
margin:0px;
direction:rtl;
padding:5px 20px 5px 5px;
font-size:18px;
}

#category_desc p{
direction:rtl;
padding:5px 20px;
}

#product_list{
background: #ffffff url(../images/product_bg.gif) repeat-y bottom left;
width:877px;
margin-left:2px;
text-align:left;
padding-bottom:5px;
display:inline-block;
position:relative;
left:-1px;
}

.product_box{
width:150px;
margin:11px;
float:left;
text-align:center;
background-color:#ffffff;
height:190px;
}

.product_box a, .product_box a:hover{
color:#72694D;
}

.dist_box{
width:150px;
margin:11px;
float:left;
text-align:right;
background-color:#ffffff;
color:#000000;
height:110px;
}

.dist_box h3{
display:block;
font-size:14px;
color:#164822;
margin:2px 0px;
}

.dist_box p{
line-height:1.3em;
direction:rtl;
}

.dist_box a, .dist_box a:hover{
color:#72694D;
text-decoration:underline;
}

.about{
background:url(../images/about_naturafood.gif) no-repeat top right;
}

.organic_food{
background:url(../images/organic_food.gif) no-repeat top right;
}

.contact{
background:url(../images/contact_us.gif) no-repeat top right;
}

.about_body{
color:#72694D;
line-height:1.2em;
height:125px;
}

.dist{
background:url(../images/distributors.gif) no-repeat top right;
}

.search{
background:url(../images/search_results.gif) no-repeat top right;
}

.search2{
background:url(../images/product_metukim_left.gif) no-repeat top left;
}

.search2 p{
line-height:1.2em;
}

.not_found{
color:#72694D;
text-align:center;
}

.ecofriend{
background:url(../images/product_ecofriend.gif) no-repeat top right;
}

.dganim{
background:url(../images/product_dganim.gif) no-repeat top right;
}

.metukim{
background:url(../images/product_metukim.gif) no-repeat top right;
}

.sugar{
background:url(../images/product_sugar.gif) no-repeat top right;
}

.coffee{
background:url(../images/product_coffee.gif) no-repeat top right;
}

.maadanim{
background:url(../images/product_maadanim.gif) no-repeat top right;
}

.soup{
background:url(../images/product_soup.gif) no-repeat top right;
}

.soya{
background:url(../images/product_soya.gif) no-repeat top right;
}

.pasta{
background:url(../images/product_pasta.gif) no-repeat top right;
}

.bread{
background:url(../images/product_bread.gif) no-repeat top right;
}

.sauce{
background:url(../images/product_sauce.gif) no-repeat top right;
}

.ecofriend2{
background:url(../images/product_ecofriend_left.gif) no-repeat top left;
}

.dganim2{
background:url(../images/product_dganim_left.gif) no-repeat top left;
}

.metukim2{
background:url(../images/product_metukim_left.gif) no-repeat top left;
}

.sugar2{
background:url(../images/product_sugar_left.gif) no-repeat top left;
}

.coffee2{
background:url(../images/product_coffee_left.gif) no-repeat top left;
}

.maadanim2{
background:url(../images/product_maadanim_left.gif) no-repeat top left;
}

.soup2{
background:url(../images/product_soup_left.gif) no-repeat top left;
}

.soya2{
background:url(../images/product_soya_left.gif) no-repeat top left;
}

.pasta2{
background:url(../images/product_pasta_left.gif) no-repeat top left;
}

.bread2{
background:url(../images/product_bread_left.gif) no-repeat top left;
}

.sauce2{
background:url(../images/product_sauce_left.gif) no-repeat top left;
}

/******** product ********/

#product_table{
margin:25px 10px 10px 10px;
width:200px;
}

#content_body tr{
vertical-align:top;
}

#content_body h2{
margin:0px;
padding:0px;
font-size:12px;
}

#kosher{
width:170px !important;
}

#kosher img{
border:1px solid #8F7157;
margin-left:10px;
}

#product_table p{
margin:7px 0px 3px 0px;
padding:0px;
font-size:12px;
width:125px;
}

.comment{
width:255px !important;
text-align:justify !important;
}

#tdsep{
border-left:1px solid #ffffff;
padding-left: 7px;
width:110px;
}

.ingIcon {
padding:0px 6px;
position:relative;
top:-8px;
}

#value_td{
padding-right: 7px;
}

#value_td h2{
margin-top:0px;
margin-bottom:5px;
}

#value_table{
width: 125px;
}

#value_table td{
border-bottom:1px solid #D3BE96;
line-height:1.4em;
}


/******** pages ********/

#text_body{
float:left;
width:570px;
text-align:right;
margin-top:2px;
}

#text_body p{
color:#72694D;
line-height:1.2em;
direction:rtl;
padding:20px 25px;
}

#text_image{
margin-top:2px;
}

.about_body_eng{
text-align:left;
direction:ltr;
}

/******** footer ********/

#footer{
padding:5px 2px;
clear:both;
margin-bottom: 30px;
}

#footer_menu{
float:right;
}

#footer_menu ul{
line-height: 14px;
}  

#language_menu{
text-align:left;
padding:4px;
}

#language_menu li a:hover{
font-size:15px;
color:#164822;
} 

#footer_menu li, #language_menu li{
display:inline;
}

#footer_menu li a, #language_menu li a{
font-size:15px;
color:#ffffff;
}

#footer_menu li a:hover, #copyright a:hover{
font-size:15px;
color:#8FC03C;
}

#language_menu li .eng {
font-size:12px;
}

#language_menu li .eng:hover{
font-size:12px;
}

#copyright{
float:left;
padding-top:2px;
}

#copyright a:hover{
font-size:12px;
color:#8FC03C;
}

.sep{
color:#ffffff;
margin:0px 3px;
}


/********** Other **********/