/* --[[ Elaf Group Main Style:: Designed By Iyad Aloudat ::]]-- */

/************ --[[ HTML Body Style  border:#666666 dashed 1px]]-- ************/
html, body {direction: ltr; height: 100%;}

/************ --[[ TD - P - Font - Tr - TH ]]-- ************/
body, td, p, font, tr, th {font: 11px/1.4 Arial, Helvetica, sans-serif; color: #555555;}

p {text-align: justify;}

strong {color: #cc9900; font-size:12px;} 

a {outline:none}

/************ --[[ Image Style ]]-- ************/
img {border: 0;} 
 
/************ --[[ HR ]]-- ************/
hr {height: 1px; border: #e2e2e2 1px dotted; width: 80%;} 

/************ --[[ padding - margin - ]]-- ************/

body, h1, h3, h2, h4, h5, p, object, embed, form {padding: 0; margin: 0;} 

/************ --[[ Form - ]]-- ************/

select, option, textarea, input {font: 1.3em  Arial, sans-serif; background: #ededed; border: #cdcdcd 1px solid; color: #464646;} 

/************ --[[ float - ]]-- ************/

.nojava { color: #990000; font-weight:bold; text-align:center; font-size:11px; line-height:140px; padding-right:80px; }

/************ --[[ General Link ]]-- ************/

a:link, a:visited {color: #cc9900; text-decoration: none;}

a:hover, a:active {color: #996600; text-decoration: none;}  
/************ --[[ Top Space ]]-- ************/
.top_space {width: 992px; height:15px; margin: 0 auto;  overflow:hidden;}

/************ --[[ Top Menu ]]-- ************/
.top_menu_space {width: 992px; height:5px; margin: 0 auto;  overflow:hidden;}
.top_container { width: 992px; height:100px; margin: 0 auto; overflow:hidden; }

/************ --[[ Menu - ]]-- ************/

.menu_left_space {float:left; width:158px;  text-align:center;   height: 60px;}
.menu_item_group	     { font: 12px "Times New Roman", Times, serif; font-weight:bold; line-height:30px;  float:left; width:170px; text-align:center;  height: 60px}
.menu_item_group a:hover { background:url(../images/menu_elaf_over_bg.png) no-repeat center top; width:170px; height: 60px; display:block;}
.menu_item_last a:hover { background:url(../images/menu_elaf_over_bglast.png) no-repeat left top; width:154px; height: 60px; display:block;}
.menu_item_last {width:154px}
/* --[[ seeroo - edit]]*/ .menu_icon_left {float:left; width:37px;  text-align:center;  height: 20px;}
.menu_icon { width:22px; height:30px; cursor:pointer; float:left; margin-right:2px;}

.clearright { clear:right; height:60px; width:1px}

.menu_text_left_space { width:145px; text-align:center; height: 25px; overflow:hidden; float:left;}
.menu_text { width:520px; padding-left:10px; height: 25px; line-height:35px; float:left; overflow:hidden;}


.menu_text_search_input {float:left; width:150px; height: 25px; padding-top:11px; overflow:hidden;}
.menu_text_search_input input { width:140px; font-size:10px;  border: 0px; background:transparent; }

.menu_text_search_search {float:left; width:10px; height: 25px; padding-top:9px; overflow:hidden;}
.menu_text_search_search  input { width:20px; height: 20px; font-size:10px; border: 0px; background:transparent; cursor:pointer;  }
/************ --[[ header ]]-- ************/
.header_container { width: 992px; height:334px; margin: 0 auto;  background:url(../images/elaf_group_main_header.png) center; }
.banner_header { margin: 0 auto; width: 970px; height: 325px; padding-top:5px;}

/************ --[[ body ]]-- ************/
.body_container { width: 992px; height:206px; margin: 0 auto;  background:url(../images/elaf_group_main_body.png) center; overflow:hidden; color:#FFFFFF;  }

.part_body_top_space {width: 992px; height:10px; margin: 0 auto;  overflow:hidden;}
.part_body_left {width: 30px; height:150px; float:left; overflow:hidden;}


.part_image_text, .part_text, .part_search {width: 170px; float:left; overflow:hidden; padding-right:10px;}

/* ############ --[[ Text and Iamges Part ]]-- ############*/
.part_image_text {}
.part_image_text img { background:url(../images/elaf_group_image_border.png) center; padding:5px; width:155px; height:56px;}
.part_image_text div { width: 165px; margin-right:20px; margin-top:5px;}
.part_image_text span { display:block; color:#cc9900;}

/* ############ --[[ Text Part ]]-- ############*/
.part_text {}
.part_text div{ width:150px; padding-left:10px;} 
.part_text h3 {color: #cc9900; font-size:18px;}

.part_text a,.part_text a:link,.part_text a:visited { color:#ffffff; text-decoration:underline; }
.part_text a:hover, .part_text a:active { color:#ffffff; text-decoration:underline;}


.more a,.more a:link,.more a:visited { color:#cc9900; text-decoration: none; }
.more a:hover, .more a:active { color:#cc9900; text-decoration: none;}

/* ############ --[[ Search Part ]]-- ############*/
.part_search {}

.search_text_big  { width:165px; overflow:hidden; }
.search_input_big { width:165px;  float:left;  overflow:hidden; padding-bottom:5px;}
.search_input_big input, .search_input_big select	{ width:165px; border-top: solid 1px #999999; border-left: solid 1px #999999; font-size:10px}

.search_text_small       { width:82px; overflow:hidden; float:left;}
.search_input_small		 { width:82px;  float:left;  overflow:hidden; padding-bottom:5px;}
.search_input_small input, .search_input_small select { width:57px; border-top: solid 1px #999999; border-left: solid 1px #999999;font-size:10px}


.search_send		 {float:left; }
.search_send input   { background:url(../images/input_button_black.png) repeat-x; border: #000000 1px solid; color:#FFFFFF; height:20px; font-size:11px;}
.search_more         { float:left; width:100px; overflow:hidden; padding-left:5px; padding-top:3px; clear:right;}

/* ############ --[[ News Part ]]-- ############*/
.part_news {width: 185px; height:165px; float:left; overflow:hidden; padding-left:20px; color:#FFFFFF;}

.part_news h1 {color: #cc9900; font-size:26px;}
.part_news h3 {color: #cc9900; font-size:13px;}
.part_news h4 {color: #FFFFFF; font-size:11px;}


/************ --[[ footer group- ]]-- ************/
.elaf_group_footer_bg {width: 968px; height:5px; background:url(../images/elaf_group_footer.png) no-repeat ; margin: 0 auto; overflow:hidden; }

/************ --[[ footer- ]]-- ************/
.footer {width: 960px; height:215px; background:  url(../images/footer_background.png) repeat-x; margin: 0 auto; margin-top:10px;}

.footer_menu_container { width: 170px; overflow:hidden; float:left; padding-left:20px;}
.footer_menu_container div { color: #ff9933; font-weight:bold;  height:30px; line-height:30px; }

.footer_menu_container span { display:block; height:15px; line-height:15px;}
.footer_menu_container a,.footer_menu_container a:link,.footer_menu_container a:visited { color:#c0c0c0;}
.footer_menu_container a:hover, .footer_menu_container a:active { color:#ff9933;}


/************ --[[ footer text- ]]-- ************/
.footer_text {width: 960px; margin: 0 auto; margin-top:10px; text-align:center;}







/************ --[[ Sub Page ]]-- ************/

.body_sub_container { width: 992px; margin: 0 auto; overflow:hidden; }


/* ############ --[[ Left side Sub Page 1  ]]-- ############*/

.sub1_leftside_container { width:197px; float:left; overflow:hidden;}
.sub1_smalltap_container { width:197px;}
.sub1_smalltap_header { width:197px; height:31px; padding-left:20px; background:url(../images/elaf_sub_1_tabs_left_right_top.png) no-repeat ;color: #cc9900; font-size:16px; line-height:35px;}

.sub1_smalltap_body { width:197px; padding-left:16px; background:url(../images/elaf_sub_1_tabs_left_right_middle.png) repeat-y; overflow:hidden; color:#000000; padding-top:5px; padding-bottom:5px;}
.sub1_smalltap_body_container { width:160px;}
.sub1_smalltap_body span { display:block;}
.sub1_smalltap_footer { width:197px; height:11px; padding-left:20px; background:url(../images/elaf_sub_1_tabs_left_right_down.png) no-repeat ;}


.body_sub_container h1 {color: #cc9900; font-size:26px;}
.body_sub_container h3 {color: #cc9900; font-size:13px;}
.body_sub_container h4 {color: #000000; font-size:11px;}



/************ --[[ Middle side Sub Page 1 ]]-- ************/


.sub1_middle_container { width:598px; float:left; overflow:hidden;}

.sub1_banner_container { width: 598px; height:210px; background:url(../images/elaf_sub_1_header.png) center; }
.sub1_banner { margin: 0 auto; width: 570px; height: 190px; padding-top:10px;}


.sub1_bigtap_container { width:598px;}
.sub1_bigtap_header { width:598px; height:31px; padding-left:20px; background:url(../images/elaf_sub_1_tabs_middle_top.png) no-repeat ;color: #cc9900; font-size:16px; line-height:35px;}

.sub1_bigtap_body { width:598px; padding-left:16px; background:url(../images/elaf_sub_1_tabs_middle_middle.png) repeat-y; overflow:hidden; color:#000000; padding-top:5px; padding-bottom:5px;}
.sub1_bigtap_body_container { width:550px;}
.sub1_bigtap_body span { display:block;}
.sub1_bigtap_footer { width:598px; height:11px; padding-left:20px; background:url(../images/elaf_sub_1_tabs_middle_down.png) no-repeat ;}

.sub1_taps_line { width:175px; height:2px; margin: 0 auto;}
.sub1_bigtap_line { width:580px; height:2px; margin: 0 auto;}







/************ --[[ Middle side Sub Page 2 ]]-- ************/


.sub2_middle_container { width:795px; float:left; overflow:hidden;}

.sub2_banner_container { width: 795px; height:210px; background:url(../images/elaf_sub_1_xheader.png) center; }
.sub2_banner { margin: 0 auto; width: 765px; height: 190px; padding-top:10px;}


.sub2_bigtap_container { width:795px;}
.sub2_bigtap_header { width:795px; height:31px; padding-left:20px; background:url(../images/elaf_sub_1_xtabs_middle_top.png) no-repeat ;color: #cc9900; font-size:16px; line-height:35px;}

.sub2_bigtap_body { width:795px; padding-left:16px; background:url(../images/elaf_sub_1_tabs_xmiddle_middle.png) repeat-y; overflow:hidden; color:#000000; padding-top:5px; padding-bottom:5px;}
.sub2_bigtap_body_container { width:750px;}
.sub1_bigtap_body span { display:block;}
.sub2_bigtap_footer { width:795px; height:11px; padding-left:20px; background:url(../images/elaf_sub_1_xtabs_middle_down.png) no-repeat ;}

.sub2_bigtap_line { width:776px; height:2px; margin: 0 auto;}


/************ --[[ Middle side Sub Page 3 ]]-- ************/
.image3_container { width:750px; overflow:hidden; clear:both; margin-bottom:10px;}
.image3_1,.image3_2,.image3_3  {background: #fff; width:240px; height:150px; overflow:hidden; padding:2px;  margin-right:3px; margin-left:3px;  float:left}
.data3_1,.data3_2,.data3_3  {width:240px;overflow:hidden; padding:2px;  margin-right:3px; margin-left:3px;  float:left}