@font-face{
font-family:'DroidNaskh-Bold';
src: url('DroidNaskh-Bold.ttf');
src: url('DroidNaskh-Bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face{
font-family:'DroidNaskh-Regular';
src: url('DroidNaskh-Regular.ttf');
src: url('DroidNaskh-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}



body {font: normal 100% DroidNaskh-Regular,tahoma,'trebuchet ms', sans-serif; 
 color: #747474;font-size:13px;margin:0;line-height: 150%;
 }


a {text-decoration:none;}
a:hover{color:#478fca;}
a:visited {color: #478fca;}
img {border-style:none;}
p{overflow: hidden;
  
  text-align:justify;
  }
.GrayIMG{

  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */


filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(1);

  }

.GrayIMG2{

  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */

filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(1)  brightness(100%);

  }

  
  .GrayIMG:hover{
filter: none;
 -webkit-filter: grayscale(0);
  }

 .GrayIMG2:hover{
opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */

filter: none;
 -webkit-filter: grayscale(0);
 filter: none;
  }
  
.button{
    background-color: #cccccc;
	background: #cccccc url(enter_.png) 14px 9px no-repeat;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-webkit-appearance: none;
    border-radius:6px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    border:none;
	width:134px;
	height:27px;
	margin-top:0px;
	font: normal 100% DroidNaskh-Regular,tahoma,'trebuchet ms', sans-serif;
}



.button:hover {
    border: none;
    box-shadow: 0px 0px 1px #777;
	background-color:#AD1417;
}

#whole_container_upper
{
width:100%;
margin: auto;
padding: 0;
background-color:#ffffff;
}

#whole_container
{
width:100%;
margin: auto;
padding: 0px;
text-align:center;
padding:0;
border-bottom-style:solid;
border-bottom-width:7px;
border-bottom-color:#AD1417;
background-color:#f8f8f8;
z-index:-2;
}



#header{
width:990px;
margin: auto;
height:150px;
}
.clearer{width: 100%; clear: both; height: 0px; line-height:0px;}

.clear_1{clear:both;width:100%;height:1px;}
.clear_5{clear:both;height:5px;}
.clear_7{clear:both;height:7px;}
.clear_12{clear:both;height:12px;}



#header .lang{width:100%;height:60px;font-size:11px;line-height:200%;color:white;font-size:9px;}
#header .lang img{float:left;}
#header .lang a .group_link{margin-top:4px;margin-left:2px;color:white;float:left;border-radius: 50%;width:23px;height:23px;background-color:#dfdfdf ;}
#header .lang a .group_link p{margin-top:4px;margin-left:5px;font-size:11px;}
#header .lang .group_link:hover{background-color:#d4d4d4;}
#header .lang .group_title{color:white;margin-top:4px;margin-left:6px;padding-left:8px; padding-top:3px;float:left;width:125px;height:19px; background-color:#e4e4e4 ;border-radius: 25px;}
#header .lang .group_title:hover{background-color:#6da6d4;}
#header .lang a:visited{color:#747474}




#header .lang_mob_0{display:none;}

#header .logo{width:330px;float:right;height:85px;}
#header .logo a img{float:right;}

#header .men{width:660px; float:left;height:85px;}
ul#menu
{ float: left;
padding-top:34px;
margin-left:0px;
padding-left:0px;
  margin: 0;}

ul#menu li
{ float: left;
  list-style: none;
  border-left-width:1px;
  border-left-style:solid;
  border-left-color:#cecece;
  height: 43px;
  }

ul#menu li a
{ font: normal 100% DroidNaskh-Regular,tahoma,'trebuchet ms', sans-serif;
  display: block; 
  float: left; 
  margin: 10px 8px;
 
  text-align: center;
  color: #FFF;
  text-decoration: none;
  color:#747474;
  font-size:14px;
  
} 

ul#menu li.selected a
{ color:#AD1417;}


ul#menu li a:hover
{ color:#AD1417;}


#slider11{
width:100%;
margin-top:10px;


}
#slider #img{width:100%,height:100%;}
.relative{ 
position:relative;
}

 #slider11 .img_top {
 position:absolute;
 top:0;
 height:6px;
 width:100%;
 background-image:url('top_slider.png');
 background-repeat: repeat-x;
 
}

.slider_colored{
width:435px;
position:absolute; 
height:290px;
top:25%; 
left:12%;
 padding-right:3%; 
 padding-left:3%; 
 padding-top:0px; 
 background-color:#4A8BC1;
 color:#fff;
 opacity:0.8;
 
}

.slider_colored p{
direction:rtl;
line-height:normal;
height:170px;
overflow:hidden;
}


#MYcontainer{
width:990px;
margin: auto;
color:#888888;
direction:rtl;
margin-top:20px;
}
#MYcontainer #left_container{
width:492px;
float:left;
text-align:center;
margin-bottom:20px;
}

#MYcontainer #left_container #group_left{
width:228px;
height:330px;
margin: auto;
margin-right:15px;
float:right;
background-color:#f2f2f2;
border-bottom-color:#e8e8e8;
border-bottom-width:5px;
border-bottom-style:solid;
overflow:hidden;

}
#MYcontainer #left_container #group_left #title{
margin-top:30px;
margin-right:15px;
text-align:right;
font-size:15px;
width:150px;
float:right;
color:#555555;
}
#MYcontainer #left_container #group_left #logo{

margin-top:20px;
float:left;
margin-left:18px;
}

#MYcontainer #left_container #group_left .img1{
margin-top:20px;
width:190px;
height:120px;
margin: auto;
  padding: 0;
  overflow:hidden;
}
#MYcontainer #left_container #group_left .img1 img{
min-width:190px;
min-height:120px;
}

#MYcontainer #left_container #group_left .img2{
float:left;
width:90px;
height:80px;
  overflow:hidden;
}
#MYcontainer #left_container #group_left .img2 img{
min-width:90px;
min-height:80px;
}

#MYcontainer #left_container #group_left .img3{
margin-top:20px;
width:190px;
height:120px;
margin: auto;
  padding: 0;
    overflow:hidden;
}
#MYcontainer #left_container #group_left .img3 img{
min-width:190px;
min-height:120px;

}


#MYcontainer #left_container #group_left:hover img{
filter: none;
}

#MYcontainer #left_container #group_left #read_item_mob_0{
display:none;

}
#MYcontainer #left_container #group_left #datee{
float:right;
text-align:right;
direction:rtl;
color:#AD1417;
margin-right:15px;
height:20px;
overflow:hidden;
}
#MYcontainer #left_container #group_left p{
margin-top:3px;
margin-bottom:0px;
float:right;
height:77px;
width:190px;
margin-right:15px;
direction:rtl;
font-size: 12px;
line-height:160%;
}

#MYcontainer #left_container #group_left #read_item{
margin-top:0px;
float:left;
text-align:left;
margin-left:15px;

}

#MYcontainer #group_right{
width:470px;
height:330px;
float:right;
padding-left:25px;
background-color:#f2f2f2;
border-bottom-color:#e8e8e8;
border-bottom-width:5px;
border-bottom-style:solid;
margin-bottom:20px;
}

#MYcontainer #group_right #delivery_agents_container{
width:236px;
height:126px;
margin-top:32px;
margin-left:15px;
float:left;
}

#MYcontainer #group_right #delivery_agents_container #delivery_agents{
width:236px;
height:126px;
margin-right:1px;
float:left;
position:relative;
}

#MYcontainer #group_right #delivery_agents_container #delivery_agents a img{

}

#MYcontainer #group_right #delivery_agents_container #delivery_agents p{
font-size:18px;
position:absolute;
width:55px;
height:55px;
float:left;
left:18px;
text-align:center;
top:30px;
z-index:2;
color:#fff;
padding-top:4px;
line-height:150%;
}


#MYcontainer #group_right #offers
{
margin-top:16px;
width:235px;
height:92px;
margin-left:15px;
float:left;
position:relative;
text-align:right;
}
#MYcontainer #group_right #offers img{
margin-top:10px;
}



#MYcontainer #group_right  #item{
margin-top:32px;
margin-left:10px;
margin-right:35px;
width:134px;
height:263px;
float:right;

}
#MYcontainer #group_right #item:hover img{
filter: none;
opacity: 1;
filter: alpha(opacity=100);
 -webkit-filter: grayscale(0);
}
#MYcontainer #group_right #item:hover .strip {
filter: none;
opacity: 1;
filter: alpha(opacity=100);
 -webkit-filter: grayscale(0);
}

#MYcontainer #group_right  #item .img1{
width:134px;
height:77px;
overflow:hidden;
}
#MYcontainer #group_right  #item .img1 img{
min-width:134px;
min-height:77px;
}

#MYcontainer #group_right  #item .strip{
margin-top:10px;
width:100%;
height:5px;
background-color:#AD1417;
float:left;
}


#MYcontainer #group_right  #item .title{
margin-top:21px;
float:right;
color:#AD1417;
height:20px;
overflow:hidden;

}

#MYcontainer #group_right  #item p{
margin-top:1px;
margin-bottom:10px;
float:right;
height:94px;
font-size: 12px;
line-height:160%;
}

#footer{
width:990px;
margin: auto;
margin-top:90px;
height:91px;
}

 #footer  .bottom_menu ul{
 margin:0;
 margin-top:42px;
 padding:0;
float:right; height:20px;

}
#footer  .bottom_menu li {
 height:20px;
 line-height:150%;
}

 #footer  .bottom_menu li a{
 font-size:11px;
 height:20px; margin:0 15px 0 15px;
}

#footer .social_media{
margin-right:15px;
width:180px;
margin-top:34px;
float:right;
}

#footer .social_media img{

height:37px;
margin-left:7px;
float:right;
}

#footer .cr{
width:279px;
margin-top: -23px;
text-align:left;
float:left;
direction:rtl;
height:20px;
font-size:10px;
}

#flooting_menu{
line-height: 1.1;
position:absolute;
margin-top:15px;
z-index:10;
width:700px;
height:100px;
display:none;

}
#flooting_menu .flooting_menu_item{
position:relative;
float:left;
width:100px;
height:100px;
background:#717773;
color:#fff;
text-align:center;
cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=80);
    -khtml-opacity: 0.80;
    -moz-opacity: 0.80;
    opacity: 0.80;
	
}
#flooting_menu .flooting_menu_item:hover{
cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=60);
    -khtml-opacity: 0.60;
    -moz-opacity: 0.60;
    opacity: 0.60;
}

#flooting_menu .flooting_menu_item a{
color:#fff;
margin-top:-10px;
text-align:center;
}
#flooting_menu .flooting_menu_item img{
color:#fff;
margin-top:20px;
}
#flooting_menu .flooting_menu_item p{
text-align:center;
margin:0;
}