/* CSS Document */
@import url('wscraft_default.css');

/* Main Tags  **********************************************************/
Body{
margin:0 auto;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#8B9299;
background-color:#FFFFFF;
margin-top:35px;
}

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


Select, Input, Textarea{
font-family:Arial, Helvetica, sans-serif;
color: #000000;
font-size:11px;
text-decoration:none;
text-align: left;
}

a{
font-size:11px;
color:#002250;
text-decoration:none
}

a:hover {
text-decoration: underline;
}


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

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

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


IMG{
border:0px;
}



/* ----- header --------------- */
#header{
position: relative;
margin: 0 auto;
width: 780px;
height: auto;
z-index:10000;

}

#header-in{
position: relative;
margin: 0 auto;
width: 780px;
height: auto;
}


#globalImage{
position: relative;
margin: 0 auto;
width:100%;
height:201px;
background:url(../images/bg_global.gif) repeat-x #FFFFFF
}


#globalImage-index{
position: relative;
margin: 0 auto;
width:100%;
height:238px;
background:url(../images/bg_global_in.gif) repeat-x #FFFFFF bottom
}



#footer{
position: relative;
margin: 0 auto;
width: 780px;
height:20px;
background:#D3D3D3;
margin-top:20px;
}



/* header  **********************************************************/
#logo{
position:relative;
margin:0 auto;
float:left;
width: 170px;
height:50px;
}


#icon_links{
position:relative;
margin:0 auto;
float:right;
margin-top:6px;
padding-left:20px;
}


#icon_links IMG{
padding-right:5px;
}

#icon_links a:hover{
text-decoration:none;
}



#search{
position:relative;
margin:0 auto;
float:right;
}

.search_box{
border:1px solid  #A0A0A0;
color:#3F3F3F
}

.search_button{
text-align:center;
margin-right:5px;
font-size:10px;
padding-left:5px;
padding-right:5px;
background:url(../images/btn_search.gif) no-repeat;
color:#3F3F3F;
border:1px solid #BDBDBD;
filter:progid:DXImageTransform.Microsoft.Gradient
(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffc6c4c5');
text-align:center;
height:18px;
}


#menu{
position:relative;
margin:0 auto;
margin-top:0px;
z-index:10000;
width:578px;
height:27px;
}


.menu{
position:relative;
margin:0 auto;
float:right;
left:1px;
width:578px;
height:27px;
z-index:10000;
text-align: left;
}

/* global IMAGE  **********************************************************/

#globalImage-in{
position:relative;
margin:0 auto;
width:780px;
height:193px;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;

}

#globalImage #leftImage{
position:relative;
margin:0 auto;
width:203px;
height:193px;
float:left;
border-right:#FFFFFF 1px solid;
background:url(../images/bg_left.gif) no-repeat
}


#globalImage #leftImage object{
position:relative;
margin:0 auto;
text-align:center;
}


#globalImage #rightImage{
position:relative;
margin:0 auto;
float:right;
width:576px;
height:193px;
background:url(../images/bg_right.gif) no-repeat;
}


#globalImage #rightImage-in{
position:relative;
margin:0 auto;
float:right;
width:576px;
height:193px;
overflow:hidden;
}

#globalImage #rightImage-in #title{
position: absolute;
margin:0 auto;
left:20px;
margin-top:120px;
font-size:32px;
color:#FFFFFF;
font-weight:normal;
height:35px;
border-right:1px solid #FFFF33;
padding-top:5px;
padding-right:15px;
overflow:hidden;
word-spacing:-2px;
}



/* global IMAGE FOR INDEX **********************************************************/

#globalImage-index-in{
position:relative;
margin:0 auto;
width:780px;
height:230px;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;

}

#globalImage-index #leftImage{
position:relative;
margin:0 auto;
width:203px;
height:230px;
float:left;
border-right:#FFFFFF 1px solid;
background:url(../images/bg_leftnew.gif) no-repeat;
}


#globalImage-index #leftImage object{
position:relative;
margin:0 auto;
text-align:center;
}


#globalImage-index #rightImage{
position:relative;
margin:0 auto;
float:right;
width:576px;
height:230px;
}


/* ----- container --------------- */
#container{
position: relative;
margin: 0 auto;
width: 780px;
height: auto;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
top:-8px;
padding:0;
}



/* ----- index--------------- */
#indexleftPart{
position: relative;
margin: 0 auto;
float:left;
width: 198px;
height: auto;
top:4px;
}


#indexmiddlePart{
position: relative;
margin: 0 auto;
float:left;
width: 332px;
height: auto;
text-align:center;
background:url(../images/bg_index.gif) no-repeat 0 4px;
top:4px;
}


#indexrightPart{
position: relative;
margin: 0 auto;
float:left;
width: 250px;
height: auto;
top:4px;
}


/* ----- indexleftPart-in --------------- */
#indexleftPart-in{
position: relative;
margin: 0 auto;
width: 178px;
float:left;
}




/* ----- indexmiddlePart-in --------------- */
#indexmiddlePart-in{
position: relative;
margin: 0 auto;
width: 322px;
height: auto;
background-color:#FFFFFF;
}

#indexmiddlePart-in #cont{
position: relative;
margin: 0 auto;
width: 282px;
height: auto;
text-align: justify;
line-height:16px;
top:24px;
}

#indexmiddlePart-in #cont #title{
position: relative;
margin: 0 auto;
text-align:left;
font-size:14px;
color:#002250;
text-transform: uppercase;
font-weight:bold;
margin-bottom:10px;
border-left:1px solid #FFFF33;
padding-left:5px;
line-height:12px;
}

/* for understanding browsers */
#indexmiddlePart-in #cont #text{
position: relative;
margin: 0 auto;
width: 270px;
min-height:270px;
height:auto;
margin-left:7px;
}

/* for Internet Explorer */
/*\*/
* html #indexmiddlePart-in #cont #text{
height: 260px;
}
/**/



/* ----- indexrightPart-in --------------- */
#indexrightPart-in{
position: relative;
margin: 0 auto;
width: 234px;
float:right;
height: auto;
text-align: justify;
line-height:16px;
top:24px;
}

/* INDEX NEWS **********************************************************/
#indexrightPart-in  #newsIndex{
position: relative;
margin: 0 auto;
width: 234px;

}


#indexrightPart-in  #newsIndex marquee{
text-align:justify
}



#indexrightPart-in  #newsIndex  #title{
position: relative;
margin: 0 auto;
text-align:left;
font-size:14px;
color:#8B9299;
text-transform: uppercase;
font-weight:bold;
margin-bottom:10px;
border-left:1px solid #FFFF33;
padding-left:5px;
line-height:12px;
}


#indexrightPart-in  #newsIndex  #articles{
position: relative;
margin: 0 auto;
margin-left:7px;
height:80px;
overflow:hidden;
}

#indexrightPart-in  #newsIndex  #titleArticle{
color:#002250;
font-weight:bold;
}

#indexrightPart-in  #newsIndex  #more{
text-align:right;
padding-right:10px;
background:url(../images/arrow2.gif) right no-repeat;
}

#indexrightPart-in  #newsIndex  #more a{
color:#002250;
}

#indexrightPart-in  #newsIndex  .text{
color:#8E949B
}



/* INDEX EVENTS **********************************************************/
#indexrightPart-in  #eventsIndex{
position: relative;
margin: 0 auto;
margin-top:30px;
}


#indexrightPart-in  #eventsIndex  #title{
position: relative;
margin: 0 auto;
text-align:left;
font-size:14px;
color:#002250;
text-transform: uppercase;
font-weight:bold;
margin-bottom:10px;
border-left:1px solid #FFFF33;
padding-left:5px;
line-height:12px;
}


#indexrightPart-in  #eventsIndex  #articles{
position: relative;
margin: 0 auto;
margin-left:7px;

}

#indexrightPart-in  #eventsIndex  #titleArticle{
color:#002250;
font-weight:bold;
}

#indexrightPart-in  #eventsIndex  #more{
text-align:right;
padding-right:10px;
background:url(../images/arrow2.gif) right no-repeat;
}

#indexrightPart-in  #eventsIndex  #more a{
color:#002250;
}

#indexrightPart-in  #eventsIndex  .text{
color:#8E949B
}


/* ----- PAGE--------------- */
#pageleftPart{
position: relative;
margin: 0 auto;
float:left;
width: 198px;
height: auto;
top:4px;
}


#pagemiddlePart{
position: relative;
margin: 0 auto;
float:left;
width: 428px;
height: auto;
text-align:center;
background:url(../images/bg_page.gif) no-repeat 0 4px;
top:4px;
}


#pagerightPart{
position: relative;
margin: 0 auto;
float:left;
width: 154px;
height: auto;
top:4px;
}

/* ----- pageleftPart-in --------------- */
#pageleftPart-in{
position: relative;
margin: 0 auto;
width: 178px;
float:left;
}


/* ----- pagemiddlePart-in --------------- */
#pagemiddlePart-in{
position: relative;
margin: 0 auto;
width: 418px;
height: auto;
background-color:#FFFFFF;
}

#pagemiddlePart-in #cont{
position: relative;
margin: 0 auto;
width:388px;
height: auto;
text-align: justify;
line-height:16px;
top:24px;
}

#pagemiddlePart-in #cont #title{
position: relative;
margin: 0 auto;
text-align:left;
font-size:14px;
color:#002250;
text-transform: uppercase;
font-weight:bold;
margin-bottom:10px;
border-left:1px solid #FFFF33;
padding-left:5px;
line-height:12px;
}


/* for understanding browsers */
#pagemiddlePart-in #cont #text{
position: relative;
margin: 0 auto;
width: 376px;
margin-left:7px;
min-height:270px;
height:auto;
font-size:12px;
line-height:18px;
}

/* for Internet Explorer */
/*\*/
* html #pagemiddlePart-in #cont #text {
height: 260px;
}
/**/



/* ----- pagerightPart-in --------------- */
#pagerightPart-in{
position: relative;
margin: 0 auto;
width: 138px;
float:right;
height: auto;
text-align: justify;
line-height:16px;
top:24px;
}



#pagerightPart-in #downtitle{
position:relative;
margin: 0 auto;
color:#002250;
font-weight:bold;
margin-bottom:8px;
}


#pagerightPart-in #baners{
position: relative;
margin: 0 auto;
margin-top:5px;
width: 138px;
overflow:hidden;
color:#002250;
text-align:left;
font-weight:bold
}





/* ----- customers --------------- */
#customers{
position: relative;
margin: 0 auto;
padding-top:20px;
width: 376px;
height: auto;
text-align:left;
padding-bottom:20px;
border-bottom:1px solid #CDD6DF;
font-size:11px;
line-height:normal
}

#customers #logo{
position: relative;
margin: 0 auto;
float:left;
width:86px;
height:auto;
overflow:hidden;
}



#customers #content{
position: relative;
margin: 0 auto;
margin-left:40px;
float:left;
width:250px;
font-size:11px;
color:#8E949B;
}

#customers #content a{
color:#8E949B;
font-weight:bold;
font-size:11px;
}


#customers #content #titleS{
color:#002250;
font-weight:bold;
font-size:12px;
}

/* ----- vendors --------------- */
#vendors{
position: relative;
margin: 0 auto;
padding-top:20px;
width: 376px;
height: auto;
text-align:left;
padding-bottom:20px;
border-bottom:1px solid #CDD6DF;
font-size:11px;
line-height:16px;

}

#vendors #image{
position: relative;
margin: 0 auto;
float:left;
width:132px;
height:auto;
overflow:hidden;
}
#vendors #image IMG{
width:132px;
}




#vendors #content{
position: relative;
margin: 0 auto;
margin-right:20px;
float:left;
width:224px;
font-size:11px;
color:#8E949B;
}

#vendors #content a{
color:#002250;
font-weight:bold;
font-size:11px;
}

#vendors #content #titleS{
color:#002250;
font-weight:bold;
font-size:12px;
}

/* ----- news --------------- */
#catalogenews{
position: relative;
margin: 0 auto;
padding-top:10px;
width: 376px;
height: auto;
text-align:left;
padding-bottom:10px;
border-bottom:1px solid #CDD6DF;
font-size:11px;
line-height:normal

}

#catalogenews  #titleArticle{
color:#002250;
font-weight:bold;
}

#catalogenews  #more{
text-align:right;
padding-right:10px;
background:url(../images/arrow2.gif) right no-repeat;
}

#catalogenews  #more a{
color:#002250;
}


#catalogenews  .text{
color:#8E949B
}



/* ----- news READ --------------- */
#readnews{
position: relative;
margin: 0 auto;
padding-top:10px;
width: 376px;
height: auto;
font-size:12px;
}

#readnews  #titleArticle{
color:#002250;
font-weight:bold;
font-size:12px;
}


#readnews  #image{
margin-top:5px;
font-size:0px;
}

/* ----- products --------------- */

#pagemiddlePart-in #cont #parentTitle{
position: relative;
margin: 0 auto;
text-align:left;
font-size:14px;
color:#002250;
text-transform: uppercase;
margin-bottom:10px;
border-left:1px solid #FFFF33;
padding-left:5px;
line-height:12px;
}


#pagemiddlePart-in #cont #prodtitle{
color:#8E949B;
font-weight:bold
}


#products{
position: relative;
margin: 0 auto;
padding-top:20px;
width: 376px;
height: auto;
text-align:left;
padding-bottom:20px;
border-bottom:1px solid #CDD6DF;
font-size:11px;
line-height:normal;
}

#products #logo{
position: relative;
margin: 0 auto;
float:left;
width:86px;
height:auto;
overflow:hidden;
}



#products #content{
position: relative;
margin: 0 auto;
margin-left:40px;
float:left;
width:250px;
color:#8E949B;

}

#products #content a{
font-weight:bold
}

#products #content .title{
color:#002250;
font-size:12px;
font-weight:bold
}



#products #content .text a{
color:#8E949B;
font-size:11px;
font-weight: normal;
text-decoration:none;
}


#products #content .text a:hover{
text-decoration:none;
}

/* ----- jobs --------------- */
#jobs{
position: relative;
margin: 0 auto;
padding-top:10px;
width: 376px;
height: auto;
text-align:left;
padding-bottom:10px;
border-bottom:1px solid #CDD6DF;
font-size:11px;
line-height:normal;
line-height:18px;
font-size:12px;

}

#jobs  #title-in{
color:#002250;
font-size:12px;
font-weight:bold;
}


#jobs  a{
color:#002250;
font-weight:bold
}




/* contact us**********************************************************/
#contacts{
position:relative;
margin:0 auto;
width: 376px;
height: auto;
font-size:12px;
text-align:left;
}

#contacts table{
position:relative;
margin:0 auto;
width: 376px;
font-size:12px;
text-align:left;
}

#contacts .send{
text-align:center;
margin-right:5px;
font-size:11px;
padding-left:5px;
padding-right:5px;
background:url(../images/btn_search2.gif) no-repeat;
color:#3F3F3F;
border:1px solid #BDBDBD;
filter:progid:DXImageTransform.Microsoft.Gradient
(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffc6c4c5');
text-align:center;
font-weight:bold;
height:22px;
margin-left:135px;
width:80px;
}

#contacts .country{
font-weight:normal;
width:165px;
}


#contacts input{
border:1px solid  #A0A0A0;
color:#3F3F3F;
width:160px;
}



#contacts textarea{
width:350px;
}



/* ----- back --------------- */
#back{
text-align:right;
padding-right:10px;
background:url(../images/arrow2.gif) right no-repeat;
}


#back a{
color:#002250;
font-weight:normal;
font-size:11px;
}


/* ----- sitemap --------------- */
#sitemap{
color:#002250;
text-decoration:none
}





/* ----- searchBIG --------------- */
#searchbig table {
position: relative;
margin:0 auto;
width:100%;
}

#searchbig td{
padding-top:5px;
padding-bottom:5px;
}

#searchbig input {
border: solid 1px #9E9E9E;
font-size: 11px;
}


#searchbig .drop_down {
border: solid 1px #9E9E9E;
font-size: 11px;
width:180px;
}



#searchbig .button {
text-align:center;
margin-right:5px;
font-size:10px;
padding-left:5px;
padding-right:5px;
background:url(../images/btn_search.gif) no-repeat;
color:#3F3F3F;
border:1px solid #BDBDBD;
filter:progid:DXImageTransform.Microsoft.Gradient
(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffc6c4c5');
text-align:center;
height:18px;
}


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


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


#searchbig .maintext {
font-size:11px;
}

#searchbig  #more{
text-align:right;
padding-right:10px;
background:url(../images/arrow2.gif) right no-repeat;
}

#searchbig  #more a{
color:#002250;
}



/* ----- left menu --------------- */
#leftmenu{ 
position: relative;
margin:0 auto;
text-align: left;
font-size:12px;
margin-top:20px;
}

#leftmenu #firstActive{ 
font-size:12px;
background:url(../images/bgmenu_bot.gif) bottom left  repeat-x;
padding-top:3px;
padding-bottom:6px;
}


#leftmenu #firstActive a{ 
font-size:12px;
display:block;
text-decoration:none;
color:#002250;
background:url(../images/arrow_left_blue.gif) left no-repeat;
padding-left:10px;
}


#leftmenu #firstActive  a:hover{ 
text-decoration:none;
font-weight:bold;
}



#leftmenu #firstCurr{ 
font-size:12px;
background:url(../images/bgmenu_bot.gif) bottom left no-repeat;
padding-top:3px;
padding-bottom:6px;
}


#leftmenu #firstCurr a{ 
font-size:12px;
display:block;
text-decoration:none;
color:#002250;
background:url(../images/arrow_left_blue.gif) left no-repeat;
padding-left:12px;
font-weight:bold
}


#leftmenu #firstCurr  a:hover{ 
text-decoration:none;
font-weight:bold
}



#leftmenu #secLevel{ 
font-size:11px;
padding-left:10px;
background:#E9E9EA;
margin-bottom:1px;
margin-top:2px;
font-weight: normal;
}


#leftmenu #secLevel a{ 
font-size:11px;
display:block;
text-decoration:none;
color:#888E95;
background:url(../images/arrow_left.gif) left no-repeat;
background-position: 0% 5px;
padding-left:10px;
font-weight: normal;
padding-top:2px;
padding-bottom:2px;
}

#leftmenu #secLevel  a:hover{ 
text-decoration:none;
font-weight: normal;
color:#4F5357;
}



/* FOOTER **********************************************************/
#footer #copy{
position:relative;
margin:0 auto;
text-align:left;
left:10px;
color:#002250;
margin-top:4px;
float: left;
font-size:10px;
word-spacing:-1px;
}


#footer #footer_menu{
position:relative;
margin:0 auto;
margin-top:4px;
float: left;
margin-left:20px;
font-size:10px;
text-align:center;
}



#footer #footer_menu a{
color:#002250;
font-size:10px;
padding-left:3px;
padding-right:3px;
font-weight:bold;
font-size:10px;
border-right:solid 1px #002250
}