/* --[[ Zoofi : Designed By Eiad Aloudat ]]-- */


/************ --[[ HTML Body Style ]]-- ************/
html, body { height:100%;}

body { 	
	direction: rtl;	background: #ffffff ; 
	}

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

/************ --[[ Image Style ]]-- ************/
img { border: 0; }

/************ --[[ HR ]]-- ************/
hr { height: 1px ; border: #8E8E8E 1px dotted; width: 80%; }

/************ --[[ padding - margin - ]]-- ************/
body, h1, h3, p, object, embed, form { padding: 0; margin: 0;}
body {margin-top:10px;}


/************ --[[ Form - ]]-- ************/
select,option,textarea,input {Font-Size: 10px; vertical-align:middle; }


/************ --[[ float - ]]-- ************/
.floatleft1 { float:left;}
.floatright1 { float:right; }
.clear {clear:both;} 

/************ --[[ General Link ]]-- ************/
a:link, a:visited { color: #464646;  text-decoration: underline; }
a:hover, a:active { color: #0f75bc;  text-decoration: underline; font-weight: bold; }

/************ --[[ top ]]-- ************/

.main { width: 770px; margin: 0 auto; }
.topmenutd{ text-align:left; float:left;}
.topmenu td { text-align:center; padding: 0px 10px;}
.topmenu a { font-size:10px; text-decoration: none; color:#a1a1a1;}
.headerimage { text-align:center; border:1px #CCCCCC solid; padding: 8px; border-top:0px; background: #f1f1f1; }

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

.menutabs{ direction:ltr;}

.shadetabs{border-bottom: 1px #CCCCCC solid; /* width: 90%; width of menu. Uncomment to change to a specific width */margin-bottom: 0px; direction:ltr;}
.shadetabs ul{padding: 3px 10px;margin-left: 0;margin-top: 1px;margin-bottom: 0; list-style-type: none;text-align: right; /*set to left, center, or right to align the menu as desired*/}
.shadetabs li{display: inline;margin: 0;}
.shadetabs li a{text-decoration: none;padding: 4px 7px;margin-right: 3px;border: 1px #CCCCCC solid;color: #a0a0a0;background: url() repeat-x left top; background-color:#f1f1f1; font-weight:bold;}
.shadetabs li a:visited{color: #a0a0a0; text-decoration: none;}
.shadetabs li a:hover{text-decoration: none;  border: 1px #CCCCCC solid;background: url(../images/menu_background_active.gif) repeat-x left top;border-bottom-color: #f1f1f1; color:#0f75bc; background-color:#f1f1f1;}
.shadetabs li.selected{top: 1px;}
.shadetabs li.selected a{  border: 1px #CCCCCC solid;/*selected main tab style */background: url(../images/menu_background_active.gif) repeat-x left top;border-bottom-color: #f1f1f1; color:#0f75bc; background-color:#f1f1f1;}
.shadetabs li.selected a:hover{ /*selected main tab style */text-decoration: none;}
.shadetabs li.selected a:visited{text-decoration: none; color:#0f75bc;}


.latesnews_table { border:1px #CCCCCC solid;  border-top:0px; height:30px; background:url(../images/news_background_light.gif) repeat-x top;}
.latestnews_word{ background:url(../images/news_background_dark.gif) top repeat-x; text-align:left; padding: 0px 5px; vertical-align:middle; font-size:12px; font-weight:bold; white-space:nowrap;} 
.newsbar span { font-weight:bold; color:#707070;}


.tdspace { padding-top:5px; }
.leftside { padding-left:5px; width:300px;}
.leftside2 { padding-left:5px; width:165px;}

.part_table{ border:1px #CCCCCC solid; margin-bottom:5px; }
.part_header { background:url(../images/news_background_light.gif) repeat-x top; height:30px;text-align:right; vertical-align:middle; color:#0f75bc; font-size:13px; font-weight:bold; padding-right:10px; }
.part_body{ padding:10px; vertical-align:top;}
.part_body2{ padding:5px; text-align:center; vertical-align:top;}
.part_green { text-align:right;border-top:1px #abc76b solid; }

.pro_content td { padding:5px; vertical-align:top; background-color:#ebebeb; } 
.products_table { width:170px;}
.products_table2 { float:right; padding-left:10px}
.product_image{ text-align:center;}
.products_titile{ font-size:12px; font-weight:bold; text-align:right;}
.products_des { padding:5px; text-align:right;}
.products_readmore {text-align:left; }
.products_readmore a {color:#0f75bc; padding-right:5px; text-decoration:none;}

.logolist{ text-align:center; padding:10px 0px;}
.logolist img { border:1px #d0d0d0 solid; margin-left:10px;}
.footer {text-align:center;  padding:0px 0px 20px 0px;}

/************ --[[News ]]-- ************/
.NoNews{}

.NewsItem1 {background-color:#ebebeb; padding:10px; margin-bottom:5px; }
.NewsItem2{background-color:#eff2f4; padding:10px;margin-bottom:5px; }
.NewsTitle{ color:#0f75bc; font-size:13px; font-weight:bold; float:right;}
.NewsDate{float:left;color:#0f75bc;}
.NewsContent{ clear:both; padding:5px;}


/**downloads */
.news_letters_light{background-color:#ebebeb; padding:5px; margin-bottom:5px;}
.news_letters_dark{background-color:#eff2f4; padding:5px;margin-bottom:5px;}
.news_letters_header{background-color:#eff2f4; padding:5px;margin-bottom:5px;color:#0f75bc; font-size:13px;font-weight:bold;  }

/** Parent pages */
.breadcrumbs{} /*this is a td containing links*/
.label{} /*this is span inside the link*/
.seperator{} /*spans between each link*/
/********************* [News ticker] *************/




/************ --CLASS FOR SHOWING Confirmation message - GREEN -- ************/
.success_message { font: 11px/1.4  tahoma, Arial, Helvetica, sans-serif; color:#078C26; font-weight:bold; }
/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
border: 0px solid #000; 
width: 620px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 620px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 620px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #0f75bc;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}