@charset "utf-8";
/* CSS Document */

body  
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	background:url(../images/bg.jpg) top repeat-x;
	margin:0px;
	padding:0px;
	color:#535353;
	border:none;
	line-height:24px;
	position:relative;
	direction:rtl;
	
}
img
{
	border:none;
	outline:none;
}
a
{
	color:inherit;
	text-decoration:none;
 }
.hd
{
		color:#006699;
		font-size:14px;
		
}
 ul, li
 {
	 margin:0px;
	 padding:0px;
 }
 h3
 {
	 border-bottom:1px solid #EEE;
	 text-transform:uppercase;
 }
 
 #wrapper
 {
	 width:1000px;
	 margin:0 auto;
	 height:auto;
	 position:relative;
 }
 #wrapper1
 {
	 height:auto;
	  
	 float:left;
	 width:100%;
/* 	 	 background:url(../images/banner_bg.jpg) top center no-repeat;
*/
 }
 #header_wrapper
 {
	 height:auto;
	 
	 width:100%;

	 
 }
 


#header_wrapper1
 {
	 height:auto;
	  
	 float:left;
	 width:100%;
	 z-index:999;
  
 }
 
 
 

 
 
 #logo1
 {
	 width:211px;	 
	 height:143px;
	 position:absolute;
	 z-index:9999999 !important;
	 right:0px;
	 top:0px;
	 
 }
  #logo2
 {
	 width:190px;	 
	 height:143px;
	 position:absolute;
	 z-index:9999999 !important;
	 left:0px;
	 top:0px;
	 
 }
 
 
   #arabic
 {
	 width:79px;	 
	 height:28px;
	 position:absolute;
	 z-index:9999999 !important;
	 right:169px;
	 top:-2px;
	 
 }
 
 
 
 
  #menu
 {
	 width: 80%;
	height: 39px;
	margin: 39px auto 0px auto;
	background: url(../images/menu_bg.png) repeat-x top;
	padding-top: 15px;
	position:absolute;
	 z-index:99999	 !important;
	 right:0px;
	 left:0px;
	 
 }
  #menu ul 
  {
	  	  width:580px;
		  display:block;
	  margin:8px auto 0 auto;
  }
  #menu ul li 
  {
	  float:right;
	  list-style:none;

  }
  
  #menu ul li a
  {
	  color:#088dbb;
	  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
padding: 30px 5px 5px 13px;
margin-top: -31px;
  }
 #menu ul li a:hover, #menu ul li a.selected

  {
	  color:#999999;
	  	background: url(../images/menu_selected.png) top center no-repeat;

  }
  
   #menu ul ul
   {
	   border-radius:5px;
	   background:url(../images/prod_bg.png);
	   box-shadow:1px 1px 5px #000;
	   right:0;
	   left:inherit;
   }
    #menu ul li li
  {
	  float:none;
	  clear:both;
	  list-style:none;

  }
  
  #menu ul ul li a
  {
	  color:#088dbb;
	  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
padding: 0px 5px 0px 5px;
margin-top: 0px;
border-bottom:1px solid #CCC;
width:92% !important;
margin-left:1%;

  }
  
  #banner_bg
  {
	  width:997px;
	  height:399px;
	  background:url(../images/homebanner_top_bg.png) no-repeat left top;
	  position:absolute;
	top: 70px;
left: 5px;
	z-index:10000;
  }
  #banner
  {
	width:985px;
	height:345px;
	margin:0 auto;
	position:absolute;
	top: 90px;
	left: 11px;
	z-index:9999;
  }

 #content
 {
	 height:auto;
	 padding-top: 525px;
	 width:100%;

 	 
 }
#welcome
{
	height:280px;
	width:617px;
	float:right;
}
.h1
{
	color:#00a4da;
	font-family:Calibri;
	font-size:24px;
	padding:10px 0px 0px 0px;
	font-weight:normal;
	margin-right: 5px;
	}
	
#tab
{
	width: 382px;
height: 274px;
float: right;
	
	
}


#news_img
{
	width:113px;
	height:160px;
	padding:6px;
	background:url(../images/news_pic_bg.png) no-repeat top left;
	float:left;
}
#news_text
{
	width:95%;
	height:145px;
	float:left;
	margin-left:10px;
	line-height:18px;
	
}

.h3 {
	border-bottom:1px solid #EBEBEB;
	padding:13px 0px 17px 0px;
	margin: 0px;
	
}
.h3 a
{
	color:#34885a;
	font-family:Calibri;
	font-size:16px;
	padding:7px 10px;
	font-weight:normal;
	
	margin:0px;
	
	}
	
	.h3 a:hover
	{
		color:#999999;
	}
	
	.posted
	{
		color:#06C;
		font-style:italic;
		font-size:11px;
		margin:0px 0 -5px 0;
		padding:10px 0px 0px 0px;
	}
	
	
	.more
	{
		float:right;
		color:#0066CC;
		padding-left:10px;
	}
	#new_arrival
{
	width:90%;
	height:170px;
	float:left;
	margin-left:10px;
	line-height:18px;
	
}


#prod_wrap
{
 height: 160px;
 width: 892px;
padding-left: 55px;
padding-right: 56px;
	background:url(../images/products_bg.jpg) repeat-x bottom ;
	direction: ltr;
 }



.image
{ position:relative;}
.image img
{
	 
	border:1px solid #CCC;
 	float:left;
	margin-left:16px;
	
}

.headings a
{
	/*position:absolute;*/
	display:block;
	background:url(../images/prod_bg.png);
	padding:5px;
	color:#000 !important;
	text-align:center;
bottom: 13px;
width: 86%;
left: 26px;
 
}
	
	.headings a:hover
	{
			background:#fff;
			color:#0066CC !important;

	}
	
	
	
#bottom_divs
{
	width:100%;
	height:auto;
	  margin-top:30px;
		font-family:Calibri;
		font-size:14px;
		color:#535353;

}


.greenbox
{
	width:285px;
	height:264px;
	background:url(../images/33_30.png) no-repeat top right;
	padding:5px 20px 20px 23px;
	float:right;
	
}

.blue
{
	width:353px;
	height:264px;
	background:url(../images/33_31.png) no-repeat right top;
	padding:5px 20px 20px 20px;
	float:right;
	
}

.white
{
	width:227px;
	height:264px;
	background:url(../images/33_32.png) no-repeat right top;
	padding:5px 20px 20px 20px;
	float:right;
	margin-right: -6px;
}


.h4
{
	
		color:#535353;
		font-family:Calibri;
		padding-bottom:5px;
		font-size:21px;
		font-weight:normal;
		border:none;
		margin:10px 0;
	}
	
	#form1 input 
	{
		background:url(../images/txt.png) bottom left no-repeat;
		padding:10px 5px;
		width:196px;
		border:none;		margin-top:5px;

		outline:none;	
	}
	
	#form1 textarea
	{
		background:url(../images/text-are.png) top left no-repeat;
		padding:5px 5px;
		width:196px;
		border:none;
		margin-top:8px;
		outline:none;	
	}
	
	#form1 #button
	{
		background:url(../images/buttom_ar_1.png) no-repeat left;
		width:126px;
		height:35px;
		text-indent:-99999px;
		float:right;
		margin-right:5px;
		margin-top:5px;
		cursor:pointer;
		
	
		
	}
	
	#form1 #button:hover
	{
		background:url(../images/buttom_ar.png) no-repeat left;
		width:126px;
		height:35px;
		text-indent:-99999px;
		float:right;
		margin-right:5px;
		margin-top:5px;
		cursor:pointer;
		
	
		
	}
	
	#footer
	{
		width:100%;
		height:198px;
		background:url(../images/footer_bg.png) repeat-x;
		clear:both;
	 
		
	}
	
	#footer1
	{
		width:1000px;
		height:auto;
		margin:0 auto;
		
	}
	
	#footer_left
	{
		width: 346px;
		padding-right: 175px;
		background: url(../images/footer_logo.png) right no-repeat;
		height:auto;
		float:right;
		padding-top:5px;
		margin-top:40px;
		
	}
	
	
		#footer_right
	{
		width: 258px;
padding-right: 221px;
		background: url(../images/cherry.png) right top no-repeat;
		height:auto;
		float:right;
		padding-top:55px;
		height:173px;
		margin-top:10px;
 		
	}
	
	
	
	
	
	
	 .slide_out_div {
          height: 36px;
          width: 161px;
          background: url(../images/slideout.png) right top;
		position:fixed; 
		right:0px;
		top:438px;
		padding:25px 5px;
		z-index:999999999999 !important;
		display:none;
		    
		 }      




#banner_search_bg
{
	background: url(../images/banner_bg.png);
width: 260px;
height: 45px;
position: absolute;
left: 11px;
top: 375px;
padding: 7px 5px 5px 5px;
z-index: 9999999 !important;

 
}

#form2 input
	{
		background:url(../images/txt.png) bottom left no-repeat;
		padding:10px 5px;
		width:176px;
		border:none;
		outline:none;	
		float:right;
		margin-right:5px;
	}
	#form2 #button
	{
		border-radius:5px;
		background:#09F;
		padding:9px 8px;
		cursor:pointer;
		border:none;
		text-indent:0px !important; 
		color:#FFF;
		
		outline:none;
		width:60px;
		
	}

#inner_content
{
	height:auto;
	width:710px;
	float:right;
	margin-left::10px;
}


	
#inner_right
{
	width: 260px;
height: auto;
padding-right:20px;
min-height:420px;
float: left;
/*background:url(../images/sidebar_bg.png) top right no-repeat;
*/
background:url(../images/sidebar_lft_bg.png) top right no-repeat;
	
	
}
#inner_right .image img
{
margin-left:0px;
}
.head4 {
    color:#09C;
    font-family: Calibri;
    padding-bottom: 0px;
    font-size: 21px;
    font-weight: normal;
    border: medium none;
    margin: 10px 0px 3px 0px;
	border-bottom:2px dotted #CCC;
	width:100%;
}


#prod2_img
{
	width:100%;
	height:auto;
	padding:6px 0px;
 	clear:both;
}
#prod2_text
{
	width:98%;
	height:auto;
 	/*clear:both;*/

	line-height:18px;
	
}

#inner_news_cont
{
	width:90%;
	padding:5%;
	height:auto;
	background:rgb(243, 243, 243);
	
	
}#inner_banner_bg {
width: 997px;
height: 299px;
background: url(../images/banner_top_bg.png) no-repeat left top;
position: absolute;
top: 70px;
left: 5px;
z-index: 10000;
}

#inner_banner_search_bg {
background: url(../images/banner_bg.png);
width: 260px;
height: 45px;
position: absolute;
left: 5px;
top: 275px;
padding: 7px 5px 5px 5px;
z-index: 9999999 !important;
margin-left:6px;
}
body.inner 
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	background:url(../images/bg_inner.jpg) top repeat-x;
	margin:0px;
		direction:rtl;

}.inner p , h3
{
	direction:rtl;
	text-align:right;
}

.inr  {

padding-top: 425px !important;
}





.news_container
{
	width:95%;
	border:5px solid rgb(245, 245, 245);
	border-radius:5px;
	background:#F8F8F8;
	height:auto;
	float:right;
	clear:right;
	padding:5px;
	margin-bottom:10px;
 	
}
.news_container h3
{
	padding:0px;
	margin:5px 0 0 0px;
}
.news_container p
{
	padding:0px;
	margin:5px 0 0 0px;
}
.news_img
{
	float:right;
	padding:5px;
}

.news_text
{
	float:right;
	width: 454px;
padding-right: 10px;
}

.single
{
	padding:5px;
	background:rgb(233, 233, 233);
	margin:5px 10px 5px 0px;
	width:155px;
	float:right;
}
.img
{
	padding:5px;
	background:rgb(233, 233, 233);}
.single img
{
	width:100%;
	height:auto;
}


.innerlist li a

{
	padding:5px 25px 5px 5px;
	border-bottom:1px dashed #CCC;
	color:#0066CC;
	display:block;
	background:url(../images/arrow_left-1.png) right center no-repeat ;
}
.innerlist li a:hover

{
 	border-bottom:1px dashed #06C;
	color:#333333;
	background:#FFFFFF;
	display:block;
		background:url(../images/bullet2.png) right center no-repeat ;

}

.prods
{
	position: relative;
height: auto;
width: 300px;
float: right;
margin-right: 20px;
margin-top: 15px;
padding: 10px;
background: #EFEFEF;
border-radius: 15px;
}
.headings1
{
	/*position:absolute;*/
	bottom:0px;
	display: block;
background: url(../images/prod_bg.png) ;
padding: 5px;
color: #0066CC;
text-align: center;
bottom: 11px;
width: 287px;
left: 11px;
	border-radius:8px;
	font-size: 17px;
	margin-top: 5px;

}
.headings1:hover
{
	background: rgb(2, 123, 162)!important;
	color:#fff !important;
}
.prods img
{
	border:1px solid #666;
	border-radius:10px;
width: 100%;
height: auto;
	
}
.prodsdetails
{
	position: relative;
height: auto;
width: 300px;
/*float: left;
*/
margin-right: 30px;
margin-top: 15px;
padding: 10px;
background: #EFEFEF;
border-radius: 15px;
}

.prodsdetails img
{
	border:1px solid #666;
	border-radius:10px;
width: 100%;
height: 360px;
	
}

.full-width
{
	width:100% !important;
}

.inner_box_content_right {
width: 305px;
height: auto;
float: right;
 margin-right: 7px;
display: inline-block;
 padding: 0px 0 9px 18px;
margin-bottom: 15px;
}

.text-field
{
	min-width:180px;
	padding:5px;
}

.text-field2
{
	min-width:300px;
 }
 .news
 {padding: 0px;
margin: 0px 0 10px 0px}


.client
{
	width:216px;
	height:108px;
	border-radius:10px;
	border:5px solid #EAEAEA;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

#prod_ims
{
	margin-top:55px;
	margin-right:10px;
	float:lleft;
}

#example2_scrollerScroller
{
	
}
.button2{background: rgb(2, 123, 162)!important ; color:#fff; padding:5px; border:0;border-radius:5px 5px 5px 5px;cursor:pointer;}
.button2:hover
{ 
	 background: rgb(2, 123, 162); 
	 color:#ccc; padding:5px; border:0;border-radius:5px 5px 5px 5px;cursor:pointer;
}
.table {
background:#e6e9eb;border-top-right-radius: 5px 5px 5px 5px;float:left;margin-top:140px;height:100px !important;border-radius: 5px 5px 5px 5px; }
.table td{
	text-align:left;
	font-size:12px;
	min-height:10PX;
	width: 1%;
	
	vertical-align:top;
	
	
	
}
.table th{
font-size:12px  !important;
}
ul.sitemap li {
	list-style:circle;
}
a.clr:hover {
	
	color:#09F;
}
a.clrfoot 
{
	color:#09F !important;
}
a.clrfoot:hover 
{
	color:#509b29 !important;
}

ul.mapliimg li
{
	list-style:none;
}




.arbluerightdiv 
	{
			background: rgb(2, 123, 162) !important;
border-radius: 5px 5px 5px 5px;
color: #fff;
padding: 0px 14px 28px 13px;
margin-top: 2px;
max-height: 4px;
text-transform: uppercase;
font-weight: normal !important;
font-size: 16px;
width: 241px;
	
	}
	
	.arbluerightdiv a{
			display: block;
border-radius: 5px 5px 5px 5px;
color: #fff;
padding: 1px 7px 21px 46px;
max-height: 10px;
text-transform: uppercase;
font-weight: normal !important;
font-size: 16px;
width: 215px;
margin-right: -14px;
}
	
	
	
.arbluerightdiv a:hover
	{
			background:#000!important;
			display: block;
			
			border-radius:5px 5px 0px 0px;
	}
.prodclr {
background: rgb(2, 123, 162)!important;color:#fff !important;}
.ar_enquiry_frm{
background-color:#e6e9eb !important;margin-bottom:0px !important;padding: 10px 45px 10px 35px !important;margin-right:0px !important;
}