body{
border:0;
outline:0; 
background:url(../images/bg2.jpg) ;
margin:0px; 
padding:0px;  

}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/DroidKufi-Regular.woff) format('woff'),
       url(../fonts/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/DroidKufi-Bold.woff) format('woff'),
       url(../fonts/DroidKufi-Bold.ttf) format('truetype');
}


body:-webkit-scrollbar {
    width: 1em;
}
 
hr{
border:1px solid #E3E3E3;
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}


img{border:0; }

table{
padding:0;
border:0;
outline:0;

background:#ffffff;
}

.formstyle {
margin-left:auto;
margin-left:auto;
max-width: 700px;
padding:0px;
float: left;

}

table.border{
direction:ltr;
background:#ffffff;
padding:0px;
width:980;
height:100%;
float:center;
word-spacing: 0;
border:0px solid #ccc;
}

td.top{
height:44px;
background:url("../images/index_02.png") no-repeat  left ;
font-size: 12px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #184173;
direction:ltr;
border:0px;
padding-left:15px;
padding-bottom:14px;
-webkit-transition: all 0.2s ease-in;  
-moz-transition: all 0.2s ease-in;  
-ms-transition: all 0.2s ease-in;  
-o-transition: all 0.2s ease-in;  
transition: all 0.2s ease-in;
TEXT-DECORATION: none; 
}

td.top1{
background:url("../images/top.png") #184173 no-repeat 0 -45  ;
height:25px;
font-size: 12px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #ffffff;
direction:ltr;
border:0px;
padding-left:15px;
-webkit-transition: all 0.2s ease-in;  
-moz-transition: all 0.2s ease-in;  
-ms-transition: all 0.2s ease-in;  
-o-transition: all 0.2s ease-in;  
transition: all 0.2s ease-in;
TEXT-DECORATION: none; 
}

td.border{padding:10px;}
td.header{padding:20px 20px 20px 20px;}
tr.header{height:100px;}
td.menu{
height:38px;
background:#184173;
color: #ffffff;
direction:ltr;
border:0px;
padding:0px;
font-family: Droid Arabic Kufi, Verdana, Helvetica, sans-serif;
font-weight: none;
-webkit-transition: all 0.2s ease-in;  
-moz-transition: all 0.2s ease-in;  
-ms-transition: all 0.2s ease-in;  
-o-transition: all 0.2s ease-in;  
transition: all 0.2s ease-in;
}

.menu a{
TEXT-DECORATION: none;
color: #ffffff;
direction:ltr;
border:0px;
padding:0px;
font-family: Droid Arabic Kufi, Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight: none;
}
.menu :hover{
TEXT-DECORATION: none;
color: #ffffff;
direction:ltr;
border:0px;
padding:0px;
font-family: Droid Arabic Kufi, Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight: none;
}

.menu_last{
background:url("../images/foter.png") #184173 no-repeat 4px 0 ;
height:35px;
font-size: 15px; 
font-family: Verdana, Helvetica, sans-serif;
color: #ffffff;
direction:ltr;
border:0px;
padding-left:15px;
-webkit-transition: all 0.2s ease-in;  
-moz-transition: all 0.2s ease-in;  
-ms-transition: all 0.2s ease-in;  
-o-transition: all 0.2s ease-in;  
transition: all 0.2s ease-in;
TEXT-DECORATION: none;
}
.menu_last:Hover{
background:url("../images/foter2.png") #184173 no-repeat 4px 0 ;
height:35px;
font-size: 15px; 
font-family: Verdana, Helvetica, sans-serif;
color: #ffffff;
direction:ltr;
border:0px;
padding-left:15px;
-webkit-transition: all 0.2s ease-in;  
-moz-transition: all 0.2s ease-in;  
-ms-transition: all 0.2s ease-in;  
-o-transition: all 0.2s ease-in;  
transition: all 0.2s ease-in;
TEXT-DECORATION: none;
}

.top_title {
font-size: 13px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #184173;
vertical-align:top;
direction:ltr;
border:0px;
padding:10px 10px 10px 10px;
TEXT-DECORATION: none;
}

.top_title a{
font-size: 13px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #184173;
vertical-align:top;
direction:ltr;
border:0px;
TEXT-DECORATION: none;
}
.top_title a:hover{
font-size: 13px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #009EFF;
vertical-align:top;
direction:ltr;
border:0px;
TEXT-DECORATION: none;
}

.body_title{
font-size: 20px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #184173;
font-weight: bold;
vertical-align:top;
direction:ltr;
border:0px;
padding:10px;
}

.body_text_home{
width:741;
font-size: 14px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #0069AD;
vertical-align:top;
direction:ltr;
border:0px;
padding:10px;
text-align:justify;
}

.body_text{
height:1200;
width:741;
font-size: 14px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #0069AD;
vertical-align:top;
direction:ltr;
border:0px;
padding:10px;
text-align:justify;
}

td.body_left_product{
font-size: 14px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #0069AD;
vertical-align:top;
direction:ltr;
border:0px;
padding:10px;
text-align:justify;
}



td.branch_title{
font-size: 19px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #184173;
font-weight: bold;
vertical-align:top;
}

td.branch_details{
font-size: 14px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #0069AD;
font-weight: none;
vertical-align:middil;
}

a.branch_maps_link{
font-size: 15px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #808285;
TEXT-DECORATION: none;
	margin-bottom:15px;	
		line-height: 19px;
list-style-type: none;
 list-style-position: none;
 list-style-image: none;
}
a.branch_maps_link{
font-size: 15px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #808285;
TEXT-DECORATION: none;
	margin-bottom:15px;	
		line-height: 19px;
list-style-type: none;
 list-style-position: none;
 list-style-image: none;
}
a.branch_maps_link:hover{
font-size: 15px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #009EFF;
TEXT-DECORATION: none;
	margin-bottom:15px;	
		line-height: 19px;
list-style-type: none;
 list-style-position: none;
 list-style-image: none;
 
}


td.branch_image{
vertical-align:top;

}
.line{
    border: 0;
    width: 1px;
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.30), rgba(0,0,0,0.30), rgba(0,0,0,0.30)); 
    background-image:    -moz-linear-gradient(top, rgba(0,0,0,0.30), rgba(0,0,0,0.30), rgba(0,0,0,0.30)); 
    background-image:     -ms-linear-gradient(top, rgba(0,0,0,0.30), rgba(0,0,0,0.30), rgba(0,0,0,0.30)); 
    background-image:      -o-linear-gradient(top, rgba(0,0,0,0.30), rgba(0,0,0,0.30), rgba(0,0,0,0.30)); 
}

td.body_right{
height:100%;
width:200;
font-size: 18px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #808285;
vertical-align:top;
direction:ltr;
border-right:1px  solid #999;
border-right-style: dotted  ;
padding: 0px 0px 0px 0px; 
text-align:justify;
}

.right_link  {
font-weight: bold;
padding-left:15px;
margin-bottom:15px;	
background: url(../images/list-arrow.png) left top no-repeat;
line-height: 19px;
list-style-type: none;
list-style-position: none;
list-style-image: none;
TEXT-DECORATION: none;
}

.right_link_sub  {

margin-bottom:5px;	
margin-left:13px;
padding-left:15px;
background: url(../images/list-arrow_sub.png) left  no-repeat;
line-height:20px;
list-style-type: none;
list-style-position: none;
list-style-image: none;
TEXT-DECORATION: none;
}


.right_link_a
{
font-weight: bold;
font-size: 13px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #808285;
TEXT-DECORATION: none;
margin-bottom:15px;	
line-height: 19px;
list-style-type: none;
list-style-position: none;
list-style-image: none;
}
.right_link_a_sub
{
font-size: 13px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #808285;
TEXT-DECORATION: none;
margin-bottom:15px;	
line-height: 19px;
list-style-type: none;
list-style-position: none;
list-style-image: none;
}
.right_link_a:hover
{
font-size: 13px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #009EFF;
TEXT-DECORATION: none;
margin-bottom:15px;	
line-height: 19px;
list-style-type: none;
list-style-position: none;
list-style-image: none;
 
}.right_link_a_sub:hover
{
font-size: 13px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #009EFF;
TEXT-DECORATION: none;
margin-bottom:15px;	
line-height: 19px;
list-style-type: none;
 list-style-position: none;
 list-style-image: none;
 
}
.right_link_aa
{
font-size: 13px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #009EFF;
TEXT-DECORATION: none;
margin-bottom:15px;	
line-height: 19px;
list-style-type: none;
list-style-position: none;
list-style-image: none;
direction:ltr;
}
.right_link_aa_sub
{
font-size: 13px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #009EFF;
TEXT-DECORATION: none;
margin-bottom:15px;	
line-height: 19px;
list-style-type: none;
list-style-position: none;
list-style-image: none;
direction:ltr;
}


td.eservices{
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
font-size: 14px; 
color: #ffffff;
font-weight: none;
border:0px;
height:100px;
width:100px;
background:#0069AD;
-webkit-transition: all 0.2s ease-in;  
-moz-transition: all 0.2s ease-in;  
-ms-transition: all 0.2s ease-in;  
-o-transition: all 0.2s ease-in;  
transition: all 0.2s ease-in;
}
td.eservices:hover{
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
font-size: 14px; 
color: #ffffff;
font-weight: none;
border:0px;
height:100px;
width:100px;
background:#009EFF;
float:center;
-webkit-transition: all 0.2s ease-in;  
-moz-transition: all 0.2s ease-in;  
-ms-transition: all 0.2s ease-in;  
-o-transition: all 0.2s ease-in;  
transition: all 0.2s ease-in;
}


.foter{
background:#184173;

/*background:url(../images/foter.png) #184173 no-repeat right -35 bottom -50;*/
font-size: 10px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #ffffff;
vertical-align:top;
direction:ltr;
border:0px;
padding-left:0px;
padding-left:0px;
text-align:center;
/*text-shadow:0 1px 0 #000000;*/
}



.inputbox{
border-radius: 0px 30px 0px 0px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition:    all 0.30s ease-in-out;
-ms-transition:     all 0.30s ease-in-out;
-o-transition:      all 0.30s ease-in-out;
outline: none;
padding: 3px 3px 3px 3px;
border: 1px solid #999;
color:#808285;
width:400;
direction:ltr;
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
FONT-SIZE: 8pt;
}
.inputbox:focus{
 background-color:#FFF;
 border: 1px solid #07c;
        box-shadow: 0 0 2px #07c;
		font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
		FONT-SIZE: 8pt;
		direction:ltr;
}


.Mailing_list{
border-radius: 0px 30px 0px 0px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition:    all 0.30s ease-in-out;
-ms-transition:     all 0.30s ease-in-out;
-o-transition:      all 0.30s ease-in-out;
outline: none;
padding: 3px 3px 3px 3px;
border: 1px solid #999;
color:#808285;
width:230;
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
FONT-SIZE: 8pt;
}
.Mailing_list:focus{
 background-color:#FFF;
 border: 1px solid #07c;
        box-shadow: 0 0 2px #07c;
		font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
		FONT-SIZE: 8pt;
}
.submit{
	FONT-SIZE: 9pt;
	background:#184173;
	COLOR: #ffffff;
	font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
	TEXT-DECORATION: bold;
	padding: 3px 13px 3px 13px;
	border:0;
}

.submit:hover{
	FONT-SIZE: 9pt;
	background:#0099FF;
	COLOR: #ffffff;
	font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
	TEXT-DECORATION: bold;
	padding: 3px 13px 3px 13px;
	border:0;
}




.news_li{
list-style-type: square; 
font-size: 14px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #0069AD;
padding:0px;
margin:0px;
TEXT-DECORATION: none;
}
.news_li:hover{
list-style-type:square;
font-size: 14px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #009EFF;
padding:0px;
margin:0px;
TEXT-DECORATION: none;
}


.news_title{

TEXT-DECORATION: bold;
font-size: 14px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #184173;
padding:0px;
margin:0px;
font-weight: bold;
text-align:justify;
}

.news_date{
TEXT-DECORATION: bold;
font-size: 13px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: gray;
padding:0px;
margin:0px;
font-weight: none;
}

.news_text{
TEXT-DECORATION: none;
font-size: 14px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #0069AD;
padding:0px;
margin:0px;
font-weight: none;
}



.e_serv {
background:url("../images/pro1.jpg")  no-repeat ;
width:160;
height:75;
border:0px solid #ffff;
padding:0px;
font-size: 20px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #fff;
text-align:center;
TEXT-DECORATION: none;
}
.e_serv:hover {
TEXT-DECORATION: none;
background:url("../images/pro1_1.jpg")  no-repeat;
width:160;
height:75;
border:0px solid #ffff;
padding:0px;
font-size: 20px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #fff;
text-align:center;
}

.e_serv_a {
TEXT-DECORATION: none;
font-size: 16px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #0069AD;
text-align:left;
padding-left:5px;
}
.e_serv_a :hover {
TEXT-DECORATION: none;
font-size: 16px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #009EFF;
text-align:left;
padding-left:5px;
}

.products{
 border: 0px solid #0069AD;
  opacity: 0.4;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	padding-left:10px;
	padding-left:10px;
}
.products:hover{
 border: 0px solid $009EFF;
  opacity: 100;
    filter: alpha(opacity=100); /* For IE8 and earlier */
		padding-left:10px;
	padding-left:10px;
}

/*  #########################################START TABLE STYLE###########################################*/
.datagrid a{
list-style-type: square; 

font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #0069AD;
padding:0px;
margin:0px;
TEXT-DECORATION: none;
}

.datagrid a:hover{
list-style-type:square;

font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #009EFF;
padding:0px;
margin:0px;
TEXT-DECORATION: none;
}

.datagrid table 
{
border-collapse: collapse; 
text-align: left; 
width: 100%; 
} 
.datagrid   
{
background: #fff; 
overflow: hidden; 
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
border-radius: 0px 0px 0px 0px; 
}
.datagrid table td, 
.datagrid table th {padding: 10px 10px;}

.datagrid table thead th 
{
padding: 5px 10px;
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif; 
background-color:#0069AD; 
color:#ffffff; 
font-size: 14px; 
font-weight: none; 
} 
.datagrid table thead th:first-child  {border: none;}
.datagrid table tbody td 
{ 

border-bottom: 1px solid #E1EEF4; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: none;
}
.datagrid 
{ 
color: #00557F; 
}
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none;}

/*  #######################################END TABLE STYLE#############################################*/

.cv_title_ar{
text-align:left;
height:38px;
background:#184173;
color: #ffffff;
direction:ltr;

padding:0px;
font-family: Droid Arabic Kufi, Verdana, Helvetica, sans-serif;
font-weight: none;
}

.cv_title_en{
text-align:left;
height:38px;
background:#184173;
color: #ffffff;
direction:ltr;

padding:0px;
font-family: Droid Arabic Kufi, Verdana, Helvetica, sans-serif;
font-weight: none;
}

.cv_text_ar{

font-size:12px;
text-align:left;
direction:ltr;
padding:0px;
font-family: Droid Arabic Kufi, Verdana, Helvetica, sans-serif;
font-weight: none;
}

.cv_text_en{
font-size:12px;
text-align:left;
direction:ltr;
padding:0px;
font-family: Droid Arabic Kufi, Verdana, Helvetica, sans-serif;
font-weight: none;
}

.cv_center_text_ar{
text-align:center;
font-size:12px;
direction:ltr;
padding:0px;
font-family: Droid Arabic Kufi, Verdana, Helvetica, sans-serif;
font-weight: none;
}

.call_us{
vertical-align:top;
text-align:left;
font-family: Droid Arabic Kufi, Verdana, Helvetica, sans-serif;
padding-left:3px;
background:#fff;
color: #000;
direction:ltr;
height:38px;
border:0px;

}
.call_us_last{
background:#ffff;
vertical-align:middle;
border:0px;
}


.call_us_bold{
font-size:19px;
font-family: Droid Arabic Kufi, Verdana, Helvetica, sans-serif;
color: #184173;
border:0px;
}

.call_us_medium{
font-size:12px;
font-family: Droid Arabic Kufi, Verdana, Helvetica, sans-serif;
color: #0069AD;
padding-top:15px;
border:0px;
}

.call_us_small{
font-size:13px;
font-family: Droid Arabic Kufi, Verdana, Helvetica, sans-serif;
color: #009EFF;
}

.call_me{
vertical-align:top;
font-family: Droid Arabic Kufi, Verdana, Helvetica, sans-serif;
padding-right:3px;
background:#fff;
color: #000;
direction:rtl;
height:38px;
border:0px;
}

.call_me_medium{
font-size:17px;
font-family: Droid Arabic Kufi, Verdana, Helvetica, sans-serif;
color: #0069AD;
padding-top:15px;
border:0px;

}

.call_me_small{
font-size:15px;
font-family: Droid Arabic Kufi, Verdana, Helvetica, sans-serif;
color: #009EFF;
direction:ltr;
font-weight: bold; 
}

.size_available{
TEXT-DECORATION: bold;
font-size: 19px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color:#fff;
background:#0069AD;
width:100%;
text-align:center;
padding: 10px 0px 10px 0px;
border:0px;
}

.top_title {
font-size: 13px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color: #184173;
vertical-align:top;
direction:ltr;
border:0px;
padding:10px;
TEXT-DECORATION: none;
}

/*  #########################################Drop Down Style Start###########################################*/
/* Shared for all accordion types */
.accordion {
    font-family:Arial, Helvetica, sans-serif; 
    margin:0 auto;
    font-size:14px;
    border:0px solid #542437;
    border-radius:0px;
    padding:0px;
    background:#fff;
}
.accordion ul {
    list-style:none;
    margin:0;
    padding:0;    
}
.accordion li {
    margin:0;
    padding:0;
}
.accordion [type=radio], .accordion [type=checkbox] {
    display:none;
}
.accordion label {
    display:block;
    cursor:pointer;

    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
	
TEXT-DECORATION: bold;
font-size: 19px; 
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
color:#fff;
background:#0069AD;
width:100%;
text-align:center;
padding: 10px 0px 10px 0px;
border:0px;
	
	
}
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label {
    background:#009EFF;
    color:#FFF;
}
.accordion .content {
    padding:0px;
    overflow:hidden;
    border:0px solid #fff; /* Make the border match the background so it fades in nicely */
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
}
.accordion p {
    color:#333;
    margin:0 0 10px;
}
.accordion h3 {
    color:#542437;
    padding:0;
    margin:10px 0;
}


/* Vertical */
.vertical ul li {
    overflow:hidden;
    margin:0 0 1px;
}
.vertical ul li label {
    padding:10px;
}
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label {
    border-bottom:0;
}
.vertical ul li label:hover {
    border:0px solid #542437; /* We don't want the border to disappear on hover */
}
.vertical ul li .content {
    height:0px;
    border-top:0;
	font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif;
	padding-top:0px;
	
}
.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content {
    height:100%;
    border-top:0px solid E3E3E3;
	border-bottom:1px solid E3E3E3;
	border-left:1px solid E3E3E3;
	border-left:1px solid E3E3E3;
}
/*  #########################################Drop Down Style End###########################################*/


/*  ####################################### Start Menu #############################################*/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }
  ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }
* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none; }

  .dropdown {
  position: none;
  left: 0;
  top: 0;

  width: 250px;
  background-color: #f7f7f7;
  font-family: "Montserrat", sans-serif;
		padding: 10px 0px 10px 0px;
  font-size: 12px; }
  .dropdown li {
		padding: 10px 0px 10px 0px; }
    .dropdown li.selected {
      background-color: #f2f2f2; }
    .dropdown li a {
      display: block;
      width: 100%;
        padding: 10px 0px 10px 0px;
      text-decoration: none;
      text-transform: uppercase;
      color: black; }
  .dropdown li > ul li {
        padding: 10px 0px 10px 0px; }
    .dropdown li > ul li a {
      color: gray; }
    .dropdown li > ul li > ul li {
        padding: 10px 0px 10px 0px; }
      .dropdown li > ul li > ul li a {
        color: black;
        font-size: 12px;
        text-transform: none;
        padding: 10px 0px 10px 0px; }

/*  ####################################### End Menu #############################################*/

.product_main
{
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif; 
color:#fff; 
background-color:gray; 
font-size: 14px; 
font-weight: bold; 
} 

.product_sub
{
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif; 
color:#fff; 
background-color:#999999; 
font-size: 14px; 
font-weight: bold; 
} 

.product_sub_sub
{
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif; 
color:#fff; 
background-color:#c0c0c0; 
font-size: 14px; 
font-weight: bold; 
} 

.call_us_top{
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif; 
padding: 10px 0px 10px 0px;
background-color:#E6E6E6; 
font-size: 18px; 
font-weight: none; 
text-align:center;
}

.msg{
text-align:center;
vertical-align: middle;
height:40px;
font-family: Droid Arabic Kufi ,Verdana, Helvetica, sans-serif; 
color:#fff; 
background-color:#c0c0c0; 
font-size: 14px; 
font-weight: none; 
padding-top:8px;
padding-bottom:10px;
}