@import url("wscraft_default.css");

/* ----- CSS FOR HEBREW VERSION--------------- */

body {
background-color: #F8F8F8;
margin:0 auto;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

form {
margin: 0px;
padding: 0px;
}

p {
margin: 0px;
padding: 0px;
}

ul {
margin-top:10px;
padding: 0px;
margin-right:20px;
}


a{
color: #006EB9;
text-decoration: none;
}

a:hover {
color: #00266D;
text-decoration: underline;
}


BR.clearMe{
clear:both;
font-size:0px;
}


Select, Input, Textarea{
font-family:Arial, Helvetica, sans-serif;
color: #000000;
font-size:12px;
text-align: right;
direction: rtl;
}

IMG{
border:0px;
}


/* ----- container --------------- */
#containerBg {
position: relative;
margin:0 auto;
width: 900px;
height:auto;
background:url(../images/cont_back.gif) repeat-y;
}


#container {
position: relative;
margin:0 auto;
width: 878px;
background-color:#FFFFFF;
height:auto;
z-index:2;
height:auto;
padding-top:12px;
}


#container-in {
position: relative;
margin:0 auto;
margin-top:7px;
width: 822px;
height:auto;
text-align:right;
}	

#container-inBg {
position: relative;
margin:0 auto;
margin-top:10px;
width: 822px;
min-height:300px;
height:auto;
background:url(../images/bg_vert1.gif) repeat-y right;
margin-bottom:10px;
}	

/* for Internet Explorer */
* html #container-inBg{
height: 300px;
}


#footer {
position: relative;
margin:0 auto;
width: 878px;
margin-top:5px;
height:18px;
background-color:#A7AEB4;
}	


*html #footer {
z-index:-1
}	


/* ----- HEADER --------------- */
#header {
position: relative;
margin:0 auto;
width: 822px;
height: auto;
}


#lang {
position: absolute;
right:20px;
float: left;
margin-top:3px;
background:url(../images/bg_lang.gif) no-repeat center;
z-index:10000
}

#logoLink{
position: absolute;
width:136px;
height:97px;
right:55px;
float: right;
top:88px;
z-index:200000;
}

#logoLink a{
width:135px;
height:92px;
}

#logoLink a:hover{
text-decoration:none
}



#logoDrahim{
position: absolute;
width:184px;
height:116px;
left:60px;
float: left;
top:65px;
z-index:200000;
}

#logoDrahim a{
width:166px;
height:116px;
}

#logoDrahim a:hover{
text-decoration:none
}

#lang a {
padding-left:4px;
padding-right:2px;
}


/* ----- BIG FLASH --------------- */
#bigFlash {
position: relative;
margin:0 auto;
width: 822px;
height:258px;
}


#wsc_flashcontent, 
#wsc_flashcontent1,
#wsc_flashcontent2,
#wsc_flashcontent3,
#wsc_flashcontent4{
position: relative;
margin:0 auto;
font-size:10px;
text-align:left;
height:125px;
}





#menuBg {
position: relative;
margin:0 auto;
margin-top:3px;
z-index:10000;
width: 822px;
background:url(../images/bg_menu.gif) repeat-x;
height:25px;
}

#menuBg #menu{
position:relative;
margin:0 auto;
font-size: 0px;
color:#FFFFFF;
left:250px;
}


/* ----- container-inBg -------------- */
#rightPart {
position: relative;
margin:0 auto;
width: 184px;
float: right;
}

#middlePart {
position: relative;
margin:0 auto;
width: 488px;
float: right;
}


#leftPart{
position: relative;
margin:0 auto;
width: 150px;
float: right;
}



/* ----- newsTitle --------------- */
#newsTitle {
position: relative;
margin:0 auto;
width: 184px;
height:26px;
float: left;
background:url(../images/news_title.gif) no-repeat center;
border:1px solid #A7AEB4;
float:right;
}

/* ----- rightPart-in --------------- */

#rightPart #rightPart-in{
position:relative;
margin:0 auto;
width:164px;
padding-left:10px;
padding-right:10px;
}





#index-news #item {
margin-top:5px;
margin-bottom:10px;
}


#index-news #datesmall{
color: #000000;
font-weight:normal
}


#index-news #item #title{
color:#002C72;
font-size:12px;
font-weight:bold;
}


#index-news #item #text{
font-size:12px;
color:#000000;
direction:rtl
}


#index-news #item #text a{
color:#000000;
font-size:12px;
}

#index-news #more a{
color:#006EB9;
text-align: left;
font-weight:bold;
text-decoration:underline
}


#index-news #more a:hover{
color:#006EB9;
text-decoration:none;
}



/* ----- middlePart-in --------------- */

#middlePart #middlePart-in{
position:relative;
margin:0 auto;
width: 458px;
}

#index-home{
position:relative;
margin:0 auto;
float: right;
width:105px;
margin-left:12px;
}


#index-med{
position:relative;
margin:0 auto;
float: right;
width:105px;
margin-left:12px;
}


#index-bus{
position:relative;
margin:0 auto;
float: right;
width:105px;
margin-left:12px;
}


#index-car{
position:relative;
margin:0 auto;
float: right;
width:105px;
}



#indexparentlinks{
position:relative;
margin:0 auto;
width:105px;
}

#index-home #indexparentlinks #title{
position:relative;
margin:0 auto;
height:25px;
text-align:center;
color:#FFFFFF;
background:url(../images/bg_green.gif) repeat-x;
padding:2px;
}



#index-med #indexparentlinks #title{
position:relative;
margin:0 auto;
height:25px;
text-align:center;
color:#FFFFFF;
background:url(../images/bg_red.gif) repeat-x;
padding:2px;
}




#index-bus #indexparentlinks #title{
position:relative;
margin:0 auto;
height:25px;
text-align:center;
color:#FFFFFF;
background:url(../images/bg_blue.gif) repeat-x;
padding:2px;
}

#index-car #indexparentlinks #title{
position:relative;
margin:0 auto;
height:25px;
text-align:center;
color:#FFFFFF;
background:url(../images/bg_gray.gif) repeat-x;
padding:2px;
}


#index-home #indexparentlinks #title a,
#index-med #indexparentlinks #title a,
#index-bus #indexparentlinks #title a,
#index-car #indexparentlinks #title a{
position:relative;
margin:0 auto;
text-align:center;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
}

#indexparentlinks #parentbox{
position:relative;
margin:0 auto;
width:105px;
background:url(../images/bg_bot.gif) repeat-x;
height:6px;
font-size:0px;
}





#indexparentlinks #secLevel{
line-height:16px;
text-align: right;
color: #000000;
font-weight:bold;
font-size:12px;
border-bottom:1px solid #A7AEB4;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
background-color:#F1F2F4;
display:block;

}



#indexparentlinks #secLevel a{
text-align: right;
color: #000000;
font-weight: normal;
font-size:11px;
display:block;

}



#indexparentlinks #secLevel a:hover{
text-decoration:none;
}




#indexparentlinks #secTitle{
line-height:16px;
text-align: right;
color: #000000;
font-weight:bold;
font-size:12px;
border-bottom:1px solid #A7AEB4;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
background-color:#F1F2F4;
display:block;

}



#indexparentlinks #secTitle a{
text-align: right;
color: #000000;
font-weight:bold;
font-size:11px;
display:block;

}



#indexparentlinks #secTitle a:hover{
text-decoration:none;
}



#middlePart #middlePart-in #indextext{
position:relative;
margin:0 auto;
margin-top:30px;
direction:rtl;
text-align: justify
}


*html #middlePart #middlePart-in #indextext{
z-index:-1
}



#middlePart #middlePart-in #indextitle{
position:relative;
margin:0 auto;
color:#002C72;
font-size:14px;
font-weight:bold;
}



/* ----- leftPart-in --------------- */

#leftPart #leftPart-in{
position:relative;
margin:0 auto;
padding-right:10px;
}



#leftPart #leftPart-in #slogen{
position:relative;
margin:0 auto;
height:70px;
padding-bottom:10px;
border-bottom:1px solid #A7AEB4;
}



#leftPart #leftPart-in #downloads{
position:relative;
margin:0 auto;
}

#leftPart #leftPart-in #downloads #item{
position:relative;
margin:0 auto;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px solid #A7AEB4;
}


#leftPart #leftPart-in #downloads #item a{
font-size:13px;
font-weight:bold;
color:#000000;
}


#leftPart #leftPart-in #downloads #item a IMG{
height:18px;
width:18px;
}



/* ----- PAGES --------------- */
#globalImage {
position: relative;
margin:0 auto;
width: 822px;
height:191px;
background:url(../images/globalbg.gif) no-repeat top ;
overflow:hidden;
}

#leftPart #leftPart-in #pic{
position:relative;
margin:0 auto;
margin-top:30px;
width:140px;
overflow:hidden;
}


#leftPart #leftPart-in #pic IMG{
vertical-align:bottom;
border-bottom:1px solid #A7AEB4;
}


/* ----- PATH------- */
#container-in  #path{
position:relative;
margin:0 auto;
margin-top:8px;
padding-bottom:5px;
border-bottom:1px solid #55617B;
text-align:right;
direction:rtl
}



#container-in  #content{
position:relative;
margin:0 auto;
margin-top:25px;
direction:rtl;
line-height:18px;
width: 458px;
text-align:right;
}


#container-in  #content .title{
font-size:14px;
font-weight:bold;
color:#011E6E;
}


/* ----- PARENT LINKS------- */

#parentlinks{
position:relative;
margin:0 auto;
}


#parentlinks #title{
position:relative;
margin:0 auto;
padding:6px;
font-size:14px;
font-weight:bold;
border-bottom:1px solid #8890A2;
color:#011E6E;
}


#parentlinks #links{
position:relative;
margin:0 auto;
padding:6px;
font-size:12px;
background:url(../images/bg_li.gif) repeat-x bottom;
border-bottom:1px solid #8890A2;
color:#55617B;
}



#parentlinks #links a{
background:url(../images/arrow_he.gif) no-repeat right top;
font-size:12px;
padding-right:15px;
display:block;
color:#55617B;
}


#parentlinks #links a:hover{
text-decoration:none
}



#parentlinks #links #current{
background:url(../images/arrow_he.gif) no-repeat right top;
font-size:12px;
padding-right:15px;
display:block;
color:#55617B;
font-weight:bold
}


/* ----- SEARCH SMALL------- */
#searchSmall{
position:relative;
margin:0 auto;
margin-top:25px;
}

#searchSmall input{
width:132px;
color:#80878C;
border: solid 1px #8890A2;
}

#searchSmall .search_button{
text-align:center;
border:0px;
background:url(../images/search.gif) no-repeat;
height:21px;
width:21px;
cursor:pointer
}


/* ----- SEARCH BIG------- */

#searchbig table {
position: relative;
margin:0 auto;
width:100%;
}

#searchbig input {
border: solid 1px #8890A2;
color:#80878C;
}

#searchbig .categ{
border: solid 1px #8890A2;
width:180px;
color:#80878C;
}


#searchbig .button {
text-align:center;
border:0px;
background:url(../images/search.gif) no-repeat;
height:21px;
width:21px;
cursor:pointer
}


#searchbig .pix_underline {
border-bottom:#CCCCCC 1px solid;
padding-bottom:10px;
padding-top:10px;
}

#searchbig .title {
font-size:12px;
font-weight:bold;
color:#011E6E
}


#searchbig #more a{
color:#006EB9;
text-align: left;
font-weight:bold;
text-decoration:underline
}

#searchbig #more a:hover{
text-decoration:none
}

/* ----- NEWS CATALOGE------- */

#news-cataloge #item {
position:relative;
margin:0 auto;
border-bottom: 1px solid  #CCCCCC;
width:458px;
padding-bottom:10px;
}

#news-cataloge  #pic{
position:relative;
margin:0 auto;
float: right;
width:110px;
overflow:hidden;
text-align:center;
}


#news-cataloge   #pic IMG{
text-align:center;
width:98px;
border:1px solid #B5C2C8;
padding:5px;
}


#news-cataloge #title{
color:#002C72;
font-size:12px;
font-weight:bold;
}


#news-cataloge #date{
color: #000000;
font-weight:normal;
font-size:12px;
}



#news-cataloge #text{
position:relative;
margin:0 auto;
float: left;
width:340px;
}

#news-cataloge #more a{
color:#006EB9;
text-align: left;
font-weight:bold;
text-decoration:underline
}

#news-cataloge #more a:hover{
text-decoration:none
}

#news-cataloge a{
color: #000000;
}
#news-cataloge a:hover{
text-decoration:none
}



/* ----- NEWS ARTICLE------- */


#news-article #item {
position:relative;
margin:0 auto;
}

#news-article   #pic{
position:relative;
margin:0 auto;
float: right;
overflow:hidden;
text-align:center;
padding-left:5px;
}



#news-article   #pic  IMG{
text-align:center;
border:1px solid #B5C2C8;
padding:5px;
}


#news-article #title{
color:#002C72;
font-size:12px;
font-weight:bold;
}


#news-article #date{
color: #000000;
font-weight:normal;
font-size:12px;

}



#news-article #text{
position:relative;
margin:0 auto;
float: right;
width:453px;
}

#news-article #more a{
color:#006EB9;
text-align: left;
font-weight:bold;
text-decoration:underline
}

#news-article #more a:hover{
text-decoration:none
}

#news-article a{
color: #000000;
}
#news-article a:hover{
text-decoration:none
}

#news-article   .full_image{
position: absolute;
left:0px;
background:#FFFFFF;
border:1px solid #DADEE2;
padding:10px;
min-width:100px;
min-height:100px;
width:auto;
z-index:500000;
}

#news-article #maxpic IMG{
width:500px;
}

#news-article   .close{
position: absolute;
margin-right:15px;
right:0px;
}

#news-article   .full_image IMG{
border:0px;
}


#news-article   .close IMG{
border:0px;
vertical-align: middle
}


/* ----- CLIENTS CATALOGE------- */

#clients-cataloge #item {
position:relative;
margin:0 auto;
border-bottom: 1px solid  #CCCCCC;
width:458px;
padding-bottom:10px;
}

#clients-cataloge  #pic{
position:relative;
margin:0 auto;
float: right;
width:110px;
overflow:hidden;
text-align: right;
}

#clients-cataloge  #pic IMG{
text-align: right;
}



#clients-cataloge #title{
color:#002C72;
font-size:12px;
font-weight:bold;
}



#clients-cataloge #text{
position:relative;
margin:0 auto;
float: left;
width:300px;
}

#clients-cataloge #more a{
color:#006EB9;
text-align: left;
font-weight:bold;
text-decoration:underline
}

#clients-cataloge #more a:hover{
text-decoration:none
}

#clients-cataloge a{
color: #000000;
}


#clients-cataloge a:hover{
text-decoration:none
}





/* for FORM CONTACTS **********************************************************/
#formcontacts table{
width:100%;
height:auto;
text-align:right;
font-size:12px;
}

#formcontacts table input{
width:170px;
}

#formcontacts table textarea{
width:400px;
}

#formcontacts  .send{
position:relative;
margin:0 auto;
width:47px;
height:18px;
color:#3F3F3F;
font-family:'trebuchet ms',helvetica,sans-serif;
font-size:12px;
font-weight:bold;
border:1px solid #999;
filter:progid:DXImageTransform.Microsoft.Gradient
(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffc6c4c5');
text-align:center;
vertical-align: middle;
}



/* ----- jobs --------------- */
#jobs{
position:relative;
margin:0 auto;
border-bottom: 1px solid  #CCCCCC;
width:458px;
padding-bottom:10px;
padding-top:10px;

}

#jobs  #title{
color:#002C72;
font-size:12px;
font-weight:bold;
}

#jobs #more a{
color:#006EB9;
text-align: left;
font-weight:bold;
text-decoration:underline
}

#jobs #more a:hover{
text-decoration:none
}



#back a{
color:#006EB9;
text-align: left;
font-weight:bold;
text-decoration:underline
}



#back a:hover{
text-decoration:none
}





/* ----- FOOTER------- */
#copy{
position:relative;
margin:0 auto;
float:left;
color: #FFFFFF;
left:25px;
}


#copy a{
color: #FFFFFF;
}


#dogma IMG{
vertical-align:text-top;
margin-top:1px;
}


#dogma{
position:relative;
margin:0 auto;
float: right;
color: #FFFFFF;
right:25px;
}


#dogma a{
color: #FFFFFF;
}