﻿/***************************************** festo layout *****/
/************ Copyright (c) 2006-2015 Festo AG & Co. KG *****/
/************************************************************/
/*************************************** content styles *****/
/************************************************************/
/****************************** last updated 2015-02-11 *****/
/*default background image on appl: /rep/en-ca_ca/fw/img_bg/BG-festo-01.jpg***/
/*START: Inhaltsverzeichnis
    
    ---------------------------------------------------------------
    1. article content (Inhalte der Article Seiten), gallery
    ---------------------------------------------------------------
    2. article context col (Kontext-Spalte der Article Seiten)
    ---------------------------------------------------------------
    3. com-home (Styles fuer die festo.com Kontinent-Verteiler-Seite)
    ---------------------------------------------------------------
    4. country-home
       4.1 related content (Kontext-Spalte der Country-home Seite)
    ---------------------------------------------------------------
    5. title headlines
    ---------------------------------------------------------------
    6. overview generic
    ---------------------------------------------------------------
    7. overview Tab Cards
    ---------------------------------------------------------------
    8. Products Tab Navigation
    ---------------------------------------------------------------
    9. Error 404
    ---------------------------------------------------------------
    10. FAQ
    ---------------------------------------------------------------
    11. Site Map
    ---------------------------------------------------------------
    12. Validation
    ---------------------------------------------------------------
    13. contact
    ---------------------------------------------------------------
    14. popups
    ---------------------------------------------------------------
    15. search
    ---------------------------------------------------------------
    16. content list view
    ---------------------------------------------------------------
    17. news
    ---------------------------------------------------------------
    18. Print Preview Popups
    ---------------------------------------------------------------
    19. Article Tables
    ---------------------------------------------------------------
    20. Toggle Hidden Links
    ---------------------------------------------------------------
    21. additional items
    
    
    
*/
/*END: Inhaltsverzeichnis*/
/************************************************************/
/************************************************************/
/*START: 1. article content*/
/**START: bullet lists**/
div.section ul li,
div.text-wrapper ul li
{
    xfont-size: 12px;
    line-height: 16px;
    padding: 0 0 0 15px;
    display: block;   /* IE7  */
    display: flex;    /* FF30 */
    background: url(/rep/en-ca_ca/fw/css/import/img/icon_black_bullet.gif) no-repeat 0 5px;
    margin: 3px 0;
}
body#article div.section ul li,
body#article div.text ul li
{
    xfont-size: 12px;
    line-height: 16px;
    background: url(/rep/en-ca_ca/fw/css/import/img/icon_black_bullet.gif) no-repeat 0 6px;
    margin: 4px 0;
}
div.section ul,
div.text-wrapper ul
{
    margin: -3px 0 0 0;
}
div.section ul li,
div.text-wrapper ul li
{
    margin: 3px 0 0 0;
}
div.section * + ul,
div.text-wrapper * + ul
{
    margin-top: 3px;
}
div.section ul + *,
div.text-wrapper ul + *
{
    margin-top: 3px;
}
body#article div.section ul,
body#article div.text-wrapper ul
{
    margin-top: -4px;
}
body#article div.section ul li,
body#article div.text-wrapper ul li
{
    margin: 4px 0 0 0;
}
body#article div.section * + ul,
body#article div.text-wrapper * + ul
{
    margin-top: 4px;
    display:block;
    min-height:1%;
}
body#article div.section ul + *,
body#article div.text-wrapper ul + *
{
    margin-top: 4px;
}
/**END: bullet lists**/
p.caption 
{
    color: #999;
    xfont-size: 11px !important;
    line-height: 15px !important;
    padding: 7px 0 0;
}
p.highlighted, div.context-box p.highlighted
{
    xfont-size: 11px !important;
    line-height: 15px !important;
    background-color: #dcebf6;
    padding: 7px 5px 6px;
    margin: 13px 0 14px 0;
}
div.leadtext p
{
    padding: 0 0 4px;
    color: #666;
    font-weight: bold;
}
div.leadtext p a
{
    color: #666;
}
div.section div.combine
{
    padding: 0 0 4px;
}
div.section
{
    padding: 0 0 13px;
}
div.section h2
{
    padding: 0 0 4px;
}
div.column1 left-col,
div.column2 left-col
{
    overflow: hidden;
}
div.column1 div.left-col
{
    width: 150px;
    float: left;
    margin: 0 20px 0 0;
}
div.column1 div.left-col img,
div.column2 div.left-col img
{
    padding: 3px 0 0;
}
div.column1 div.right-col
{
    width: 330px;
    float: right;
}
div.column2 div.right-col
{
    width: 280px;
    float: right;
}
div.column2 div.left-col
{
    width: 200px;
    float: left;
    margin: 0 20px 0 0;
}
div.graphic img.img
{
    margin: 2px 0 17px 0;
}
div.richmedia-container
{
    padding: 3px 0 17px;
}
div.first-table,
div.table
{
    padding-top: 4px;
}
div.first-graphic div.richmedia-container
{
    padding: 3px 0 17px;
}
div.floated-150 div.float
{
    padding: 3px 20px 5px 0;
    float: left;
    width:150px;
}
div.floated-240 div.float,
div.floated-320 div.float
{
    padding: 3px 20px 9px 0;
    float: left;
}
div.floated-240 div.float
{
    width:240px;
}
div.floated-320 div.float
{
    width:320px;
}
div.floated-150 div.float p.caption
{
    width: 128px;
}
div.floated-240 div.float p.caption
{
    width: 218px;
}
div.floated-320 div.float p.caption
{
    width: 298px;
}
div.graphic p.caption
{
    width: 478px;
}
div.blockgallery,
div.blockgallery a,
div.blockgallery a img{
    padding-left: 0px;
    text-align: left;
}
div#table_710
{
    padding: 0 0 14px;
    clear:both;
}
div#table_710 img
{
    padding: 2px 0 0;
}
div#table_710 p.caption
{
    width: 710px;
    margin-top:-17px;
    margin-bottom:17px;
}
div#table_710 .tab-cards-content p.caption
{
    width: 690px;
}
body#article div#context_nav ul
{
    padding-top: 4px;
}
body#article div#context_nav ul li.current a
{
    font-weight: bold;
}
/*END: 1. article content*/
/************************************************************/
/************************************************************/
/*START: 2. article context col*/
div#context div.box-spacer
{
    height: 10px;
}
div#context div.box-spacer-small
{
    height: 8px;
}
div#context div.image
{
    height: 1px;
}
div#context img
{
    padding: 0 0 5px;
}
div#context p,
div#context h2
{
    xfont-size: 12px;
    line-height: 15px;
}
/*END: 2. article context col*/
/************************************************************/
/************************************************************/
/*START: 3. com-home*/
div#intro_text
{
    float: left;
    width: 240px;
    margin: 0 20px 0 0;
}
div#intro_text p
{
    padding: 0 0 15px;
    line-height: 15px;
}
div#map_col
{
    float: left;
    background: url(/rep/en-ca_ca/fw/img_bg/bg-weltkarte.gif) no-repeat 0 0;
    width: 510px;
    height: 279px;
    margin: 0 0 14px;
}
form#language_funnel
{
    width: 260px !important;
    margin: 24px 0 0 100px;
}
form#language_funnel fieldset
{
    border: 1px solid #ccc;
    padding: 6px 5px 12px;
    background: transparent url(/rep/en-ca_ca/fw/img_bg/bg-weltkarte-90.gif) no-repeat -100px -12px;
}
form#language_funnel fieldset p
{
    line-height: 15px;
    padding: 0 0 6px;
}
form#language_funnel select
{
    width: 170px;
    margin: 0 0 2px;
}
form#language_funnel input
{
    float: left;
}
form#language_funnel div#quick_links
{
    padding: 1px 0 0;
    margin: 0 0 -3px;
}
/*END: 3. com-home*/
/************************************************************/
/************************************************************/
/*START: 4. country-home*/
div.portlet-610x290,
div.portlet-610x140
{
    margin: 0 0 15px;
    border: 1px solid #ccc;
    height: 293px;
    width: 608px;
    overflow: hidden;
    float: left;
    display: inline;
}
div.portlet-610x140
{
    height: 138px;
}
div.portlet-140x140
{
    margin: 0 0 15px;
    border: 1px solid #ccc;
    height: 138px;
    width: 138px;
    overflow: hidden;
    float: left;
    display: inline;
}
div.portlet-290x290
{
    margin: 0 0 15px;
    border: 1px solid #ccc;
    height: 293px;
    width: 288px;
    overflow: hidden;
    float: left;
    display: inline;
}
div.portlet-290x140
{
    margin: 0 0 15px;
    border: 1px solid #ccc;
    height: 138px;
    width: 288px;
    overflow: hidden;
    float: left;
    display: inline;
}
div.portlet-140x290
{
    margin: 0 0 15px;
    border: 1px solid #ccc;
    height: 293px;
    width: 138px;
    overflow: hidden;
    float: left;
    display: inline;
}
div#portlet-col-left
{
    width: 290px;
    float: left;
}
div#portlet-col-right
{
    width: 290px;
    float: right;
}
div#portlet-col-right div.left,
div#portlet-col-left div.left
{
    float: left;
    margin-right: 10px;
    display: inline;
}
div.portlet-container
{
    padding: 6px 5px 6px;
}
div.portlet-240 div.portlet-container
{
    padding: 6px 5px 7px;
}
div.portlet-container h3
{
    color: #000;
    xfont-size: 11px;
    line-height: 15px;
}
p#introduction
{
    padding: 6px 0 16px;
}
body.centerLayout #home_content p#introduction {
    clear: both;
}
div.image-float
{
    padding: 4px 10px 4px 0;
    float: left;
}
div.image
{
    padding: 4px 0 6px;
}
select.portlet-selects
{
    width: 100%;
    margin: 7px 0 0;
}
/*START: Portlets Visuals with Text*/
div.portlet-big-visual
{
    margin: 0 0 20px;
    height: 200px; /*overwrite this with inline style when more space is needed*/
    width: 610px;
    overflow: hidden;
    float: left;
    position: relative;
}
div.portlet-610x140-visual
{
    height: 140px;
    width: 610px;
    overflow: hidden;
    margin: 0 0 15px;
    float: left;
    position: relative;
}
div.portlet-610x290-visual
{
    height: 290px;
    width: 610px;
    overflow: hidden;
    margin: 0 0 15px;
    float: left;
    position: relative;
}
div.portlet-290x140-visual
{
    height: 140px;
    width: 290px;
    overflow: hidden;
    margin: 0 0 15px;
    float: left;
    position: relative;
}
div.portlet-290x290-visual
{
    height: 295px;
    width: 290px;
    overflow: hidden;
    margin: 0 0 15px;
    float: left;
    position: relative;
}
div.portlet-140x140-visual
{
    height: 140px;
    width: 140px;
    overflow: hidden;
    margin: 0 0 15px;
    float: left;
    position: relative;
}
div.portlet-container-visual /* needed for mozilla <= 1.4 and netscape <= 7*/
{
    position: relative;
    overflow: hidden;
}
div.portlet-text-visual
{
    padding: 7px 10px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}
div.portlet-text-visual h3
{
    font-size: 18px;
    line-height: 25px;
    color: #999;
    font-weight: normal;
    margin: -3px 0 0 0;
    padding: 0 0 3px 0;
}
div.portlet-big-visual div.portlet-text-visual h3
{
    font-size: 25px;
    line-height: 30px;
    margin: -3px 0 0 0;
    padding: 0 0 6px 0;
}
div.portlet-text-visual p
{
    color: #000;
    font-size: 12px;
    line-height: 15px;
}
div.portlet-text-visual a
{
    font-size: 12px;
    line-height: 15px;
}
div.white-font p,
div.white-font a
{
    color: #fff;
}
div.white-font a.inline-link
{
    background-image: url(/rep/en-ca_ca/fw/css/import/img/icons/icon_link_fff.gif);
}
/*END: Portlets Visuals with Text*/
/*END: 4. country-home*/
/************************************************************/
/************************************************************/
/*START: 4.1 related content*/
div#home_context div.list ul, div.home_context div.list ul
{
    margin: 0 0 -6px;
}
body.centerLayout div#home_context ul {
    margin: 0 0 0 10px;
}
div#home_context div.box-spacer, div.home_context div.box-spacer
{
    height: 15px;
}
div#home_context div.box-spacer2, div.home_context div.box-spacer2
{
    height: 20px;
}
div.form-context-box h2
{
    padding-bottom: 2px!important;
}
div.form-context-box
{
    margin-bottom: 15px;
    padding: 10px 0 15px 0;
    background-color: #DCEBF6;
} 
div#home_context div.form-context-box
{
    margin-bottom:20px;
}
form.product_finder_form
{
    background-color: #DCEBF6;
    padding: 0 10px 0!important;
    position: relative;
}
input.rounded-button
{
    color: #fff;
    padding: 0 4px 1px 7px;
    border: 0;
    height: 18px;
    position: relative;
    background: transparent url(/rep/en-ca_ca/fw/css/import/img/button-bg.gif) no-repeat 0 0;
    xfont-size: 11px;
    float: left;
    overflow: visible;
    cursor: pointer;
}
div.white input.rounded-button
{
    color: #000;
    background: transparent url(/rep/en-ca_ca/fw/css/import/img/button-bg-white.gif) no-repeat 0 0;
}
div.whiteprint input.rounded-button
{
    color: #000;
    background: transparent url(/rep/en-ca_ca/fw/css/import/img/button-bg-white-print.gif) no-repeat 0 0;
}
div.whiteupdate input.rounded-button
{
    color: #000;
    background: transparent url(/rep/en-ca_ca/fw/css/import/img/button-bg-white-update.gif) no-repeat 0 0;
}
div.whitesave input.rounded-button
{
            padding: 0 4px 1px 18px;
            background: transparent url(/rep/en-ca_ca/fw/css/import/img/button-bg-white-save.gif) no-repeat 0 0;
}
 
div.disabledsave input.rounded-button
{
            padding: 0 4px 1px 18px;
            background: transparent url(/rep/en-ca_ca/fw/css/import/img/button-bg-white-save-disabled.gif) no-repeat 0 0;
            color: #fff;
}
 
div.whitecartexport input.rounded-button
{
            padding: 0 4px 1px 16px;
            background: transparent url(/rep/en-ca_ca/fw/css/import/img/button-bg-white-cartexport.gif) no-repeat 0 0;
}
 
div.disabledcartexport input.rounded-button
{
            padding: 0 4px 1px 16px;
            background: transparent url(/rep/en-ca_ca/fw/css/import/img/button-bg-white-cartexport-disabled.gif) no-repeat 0 0;
            color: #fff;
}
 
div.whitetool input.rounded-button
{
            padding: 0 4px 1px 18px;
            background: transparent url(/rep/en-ca_ca/fw/css/import/img/button-bg-white-tool.gif) no-repeat 0 0;
}
 
div.disabledtool input.rounded-button
{
            padding: 0 4px 1px 18px;
            background: transparent url(/rep/en-ca_ca/fw/css/import/img/button-bg-white-tool-disabled.gif) no-repeat 0 0;
            color: #fff;
}div.shopping
{
    margin:14px 0 0 0;
}
div.shopping input.rounded-button
{
    padding: 0 4px 1px 20px;
    background: transparent url(/rep/en-ca_ca/fw/css/import/img/button-bg-shopping.gif) no-repeat 0 0;
}
div.enabled input.button-arrow
{
    padding: 0 4px 1px 16px;
    background: transparent url(/rep/en-ca_ca/fw/css/import/img/button-bg-arrow.gif) no-repeat 0 0;
}
div.disabled input.rounded-button
{
    background: transparent url(/rep/en-ca_ca/fw/css/import/img/button-bg-disabled.gif) no-repeat 0 0;
    cursor: auto;
}
div.disabled input.button-arrow
{
    padding: 0 4px 1px 16px;
    background: transparent url(/rep/en-ca_ca/fw/css/import/img/button-bg-disabled.gif) no-repeat 0 0;
}
div.buttonEnding 
{
    display: inline;
    width: 1px;
    height: 18px;
    background: transparent url(/rep/en-ca_ca/fw/css/import/img/button-bg.gif) no-repeat right top;
    float: left;
}
div.white div.buttonEnding 
{
    background: transparent url(/rep/en-ca_ca/fw/css/import/img/button-bg-white.gif) no-repeat right top;
}
div.disabled div.buttonEnding 
{
    background: transparent url(/rep/en-ca_ca/fw/css/import/img/button-bg-disabled.gif) no-repeat right top;
}
div.right
{
    float:right;
}
div.left div.buttonEnding, 
div.right div.buttonEnding
{
    margin-right:10px;
}
div.form-context-box form input.products_keywords, 
div.form-context-box form input.products_pno
{
    width: 355px;
    border: 1px solid #ccc;
    float: left;
    padding: 1px 5px;
    margin: 0 5px 0 0;
}
div.form-context-box form input.products_qty
{
    width: 32px;
    border: 1px solid #ccc;
    float: left;
    padding: 1px 5px;
    margin: 0 5px 0 0;
}
#context div.form-context-box form input.products_pno
{
    width: 107px;
    margin:0;
}
#home_context div.form-context-box form input.products_pno
{
    width: 155px;
}
#home_context div.form-context-box form input.products_qty 
{
    width: 42px;
}
div.form-context-box form label
{
    float:left;
    width: 200px;
    color:#666666;
    margin:0 5px 2px 1px;
}
#context div.form-context-box form label
{
    width: 110px;
}
div.form-context-box form label.products_qty
{
    width: 44px!important;
}
#home_context div.form-context-box form label.products_qty
{
    width: 54px;
}
#portlet-col-left div.form-context-box form input.products_keywords, 
#portlet-col-right div.form-context-box form input.products_keywords
{
    width: 130px;
}
#context div.form-context-box form input.products_keywords
{
    width: 155px;
    margin-bottom:4px;
}
#home_context div.form-context-box form input.products_keywords
{
    width: 208px;
    margin-bottom:4px;
}
div.form-context-box form select
{
    width: 367px;
    float: left;
    margin: 0 5px 0 0;
}
#home_context div.form-context-box form select
{
    width: 220px;
}
#context div.form-context-box form select
{
    width: 167px;
    margin-bottom:4px;
}
#portlet-col-left div.form-context-box form select, 
#portlet-col-right div.form-context-box form select
{
    width: 142px;
}
div.form-context-box form input.input-image
{
    float: left;
}
#context div.form-context-box form br
{
    display:none
}
div.form-context-box form p, 
body#article div.form-context-box form p
{
    padding: 5px 0 8px;
    xfont-size: 11px;
}
body#article div#content div.form-context-box form p a
{
    xfont-size: 11px;
}
form a.information
{
    background-image:none!important;
    padding:2px 0 0 10px!important;
    float: left!important;
}
#context form a.information
{
    padding:5px 0 0 10px!important;
}
div.product_finder_fieldset,
div.technology_select_fieldset
{
    padding: 1px 0 0;
}
div#login_box, 
div#register_box
{
    border: 1px solid #ccc;
    padding: 10px 9px 15px 10px;
}
body.centerLayout #gen_nav div#login_box {
    background: transparent url(/rep/en-ca_ca/fw/css/import/img/icons/bg_login.png) no-repeat 0 0;
    border: none;
    height: 120px;
    margin-left: -5px;
    padding: 5px 9px 10px 82px;
    position: absolute;
    top: -6px;
    width: 213px;
    z-index: 10;   
}
body.centerLayout div#gen_nav div#login_box input#pass,
body.centerLayout div#gen_nav div#login_box input#user {
    margin-bottom: 7px;
    position: relative;
    top: 4px;
    width: 184px;
}
body.centerLayout div#gen_nav div#login_box label {
    font-size: 12px;
    display: none;
}
div#register_box
{
    background-color:#fff;
}
#portlet-col-left div#login_box, 
#portlet-col-right div#login_box, 
#portlet-col-left div#register_box, 
#portlet-col-right div#register_box
{
    padding: 6px 5px 7px 5px;
    width:278px;
}
body#overview #portlet-col-left div#login_box, 
body#overview #portlet-col-right div#login_box, 
body#overview #portlet-col-left div#register_box, 
body#overview #portlet-col-right div#register_box
{
    padding: 6px 5px 7px 5px;
    width: 228px;
}
#portlet-col-left div#login_box, 
#portlet-col-left div#register_box 
{
    float:left;
}
form#login_form select
{
    width: 269px;
    float:left;
    clear:both;
}
div#register_box .buttons {
    clear:left;
}
form#login_form input.text
{
    width: 256px;
    border: 1px solid #ccc;
    padding: 1px 5px;
}
#portlet-col-left form#login_form input.text, 
#portlet-col-right form#login_form input.text
{
    width: 216px;
    border: 1px solid #ccc;
    padding: 1px 5px;
}
#portlet-col-left form#register_form select.text, 
#portlet-col-right form#register_form select.text
{
    width: 226px;
}
/* 20130626 BEO*/
body.centerLayout div#gen_nav.white ul li form#login_form  a
{
    color: #000;
}
form#login_form label, 
form#register_form label
{
    color: #999;
    padding: 4px 0 2px;
}
form#login_form h2.title, 
form#regiter_form h2.title
{
    margin-bottom: 1px;
}
form#login_form input.textpass, 
form#login_form select.textpass, 
input#pass
{
    margin: 0 0 10px;
}
form#register_form input.textpass, 
form#register_form select.textpass, 
input#pass
{
    margin: 0 0 8px;
}
div.buttons a.link
{
    float: right;
    clear: right;
    margin: 2px 0 0;
    background: url(/rep/en-ca_ca/fw/css/import/img/icons/icon_link.gif) no-repeat left center;
    padding: 0 0 0 14px;
    color: #000;
}
body.centerLayout div#gen_nav div.buttons a.link {
    float: none;
    clear: none;
    margin: 0;
}
body.centerLayout div.buttons a.link {
    float: none;
}
/*END: 4.1 related content*/
/************************************************************/
/************************************************************/
/*START: 5. title headlines*/
div#content_col h1.title
{
    color: #999;
    font-size: 25px;
    line-height: 30px;
    font-weight: normal;
    padding: 0 0 11px;
    width: 500px;
}
body#country_home div#content_col h1.title
{
    color: #999;
    font-size: 30px;
    line-height: 30px;
    font-weight: normal;
    padding: 2px 0 7px;
    width: 610px;
}
body.toolintegration5 div#content_col h1.title
{
    padding-left: 219px;
}
div#title_zone h1
{
    color: #999;
    font-size: 30px;
    line-height: 30px;
    font-weight: normal;
    margin: 5px 0 22px -2px;
}
div#context h2.title, .form-context-box h2.title
{
    color: #666;
    font-size: 15px;
    line-height: 15px;
    font-weight: bold;
    padding: 4px 0 6px;
}
div#home_context h2.title, div.home_context h2.title
{
    color: #666;
    font-size: 15px;
    line-height: 15px;
    font-weight: bold;
    padding: 1px 0 4px;
}
div#product_finder h2.title
{
    padding: 1px 0 4px;
}
div.portlet-240 h2.title
{
    color: #666;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    padding: 0 0 1px 0;
}
body#sitemap div.list h2.title
{
    color: #666;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    margin: 16px 0 -1px 0;
    padding: 0;
}
body#search div#content_col h2.title
{
    color: #666;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    padding: 0 0 1px 0;
}
/*END: 5. title headlines*/
/************************************************************/
/************************************************************/
/*START: 6. overview generic*/
div.blue-box 
{
    background-color:#DCEBF6;
    padding:8px;
}
div.context-box p
{
    padding: 0 0 5px;
}
div.context-box p.list-intro-paragraph
{
    padding: 0 0 4px;
}
div.context-box div.list
{
    padding: 0 0 3px;
    margin: -2px 0 0;
}
body#overview div#portlet-col-left,
body#overview div#portlet-col-right
{
    width: 240px;
    padding: 15px 0 0;
}
div.portlet-240
{
    margin: 0 0 15px;
    border: 1px solid #ccc;
    width: 238px;
}
div.portlet-240 p
{
    padding: 0 0 4px;
}
div.portlet-240 div.list
{
    padding: 0 0 2px;
    clear: left;
}
div.portlet-240 form.select-form
{
    padding: 2px 0 7px;
}
div.portlet-240 select.portlet-selects
{
    width: 192px;
    margin: 0 4px 0 0;
    float: left;
}
div.portlet-240 input.input-image
{
    float: left;
    display: inline;
    padding: 1px 0 0;
}
body#overview div#application
{
    float: right;
    width: 710px;
    clear: none;
    margin: 8px 0 11px;
}
/*END: 6. overview generic*/
/************************************************************/
/************************************************************/
/*START: 7. overview Tab Cards*/
div.tab-cards
{
    padding: 4px 0 15px 0;
}
div.tab-cards ul.tabs
{
    display:inline-block;
    position:relative;
    top:0;
    z-index:2;
}
div.tab-cards ul.tabs li
{
    float: left;
    border: 1px solid #ccc;
    margin: 0 2px 0 0;
    padding: 0;
    background: #e5e5e5;
}
div.tab-cards ul.tabs li a
{
    xfont-size: 11px;
    line-height: 15px;
    display: block;
    color: #000;
    padding: 5px 8px 5px 9px;
}
body#article div.tab-cards ul.tabs li a
{
    xfont-size: 12px;
    line-height: 16px;
    padding-bottom:4px;
}
div.tab-cards ul.tabs li.current a
{
    font-weight: bold;
    color: #0091dc;
    padding: 5px 8px 5px 9px;
}
div.tab-cards ul.tabs li.current
{
    background-color: #fff;
    border-bottom:#fff !important;    
    padding-bottom:1px;
}
div.tab-cards div.tab-cards-content
{
    padding: 10px 9px 14px;
    border: 1px solid #ccc;
    margin-top:-1px;    
}
div.tab-cards-content div.column1 div.right-col
{
    width: 310px;
}
div.tab-cards-content div.column2 div.right-col
{
    width: 260px;
}
div.tab-cards-content div.select-container
{
    padding: 3px 0 5px;
}
div.tab-cards-content p.introduction
{
    padding: 0 0 8px;
}
div.tab-cards-content select.tab-cards-selects
{
    width: 230px;
    margin: 0 0 5px;
    float: left;
}
div.tab-cards-content select.right
{
    float: right;
}
p.introduction-paragraph
{
    padding: 0 0 12px;
}
/*END: 7. overview Tab Cards*/
/************************************************************/
/************************************************************/
/*START: 8. Products Tab Navigation*/
ul.catalog a
{
    xfont-size: 11px;
    line-height: 15px;
    padding: 0 0 5px;
    display: block;
    color: #000;
}
ul#tab_nav
{
    padding: 2px 0 0;
}
ul#tab_nav li
{
      float: left;
      margin: 0 2px -1px 0;
      border-top: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-left: 1px solid #ccc;
      border-bottom: none;
      padding: 0;
      background: none;
      position: relative;
      top: 1px;
}
ul#tab_nav li a
{
    display: block;
    color: #000;
    background-color: #e5e5e5;
    padding: 3px 9px 0 5px;
}
ul#tab_nav li.selected
{
      border-bottom: 1px solid #fff;
}
ul#tab_nav li a.selected
{
    font-weight: bold;
    background-color: #fff;
    padding: 3px 9px 2px 5px;
}
div.tab-hide
{
    display: none;
}
div.tab-content
{
      background-color: #fff;
      border: 1px solid #ccc;
      padding: 12px 4px 6px 5px;
      margin-top: 1px;
}
div.tab-content ul li
{
    padding: 0;
    background: none;
}
div#tab_content_products
{
    margin-top:1px;
}
div#selected_products
{
    background-color: #e5e5e5;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 8px 4px 9px 5px;
}
div#selected_products h3
{
    font-weight: bold;
    xfont-size: 11px;
    line-height: 10px;
    margin: 0 0 5px;
    padding: 1px 0 0 15px;
    background: url(/rep/en-ca_ca/fw/css/import/img/icons/icon_product.gif) no-repeat;
    color: #000;
}
ul.products-cart li
{
    padding: 0;
    background: none;
}
ul.products-cart li a
{
    xfont-size: 11px;
    line-height: 20px;
}
ul.products-cart li.not-null a
{
    background: url(/rep/en-ca_ca/fw/css/import/img/icons/icon_plus.gif) no-repeat 0 2px;
    padding: 0 0 0 14px;
}
ul.products-cart li.open a
{
    background-image: url(/rep/en-ca_ca/fw/css/import/img/icons/icon_minus.gif) !important;
}
div#application
{
    padding: 3px 0 4px !important;
    float: left;
    clear: both;
}
/*END: 8. Products Tab Navigation*/
/************************************************************/
/************************************************************/
/*START: 9. Error 404*/
body#error404 div#content p
{
    padding: 0 0 5px;
}
/*END: 9. Error 404*/
/************************************************************/
/************************************************************/
/*START: 10. FAQ*/
body#faq div#context p
{
    padding-bottom: 4px;
}
body#faq p.introduction-paragraph
{
    padding: 0 0 15px;
}
body#faq a#missing_faq
{
    margin: 11px 0 0;
}
div.faq_list
{
    border-top: 3px solid #000;
    padding-top: 14px;
}
div.faq_list ul
{
    border-bottom: 3px solid #000;
    margin: 1px 0 14px;
    padding-bottom: 14px;
}
.answer-box
{
    border-bottom: 3px solid #000;
    margin: 14px 0;
    padding-bottom: 14px;
}
dd 
{
    padding: 0 0 6px;
    border-bottom: 1px solid #000;
    position: relative;
    width: 100%;
}
dt 
{
    margin: 17px 0 0;
}
p.top
{
    height: 11px;
    text-align: right;
    padding: 0;
    margin: 0;
}
/*END: 10. FAQ*/
/************************************************************/
/************************************************************/
/*START: 11. Site Map*/
body#sitemap div.list
{
    padding: 0 0 4px;
    border-bottom: 1px solid #000;
}
body#sitemap h1.title
{
    padding: 0 0 14px !important;
}
div.sitemap-lists
{
    border-top: 3px solid #000;
}
/*END: 11. Site Map*/
/************************************************************/
/************************************************************/
/*START: 12. Validation */
div.error-message
{
    padding: 2px 0 16px;
}
div.error-message p
{
    xfont-size: 11px;
    line-height: 15px !important;
    color: #ff0000;
}
div.error-message ul li
{
    color: #ff0000;
    xfont-size: 11px;
    line-height: 15px;
    padding: 0 0 0 8px;
    background: url(/rep/en-ca_ca/fw/css/import/img/li-bullet-ff0000.gif) no-repeat 0 7px;
}
p.error,
div.form-wrapper p.error,
p.error input,
p.error textarea
{
    color: #ff0000;
}
#portlet-col-left form#login_form p.error,
#portlet-col-right form#login_form p.error, 
#portlet-col-left form#register_form p.error,
#portlet-col-right form#register_form p.error
{
    padding-bottom:0;
    margin-bottom:0;
}
h1.error
{
    color: #ff0000 !important;
}
.summary-hidden
{
    display: none;
}
.summary-shown
{
    display: block;
}
label.validator-error-hidden
{
    color: inherit;
}
input.validator-highlight-hidden,
select.validator-highlight-hidden,
textarea.validator-highlight-hidden
{
    color: inherit;
}
.validator-error-shown,
p.validator-error-shown,
span.validator-error-shown
{
    color: #ff0000 !important;
}
div.validator-error-shown
{
    color: #ff0000 !important;
}
label.validator-error-shown
{
    color: #ff0000 !important;
}
select.validator-highlight-shown,
input.validator-highlight-shown,
textarea.validator-highlight-shown
{
    background-color: #f6f6f6 !important;
}
form#product_contact textarea.validator-highlight-shown
{
    color: #ff0000 !important;
}
.validator-mandatory-label-shown
{
    display: inline;
}
.validator-mandatory-label-hidden
{
    display: none;
}
/*END: 12. Validation */
/************************************************************/
/************************************************************/
/*START: 13. contact*/
div.form-wrapper
{
    padding:0;
}
form.contactform legend
{
    display: none;
}
body#contact fieldset
{
    margin: 0;
    border-bottom-style: none;
    border-top: 1px solid #ccc;
    padding: 20px 0 0;
}
form.contactform input.radio 
{
    display: block;
    float: left;
    margin: 0 4px 0 0;
    width: 13px;
    height: 13px;
    padding: 0;
}
form.contactform input.checkbox
{
    display: block;
    float: left;
    margin: 0 4px 0 0;
    width: 13px;
    height: 13px;
    padding: 0;
}
form.contactform label.checkbox-label
{
    margin-left: 18px;
    display: block;
    width: 157px;
}
form.contactform label.radio-label
{
    margin-left: 18px;
}
form.contactform label
{
    xfont-size: 11px;
    line-height: 15px;
}
form.contactform textarea
{
    xfont-size: 11px;
    line-height: 15px;
    padding: 0 0 0 5px;
    margin: 0 0 -1px 0; /*firefox*/
    height: 98px;
    width: 168px;
    border: 1px solid #ccc;
}
form.contactform input.text
{
    xfont-size: 11px;
    width: 168px;
    padding: 1px 0 1px 5px;
    border: 1px solid #ccc;
}
form.contactform select
{
    xfont-size: 11px;
    width: 175px;
}
form.contactform input.city 
{
    width: 101px;
    float: left;
}
form.contactform input.zipcode
{
    width: 55px;
    margin: 0 0 0 5px;
    float: left;
}
form.contactform table.form
{
    width: 335px;
    float: left;
}
form.contactform table.form td
{
    xfont-size: 11px;
    line-height: 15px;
    vertical-align: top;
}
form.contactform table.form td.label 
{
    padding: 2px 10px 0 0;
    width: 140px;
}
form.contactform table.form td.select-label 
{
    padding: 3px 10px 11px 0;
}
form.contactform table.form td.textarea-label 
{
    padding: 1px 10px 0 0;
}
form.contactform table.form td.input 
{
    padding: 0 10px 10px 0;
    width: 165px;
}
form.contactform table.form td.radio 
{
    padding: 0 10px 6px 0;
    width: 165px;
}
form.contactform table.form td.checkbox 
{
    padding: 0 10px 6px 0;
    width: 165px;
}
form.contactform table.form td.textarea
{
    padding: 0 10px 10px 0;
    width: 165px;
}
form.contactform table.form td.select 
{
    padding: 0 10px 9px 0;
    width: 165px;
}
div.hint
{
    padding: 5px 7px 10px 8px;
    width: 150px;
    background-color: #ddebf7;
    float: left;
}
form.contactform table.form td.submit 
{
    padding: 0;
}
form.contactform p.introduction-paragraph
{
    padding: 0 0 10px;
}
form.contactform input.input-image
{
    float: left;
}
form.contactform div#context div.box-spacer
{
    height: 9px;
}
form.contactform p#required
{
    float: right;
    color: #999;
    padding: 1px 10px 0 0;
    position: relative;
    right: -1px;
    xfont-size: 11px !important;
    line-height: 15px !important;
}
body#contact div.context-box div.list
{
    padding: 0 0 3px;
    margin: 2px 0 0;
}
div.radio-float
{
    float: left;
    padding: 0 8px 0 0;
}
div.err 
{
    color: #f00;
    border: 1px solid #f00; 
    padding: 2px; 
    background-color:#f6f6f6; 
    position: absolute; 
    width: 169px; 
    height: 36px; 
}
 
div.err p
{
    color: #f00;
}
 
form.contactform input.inputerror, 
form.contactform textarea.inputerror
{
    border: 1px solid #f00;
}
 
.stern 
{
    color: #ff0000;
}
/*END: 13. contact*/
/************************************************************/
/************************************************************/
/*START: 14. popups*/
body#popup div.form-wrapper
{
    padding: 4px 0 0;
    float: left;
    margin: 0 17px 0 0;
    width: 320px;
}
body#popup div#content p
{
    xfont-size: 12px;
    line-height: 16px;
}
/*END: 14. popups*/
/************************************************************/
/************************************************************/
/*START: 15. search*/
ul.no-links
{
    padding: 0 0 12px;
}
ul.no-links li,
div.text-wrapper ul.no-links li
{
    xfont-size: 11px;
    line-height: 15px;
    display: block;
    background: url(/rep/en-ca_ca/fw/css/import/img/icon_black_bullet.gif) no-repeat 0 5px;
    padding-bottom: 2px;
}
h2#hints
{
    font-size: 11px;
    line-height: 15px;
    color: #666;
    margin: 0 0 4px;
}
div#keywords_advanced
{
    padding: 4px 0 16px;
}
div#keywords_advanced input#keywords_advanced_field
{
    width: 142px;
    border: 1px solid #ccc;
    float: left;
    padding: 1px 5px;
    margin: 0 5px 0 0;
}
div.blue-box div#keywords_advanced input#keywords_advanced_field
{
    width: 126px;
}
div#keywords_advanced input.input-image
{
    float: left;
}
form#search_filter_form
{
    padding: 2px 0 1px;
}
div.expert_search_filter label
{
    color: #999;
    padding: 6px 0 4px;
}
div.expert_search_filter select
{
    width: 191px;
    margin: 0 -1px 2px 0;
}
#context div.blue-box select 
{
    width: 175px!important;
    margin: 0 -1px 2px 0;
}
div.recommend_box
{
    border: 1px solid #ccc;
    padding: 6px 5px 11px;
    margin: 16px 0 0;
}
a.catalog-link
{
    padding: 0 0 0 14px;
    background: url(/rep/en-ca_ca/fw/css/import/img/icon_catalog.gif) no-repeat 0 1px;
    margin: 4px 0 0;
    display: block;
    line-height: 16px;
}
div.search_result_boxes
{
    border-top: 3px solid #000;
    margin-bottom: 20px;
}
div.search-result-box
{
    border-bottom: 1px solid #000;
    padding: 16px 0 6px;
}
div.search-result-box h2
{
    font-size: 11px;
    line-height: 15px;
}
div.last
{
    border-bottom: none;
    padding: 16px 0 0;
    margin-bottom: -1px;
}
div.search_results_head
{
    margin-bottom: 1px;
}
p.results-count
{
    float: left;
}
p.pagination
{
    float: right;
}
p.pagination span.page-x-of-x
{
    margin: 0 5px 0 5px;
}
p.link-options
{
    overflow: hidden;
    padding: 5px 0 0;
}
p.link-options a
{
    color: #999;
}
p.link-options span
{
    color: #ccc;
    padding: 0 4px;
}
span.wordhighlight
{
    background-color:#DCEBF6;    
}
/*END: 15. search*/
/************************************************************/
/************************************************************/
/*START: 16. content list view*/
table#content_list td
{
    border-bottom: 1px solid #000;
}
table#content_list tr.last td
{
    border-bottom: none;
    padding-bottom: 0 !important;
}
table#content_list th
{
    padding: 0 0 1px;
    color: #999;
    xfont-size: 11px;
    line-height: 16px;
    font-weight: normal;
    border-bottom: 3px solid #000;
}
table#content_list td.options
{
    white-space: nowrap;
    padding: 12px 0 5px;
}
table#content_list td.options a
{
    color: #000;
}
table#content_list td.description
{
    padding: 17px 20px 6px 0;
}
td.description h3
{
    color: #000;
    xfont-size: 11px;
    line-height: 15px;
}
td.description h3 span.date
{
    font-weight: normal;
}
td.description h3 span.pipe
{
    font-weight: normal;
    color: #ccc;
}
body#content_list_view p.introduction-paragraph
{
    padding: 0 0 22px;
}
/*END: 16. content list view*/
/************************************************************/
/************************************************************/
/*START: 17. news*/
div.section p.date
{
    color: #999;
    padding: 5px 0 9px;
}
/*END: 17. news*/
/************************************************************/
/************************************************************/
/*START: 18. Print Preview Popups*/
div#preview_nav_zone
{
    padding: 0;
}
div#preview_nav_zone p
{
    xfont-size: 11px;
    line-height: 15px;
    font-weight: bold;
    color: #000;
    border-top: 1px solid #ccc;
    padding: 7px 0 6px;
    width: 500px;
}
div#preview_nav_zone p.print
{
    line-height: 16px;
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
    margin: 0 0 14px;
}
div#preview_nav_zone p span
{
    padding: 0 6px 0 5px;
}
div#preview_nav_zone p a
{
    font-weight: normal;
    font-style: normal;
}
div#window_close
{
    margin-bottom: 10px;
}
/*END: 18. Print Preview Popups*/
/************************************************************/
/************************************************************/
/*START: 19. Article Tables*/
table.no-border, 
table.no-border td, td.no-border, 
table.no-border th, th.no-border
{
    border: none!important;
}
/* Verwendung in floatenden Tabellen */
div.table-container
{
    padding-bottom: 17px;
}
#table_710 table
{
    width: 710px;
    clear: both;
    margin-bottom: 17px;
}
#table_710 .tab-cards-content table
{
    width:690px;
}
.section table
{
    width: 500px;
    margin-bottom: 17px;
}
dd table
{
    width: 500px;
    margin: 6px 0 6px 0;
}
.tab-cards-content table
{
    width:480px;
}
.section p.caption 
{
    margin-top: -17px;
    margin-bottom:17px;
}
.floated-150 table, 
div.column1 div.left-col table
{
    width: 150px;
    margin-bottom: 0;
}
div.column2 div.left-col table
{
    width: 200px;
    margin-bottom: 0;
}
.floated-150 p.caption, 
div.column1 div.left-col p.caption, 
div.column2 div.left-col p.caption
{
    margin-top: 0;
    margin-bottom: 0;
}
.floated-240 table
{
    width: 240px;
    margin-bottom: 0;
}
.floated-240 p.caption 
{
    margin-top: 0;
    margin-bottom: 0;
}
.floated-320 table
{
    width: 320px;
    margin-bottom: 0;
}
.floated-320 p.caption 
{
    margin-top: 0;
    margin-bottom: 0;
}
.section table td, .section table th, 
dd table td, dd table th, 
#table_710 table td, #table_710 table th
{
/*    font-size: 11px; */
    xfont-size: 12px;
    color: #000;
    line-height: 16px;    
/*    line-height: 15px; */
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding: 6px 4px 7px 5px;
}
.section table td.smallpad, .section table th.smallpad,
.section .float table td, .section .float table th,  
.section .left-col table td, .section .left-col table th, 
dd table td.smallpad, dd table th.smallpad,  
#table_710 table td.smallpad, #table_710 table th.smallpad
{
    padding: 1px 4px 2px 5px;
}
table.no-border td, td.no-border, 
table.no-border th, th.no-border
{
    padding-left: 0!important;
}
.section table th.normal, 
dd table th.normal, 
#table_710 table th.normal
{
    font-weight: normal;
}
.section table td.right-align, .section table th.right-align, 
dd table td.right-align, dd table th.right-align, 
#table_710 table td.right-align, #table_710 table th.right-align
{
    text-align: right;
}
.section table td span.right-align, .section table th span.right-align, 
dd table td span.right-align, dd table th span.right-align, 
#table_710 table td span.right-align, #table_710 table th span.right-align
{
    text-align: right;
    display:block;
}
.section table td span.center-align, .section table th span.center-align, 
dd table td span.center-align, dd table th span.center-align, 
#table_710 table td span.center-align, #table_710 table th span.center-align
{
    text-align: center;
    display:block;
}
.section table td.colored-bg, .section table th.colored-bg, 
dd table td.colored-bg, dd table th.colored-bg, 
#table_710 table td.colored-bg, #table_710 table th.colored-bg
{
    background-color: #f6f6f6;
}
.section table td.right-border-3px, .section table th.right-border-3px, 
dd table td.right-border-3px, dd table th.right-border-3px, 
#table_710 table td.right-border-3px, #table_710 table th.right-border-3px
{
    border-right: 3px solid #000;
}
.section table td.noborder-left, .section table th.noborder-left, 
dd table td.noborder-left, dd table th.noborder-left, 
#table_710 table td.noborder-left, #table_710 table th.noborder-left
{
    border-left: none;
}
.section table td.noborder-bottom, .section table th.noborder-bottom, 
dd table td.noborder-bottom, dd table th.noborder-bottom, 
#table_710 table td.noborder-bottom, #table_710 table th.noborder-bottom
{
    border-bottom: none;
    padding-bottom: 3px;
}
.section table td.footcell, .section table th.footcell, 
dd table td.footcell, dd table th.footcell, 
#table_710 table td.footcell, #table_710 table th.footcell
{
    font-weight: bold;
    border-bottom-width: 3px;
    border-top: 3px solid #000;
}
.section table th, 
dd table th,
#table_710 table th 
{
    border-bottom-width: 3px;
}
.section table th.suphead, 
dd table th.suphead, 
#table_710 table th.suphead 
{
    border-bottom-width: 1px;
}
/*END: 19. Article Tables*/
/************************************************************/
/*START: 20. Toggle Hidden Links*/
li.hidden-links-trigger
{
    display: none;
}
span.show-all-label,
ul li.shown span.hide-all-label
{
    display: inline;
}
span.hide-all-label,
ul li.shown span.show-all-label
{
    display: none;
}
a.hidden-links-toggle
{
    background: url(/rep/en-ca_ca/fw/css/import/img/icons/icon_plus.gif) no-repeat 0 40%!important;
    padding: 0 0 0 14px;
    color: #000;
}
a.hidden-links-toggle-min
{
    background: url(/rep/en-ca_ca/fw/css/import/img/icons/icon_minus.gif) no-repeat 0 40%!important;
    padding: 0 0 0 14px;
    color: #000;
}
/*END: 20. Toggle Hidden Links*/
/************************************************************/
/************************************************************/
/*START: 21. additional items*/
/* typeahead function  */
.suggest 
{
    width:162px;
    border:1px solid;
    border-color:black;
    position:absolute;
    z-index:9999;
    top:123px;
    left:0px;
    background:white;
    visibility:hidden;
}
/*END: 21. additional items*/
/************************************************************/
/*END: 21. additional items*/
/************************************************************/
/*START: 21. ToolTips*/
.tp 
{
    border-bottom:1px dotted #0091DC;
    text-decoration:none!important;
    padding:0!important;
    background:none!important;
    position: relative;
    zoom: 1;
}
.tp:hover, .tp:hover:focus 
{
    border-bottom:1px dotted #0091DC;
    text-decoration:none!important;
}
a.lexikonTooltip,
a:link.lexikonTooltip,
a:visited.lexikonTooltip,
a:hover.lexikonTooltip,
a:focus.lexikonTooltip,
a:active.lexikonTooltip {
     position:relative; /*this is the key*/
     text-decoration: none!important;    
     background: none; 
     margin: 0!important;
     padding: 0!important;
     z-index: 10;
     border: 0!important;
}
head:first-child+body a.lexikonTooltip 
{
    display: block;
    float: left;
    margin: 0 0.1em 0 0!important;
}
a:hover.lexikonTooltip,
a:focus.lexikonTooltip,
a:active.lexikonTooltip 
{ 
    z-index:100; 
    background: #fff;
}
a.lexikonTooltip span,
a:link.lexikonTooltip span,
a:visited.lexikonTooltip span 
{
    display: none
}
.lexikonTooltip p 
{
    margin: 8px 0!important;
    padding: 0!important;
    text-decoration: none!important;
    position: relative;
}
.tooltip 
{
    background: url(/rep/en-ca_ca/fw/css/import/img/bg-tooltip-flex.gif) no-repeat top right;
    padding: 8px 0 14px 0;    
    border-bottom: 1px solid #0091DC;
    margin-bottom: 0px;
    display: none;
    position: absolute;
    /*width: 640px; */
    height: 150px;
    z-index: 100;
    margin-top: 12px;
}
.tooltip[class] 
{
    margin-top: -2px;    
}
.tooltipLoad 
{
    /*width: 620px; */
    height: 120px;
    position: absolute;
    background: url(/rep/en-ca_ca/fw/css/import/img/icons/busy.gif) no-repeat;    
    background-position: center;
}
.tooltipMargin 
{
    padding: 10px 0 4px 8px;
    /*width: 620px; */
    height: 150px;
    position: absolute;
    overflow: auto;
    border-left: 1px solid #0091DC;
    background-color:#fff;
}
.tooltipMargin[class] 
{
    height: 150px;
    overflow-x: auto;
}
.tooltip span 
{
    font-weight: normal!important;
}
.tooltip table 
{
    width: 190px!important;
    margin-left:1px!important;
}
/*END: 21. ToolTip*/
/************************************************************/
/************************************************************/
/*START: 22. Lightbox*/
a.showpreview
{
    float: right;
    background: none!important;
    margin: 6px 0 6px 6px;
}
div.graphic a.showpreview 
{
    margin-top: -11px;
}
#lightbox
{    
    position: absolute;    
    left: 0; 
    width: 100%; 
    z-index: 100; 
    text-align: center; 
    line-height: 0;
}
#lightbox img
{ 
    width: auto; 
    height: auto;
}
#lightbox a img
{ 
    border: none; 
}
#outerImageContainer
{ 
    position: relative; 
    background-color: #fff; 
    border:1px solid #000;
    border-bottom:0;
    width: 250px; 
    height: 250px; 
    margin: 0 auto; 
}
#imageContainer
{ 
    padding: 10px; 
}
#loading
{ 
    position: absolute; 
    top: 40%; 
    left: 0%; 
    height: 25%; 
    width: 100%; 
    text-align: 
    center; 
    line-height: 0; 
}
#hoverNav
{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    z-index: 10; 
}
#imageContainer>#hoverNav
{ 
    left: 0;
}
#hoverNav a
{ 
    outline: none;
}
#prevLink, #nextLink
{ 
    width: 49%; 
    height: 100%; 
    background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
    display: block; 
}
#prevLink 
{ 
    left: 0; 
    float: left;
}
#nextLink 
{ 
    right: 0; 
    float: right;
}
#prevLink:hover, #prevLink:visited:hover 
{ 
    background: url(/rep/en-ca_ca/fw/css/import/img/icons/icon-back-enabled.gif) left 15% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover 
{ 
    background: url(/rep/en-ca_ca/fw/css/import/img/icons/icon-next-enabled.gif) right 15% no-repeat; 
}
#imageDataContainer
{ 
    font: 10px Verdana, Helvetica, sans-serif; 
    background-color: #fff; 
    border:1px solid #000;
    border-top:0;
    margin: 0 auto; 
    line-height: 1.4em; 
    overflow: auto; 
    width: 100%    ; 
}
#imageData
{    
    padding:0 10px; 
    color: #666; 
}
#imageData #imageDetails
{ 
    width: 70%; 
    float: left; 
    text-align: left; 
}    
#imageData #caption
{ 
    font-weight: bold;    
}
#imageData #numberDisplay
{ 
    display: block; 
    clear: left; 
    padding-bottom: 1.0em;    
}            
#imageData #bottomNavClose
{ 
    float: right;  
    padding-bottom: 0.7em; 
    outline: none;
}         
#overlay
{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 90; 
    width: 100%; 
    height: 500px; 
    background-color: #000; 
}

/*
Festo CSS Library: eucp
Modified by: beo
Moditied at: 21.01.2015 12:10
*/
#eucp_container {
    background-color: rgb(247, 247, 247);
    display: none;
    height: 25px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 888887;
}
#eucp_content{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    z-index: 888888;
}
#eucp_text{
    color: rgb(153, 153, 153);
    float:left;    
    line-height: 25px;
    margin-right: 20px;
}
#eucp_anchor{
    color: rgb(153, 153, 153);
    text-decoration: underline;
}
#eucp_ok{
    background: white;
    color: rgb(153, 153, 153);
    float:left; 
    font-weight: bold;
    margin-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}