.screen_only {  }
.print_only { display:none; }

body    { background-color:#999999; background-image:url(../images/tpl/bg_body.gif); background-repeat:repeat-x; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px;} 

a:link, a:visited, a:active { text-decoration:none; color:#990000; }
a:hover { text-decoration:none; color:#FF0000; }

h1 { font-size: 22px; color:#cb1f45; }
h2 { font-size: 20px; color:#000000; }
h3 { font-size: 18px; color:#cb1f45; }
h4 { font-size: 16px; color:#000000; }
h5 { font-size: 14px; color:#cb1f45; }
h5 { font-size: 12px; color:#000000; }

.h1_feature { font-size: 12px; color:#000000; font-weight:bold; }

li { padding-bottom:8px; }

/*-------------------------------------------------
  Structure
-------------------------------------------------*/
#wrap1   { width:960px; margin-left:auto; margin-right:auto; background-color:#b1b1b1; background-image:url(../images/tpl/bg_wrap1.gif); background-repeat:repeat-y; }
#wrap2   { width:960px; margin-left:auto; margin-right:auto; background-image:url(../images/tpl/bg_wrap2.gif); background-repeat:repeat-y; }
#wrap3   { width:960px; margin-left:auto; margin-right:auto; background-image:url(../images/tpl/bg_wrap3.gif); background-repeat:no-repeat; padding:0;}
#wrap4   { width:960px; background-image:url(../images/tpl/bg_wrap4.gif); background-repeat:repeat-y; background-position:19px; padding:0;}
#wrap5   { width:912px; padding:0 24px;}
#header  { background-color:#FFFFFF;}
#content { width:696px; margin-left: 190px; margin-top:-15px; padding:0 0 20px 25px; background-image:url(../images/tpl/bg_content.gif); background-repeat:repeat-x; }
#content_no_submenu { width:696px; margin-left: 190px; margin-top:-15px; padding:0 0 20px 25px; background-image:url(../images/tpl/bg_content.gif); background-repeat:repeat-x; }
  #col_a { width:356px;  }
  #col_b { width:340px;  }
  #col_b-pad { width:300px; padding-left:25px; padding-right:15px; }
  #col_ab { width:660px;  }
#footer { width:960px; background-color:#b1b1b1; margin:0; background-image:url(../images/tpl/bg_footer.gif); background-repeat:no-repeat; padding:14px 0; text-align:center; font-size:12px; color:#666666;}
#footer a { color: #666; padding: 0 2px; text-decoration: none; }
#footer a:hover { color:#000; text-decoration: none; }

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
#globalnav { font-size:12px; color:#999999; line-height:22px; }
#globalnav a { color: #999; padding: 0 2px; text-decoration: none; }
#globalnav a:hover { color:#000; text-decoration: none; }

.lang-eng { display: inline; background-image:url(../images/tpl/lang.gif); background-position:0 0; background-repeat:no-repeat; text-decoration: none; }
.lang-eng:hover { background-position: 0 -17px; text-decoration:none; }
.lang-fre { display: inline; background-image:url(../images/tpl/lang.gif); background-position:-23px 0; background-repeat:no-repeat; text-decoration: none; }
.lang-fre:hover { background-position: -23px -17px; text-decoration:none; }
.lang-ger { display: inline; background-image:url(../images/tpl/lang.gif); background-position:-46px 0; background-repeat:no-repeat; text-decoration: none; }
.lang-ger:hover { background-position: -46px -17px; text-decoration:none; }

.input1 { height:18px; font-size:12px; color:#999999; background-color: #EFEFEF; border: 1px solid #999999; padding:3px 0 0 4px;}

/*-------------------------------------------------
  Menu
-------------------------------------------------*/
#menu { width:186px; padding:30px 0 0 1px; float:left;}
#menu ul { margin:0; padding:0; list-style-type:none; }
#menu li { margin:0; padding:0; }
#menu a { display:block; width:186px;  text-decoration: none; }
#menu .home a { background-image:url(../images/tpl/menu-home.gif); background-position:0 0; background-repeat:no-repeat; }
#menu .home a:hover { background-position: -188px 0; }
#menu .tech a { background-image:url(../images/tpl/menu-technologies.gif); background-position:0 0; background-repeat:no-repeat; }
#menu .tech a:hover { background-position: -188px 0; }
#menu .tech-ac a { background-image:url(../images/tpl/menu-technologies.gif); background-position:-188px 0; background-repeat:no-repeat; }
#menu .engi a { background-image:url(../images/tpl/menu-engineering.gif); background-position:0 0; background-repeat:no-repeat; }
#menu .engi a:hover { background-position: -188px 0; }
#menu .engi-ac a { background-image:url(../images/tpl/menu-engineering.gif); background-position: -188px 0; background-repeat:no-repeat; }
#menu .indu a { background-image:url(../images/tpl/menu-markets.gif); background-position:0 0; background-repeat:no-repeat; }
#menu .indu a:hover { background-position: -188px 0; }
#menu .indu-ac a { background-image:url(../images/tpl/menu-markets.gif); background-position: -188px 0; background-repeat:no-repeat; }
#menu .qual a { background-image:url(../images/tpl/menu-quality.gif); background-position:0 0; background-repeat:no-repeat; }
#menu .qual a:hover { background-position: -188px 0; }
#menu .qual-ac a { background-image:url(../images/tpl/menu-quality.gif); background-position:-188px 0; background-repeat:no-repeat; }
#menu .comp a { background-image:url(../images/tpl/menu-company.gif); background-position:0 0; background-repeat:no-repeat; }
#menu .comp a:hover { background-position: -188px 0; }
#menu .comp-ac a { background-image:url(../images/tpl/menu-company.gif); background-position: -188px 0; background-repeat:no-repeat; }
#menu .mult a { background-image:url(../images/tpl/menu-multimedia.gif); background-position:0 0; background-repeat:no-repeat; }
#menu .mult a:hover { background-position: -188px 0; }
#menu .mult-ac a { background-image:url(../images/tpl/menu-multimedia.gif); background-position: -188px 0; background-repeat:no-repeat; }
/* submenu styles  */
#menu ul ul { padding:5px 0 5px 20px; }
#menu ul ul li { padding:0 6px 2px 0; }
#menu .submenu a { background-image:none; width:166px; background-position: 0 0; padding: 6px 0; color:#000; font-size:11px; font-weight:bold; }
#menu .submenu a:hover { background-image:url(../images/tpl/menu-submenu.gif); background-repeat:repeat-x; width:166px; background-position: -30px 0; color:#cb1f45; }
#menu .submenu .ac a { background-image:url(../images/tpl/menu-submenu.gif); background-repeat:repeat-x; width:166px; background-position: -30px 0; color:#cb1f45; }

#breadcrumb { font-size: 11px; color: #999999; padding:30px 10px 0 0; text-align:right; }
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active { color:#cb1f45; text-decoration:none; }
#breadcrumb a:hover { color:#cb1f45; text-decoration:underline; }

/* .feature1 { background-image:url(../images/tpl/bg_feature1.gif); background-repeat:no-repeat; padding:10px; background-position:10px 0; }
*/ 
.feature1 { background-image:url(../images/tpl/bg_feature1.gif); background-repeat:no-repeat; background-position:6px 0; }
.feature1 td { padding:15px; }
.feature1 .close { background-image:url(../images/tpl/bg_feature1close.gif); background-repeat:no-repeat; background-position:bottom; }

.caption { font-size:11px; color:#666666; }
.more a { text-decoration:none; }
.more a:hover { text-decoration:none; color:#000000; }


/*-------------------------------------------------
  Timeline
-------------------------------------------------*/
/* Hover text and images styles */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{ position: relative; z-index: 0; }
.thumbnail:hover{ background-color: transparent; z-index: 50; }
/*CSS for enlarged image*/
.thumbnail span{  position: absolute; background-color: #FFF; padding: 5px; left: -1000px; border: 1px solid #CCC; visibility: hidden; color: black; text-decoration: none; }
.thumbnail span img{ border-width: 0; padding: 2px; }
/*CSS for enlarged image on hover*/
.thumbnail:hover span{  visibility:visible; top:5px; left:60px; width:250px; /*position where enlarged image should offset horizontally */ }

/*CSS for enlarged image (right half of page) on hover*/
.thumbnail_rt{ position: relative; z-index: 0; }
.thumbnail_rt:hover{ background-color: transparent; z-index: 50; }
/*CSS for enlarged image*/
.thumbnail_rt span{  position: absolute; background-color: #FFF; padding: 5px; left: -1000px; border: 1px solid #CCC; visibility: hidden; color: black; text-decoration: none; }
.thumbnail_rt span img{ border-width: 0; padding: 2px; }
/*CSS for enlarged image on hover*/
.thumbnail_rt:hover span{ visibility:visible; top:5px; left:-300px; width:250px; /*position where enlarged image should offset horizontally */ }


/*-------------------------------------------------
  vdaemon styles
-------------------------------------------------*/
.default { font-weight: bold }
.defaultErr { font-weight: bold; color: #FF0000; }
.errHeader { font-weight: bold; font-size:12px; color: #FF0000; }