/*

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


PRIMARY COLORS:
red:#C00000
blue:#0041AD
grey:#DDDDDD

*/

/******** Reset  *******/

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;
}

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


body{
font-size: 12px;
font-family: avant gard, arial, verdana, Calibri;
color:#000000;
}

p{
line-height:1.2em;
}

ul{
list-style:none;
}

li{
display:inline;
}

a{
text-decoration: none;
color: #0041AD;
font-weight:bold;
}

a:hover{
text-decoration: none;
color:#c00000;
font-weight:bold;
}

a img{
border: none;
}



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

#container_hp{
text-align: left;
margin:0px auto 0px auto;
width:920px;
overflow:hidden;
}

#container{
text-align: left;
margin:0px auto;
width:920px;
min-height:632px;
}

#homepage{
background:#ffffff url(../images/homepage_bg.jpg) no-repeat top center;
margin:0px;
}

#catalog{
background:#DDDDDD url(../images/header_bg.jpg) no-repeat top center;
}

/******** homepage *******/

#logo_hp{
float:right;
margin-top:75px;
margin-right:20px;
}

#main_menu_hp{
clear:both;
float:right;
margin-top:360px;
width:100%;
}

#main_menu_hp ul{
float:right;
margin-right:36px;
}

#main_menu{
float:right;
width:522px;
display:inline-block;
margin-top: 67px;
}

#main_menu ul.main{
margin-right:17px;
clear:both;
margin-top: 54px;
}

#main_menu ul.sub{
float:left;
width:305px;
}

#main_menu_hp ul li, #main_menu ul.main li, #main_menu ul.sub li, #extra_link_hp{
text-align:center;
}

#main_menu .main a, #main_menu .sub a, #extra_link_hp a{
float:left;
margin-left:23px;
cursor:pointer;
text-align:center;
}

#main_menu_hp a{
float:left;
margin-left:30px;
cursor:pointer;
text-align:center;
}

#main_menu .main a, #main_menu .sub a{
margin-left:10px;
}

#main_menu_hp a span, #extra_link_hp a span{
background:url(../images/link_bg.gif) no-repeat;
display:block;
padding:5px 0px 0px 0px;
width:106px;
height:21px;
}

#main_menu .main a span, #main_menu .sub a span{
background:url(../images/link2_bg.gif) no-repeat;
display:block;
padding:5px 0px 0px 0px;
width:91px;
height:27px;
}

#wrapper_hp{
clear:both;
float:right;
width:100%;
margin-top:100px;
}

#search_hp{
float:left;
margin-right:85px;
margin-left:370px;
width:290px;
border:1px solid #0041AD;
padding:2px 4px;
}

.input_hp{
width:200px;
margin-right:10px;
}

.submit_hp, .submit_cat{
border:none;
background:none;
color:#0041AD;
font-weight:bold;
cursor:pointer;
}

#search{
background-color:#E8E8E8;
margin:0px;
padding:0px;
width:208px;
float:right;
height:25px;
}

.input_cat{
width:130px;
height:15px !important;
margin:4px 8px 0px 4px;
font-size:10px;
line-height:1.2em;
border:none;
}

.submit_cat{
font-size:11px;
width:45px;
}


/******** catalog *******/

#header{
width:100%;
height:170px;
overflow:hidden;
}

#logo{
float:left;
margin-top:43px;
margin-left:18px;
}

#wrapper{
padding-bottom:10px;
display:-moz-box;
}

#left_side{
float:left;
width:169px;
background-color:#DDDDDD;
padding-top:10px;
}


#letters div{
float:left;
margin:5px 0px 5px 18px;
width:32px;
height:32px;
overflow:hidden;
}

#letters div a, #letters div span.empty{
display:block;
width:32px;
height:32px;
background:url(../images/letter_button_bg.gif) no-repeat top left;
font-size:14px;
text-align:center;
}

#letters a span{
display:block;
padding-top:8px;
}

#letters div span.empty{
padding-top:8px;
color:#828282;
font-weight:bold;
}

#content{
float:left;
width:594px;
height:100%;
background-color:#ffffff;
}

#top_content{
height:40px;
overflow:hidden;
padding:0px 11px 0px 10px;

}

#top_content #bread_crumbs{
float:left;
margin-top:15px;
padding-bottom:3px;
}

#top_content #bread_crumbs a, #search_list p a{
color:#313131;
font-size:10px;
font-weight:normal;
border:1px solid white;
padding:0 2px;
}

#top_content #bread_crumbs a:hover, #search_list p a:hover{
border:1px solid red;
}

#top_content #paging{
float:right;
font-size:11px;
font-weight:bold;
margin-top:8px;
padding-bottom:3px;
}

#top_content #paging .paging_arrow{
position:relative;
top:6px;
}

#top_content #paging a.next{
border:1px solid #0041AD;
padding:0 10px;

}

#top_content #paging a.next:hover{
border:1px solid #C00000;
color:#0041AD;
}

#catalog_list{
margin:24px 0px 20px 10px;
width:586px;
height:420px;
}

#catalog_list div{
width:125px;
height:157px;
overflow:hidden;
float:left;
margin:0px 24px 15px 0px;
text-align:center;
}

#catalog_list div span.product_name{
font-size:10px;
color:#444343;
}

#catalog_list div span.product_ing{
font-size:9px;
color:Red;
font-family:Arial;
}

#catalog_list div.end{
margin-right:0px !important;
}

#catalog_list div img{
border: silver solid 1px;

}


#product{
border:1px solid red;
margin:24px 20px 20px 20px;
width:532px;
height:350px;
padding:30px 11px 30px 11px;
}

#product #details{
width:50%;
height:100%;
float:left;
text-align:left;
color:#313131;
}

#product #details h1{
font-size:20px;
text-transform:uppercase;
margin-bottom:10px;
}

#product #details h2{
font-size:14px;
color:#C00000;
margin-top:5px;
}

#product #details p{
line-height:1.4em;
}

#product #picture{
width:49%;
height:100%;
float:right;
text-align:right;
}

#product #picture img{
max-width:260px;
width:260px;


}

#product.page #details{
width:100%;
}

.page{
border-width:0px !important;
padding:30px 12px !important;
}

.active
{
	color:Red;
	font-size: larger
}

#right_side{
width:97px;
height:100%;
overflow:hidden;
background-color:#DDDDDD;
text-align:center;
padding-top:14px;
}

#right_side li{
margin-left: 18px;
}

#right_side li{
display:block;
width:119px;
height:41px;
margin-bottom:10px;
}

#right_side li a{
display:block;
width:119px;
height:41px;
background:url(../images/category_button_bg.gif) no-repeat top left;
font-size:11px;
font-weight:bold;
text-align:center;
overflow:hidden;
}

#right_side li a:hover{
color:#C00000;
}

#right_side a span{
display:block;
padding-top:14px;
}

#search_list{
width:556px;
margin:24px 20px 20px 20px;
}


#search_list div{
width:542px;;
background-color:#DDDDDD;
height:22px;
padding-left:20px;
margin-bottom:20px;
}

#search_list div h1{
color:#0041AD;
font-size:16px;
width:140px;
float:left;
}

#search_list div span{
display:block;
background-color:#ffffff;
width:150px;
margin-left: 142px;
position:relative;
top:3px;
padding-left:2px;
}

#search_list p{
margin:10px 20px;
}

#search_list p a{
font-size:12px;
}


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